.container {

    max-width: 1220px !important;

}



.family-chat-page-heading p {

    font-size: 14px;

    padding: 36px 5% 0 !important;

}



.family-chat-image-section .first-image img {

    border-top-left-radius: 80px;

}



.family-chat-image-section .first-image {

    height: 615px;

}



.family-chat-image-section .second-image {

    height: 300px;

}



.family-chat-image-section .third-image {

    height: 300px;

    border-bottom-left-radius: 80px;

}



.family-chat-image-section .third-image img {

    border-bottom-left-radius: 80px;

}



.family-chat-image-section .second-column-images .image_1 {

    width: 31%;

    height: 300px;

    background-color: #0daac8;

}
.image_1 div p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 10; /* number of lines to show */
            line-clamp: 10;
    -webkit-box-orient: vertical;
 
}


.light-bulb {

    height: 63px;

    width: 63px;

}



.family-chat-image-section .second-column-images .image_2 {

    width: 69%;

    height: 300px;

}



.family-chat-image-section .second-column-images .image_2 img {

    border-top-right-radius: 80px;

}



.image_3 {

    width: 100%;

    height: 615px;

}



.image_4 {

    width: 31%;

    height: 300px;

}





.slider-images-section {

    width: 69%;

}



.last-images-section {

    width: 31%;

}



.image_6 {

    width: 49%;

    height: 300px;

    background-color: #f0af13;

}
.image_6 div p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 10; /* number of lines to show */
            line-clamp: 10;
    -webkit-box-orient: vertical;
 
}
.image_6 a {

    color: #e94d39;

    text-decoration: none;

}



.image_5 {

    width: 49%;

    height: 300px;

}



.last-corner-image2 {

    height: 615px;

}



.last-corner-image2 img {

    border-bottom-right-radius: 80px;

}

.last-corner-image {

    height: 300px;

}



.exclusive-ads{

    background-color: #bcbdc0;

}



.family-chat-slider-sec .service_slider .owl-prev span {

    left: -15px;

    top: 290px !important;

    background-color: #e94d39 !important;

}

.family-chat-slider-sec .service_slider .owl-next span {

    top: 290px !important;

    right: -10px;

    background-color: #e94d39 !important;

}



.family-chat-slider-sec .family-slide{

    background-color: #a8a9ad;

    height: 100%;

    width: 100%;

}



.family-chat-slider-sec .slide-body-content h1{

    font-size: 60px;
    display: flex;
    align-items: start;
    max-height: 500px;
    overflow-y: hidden;

}



/* Basic Rules */

.switch input { 

    display:none;

}

.switch {

    display:inline-block;

    width:50px;

    height:21px;

    transform:translateY(50%);

    position:relative;

    bottom: 11px;

}

/* Style Wired */

.slider {

    position:absolute;

    top:0;

    bottom:0;

    left:0;

    right:0;

    border-radius:30px;

    box-shadow:0 0 0 1px #d1d2d4, 0 0 4px #d1d2d4 !important;

    cursor:pointer;

    border:0px solid transparent;

    overflow:hidden;

     transition:.4s;

     background:#d1d2d4;

}

.slider:before {

    position:absolute;

    content:"";

    width:100%;

    height:100%;

    background:#d1d2d4;

    border-radius:30px;

    transform:translateX(-30px);

    transition:.4s;

}



input:checked + .slider:before {

    transform:translateX(30px);

    background:#e94d39;

    border:0px solid transparent;

}

input:checked + .slider {

    box-shadow:0 0 0 1px #e94d39,0 0 2px #e94d39;

    border:0px solid transparent;

}



/* Style Flat */

.switch.flat .slider {

 box-shadow:none;

}

.switch.flat .slider:before {

  background:#FFF;

}

.switch.flat input:checked + .slider:before {

 background:d1d2d4;

}

.switch.flat input:checked + .slider {

  background:#e94d39;

  border:0px solid transparent;

}

.service_slider .owl-next span,  .service_slider .owl-prev span{

    height: 50px!important;

    width: 50px!important;

    line-height: 40px!important;

    font-size: 42px!important;

}



