/*banner*/

.banner{
    position: relative;
    background-image: url(../images/banner-back.webp);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100vh;
    padding-block: 250px 250px;
}

.banner::before{
    position: absolute;
    content: '';
    background-image: url(../images/banner-extra1.svg);
    background-repeat: no-repeat;
    width: 200px;
    height: 195px;
    right: -57px;
    top: 32%;
    background-size: cover;

}

.banner::after{
    position: absolute;
    content: '';
    background-image: url(../images/banner-extra2.svg);
    background-repeat: no-repeat;
    width: 800px;
    height: 631px;
    left: -57px;
    bottom: 7%;
    background-size: cover;

}

.abs-box{
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 10;
    width: fit-content;
    height: fit-content;
}

.dr-name{
    display: none;
}


.doctor-image{
    width: 800px;
    height: 800px;
}


.doctor-image img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}


.banner-content-box {
    width: 650px;
    border: 1px solid #e7e7e7;
    border-radius: 20px;
    padding: 30px 30px;
    background: #35353521;
    backdrop-filter: blur(19px);
    border: 1.5px solid #ffffff40;
    background: #8f8f8f42;
    /* box-shadow: 0 8px 32px 0 #25252533; */
}

.banner-content h2{
    color: #fff;
    font-size: 39px;
    font-weight: 600;
    margin-bottom: 30px;
}

.banner-info{
    display: flex;
    flex-direction: column;
    gap: 3px;
    margin-bottom: 15px;
}


.banner-info h4{
    color: #fff;
    font-size: 19px;
    line-height: 29px;
}

.banner-content .dr-button{
    background-color: unset;
    border: 1px solid #e7e7e7;
    margin-bottom: 30px;
    display: block;
    width: fit-content;
}

.banner-content p{
    color: #fff;
    font-size: 19px;
    margin-bottom: 30px;
}

.banner-social{
    display: flex;
    align-items: center;
    gap: 20px;
}

.each-social{
    transition: .3s;
}

.each-social:hover{
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    transition: .3s;
}

/*banner*/





/*category*/

.category{
    padding-block: 100px;
}

.swiper-category-box{
    position: relative;

}

.category_swiper{
    position: unset !important;
}


.category_swiper .swiper-wrapper{
    position: unset !important;
}
.h_iframe-aparat_embed_frame span{
    display: none !important;
}






@keyframes leaf {
    0%{
        transform: rotate(5deg);
    }
    50%{
        transform: rotate(-2deg);
    }
    100%{
        transform: rotate(5deg);
    }

}


.swiper-category-box{
    width: 100%;
}


.cat-box{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
    position: relative;
}

.cat-box::before{
    opacity: 0;
    transition: .7s;
    position: absolute;
    z-index: 2;
    bottom: 30px;
    content: url('data:image/svg+xml,<svg width="32" height="37" viewBox="0 0 22 27" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.8"><path d="M6.16081 1.97484C6.16081 1.97484 10.8599 -2.50627 15.8813 2.03178L15.6128 7.00103C15.6128 7.00103 15.9268 4.49363 11.3221 4.51315C6.71891 4.53268 6.15918 7.60795 6.15918 7.60795V1.97484H6.16081Z" fill="%23DC2D78"/><path d="M0 20.6152C0 20.6152 9.34459 13.8577 13.6337 6.56983C14.8752 4.46108 15.0444 2.63219 14.6555 1.09781C14.6555 1.09781 18.8047 3.161 17.5111 8.86083C16.2176 14.5606 3.05412 26.7267 3.05412 26.7267L0 20.6152Z" fill="%23DC2470"/><path d="M21.9827 20.6152C21.9827 20.6152 12.6381 13.8577 8.34903 6.56983C7.10754 4.46108 6.93832 2.63219 7.3272 1.09781C7.3272 1.09781 3.17803 3.161 4.47159 8.86083C5.76516 14.5606 18.9286 26.7267 18.9286 26.7267L21.9844 20.6152H21.9827Z" fill="%23F0438B"/></g></svg>');
    animation: leaf 3s infinite;
}


.cat-shape{
    position: relative;
    width: 150px;
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(216, 216, 216, 0.25);
    border-radius: 50%;
    outline: 2px dashed #BABABA;
    outline-offset: 7px;
    transition: .7s;
}

.cat-icon{
    /*top: -41px;*/
    position: relative;
    width: 95px;
    height: 95px;
    transform: translateY(0px);
    transition: .7s;
}
.video-box iframe {
    border-radius: 25px !important;;
    position: relative !important;
    border: 0;
    top: -21px !important;
}

.cat-icon svg,.cat-icon img{
    width: 100%;
    height: 100%;
}

.category_swiper .swiper-wrapper{
    padding-block: 21px;
}

.cat-name h4{
    color: var(--extra-color);
    font-weight: 600;
    font-size: 18px;
}

.swiper-row{
    position: relative;
}



@media screen and (min-width: 767px){

    .cat-box:hover .cat-icon{
        transform: translateY(-38px);
        transition: .7s;
    }

    .cat-box:hover .cat-shape{
        background: #c1c9d77d;
        transition: .7s;
    }


    .cat-box:hover::before{
        opacity: 1;
        transition: .7s;
    }


}




.swiper-row::before{
    position: absolute;
    content: '';
    background-image: url(../images/leaf.png);
    background-repeat: no-repeat;
    width: 81px;
    height: 93px;
    background-size: contain;
    right: -74px;
    top: -100px;
}



/*category*/



/*about*/

.about-dr{
    position: relative;
    padding-block: 30px 100px;
}