@media (max-width: 539px) and (min-width: 320px) { 



    .family-chat-image-section .second-column-images .image_1 {

        width: 100%;

    }

    .family-chat-image-section .second-column-images .image_2 {

        width: 100%;

    }

    .slider-images-section {

        width: 100%;

    }

    .family-chat-slider-sec .slide-body-content h1 {

        font-size: 26px!important;
        display: flex;
        align-items: flex-start;
        line-height: 32px;
        height: 280px;
        overflow-y: scroll;

    }
 

    .family-chat-image-section .second-column-images .image_3 {

        width: 100%;

        height: 400px!important;

    }

    .image_5 {

        width: 100%;

    }

    .image_6 {

        width: 100%;

        height: 300px;

    }

    .light-bulb {

        height: 70px;

        width: 70px;

    }

    .last-images-section {

        width: 100%;

    }

    .family-chat-slider-sec .service_slider .owl-prev span {

        left: 5px;

        top: 200px !important;

    }

    .family-chat-slider-sec .service_slider .owl-next span {

        top: 200px !important;

        right: 5px !important;

        left: unset !important;

    }

    .family-chat-image-section .first-image img {

        border-top-left-radius: 0px;

    }

    .family-chat-image-section .third-image img {

        border-bottom-left-radius: 0px;

    }

    .family-chat-image-section .second-column-images .image_2 img {

        border-top-right-radius: 0px;

    }

    .last-corner-image2 img {

        border-bottom-right-radius: 0px;

    }

    .service_slider .owl-next span,  .service_slider .owl-prev span{

        height: 35px!important;

        width: 35px!important;

        line-height: 30px!important;

        font-size: 36px!important;

    }

}



@media (max-width: 1023px) and (min-width: 540px) { 

    .family-chat-image-section .first-image img {

        border-top-left-radius: 0px;

    }

    .family-chat-image-section .third-image img {

        border-bottom-left-radius: 0px;

    }

    .family-chat-image-section .second-column-images .image_2 img {

        border-top-right-radius: 0px;

    }

    .last-corner-image2 img {

        border-bottom-right-radius: 0px;

    }

    .family-chat-image-section .second-column-images .image_1 {

        width: 100%;

        height: 600px;

    }

    .family-chat-image-section .second-column-images .image_2 {

        width: 100%;

    }

    .slider-images-section {

        width: 100%;

    }

    .family-chat-slider-sec .slide-body-content h1 {

        font-size:70px;

        /* line-height: 44px; */

    }

    .family-chat-image-section .second-column-images .image_3 {

        width: 100%;

        height: 600px!important;

    }

    .image_5 {

        width: 100%;

        height: 100%;

    }

    .image_6 {

        width: 100%;

        height: 600px;

    }

    .image_6 p{

        font-size: 30px !important;

    }

    .image_1 p{

        font-size: 30px !important;

    }

    .light-bulb {

        height: 170px;

        width: 170px;

    }

    .last-images-section {

        width: 100%;

    }

    .family-chat-slider-sec .service_slider .owl-prev span {

        left: 5px;

        top: 280px !important;

    }

    .family-chat-slider-sec .service_slider .owl-next span {

        top: 280px !important;

        right: 5px !important;

        left: unset !important;

    }

    .family-chat-image-section .first-image {

        height: 100%;

    }

    .family-chat-image-section .second-image {

        height: 100%;

    }

    .family-chat-image-section .third-image {

        height: 100%;

    }

    .family-chat-image-section .second-column-images .image_1 {

        /* height: 100%; */

    }

    .family-chat-image-section .second-column-images .image_2 {

        height: 100%;

    }

    .family-chat-image-section .last-corner-image {

        height: 100%;

    }

    .last-corner-image2 {

        height: 100%;

    }

    .service_slider .owl-next span,  .service_slider .owl-prev span{

        height: 40px!important;

        width: 40px!important;

        line-height: 35px!important;

        font-size: 40px!important;

    }





}