.about-dr::before{
    position: absolute;
    content: '';
    background-image: url(../images/202.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right center;
    width: 505px;
    height: 304px;
    bottom: 0;
    left: 0;
}


/*.about-dr::before{*/
/*    position: absolute;*/
/*    content: '';*/
/*    background-image: url(../images/shape-about.png);*/
/*    background-repeat: no-repeat;*/
/*    width: 500px;*/
/*    height: 668px;*/
/*    background-size: contain;*/
/*    right: -43px;*/
/*    bottom: -86px;*/
/*    display: none;*/
/*}*/



.about-dr::after{
    position: absolute;
    content: '';
    background-image: url(../images/extra-about2.png);
    background-repeat: no-repeat;
    width: 500px;
    height: 190px;
    background-size: contain;
    left: -43px;
    bottom: 0;
    display: none;
}



.about-row{
    align-items: center;
}


.about-image{
    width: 100%;
    height: 700px;
}


.about-image img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.about-content-box{
    position: relative;
    background: rgba(216, 216, 216, 0.25);
    padding-block: 50px;
    border-radius: 30px;
    border: 1px solid #E7E7E7;
    padding-inline: 30px;
    margin-top: 60px;
}

.about-content-box::before{
    position: absolute;
    content: '';
    background-image: url(../images/leaf.png);
    background-repeat: no-repeat;
    width: 81px;
    height: 93px;
    background-size: contain;
    right: -43px;
    top: -26px;
    z-index: -1;
    animation: leaf 3s infinite;
}


.video-box{
    width: 100%;
    height: 100%;
    display: flex;
    position: relative;
    z-index: 2;
}


.video-box iframe{
    width: 373px !important;
    height: 226px !important;
    border-radius: 9px;
    position: unset !important;
}

.iframe .player-container {
    top: -21px;
}

.h_iframe-aparat_embed_frame {
    background-position: top !important;
}
.romeo .romeo-embed-main-frame{
    background-position: top;

}

.all-videos{
    display: flex;
    flex-direction: column;
    position: relative;
}

.first-box::before{
    position: absolute;
    content: '';
    border: 1px solid #e0e0e0;
    width: 311px;
    height: 273px;
    border-radius: 23px;
    right: 13px;
    bottom: -226px;
    z-index: 0;
}


.all-videos::before{
    position: absolute;
    content: '';
    border: 1px solid #1f375a;
    width: 207px;
    height: 358px;
    border-radius: 23px;
    right: 60px;
    top: -78px;
}


.all-videos::after{
    position: absolute;
    content: '';
    border: 1px solid #1f375a;
    width: 329px;
    height: 313px;
    border-radius: 20px;
    left: -64px;
    bottom: 73px;
}


.all-videos .video-box:first-child{
    justify-content: flex-start;
}

.all-videos .video-box:last-child{
    justify-content: flex-end;
}

.icon-shining{
    position: absolute;
    left: 17%;
}

.icon-shining::before{
    animation: shine 2s infinite;
    position: absolute;
    right: -18px;
    top: -21px;
    content: url('data:image/svg+xml,<svg width="28" height="31" viewBox="0 0 24 27" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.7891 0L12.7891 27" stroke="%231F375A"/><rect x="0.1875" y="12.9375" width="23.625" height="0.375" fill="white"/><rect x="0.1875" y="12.9375" width="23.625" height="0.375" stroke="%231F375A" stroke-width="0.375"/></svg>')
}


.icon-shining::after{
    animation: shine 2s infinite;
    animation-delay: 1.5s;
    position: absolute;
    right: -4px;
    top: -38px;
    content: url('data:image/svg+xml,<svg width="21" height="24" viewBox="0 0 24 27" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.7891 0L12.7891 27" stroke="%231F375A"/><rect x="0.1875" y="12.9375" width="23.625" height="0.375" fill="white"/><rect x="0.1875" y="12.9375" width="23.625" height="0.375" stroke="%231F375A" stroke-width="0.375"/></svg>')
}


.circle-shining{
    position: absolute;
    right: 4%;
    bottom: 0;
}

.circle-shining::before{
    animation: shine 2s infinite;
    position: absolute;
    right: -18px;
    top: -21px;
    content: url('data:image/svg+xml,<svg width="37" height="35" viewBox="0 0 37 35" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="1.1792" y="0.5" width="35" height="34" rx="17" stroke="%23263238"/></svg>')
}


.circle-shining::after{
    animation: shine 2s infinite;
    animation-delay: 1.5s;
    position: absolute;
    right: -4px;
    top: -38px;
    content: url('data:image/svg+xml,<svg width="37" height="35" viewBox="0 0 37 35" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="1.1792" y="0.5" width="35" height="34" rx="17" stroke="%23263238"/></svg>')
}


.about-items{
    list-style: none;
    padding-right: 0;
    margin-bottom: 70px;
}

.each-about-item{
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
    font-weight: 600;
    font-size: 16px;
}

/*about*/
.contact-form_desc{
    color: #fff;
}


/*cure*/

.cure{
    position: relative;
    background-image: url("../images/cure.png");
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    padding-block: 48px;
}

.cure::before{
    position: absolute;
    right: -102px;
    top: 30%;
    content: url('data:image/svg+xml,<svg width="285" height="306" viewBox="0 0 185 206" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M119 0.5H8C6.61929 0.5 5.5 1.61929 5.5 3V14C5.5 32.5015 20.4985 47.5 39 47.5H119C131.979 47.5 142.5 36.9787 142.5 24C142.5 11.0213 131.979 0.5 119 0.5Z" stroke="%23C3C3C3"/><path d="M58 172.5H182.243C183.49 172.5 184.5 173.51 184.5 174.757C184.5 191.736 170.736 205.5 153.757 205.5H58C48.8873 205.5 41.5 198.113 41.5 189C41.5 179.887 48.8873 172.5 58 172.5Z" stroke="%231F375A"/><path d="M29.5 69.5H160.135C160.889 69.5 161.5 70.1114 161.5 70.8652C161.5 82.2614 152.261 91.4998 140.865 91.5H29.5C23.4249 91.5 18.5 86.5751 18.5 80.5C18.5 74.4249 23.4249 69.5 29.5 69.5Z" stroke="%231F375A"/><path d="M114 103.5H3C1.61929 103.5 0.5 104.619 0.5 106V117C0.5 135.502 15.4985 150.5 34 150.5H114C126.979 150.5 137.5 139.979 137.5 127C137.5 114.021 126.979 103.5 114 103.5Z" stroke="%23C3C3C3"/></svg>');
}

.each-cure-box{
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 15px;
    background: rgba(31, 55, 90, 0.06);
    border-radius: 25px;
    margin-bottom: 20px;
}

.first-cure-box{
    background: var(--primary-color);
    position: relative;
}

.first-cure-box::before{
    position: absolute;
    bottom: -29px;
    right: -25px;
    content: url('data:image/svg+xml,<svg width="77" height="83" viewBox="0 0 97 93" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="26.2236" y="0.5" width="70.234" height="68.2553" rx="34.1277" stroke="%23A6AEB2"/><rect x="0.5" y="24.2446" width="70.234" height="68.2553" rx="34.1277" stroke="%23A6AEB2"/></svg>');
}

.col-cure{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.cure-icon{
    width: 60px;
    height: 60px;
}

.cure-icon img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.big-box{
    justify-content: space-between;
    min-height: 284px;
}

.cure-head{
    display: flex;
    align-items: center;
    gap: 15px;
}

.each-cure-box p{
    color: var(--primary-color);
}

.cure-name h6{
    color: var(--primary-color);
    font-weight: 600;
    font-size: 20px;
}
.category-box-disease{
    gap: 3rem;
    align-items: center;
    justify-content: center;
}

.first-cure-box .cure-name h6{
    color: #fff;
}

.each-cure-box .dr-button{
    width: fit-content;
    align-self: flex-end;
    background: transparent;
    border: 1px solid var(--primary-color);
    color: var(--primary-color) !important;
}

.each-cure-box .dr-button::before{
    background: var(--primary-color);
}



.each-cure-box.first-cure-box .dr-button{
    background: #fff;
    border: 1px solid #fff;
    color: var(--primary-color) !important;
}




/*cure*/







/*blogs*/


.blogs_swiper{
    position: unset !important;
}

.blogs_swiper .swiper-wrapper{
    position: unset !important;
}


.blogs_swiper .swiper-slide{
    padding: 8px;
}
.blogs_swiper .swiper-slide{
    padding-bottom: 10px;
}

.blogs{
    padding-block: 68px 0px;
    position: relative;

    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
}
.blogs::before{
    position: absolute;
    content: '';
    background-image: url(../images/33.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right center;
    width: 593px;
    height: 354px;
    filter: brightness(0.7);
    bottom: 56px;
}
.counseling::before{
    position: absolute;
    content: '';
    background-image: url(../images/shape-about.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right center;
    width: 593px;
    height: 354px;
    filter: brightness(0.7);
    bottom: 56px;
    display: none;
}

.blogs .container{
    position: relative;
}

.all-blogs{
    width: 100%;
    position: relative;
}

.all-blogs::before{
    position: absolute;
    content: '';
    background-image: url(../images/leaf.png);
    background-repeat: no-repeat;
    width: 111px;
    height: 133px;
    background-size: contain;
    right: -90px;
    top: -26px;
    z-index: -1;
    animation: leaf 3s infinite;
}


.all-blogs::after{
    position: absolute;
    content: '';
    background-image: url(../images/leaf2.png);
    background-repeat: no-repeat;
    width: 151px;
    height: 153px;
    background-size: contain;
    left: -30px;
    bottom: -26px;
    z-index: -1;
}


.each-blog{
    box-shadow: 0 0 10px -1px #b9b9c1;
    border-radius: 30px;
    background: #fff;
}

.blog-content{
    padding: 20px;
    padding-top: 10px;
}


.blog-image{
    position: relative;
    width: 100%;
    height: 188px;
}


.blog-image::before{
    position: absolute;
    content: '';
    /*background: rgba(31, 55, 90, 0.34);*/
    width: 100%;
    height: 100%;
    border-radius: 30px 30px 3px 30px;
    transition: .5s;
    top: 0;
}


.blog-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 30px 30px 3px 30px;
    transition: .5s;
}

.blog-name h4{
    font-size: 18px;
    color: var(--primary-color);
    font-weight: 600;
    padding-bottom: 15px;
    border-bottom: 2px solid #DCDCDC;
}

.blog-text p{
    color: #808080;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    line-height: 26px;
}

.blog-date{
    position: absolute;
    background: #c7efba;
    padding: 2px 6px;
    border-radius: 12px 0 0;
    bottom: 6px;
}

.blog-content a{
    color: var(--primary-color);
}



@media screen and (min-width: 767px){

    .each-blog:hover .blog-image img {
        border-radius: 30px 30px 3px 3px;
        transition: .5s;
    }

    .each-blog:hover .blog-image:before {
        opacity: 0 !important;
    }


}


/*blogs*/








/*responsive*/
/*responsive*/
/*responsive*/
/*responsive*/
/*responsive*/


@media screen and (max-width: 1500px){
    .swiper-row::before {
        right: -13px;
        top: -42px;
    }

    .blogs::before {
        width: 388px;
        height: 232px;
    }
}


@media screen and (max-width: 1399px){

    .blogs::before {
        width: 328px;
        height: 196px;
        bottom: 111px;
    }

    .banner::before {
        width: 219px;
        height: 227px;
        right: -104px;
        top: 6%;
    }

    .banner::after {
        width: 569px;
        height: 404px;
        left: -57px;
        bottom: 7%;
    }

    .doctor-image {
        width: 500px;
        height: 650px;
    }

}


@media screen and (max-width: 1199px){

    .counseling::before {
        display: none;
    }

    .blogs::before{
        display: none;
    }

    .cure::before {
      display: none;
    }

    .doctor-image {
        width: 409px;
        height: 592px;
    }

    .banner-content h2 {

        font-size: 33px;
        margin-bottom: 20px;
    }

    .banner-info h4 {
        font-size: 20px;
        margin-bottom: 0;
    }

    .banner-content .dr-button {
        margin-bottom: 20px;
    }

    .banner-content p {
        font-size: 16px;
        margin-bottom: 24px;
    }

    .about-dr::before {
        width: 247px;
        height: 139px;
        left: 0%;
    }

    .about-dr::after {
        width: 380px;
        height: 133px;
    }

    .about-image {
        width: 100%;
        height: 499px;
    }

    .cat-icon {
        /*top: -32px;*/
        width: 107px;
        height: 107px;
        transform: translateY(0);
    }

    .cat-shape {
        width: 150px;
        height: 150px;
    }

    .cat-name h4 {
        font-size: 16px;
    }
}


@media screen and (max-width: 991px){

    .abs-box {
        top: 33px;
        right: 171px;
    }

    .banner {
        padding-block: 403px 56px;
    }

    .doctor-image {
        width: 257px;
        height: 400px;
    }

    .all-videos {
        margin-top: 33px;
    }

    .cat-name h4 {
        font-size: 14px;
    }

    .first-cure-box {
        margin-top: 53px;
    }

    .big-box {
        min-height: unset;
    }

    .swiper-row::before {
        display: none;
    }

    .category {
        padding-block: 100px 55px;
    }

    .about-image {
        height: 446px;
        margin-top: 30px;
    }

    /*.about-dr::before {*/
    /*    width: 239px;*/
    /*    height: 301px;*/
    /*}*/
}


@media screen and (max-width: 767px){

    .dr-name *{
        font-size: 18px;
        color: #fff;
    }

    .dr-name {
        display: flex;
        flex-direction: column;
    }
    .abs-box {
        display: flex;
        align-items: center;
    }

    .banner::after {
        display: none;
    }

    .banner {
        height: fit-content;
    }

    .doctor-image {
        width: 154px;
        height: 218px;
    }

    .abs-box {
        top: 71px;
        right: 197px;
    }

    .banner {
        padding-block: 283px 66px;
    }

    .banner-content h2 {
        font-size: 29px;
        margin-bottom: 17px;
    }

    .banner-info h4 {
        font-size: 19px;
        margin-bottom: 0;
    }

}


@media screen and (max-width: 575px){
    .about-content-box{

        padding-block: 16px;
        border-radius: 12px;
        padding-inline: 12px;
    }
    .col-comments{
        padding: 0;
    }
    .col-about-content{
        padding: 0;
    }
    .category__co{
        padding: 0;
    }
    .blogs .row{
        margin-inline: 0 !important;
    }

    .category .row{
        margin-inline: 0 !important;
    }

    .about-dr .row{
        margin-inline: 0 !important;
    }


    .doctor-image {
        width: 166px;
        height: 166px;
        z-index: 10;
    }

    .abs-box {
        top: 135px;
        right: 0;
    }

    .dr-name * {
        font-size: 13px;
        color: #fff;
        line-height: 12px;
    }

    /*.all-videos::after {*/
    /*    display: none;*/
    /*}*/

    .first-box::before {
        width: 183px;
        height: 255px;
        right: 93px;
        bottom: -198px;
    }

    .all-videos::after {
        width: 201px;
        height: 294px;
        left: 73px;
        bottom: 110px;
    }

    .all-videos::before {
        display: none;
    }

    .video-box iframe {
        width: 311px !important;
        height: 240px !important;
    }

    .cure .row{
        margin-inline: 0 !important;
    }

    .about-content-box::before {
        display: none;
    }

    .all-comments::before {
        display: none;
    }

    .contact-form::before {
        display: none;
    }

    .all-blogs::before {
       display: none;
    }

    .all-blogs::after {
        display: none;
    }


    .about-dr::before {
        display: none;
    }

    .counseling .dr-title {
        padding-right: 0;
    }

    .banner {
        padding-block: 300px 91px;
    }

    .banner {
        background-position: center;
    }

    .banner-content h2 {
        font-size: 18px;
        margin-bottom: 10px;
    }


    .banner-info h4 {
        font-size: 15px;
        margin-bottom: 0;
    }

    .banner-content p {
        font-size: 14px;
        margin-bottom: 12px;
    }

    .banner::before {
        display: none;
    }

    .cat-shape {
        width: 122px;
        height: 122px;
    }

    .cat-icon {
        width: 80px;
        height: 80px;
    }

}


@media screen and (max-width: 425px){

    p{
        line-height: 26px;
    }

    .about-dr {
        padding-block: 30px 45px;
    }

    .cat-shape {
        width: 98px;
        height: 98px;
    }

    .category-box-disease {
        gap: 2rem;
    }

    .blog-name h4 {
        font-size: 15px;
    }

    .blog-text p {
        font-size: 13px;
        line-height: 24px;
    }

    .blogs {
        padding-block: 50px 0px;
    }

    .blog-image {
        height: 151px;
    }

    .blog-date {
        font-size: 13px;
    }

    .blog-content a {
        font-size: 15px;
    }

    .cat-box {
        min-width: 120px;
    }

    .cat-name h4 {
        font-size: 13px;
    }

    .cat-icon {
        width: 57px;
        height: 57px;
    }

    .each-cure-box {
        margin-bottom: 10px;
    }
    .category {
        padding-block: 61px 6px;
    }

    .about-content-box {
        margin-top: 24px;
    }

    .about-items {
        margin-bottom: 39px;
    }
    .each-about-item {
        margin-bottom: 11px;
        font-weight: 600;
        font-size: 14px;
    }

    .about-content-box p{
        font-size: 14px;
    }


    .cure-name h6 {
        font-size: 15px;
    }
    .cure-icon {
        width: 46px;
        height: 46px;
    }

    .first-cure-box {
        margin-top: 22px;
    }

    .each-cure-box p{
        font-size: 14px;
        margin-bottom: 4px;
    }

    .banner-content h2 {
        font-size: 17px;
        margin-bottom: 8px;
    }

    .first-box::before {
        display: none;
    }

    .banner-info h4 {
        font-size: 14px;
        margin-bottom: 0;
    }
    .dr-button span {
        font-size: 13px;
    }

    .all-videos::after {
       display: none;
    }


    .video-box iframe {
        width: 280px !important;
        height: 220px !important;
    }

    .blogs_swiper .swiper-slide {
        padding: 2px;
    }

    .contact-form {
        padding-inline: 16px;
    }

    .each-input input, .each-input textarea {
        padding: 11px;
        font-size: 14px;
    }

    .abs-box {
        top: 145px;
        right: 0;
    }

    .doctor-image {
        width: 156px;
        height: 156px;
    }

    .banner-content p {
        font-size: 14px;
        margin-bottom: 18px;
    }


}


@media screen and (max-width: 375px){



    .video-box iframe {
        width: 240px !important;
        height: 200px !important;
    }

}


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

    .dr-name * {
        font-size: 11px;
        color: #fff;
        line-height: 10px;
    }

    .video-box iframe {
        width: 210px !important;
        height: 180px !important;
    }

    .banner-content h2 {
        font-size: 17px;
        margin-bottom: 8px;
    }

}













@media screen and (min-height: 2000px){

    .banner {
        max-height: 1000px;
    }

}






/*responsive*/
/*responsive*/
/*responsive*/
/*responsive*/