/*========================================================= 


 ============================================================*/



/* Outfit Font-family */

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,600&display=swap');

/* Feather Icons */

@import url('../font/feather-icons/dist/feather-icons.css');







/* Start By Default Reset */

*,

*::before,

*::after {

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

}



@media (prefers-reduced-motion: no-preference) {

    :root {

        scroll-behavior: smooth;

    }

}



* {

    font-family: "Poppins", sans-serif;

}



:root {

    --primary-color: #E766B1;

    --secoundary-color: #621535;

}







body {

    margin: 0;

    font-size: 15px;

    font-weight: 400;

    line-height: 1.5;

    color: var(--heading-3);

    -webkit-text-size-adjust: 100%;

    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

    position: relative;

}



hr {

    margin: 16px 0;

    color: inherit;

    background-color: currentColor;

    border: 0;

    opacity: 0.25;

}



hr:not([size]) {

    height: 1px;

}



h6,

h5,

h4,

h3,

h2,

h1 {

    margin-top: 0;

    margin-bottom: 8px;

    line-height: 1.5;

    color: var(--heading-4);

}



h1 {

    font-size: 46px;

}



h2 {

    font-size: 40px;

}



h3 {

    font-size: 24px;

}



h4 {

    font-size: 22px;

}



h5 {

    font-size: 18px;

}



h6 {

    font-size: 16px;

}



p {

    margin-bottom: 0;

    line-height: 2;

    font-size: 16px;

    color: #333;

}



img {

    width: 100%;

}



ol,

ul {

    padding-left: 34px;

}



ol,

ul,

dl {

    margin-top: 0;

    margin-bottom: 0;

    list-style: none;

    padding: 0;

}



ol ol,

ul ul,

ol ul,

ul ol {

    margin-bottom: 0;

}



blockquote {

    margin: 0 0 14px;

}



b {

    font-weight: 800;

}



strong {

    font-weight: 900;

}



small {

    font-size: 12px;

}



a {

    color: inherit;

    text-decoration: none;

}



a:hover {

    color: #152A3D;

    text-decoration: none;

}





/* Container */



.container-fluid {

    max-width: calc(100% - 8%) !important;

}





button {

    border-radius: 0;

    outline: 0;

    box-shadow: none;

    border: 0;

}



button:focus:not(:focus-visible) {

    outline: 0;

    box-shadow: none;

}



input,

button,

select,

optgroup,

textarea,

.form-control {

    margin: 0;

    font-family: inherit;

    font-size: inherit;

    line-height: inherit;

    background-color: #fff;

    border: 1px solid #DBDBDB;

    padding: 15px 20px;

}



::-moz-selection {

    background-color: #200468;

    color: #FFF;

    text-shadow: none
}



::selection {

    background-color: var(--bluedark);

    color: var(--white);

    text-shadow: none
}



.owl-carousel {

    z-index: 0 !important;

}



.default-btn {

    padding: 12px 30px;

    display: flex;

    align-items: center;

    justify-content: center;

    background-color:#32992c;

    color:#303028;

    font-weight: 600;

    font-size: 14px;

    border-radius: 5px;

    column-gap: 10px;

    transition: 0.5s;

}



.default-btn:hover {

    background-color: var(--heading-1);

    color: var(--white);

}



.section-heading {

    text-align: center;

    margin-bottom: 50px;

}



.section-heading h2 {

    font-size: 32px;

    font-weight: 700;

    text-transform: capitalize;

    color: var(--font-color-3F);

}



.section-heading p {

    color: #333333;

    font-size: 16px;

}



.section-heading span {

    color: var(--primary-color);

    font-weight: 700;

    font-size: 24px;

}



.swiper-pagination-bullet {

    background-color: var(--font-color-94);

    height: 4px;

    width: 25px;

    border-radius: 50px;

    opacity: 1;

    transition: 0.5s;

}



.swiper-pagination-bullet.swiper-pagination-bullet-active {

    background-color: var(--bluedark);

    opacity: 1;

    width: 40px;

    transition: 0.5s;

}



/* End By Default Reset */





/* Start Header */

.main-header {

    box-shadow: 0px 8px 24px rgb(0 0 0 / 20%);

}



.main-header .top-navbar {

    padding: 10px 0;

    border-bottom: 1px solid #dbdbdb;

}



.main-header .top-navbar .logo {}



.main-header .top-navbar .logo img {

    height: auto;
    width: 200px;
    margin-top: -25px;
    margin-bottom: -25px;
}




.main-header .top-navbar .support-intro {

    display: flex;

    justify-content: flex-end;

    column-gap: 50px;

}



.main-header .top-navbar .support-intro li {

    display: inline-flex;

    align-items: center;

    column-gap: 15px;

}



.main-header .top-navbar .support-intro li i {

    color: #444;

    font-size: 20px;

}



.main-header .top-navbar .support-intro li .supportBody h5 {

    font-size: 14px;

    color: #4A4B4A;

    line-height: 1.2;

    margin-bottom: 0;

}



.main-header .top-navbar .support-intro li .supportBody h5 a {

    color: inherit;

    display: grid;

    font-weight: 700;

}



.main-header .top-navbar .support-intro li .supportBody h5 a small {

    font-weight: 500;

    font-size: 12px;

    color: #777777;

    line-height: 1.5;

}



.main-header .nav-bar .nav-bar-links {

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: space-between;

}



.main-header .nav-bar .nav-bar-links .navbar-nav {

    display: inline-flex;

    align-items: stretch;

    flex-direction: row;

    height: 100%;

}





.main-header .nav-bar .nav-bar-links .navbar-nav li {

    position: relative;

    -webkit-transition: .3s;

    -o-transition: .3s;

    transition: .3s;

}



.main-header .nav-bar .nav-bar-links .navbar-nav>li>a {

    color: #333333;

    font-size: 14px;

    font-weight: 500;

    padding: 20px 0;

    margin: 0 30px 0 0px;

    position: relative;

    display: block;

    text-transform: capitalize;

}



.sticky-inner-header .nav-bar-links .navbar-nav>li>a {

    margin: 0 0 0 15px !important;

}



.main-header .nav-bar .nav-bar-links .navbar-nav>li>a:hover {

    color: var(--bluedark);

}



.main-header .nav-outer .navbar-nav .menu-item-has-children>a::after {

    display: inline-block;

    margin-left: .255em;

    vertical-align: .255em;

    content: "";

    border-top: .3em solid;

    border-right: .3em solid transparent;

    border-bottom: 0;

    border-left: .3em solid transparent;

}



/* .menu-item-has-children>a::before {

    content: "";

} */



.menu-item-has-children>a+.sub-menu {

    position: absolute;

    top: 70px;

    left: 0;

    padding: 15px 0;

    opacity: 0;

    -webkit-transition: .5s;

    -o-transition: .5s;

    transition: .5s;

    background-color: #fff;

    border-radius: 10px;

    min-width: 250px;

    z-index: 2;

    box-shadow: 0px 8px 24px 0px rgba(149, 157, 165, 0.20);

    visibility: hidden;

    -webkit-transform: translateY(30px);

    -ms-transform: translateY(30px);

    -ms-box-shadow: 0 7px 10px -1px rgba(0, 0, 0, .2);

    -o-box-shadow: 0 7px 10px -1px rgba(0, 0, 0, .2);

}



.menu-item-has-children>a+.sub-menu::before {

    position: absolute;

    left: 25px;

    top: -5px;

    border-left: 5px solid transparent;

    border-right: 5px solid transparent;

    border-bottom: 5px solid #fff;

    content: "";

}



.menu-item-has-children>a+.sub-menu .menu-item {

    position: relative;

    display: block;

    z-index: 1;

    margin: 6px 12px;

}



.menu-item-has-children>a+.sub-menu .menu-item a {

    position: relative;

    display: block;

    padding: 10px 15px;

    z-index: 1;

    font-weight: 500;

    font-size: 14px;

    line-height: 1.041vw;

    color: var(--heading-6);

    white-space: nowrap;

    text-transform: capitalize;

    cursor: pointer;

    -webkit-transition: .3s;

    -o-transition: .3s;

    transition: .3s;

    text-align: left;

    border-radius: 4px;

}



.menu-item-has-children>a+.sub-menu .menu-item a:hover {

    background-color: var(--bluedark);

    color: var(--white);

}



.menu-item-has-children:hover .sub-menu {

    opacity: 1;

    visibility: visible;

    -webkit-transform: translate(0);

    -ms-transform: translate(0);

    transform: translate(0);

}



.mobile-header {

    display: none;

}



.sticky-header {

    position: fixed;

    visibility: hidden;

    opacity: 0;

    left: 0;

    top: 0;

    width: 100%;

    padding: 0;

    z-index: 99;

    border-bottom: 2px solid var(--pink) !important;

    background: rgb(255, 255, 255);

    box-shadow: 0px 4px 20px rgba(0, 0, 0, .1);

    -webkit-transition: all .3s ease;

    transition: all .3s ease
}



.fixed-header .sticky-header {

    opacity: 1;

    z-index: 999;

    visibility: visible;

    border-bottom: 2px solid var(--secondary-color)
}



.sticky-header .main-box {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: 10px 0
}



.sticky-header .main-box .logo img {

    max-width: 200px;

}



/* End Header */



/* Start Slider */

.mainSwiperSlider .swiper-slide .slider-img {

    position: absolute;

    right: 0;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    z-index: -1;

    object-fit: cover;

}



.mainSwiperSlider .swiper-slide .slider-content {

    height: 640px;

    display: flex;

    align-content: center;

    flex-direction: column;

    justify-content: center;

    padding-bottom: 50px;

    padding-left: 40px;

}



.mainSwiperSlider .swiper-slide .slider-content h3 {

    font-weight: 600;

    line-height: 2;

    margin-bottom: 20px;

    font-size: 20px;

}



.mainSwiperSlider .swiper-slide .slider-content h5 {

    margin-bottom: 0;

    font-weight: 700;

    color: var(--primary-color);

    font-size: 24px;

}

.mainSwiperSlider .swiper-slide .slider-content h6 {
    font-weight: 700;
    margin-bottom: 0;
}

.mainSwiperSlider .swiper-slide .slider-content h2 {

    font-size: 38px;

    font-weight: 700;

    margin-bottom: 10px;

    line-height: 1.2;

    color: var(--font-color-3);

}



.mainSwiperSlider .swiper-slide .slider-content h2 span {

    color: var(--primary-color);

}



.mainSwiperSlider .swiper-slide .slider-content>p {

    color: var(--heading-3);

    margin-bottom: 20px;

    font-weight: 500;

}



.mainSwiperSlider .swiper-slide .slider-content .subHeading-list {

    row-gap: 10px;

    display: flex;

    flex-wrap: wrap;

}



.mainSwiperSlider .swiper-slide .slider-content .subHeading-list .list {

    display: inline-flex;

    width: 100%;

    align-items: center;

    column-gap: 20px;

}



.mainSwiperSlider .swiper-slide .slider-content .subHeading-list .list img {

    width: 45px;

}



.mainSwiperSlider .swiper-slide .slider-content .subHeading-list .list>p {

    margin-bottom: 0;

    font-size: 18px;

    color: var(--black);

    font-weight: 600;

}



.swiper-button-next::after,

.swiper-button-prev::after {

    content: none;

}



.swiper-button-next,

.swiper-button-prev {

    width: 40px;

    height: 40px;

    border-radius: 100px;

    background-color: #fff;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 26px;

    box-shadow: 0px 8px 24px 0px rgba(149, 157, 165, 0.20);

    color: var(--font-color-2);

    transition: 0.3s;

}



.swiper-button-next:hover,

.swiper-button-prev:hover {

    background-color: var(--heading-1);

    color: var(--white);

}



.main-Slider .swiper-pagination {

    position: absolute;

    right: 0;

    left: 0;

    bottom: 60px;

    z-index: 999;

}



/* End Slider */



/* Start Appointment */

.banner-appointment {

    position: absolute;

    top: 730px;

    width: 100%;

    z-index: 2;

}



.banner-appointment .title {

    background-color: #fff;

    display: inline-block;

    padding: 15px 25px 5px;

    border-radius: 5px 5px 0 0;

}



.banner-appointment .title h4 {

    font-weight: 700;

    font-size: 16px;

    line-height: 30px;

    color: #333;

    margin-bottom: 0;

}



.banner-appointment .outer-box {

    box-shadow: 0 8px 24px rgba(149, 157, 165, .2);

    border-radius: 0 5px 5px;

    background-color: #fff;

    padding: 20px 25px;

}



.banner-appointment .outer-box .input-group {

    background: #f8fafb;

    border: 1px solid #ddd;

    border-radius: 5px;

    display: flex;

    justify-content: start;

    align-items: center;

    height: 50px;

}



.banner-appointment .outer-box p {

    width: 100%;

    position: relative;

    margin: 0;

}



.banner-appointment .outer-box .input-group .form-label {

    margin: 0;

    font-weight: 500;

    font-size: 14px;

    line-height: 24px;

    color: #2c3145;

    position: absolute;

    left: 10px;

    height: 50px;

    display: flex;

    justify-content: center;

    align-items: center;

    z-index: 1;

}



.wpcf7-form-control-wrap {

    position: relative;

}



.banner-appointment .outer-box .input-group .form-control {

    border: 0;

    background: 0 0;

    font-weight: 500;

    font-size: 14px;

    line-height: 24px;

    color: #2c3145;

    padding: 8px 35px 8px 70px;

    height: 50px;

}



.banner-appointment .outer-box .input-group .input-group-text {

    border: 0;

    background: 0 0;

    position: absolute;

    right: 0;

    top: 0;

    height: 100%;

}



.banner-appointment .outer-box .input-group .input-group-text i {

    font-weight: 500;

    font-size: 18px;

    line-height: 28px;

    color: #2c3145;

}



.banner-appointment .outer-box .default-btn {

    width: 100%;

    height: 50px;

}



/* End Appointment */



/* Start Center Info */

.center-info {

    padding: 150px 0 100px;

}



.center-info .subHeading {

    margin-bottom: 0;

    font-weight: 700;

    color: var(--primary-color);

    font-size: 16px;

    text-transform: capitalize;

}



.center-info .heading {

    text-transform: capitalize;

    font-weight: 700;

    line-height: 1.3;

    color: var(--heading-3);

    margin-bottom: 20px;

    font-size: 36px;

}



.center-info p {

    line-height: 2.3;

    font-size: 16px;

    color: var(--font-color-1);

    margin-bottom: 30px;

}



.center-info .info-group {

    display: inline-flex;

    align-items: center;

    column-gap: 30px;

}



.center-info .info-group .default-btn {

    border-radius: 100px;

    padding-left: 50px;

    padding-right: 50px;

}



.center-info .info-group a:not(.default-btn) {

    font-size: 18px;

    font-weight: 700;

    color: var(--black);

}



.center-info .card {

    height: 100%;

    padding: 35px;

    background: linear-gradient(131deg, rgba(217, 217, 217, 0.30) 24.75%, rgba(115, 115, 115, 0.30) 737.64%);

    border: 0;

    border-radius: 10px;

}



.center-info .gallery-slider .image {}



.center-info .gallery-slider .image img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    border-radius: 6px;

    object-position: top;

}



.center-info .gallery-slider .swiper-pagination {

    position: unset;

}



.center-info .col-md-8 {

    padding-right: 80px;

}



.center-info .card h4 {

    font-size: 18px;

    font-weight: 700;

    color: var(--primary-color);

    margin-bottom: 10px;

}



.center-info .card ul.service-listing {}



.center-info .card ul.service-listing li {

    padding-left: 30px;

    line-height: 2;

    margin-bottom: 10px;

    font-weight: 600;

    color: var(--heading-5);

    position: relative;

}



.center-info .card ul.service-listing li::before {

    content: "\f114";

    font-family: "feather-icons";

    text-transform: none;

    text-rendering: auto;

    -webkit-font-smoothing: antialiased;

    font-weight: normal;

    font-style: normal;

    speak: none;

    color:#32992c;

    font-size: 22px;

    position: absolute;

    left: 0;

    top: 0;

    bottom: 0;

    height: 100%;

    display: flex;

    align-items: center;

}



.center-info .card ul.service-listing li:last-child {

    margin-bottom: 0;

}



.center-info .gallery-slider .image:focus-visible {

    outline: none !important;

}





.gallery .galleryCard {

    position: relative;

    border-radius: 10px;

    box-shadow: 0 2px 14px rgb(0 0 0/.05);

    overflow: hidden;

    height: 240px;

    position: relative
}



.gallery .galleryCard img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    object-position: top;

}



.gallery .galleryCard .galleryName {

    display: block;

    color: #fff;

    bottom: 0;

    right: 0;

    left: 0;

    position: absolute;

    top: 0;

    z-index: 9
}





.gallery .galleryCard .overlayer {

    width: 100%;

    height: 100%;

    background-color: #00000042;

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    display: flex;

    justify-content: center;

    align-items: center;

    flex-direction: column;

    opacity: 0;

    padding: 15px;

    transform: scale(.5);

    transition: all .4s ease-in-out
}



.gallery .galleryCard .overlayer i {

    font-size: 50px;

    color: #fff;

    rotate: 45deg;

    margin-bottom: 10px
}



.gallery .galleryCard .overlayer .content {

    background: #222;

    padding: 12px;

    border-radius: 5px;

    display: none
}



.gallery .galleryCard .overlayer .content h6 {

    color: #fff;

    font-size: 14px;

    font-weight: 600;

    margin-bottom: 8px
}



.gallery .galleryCard .overlayer .content p {

    color: #fff;

    font-size: 12px;

    line-height: 1.5
}



.gallery .galleryCard:hover .overlayer {

    opacity: 1;

    transform: scale(1)
}



/* End Center Info */



.get-it-touch .get-item a:hover {

    color: #ccc
}



.get-it-touch .get-item .icon img {

    width: 60px;

}



.get-it-touch .get-item {

    display: flex;

    gap: 14px;

    align-items: flex-start;

    color:#c8b057;

    justify-content: center
}



.get-it-touch .get-item .bxs-star {

    color: var(--yellow-color)
}



.get-it-touch {

    background:#32992c;

    padding: 30px 0 !important;

}



.subHeading {

    margin-bottom: 0;

    font-weight: 700;

    color: var(--primary-color);

    font-size: 16px;

    text-transform: capitalize;

}



.heading {

    text-transform: capitalize;

    font-weight: 700;

    line-height: 1.3;

    color: var(--heading-3);

    margin-bottom: 10px;

    font-size: 36px;

}



.symptoms-sec {

    background-color: #fff;

    padding: 100px 0 80px
}



.symptoms-box {

    background-color: #fff;

    padding: 20px 10px;

    height: 100%;

    text-align: center;

    border: 1px solid #dadada;

    box-shadow: 0 1px 9px 0 #0d0D0D14;

    transition: .5s
}



.symptoms-box img {

    max-width: 100%;

    height: auto;

    object-fit: contain;

    transition: .5s;

    width: 90px;


}



.angiopraphybenefit .benefit-card .content h4,

.symptoms-box h4 {

    font-size: 18px;

    color: #28282b;

    font-weight: 600;

    margin: 10px 0;

    line-height: 24px
}







.overveiw-service {

    padding: 50px 0;

    position: relative;

    border-top: 1px solid #3333331f
}



.overveiw-service::before {

    content: " ";

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    bottom: 0;

    background-color: var(--secoundary-color);

    z-index: -1
}



.overveiw-service ul li {

    padding-left: 30px;

    margin-bottom: 10px;

    font-weight: 400;

    font-size: 18px;

    line-height: 26px;

    color: #fff;

    position: relative;

    display: block;

}



.overveiw-service ul li::before {

    content: "\f114";

    font-family: "feather-icons";

    text-transform: none;

    text-rendering: auto;

    -webkit-font-smoothing: antialiased;

    font-weight: normal;

    font-style: normal;

    speak: none;

    color: #fff;

    font-size: 22px;

    position: absolute;

    left: 0;

    top: 0;

    bottom: 0;

    height: 100%;

    display: flex;

    align-items: center;

}



.doctor-image.heartdisease img {

    width: 400px;

    height: 400px;

    border-radius: 100%;

    overflow: hidden;

    margin: auto;

    display: block;

    object-fit: cover;

    object-position: top;

}





.about-sec {

    padding: 60px 0 70px
}



.about-sec .best-heart h5 {

    font-weight: 600;

    margin-top: 15px;

}



.heading-title p {

    font-size: 15px;

    font-weight: 500;

    line-height: 25px;

}



.about-outer img,

.about-outer.aboutclinic-slider img {

    border-radius: 15px;

    max-width: 100%;

    width: 100%;

    object-fit: cover;

}



.experience-box {

    background-color:#32992c;

    border-radius: 10px;

    width: max-content;

    height: max-content;

    padding: 15px 20px;

    position: absolute;

    bottom: 20px;

    right: 20px;

}



.experience-box h4 {

    font-size: 30px;

    font-weight: 800;

    color: #000;

}



.experience-box span {

    font-size: 16px;

    color: #000;

    font-weight: 600;

    line-height: 0;

}



.Specialist-box .best-heart ul li {

    position: relative;

    padding-left: 25px;

    margin-bottom: 10px;

}





.Specialist-box .best-heart ul li::before,

.content-grid .content-body ul li::before,

.edu-content-box ul li::before,

.treatment-service .tab-content .inner-box ul li::before {

    content: "\f114";

    font-family: "feather-icons";

    text-transform: none;

    text-rendering: auto;

    -webkit-font-smoothing: antialiased;

    font-weight: normal;

    font-style: normal;

    speak: none;

    color: var(--primary-color);

    font-size: 22px;

    position: absolute;

    left: 0;

    top: 0;

    bottom: 0;

    height: 100%;

    display: flex;

    align-items: center;

}



.about-outer {

    position: relative;

}



.Specialist-box .default-btn {

    width: max-content;

}



.about-sec .hotel-slider {

    height: 530px;

}



.about-sec .hotel-slider img {

    height: 100%;

    object-position: top;

    width: 100%;

    object-fit: cover;

}







.overveiw-section {

    padding: 50px 0;

    background: url(../../../../../../../drsuneetkaur.com/wp-content/uploads/2025/07/image-9-1.png) 0 0/cover no-repeat
}



.overveiw-section h3,

.overveiw-service h3 {

    font-weight: 600;

    font-size: 26px;

    line-height: 40px;

    color: #fff;

    margin-bottom: 15px
}



.morecontent span,

.overveiw-section .col-md-4,

.services-sec.conditions-sec::after {

    display: none
}



.overveiw-section ul li::before {

    content: "\f114";

    font-family: "feather-icons";

    text-transform: none;

    text-rendering: auto;

    -webkit-font-smoothing: antialiased;

    font-weight: normal;

    font-style: normal;

    speak: none;

    color: var(--secoundary-color);

    font-size: 22px;

    position: absolute;

    left: 0;

    top: 0;

    bottom: 0;

    height: 100%;

    display: flex;

    align-items: center;

}



.overveiw-section ul li {

    padding-left: 30px;

    margin-bottom: 10px;

    font-weight: 400;

    font-size: 16px;

    line-height: 26px;

    color: #fff;

    position: relative;

    display: block
}







.our-services {

    background: #fff0f9de;

    background-position: center center;

    background-size: cover;

    padding: 100px 0;

}



.service-item {

    position: relative;

    background: #ffff;

    border: 1px solid #fff;

    border-radius: 20px;

    height: calc(100% - 30px);

    margin-bottom: 30px;

    padding: 30px;

    overflow: hidden;

}



.service-item:before {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background: #fff;

    border-radius: 20px;

    width: 100%;

    height: 100%;

    transition: all 0.4s ease-in-out;

    z-index: 1;

}



.service-item.active::before,

.service-item:hover::before {

    transform: translate(100%, -100%);

}



.service-image {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    opacity: 0;

    transition: all 0.4s ease-in-out;

}



.service-item.active .service-image,

.service-item:hover .service-image {

    opacity: 1;

}



.service-body .icon-box::before {

    display: none;

}



.service-image::after {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    width: 100%;

    height: 100%;

    background-color: #581330;

    opacity: 80%;

}



.service-image img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    object-position: center center;

}



.service-body {

    position: relative;

    z-index: 2;

}



.service-body .icon-box {

    margin-bottom: 10px;

    background: #32992c;

    border-radius: 100px;

    width: 70px;

    height: 70px;

    justify-content: center;

    display: flex;

    align-items: center;

}



.service-body .icon-box img {

    width: 60%;

    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);

    max-width: 50px;

    transition: all 0.4s ease-in-out;

}



.service-item.active .service-body .icon-box img,

.service-item:hover .service-body .icon-box img {

    filter: brightness(0) invert(1);

}



.service-content {

    transform: translateY(55px);

    transition: all 0.4s ease-in-out;

}



.service-item.active .service-content,

.service-item:hover .service-content {

    transform: translateY(0px);

}



.service-content-info h3 {

    font-size: 20px;

    line-height: 1.4em;

    margin-bottom: 10px;

    transition: all 0.4s ease-in-out;

}



.service-content-info a {

    color: inherit;

}



.service-content-info p {

    margin-bottom: 0;

    transition: all 0.4s ease-in-out;

}



.service-item.active .service-content p,

.service-item:hover .service-content p,

.service-item.active .service-content h3,

.service-item:hover .service-content h3 {

    color: #fff;

}



.service-readmore-btn {

    opacity: 0;

    visibility: hidden;

    margin-top: 20px;

    transition: all 0.4s ease-in-out;

}



.service-item.active .service-readmore-btn,

.service-item:hover .service-readmore-btn {

    opacity: 1;

    visibility: visible;

}



.service-readmore-btn a {

    width: 40px;

    height: 40px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: #32992c;

    color: #fff;

    border-radius: 50%;

    transition: all 0.4s ease-in-out;

}



.service-readmore-btn a:hover {

    color: var(--accent-color);

    background: #fff;

}



.service-readmore-btn a i {

    font-size: 20px;

    color: inherit;

    transform: rotate(-45deg);

    transition: all 0.4s ease-in-out;

}



.service-readmore-btn a:hover i {

    transform: rotate(0);

}



.section-footer-text {

    margin-top: 30px;

    text-align: center;

}



.section-footer-text p {

    margin-bottom: 0;

}



.section-footer-text span {

    font-size: 14px;

    font-weight: 600;

    text-transform: capitalize;

    color: #fff;

    background: var(--accent-color);

    padding: 3px 10px;

    border-radius: 100px;

    margin-right: 10px;

}



.section-footer-text p a {

    font-weight: 700;

    text-transform: capitalize;

    text-decoration: underline;

    color: var(--accent-color);

    transition: all 0.3s ease-in-out;

}



.section-footer-text p a:hover {

    color: var(--primary-color);

}





.our-commitment {

    padding: 100px 0;

}



.our-commitment-content,

.our-commitment-image {

    height: 100%;

}



.our-commitment-content {

    align-content: center;

}



.commitment-list ul {

    margin: 0;

    padding: 0;

    list-style: none;

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    gap: 20px 30px;

}



.commitment-list ul li {

    position: relative;

    width: calc(50% - 15px);

    line-height: 1.5em;

    padding-left: 30px;

}



.commitment-list ul li:last-child {

    margin-bottom: 0;

}



.commitment-list ul li:before,

.commitment-item-list h3::before {

    content: '\f058';

    position: absolute;

    font-family: 'Font Awesome 6 Free';

    top: 0;

    left: 0;

    font-weight: 900;

    font-size: 20px;

    color: var(--accent-color);

}



.commitment-item-list {

    border-top: 1px solid var(--divider-color);

    margin-top: 30px;

    padding-top: 30px;

}



.commitment-item-list h3 {

    position: relative;

    font-size: 20px;

    margin-bottom: 15px;

    padding-left: 30px;

}



.commitment-item-list p {

    margin-bottom: 0;

}



.commitment-btn {

    margin-top: 40px;

}



.our-commitment-image {

    align-content: end;

    margin: 0 52px;

}



.our-commitment-image figure {

    display: block;

}



.our-commitment-image img {



    width: 80%;

    aspect-ratio: 1 / 1.415;

    object-fit: cover;

    margin-bottom: -100px;

}





.cta-box {

    background: linear-gradient(270deg, rgba(32, 41, 110, 0) -129%, #32992c 90%), url('../../../../../uploads/2025/06/cta-box-bg.jpg') no-repeat;

    background-position: center center;

    background-size: cover;

    padding: 100px 0;

}



.cta-content-body {

    display: flex;

    flex-wrap: wrap;

    gap: 30px 0;

}



.cta-contact-item {

    border-right: 1px solid var(--dark-divider-color);

    margin-right: 40px;

    padding-right: 40px;

}



.cta-contact-item:last-child {

    margin: 0;

    padding: 0;

    border: none;

}



.cta-contact-header {

    display: flex;

    align-items: center;

}



.cta-contact-header img {

    max-width: 30px;

    margin-right: 10px;

}



.cta-contact-header h3 {

    font-size: 20px;

    color: #fff;

}



.cta-contact-item-content p {

    color: #fff;

    opacity: 80%;

    margin: 0;

}



.cta-contact-item-content p a {

    color: inherit;

    transition: all 0.3s ease-in-out;

}



.cta-contact-item-content p a:hover {

    color: var(--accent-color);

}



.cta-btn a {

    position: relative;

    display: inline-block;

    margin-top: 30px;

    background: #fff;

    color: #333333;

}







@keyframes ctaarrowmove {

    50% {

        right: -55px;

    }

}



.content-grid {

    background-color: #e7e7e7;

    z-index: 0;

    position: relative;

    padding: 80px 0;

}



.default-btn {

    width: max-content;

}



.accordion-button:not(.collapsed) {

    color: #333333;

    background-color: transparent;

}









.associate-with>.container {

    background-position: center !important;

    background-repeat: no-repeat !important;

    background-size: cover !important;

    padding: 60px 25px;

    border-radius: 15px;

    margin-top: 50px
}



.associate-with .innerbox {

    display: flex;

    align-items: center;

    justify-content: start
}



.associate-with .innerbox .doctorImage img {

    width: 200px;

    height: 200px;

    border-radius: 100%;

    object-fit: cover;

    object-position: top;

    overflow: hidden
}



.associate-with .innerbox .doctor-details {

    width: calc(100% - 200px);

    padding-left: 20px
}



.associate-with .innerbox .doctor-details h4 {

    font-size: 26px;

    font-weight: 600;

    line-height: 36px;

    color: #333
}



.associate-with .innerbox .doctor-details p {

    font-size: 16px;

    font-weight: 500;

    line-height: 26px;

    margin-bottom: 0
}



.associate-with .btn-group {

    gap: 25px;

    margin-top: 20px
}



.associate-with .btn-group .btn-appointment {

    font-size: 14px;

    font-weight: 600;

    background: var(--secoundary-color);

    color: #fff;

    border-radius: 5px;

    padding: 8px 25px
}



.associate-with .btn-group .btnnumber {

    display: flex;

    justify-content: center;

    align-items: center;

    border: 2px solid var(--secoundary-color);

    border-radius: 5px
}



.associate-with .btn-group .btnnumber a {

    padding: 8px 10px;

    font-size: 14px;

    color: var(--secoundary-color);

    font-weight: 600
}



.associate-with .card-associate {

    background-color: #fff;

    border-radius: 10px;

    padding: 10px;

    height: 100%;

    text-align: center
}



.associate-with .card-associate .icon img {

    width: 45px;

    height: 50px;

    object-fit: contain;

    margin-bottom: 10px
}



.associate-with .card-associate h6 {

    font-size: 14px;

    font-weight: 600;

    line-height: 22px;

    color: #333
}







.our-testimonials {

    background-color: var(--secoundary-color);

    background-repeat: no-repeat;

    background-size: auto;

    padding: 100px 0;

}





.review-box {

    display: flex;

    align-items: center;

    border-right: 1px solid var(--dark-divider-color);

    margin-right: 20px;

    padding-right: 20px;

}



.review-icon {

    margin-right: 15px;

}



.review-icon img {

    width: 100%;

    max-width: 50px;

}



.review-content p {

    font-size: 18px;

    font-weight: 600;

    line-height: normal;

    color: var(--white-color);

    margin-bottom: 5px;

}



.review-content ul {

    list-style: none;

    margin: 0;

    padding: 0;

    display: flex;

    align-items: center;

}



.review-content ul li {

    display: inline-block;

    line-height: normal;

    color: var(--white-color);

    margin-right: 2px;

}



.review-content ul li i {

    font-size: 10px;

    color: var(--white-color);

}



.testimonial-image figure {

    display: block;

    border-radius: 20px;

}



.testimonial-image img {

    width: 100%;

    aspect-ratio: 1 / 0.79;

    object-fit: cover;

    border-radius: 20px;

}



.customer-images {

    display: inline-flex;

    align-items: center;

}



.customer-img {

    position: relative;

    display: inline-block;

    border: 1px solid var(--primary-color);

    border-radius: 50%;

    overflow: hidden;

    margin-left: -20px;

    width: 52px;

    height: 52px;

    z-index: 1;

}



.customer-img:first-child {

    margin: 0;

}



.customer-img figure {

    display: block;

}



.customer-img img {

    max-width: 100%;

    border-radius: 50%;

}



.customer-img.add-more {

    width: 52px;

    height: 52px;

    background-color: var(--white-color);

    text-align: center;

    display: inline-flex;

    align-items: center;

    justify-content: center;

}



.customer-img.add-more p {

    font-size: 20px;

    font-weight: 700;

    color: var(--accent-color);

    margin: 0;

}



.testimonial-slider {

    position: relative;

}



.testimonial-slider .swiper-wrapper {

    cursor: none;

}



.testimonial-item {

    height: 240px;

    position: relative;

    background: #fff;

    backdrop-filter: blur(50px);

    -webkit-backdrop-filter: blur(50px);

    border-radius: 20px;

    padding: 40px 35px;

    overflow: hidden;

}



.testimonial-item::before {

    content: '';

    position: absolute;

    left: 0;

    right: 0;

    top: 100%;

    border-radius: 0px;

    background: var(--accent-color);

    transition: all 0.5s ease-in-out;

    height: 100%;

    z-index: 0;

}



.testimonial-slider .swiper-slide.swiper-slide-active .testimonial-item::before {

    top: 0;

}



.testimonial-header {

    position: relative;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 20px;

    border-bottom: 1px solid var(--dark-divider-color);

    margin-bottom: 10px;

    z-index: 1;

}



.testimonial-author {

    display: flex;

    align-items: center;

}



.author-image {

    margin-right: 15px;

}



.author-image figure {

    display: block;

    border-radius: 10px;

}



.author-image img {

    width: 100%;

    max-width: 60px;

    border-radius: 10px;

}



.author-content h3 {

    font-size: 20px;

    text-transform: capitalize;

    color: var(--white-color);

    margin-bottom: 2px;

}



.author-content p {

    color: var(--white-color);

    margin-bottom: 0;

}



.testimonial-quote img {

    width: 100%;

    max-width: 30px;

}



.testimonial-content {

    position: relative;

    z-index: 1;

}



.testimonial-content h3 {

    font-size: 20px;

    font-weight: 600;

    color: var(--white-color);

    margin-bottom: 10px;

}



.testimonial-content p {

    font-size: 16px;

    font-weight: 400;

    color: var(--white-color);

    margin: 0;

}



.testimonial-slider .swiper-slide.swiper-slide-active .testimonial-item .testimonial-content {

    border-color: var(--dark-divider-color);

}



.testimonial-slider .testimonial-pagination {

    position: relative;

    margin-top: 50px;

    text-align: center;

}



.testimonial-slider .testimonial-pagination .swiper-pagination-bullet {

    position: relative;

    height: 6px;

    width: 6px;

    background: var(--dark-divider-color);

    opacity: 1;

    margin: 0 6px;

    transition: all 0.3s ease-in-out;

}



.testimonial-slider .testimonial-pagination .swiper-pagination-bullet:before {

    content: '';

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    height: 0;

    width: 0;

    border-radius: 50%;

    transition: all 0.3s ease-in-out;

}



.testimonial-slider .testimonial-pagination .swiper-pagination-bullet-active {

    background: var(--white-color);

}



.testimonial-slider .testimonial-pagination .swiper-pagination-bullet-active:before {

    border: 1px solid var(--white-color);

    height: 14px;

    width: 14px;

}





/* Start Book an appointment */



.bookAppointment {

    padding: 70px 0 100px;

    background: #F9F9F9;

    border-top: 1px solid #ddd;

}



.appointment-area .form-appointment {

    background: #fff;

    box-shadow: 0 8px 24px rgba(149, 157, 165, .2);

    border-radius: 10px;

    padding: 25px;

    margin-left: auto;

}



.appointment-area .form-appointment form p {

    margin: 0;

    position: relative;

    width: 100%;

}



.appointment-area .form-appointment form label {

    font-weight: 500;

    font-size: 12px;

    line-height: 30px;

    color: #1b2336;

}



.appointment-area .form-appointment form .input-group {

    border: 0;

    border-radius: 5px;

    position: relative;

    display: block;

}



.appointment-area .form-appointment form .input-group-text {

    background: 0 0;

    border: 0;

    position: absolute;

    z-index: 1;

    left: 0;

    top: 0;

    bottom: 0;

    height: 45px;

}



.appointment-area .form-appointment form .form-control {

    width: 100%;

    background: #F8FAFB;

    border: 0;

    font-weight: 400;

    font-size: 14px;

    line-height: 24px;

    color: rgba(27, 35, 54, .75);

    height: 45px;

    border: 1px solid #ddd;

    padding: 10px 10px 10px 45px;

}



.appointment-area .form-appointment textarea {

    height: 100px !important;

}



.appointment-area .form-appointment .default-btn {

    width: 100%;

}



.bookAppointment .contact-info {

    position: relative;

}



.bookAppointment .contact-info .nav-pills {

    position: absolute;

    left: calc(var(--bs-gutter-x) * .5);

    top: 0;

    padding: 5px 10px;

    border-radius: 100px;

    border: 1px solid #E6E8EB;

    background: #32992c;

}



.bookAppointment .contact-info .nav-pills .nav-item {}



.bookAppointment .contact-info .nav-pills .nav-item .nav-link {

    padding-left: 30px;

    padding-right: 30px;

    border-radius: 100px;

    font-weight: 600;

    text-transform: capitalize;

    color: #eec74e;

}



.bookAppointment .contact-info .nav-pills .nav-item .nav-link.active {

    background-color: #232323;
    color: #eccc4b;

}





.bookAppointment .contact-info .contact-list {

    padding-top: 70px;

    display: flex;

    flex-wrap: wrap;

    padding-right: 10px;

    row-gap: 25px;

}



.bookAppointment .contact-info .contact-list .list {

    width: 100%;

    display: flex;

    align-items: center;

    column-gap: 15px;

}



.bookAppointment .contact-info .contact-list .list .icon {

    width: 50px;

    height: 50px;

    border-radius: 100%;

    background: #fff;

    display: flex;

    align-items: center;

    justify-content: center;

    box-shadow: 0px 8px 24px 0px rgba(149, 157, 165, 0.20);

    color: var(--primary-color);

}



.bookAppointment .contact-info .contact-list .list .icon i {

    font-size: 20px;

}



.bookAppointment .contact-info .contact-list .list .info {

    width: calc(100% - 65px);

    display: flex;

    flex-wrap: wrap;

    flex-direction: column;

}



.bookAppointment .contact-info .contact-list .list .info label {

    font-size: 14px;

    font-weight: 500;

}



.bookAppointment .contact-info .contact-list .list .info a {

    font-size: 14px;

    font-weight: 700;

    line-height: 2;

}



.bookAppointment.Branch-form .contact-info .contact-list {

    padding-top: 0;

    row-gap: 25px;

}



.bookAppointment.Branch-form .contact-info .contact-list h4 {

    font-size: 26px;

    font-weight: 700;

    text-transform: capitalize;

    color: #81219e;

    margin-bottom: 0;

}



.bookAppointment .contact-info iframe {

    width: 100%;

    height: 100%;

    border: 1px solid #ddd;

    border-radius: 10px;

    box-shadow: 0px 8px 24px 0px rgba(149, 157, 165, 0.20);

}



.bookAppointment .card {

    height: 100%;

    padding: 25px;

    border: 0;

    box-shadow: 0px 7px 29px 0px rgba(100, 100, 111, 0.20);

    background: #fff;

    text-align: center;

    display: flex;

    align-items: center;

}



.bookAppointment .card img {

    width: 50px;

    height: 50px;

    object-fit: contain;

    object-position: center;

    margin-bottom: 18px;

}



.bookAppointment .card h4 {

    font-size: 16px;

    font-weight: 700;

    color: var(--heading-3);

    margin-bottom: 0;

}



.bookAppointment .card p {

    font-size: 12px;

    line-height: 1.5;

    font-weight: 500;

    margin-top: 5px;

}







.health-tips .tab-categery ul,

.testimonials .testimonial-btn {

    display: flex;

    justify-content: end;

    align-items: center;

    gap: 15px
}



.health-tips .tab-categery ul li a {

    border: 1px solid #ddd;

    background: #f1f1f1;

    padding: 10px 25px;

    border-radius: 5px;

    font-size: 16px;

    font-weight: 600;

    display: block;

    transition: .5s
}



.testimonials .googleViewbtn {

    display: inline-flex;

    column-gap: 10px;

    padding: 10px 20px;

    font-size: 16px;

    font-weight: 500;

    color: var(--text-matte-light-color);

    background: #fff;

    border: 1px solid #ddd;

    border-radius: 6px;

    margin: 0;

    align-self: center;

    align-items: center;

    justify-content: center;

    align-content: center;

    line-height: 1.2;

}



.testimonials .googleViewbtn img {

    width: 100px;

    border-right: 1px solid #ddd;

    padding-right: 10px;

}



.testimonials .googleViewbtn.Reviews img {

    width: 24px;

    border: none;

    padding: 0;

}





.our-faqs {

    position: relative;

    padding: 100px 0;

    z-index: 1;

}



.faqs-content {

    position: sticky;

    top: 130px;

    margin-right: 15px;

}



.faqs-contact-box {

    width: 100%;

    max-width: 480px;

    border-radius: 20px;

    overflow: hidden;

}



.faqs-contact-box-title {

    background: var(--primary-color);

    text-align: center;

    padding: 15px 30px;

}



.faqs-contact-box-title h3 {

    font-size: 20px;

    color: #fff;

}



.faqs-contact-item-box {

    background: var(--secoundary-color);

    display: flex;

    flex-wrap: wrap;

    gap: 20px 0;

    padding: 30px;

}



.faq-accordion .accordion-item {

    background: var(--white-color);

    border: 1px solid #20296E1A;

    border-radius: 10px;

    margin-bottom: 30px;

    padding: 0;

    overflow: hidden;

}



.faq-accordion .accordion-item:last-child {

    margin-bottom: 0;

}



.faq-accordion .accordion-header .accordion-button {

    font-size: 18px;

    font-weight: 600;

    line-height: 1.111em;

    background: var(--accent-color);

    color: var(--white-color);

    padding: 20px 45px 20px 20px;

    transition: all 0.3s ease-in-out;

}



.faq-accordion .accordion-header .accordion-button.collapsed {

    color: var(--secoundary-color);

    background: transparent;

}



.faq-accordion .accordion-item .accordion-button::after,

.faq-accordion .accordion-item .accordion-button.collapsed::after {

    content: '\2b';

    font-family: "FontAwesome";

    position: absolute;

    right: 20px;

    top: 50%;

    transform: translateY(-50%) rotate(45deg);

    font-size: 18px;

    font-weight: 400;

    line-height: normal;

    color: var(--white-color);

    transition: all 0.4s ease-in-out;

}



.faq-accordion .accordion-item .accordion-button.collapsed::after {

    transform: translateY(-50%) rotate(0deg);

    color: var(--primary-color);

}



.faq-accordion .accordion-item .accordion-body {

    background: var(--accent-color);

    border-top: 1px solid var(--divider-color);

    padding: 20px;

}



.faq-accordion .accordion-item .accordion-body p {

    color: var(--white-color);

    margin: 0;

}







.blog-section .blog-thumbnail {

    border-radius: 20px;

    overflow: hidden;

    margin-bottom: 20px;

    height: 230px;



}



.blog-section .blog-thumbnail img {

    width: 100%;

    object-fit: cover;

    height: 100%;

}



.blog-section .blog-card {

    background-color: #f9fafb;

}



.faq {

    padding: 80px 0;

}



.blog-section .blog-content {

    padding: 10px 20px;

}



.blog-section .blog-content .read-more {

    font-size: 16px;

    font-weight: 600;

    color: var(--primary-color);

    align-items: center;

    display: flex;

}



.blog-section .blog-content .read-more i {

    font-size: 20px;

}





/* start footer section  */

#footer {

    position: relative;

}



#footer .footer-text {

    color: #233645;

    font-size: 14px;

    font-weight: 600;

    margin-bottom: 15px;

}



#footer .footer-header {

    border-bottom: 2px dashed var(--secoundary-color);

    padding-bottom: 30px;

    margin-bottom: 30px;

}



#footer .footer-header .social-link {

    display: flex;

    justify-content: end;

    align-items: center;

    height: 100%;

    gap: 20px;

}



#footer .footer-header .social-link ul {

    display: flex;

    justify-content: center;

    align-items: center;

    gap: 10px;

}



#footer .footer-header .social-link ul li a {

    box-shadow: 0px 0px 24px -5px rgb(0 0 0 / 20%);

    background-color: #FFFFFF;

    border-radius: 100px;

    width: 35px;

    height: 35px;

    display: flex;

    justify-content: center;

    align-items: center;

    color: var(--pink);

    font-size: 20px;

}



#footer .footer-header .social-link h6 {

    color: #233645;

    font-size: 14px;

    font-weight: 600;

    margin-bottom: 0;

}



#footer .footer-content {

    padding: 50px 0;

}



#footer .footer-content .f-logo img {

    width: 100%;

    max-width: 250px;

    object-fit: contain;

}



#footer .footer-bottom {

    background-color: var(--secoundary-color);

    text-align: center;

    padding: 10px 0;

}



#footer .footer-bottom p {

    font-size: 14px;

    margin: 0;

    color: #fff;

    font-weight: 400;

    line-height: 1.3;

}



#footer .quick-links ul li a {

    color: var(--matte-black);

    font-size: 14px;

    font-weight: 400;

    display: block;

}



#footer .quick-links ul li {

    margin-bottom: 10px;

}



#footer .contact-links ul li {

    margin-bottom: 15px;

    padding-left: 30px;

    position: relative;

}



#footer .contact-links ul li i {

    position: absolute;

    left: 0;

    /* top: 5px; */

    color: var(--pink);

    font-size: 20px;

}



#footer .contact-links ul li a {

    color: var(--matte-black);

    font-size: 14px;

    font-weight: 400;

    display: block;

}



#footer .contact-links ul li a span {

    font-weight: 600;

    color: #5E6271;

}



#footer p {

    font-size: 14px;

}



.footer-social-link {

    display: flex;

    justify-content: end;

    align-items: center;

    height: 100%;

    gap: 20px
}



.footer-social-link ul {

    display: flex;

    justify-content: center;

    align-items: center;

    gap: 10px
}



.footer-social-link ul li a {

    border-radius: 100px;

    width: 35px;

    height: 35px;

    display: flex;

    justify-content: center;

    align-items: center;

    color: var(--pink);

    font-size: 20px
}



.footer-social-link h6 {

    color: #233645;

    font-size: 14px;

    font-weight: 600;

    margin-bottom: 0
}





.doctor-salah {

    position: relative;

}



.card-doctorsalah {

    width: 100%;

    padding: 0;

    overflow: hidden;

    background: #fff;

    height: 100%;

    border-radius: 10px;

    box-shadow: 0 6px 50px rgb(37 37 37/5%);

    border: 1px solid #eaeaea
}



.card-doctorsalah a {

    position: absolute;

    right: 0;

    left: 0;

    top: 0;

    bottom: 0;

    z-index: 1
}



.card-doctorsalah .iamge-card {

    position: relative;

    overflow: hidden;

    margin-bottom: 0;

    height: auto;

    border-radius: 10px
}



.card-doctorsalah .iamge-card img {

    width: 100%;

    height: 250px;

    object-fit: cover;

    object-position: top
}



.card-doctorsalah .date {

    font-size: 14px;

    line-height: 30px;

    font-weight: 500;

    transition: .5s;

    color: #494242
}



.card-doctorsalah .date i {

    margin-right: 10px
}



.card-doctorsalah .content-card {

    padding: 12px
}



.card-doctorsalah .content-card h4 {

    font-weight: 600;

    font-size: 18px;

    line-height: 30px;

    color: #333;

    margin-bottom: 0;

    text-transform: capitalize
}



.social-btn {

    width: 100%;

    display: flex;

    justify-content: center;

    align-items: center
}



.social-btn .btn-smo {

    background: #fafafb;

    border: 2px solid #ddd;

    box-shadow: 0px 8px 24px rgba(149, 157, 165, .2);

    border-radius: 100px;

    font-weight: 600;

    font-size: 16px;

    line-height: 26px;

    text-align: center;

    color: #666;

    padding: 15px 30px;

    margin-right: 15px;

    display: flex;

    align-items: center
}



.social-btn .btn-smo img {

    width: 26px;

    height: 26px;

    margin-right: 10px;

    object-fit: contain
}



.dr-image-about {

    margin: auto;

    object-fit: cover;

    width: 200px;

    height: 200px;

    border-radius: 370px;

    overflow: hidden;

}



.dr-image-about img {

    object-fit: cover;

    width: 100%;

    height: 100%;

    object-position: top;



}



.about-dr-banner {

    padding: 60px 0;

}



.about-dr-banner.main {

    background-color: rgb(229, 229, 229);

}



.about-dr-banner h3 {

    color: var(--secoundary-color);

    font-size: 26px;

    font-weight: 700;

    margin-bottom: 0;

}



.about-dr-banner h4 {

    font-size: 18px;

}



.about-dr-banner h6 {

    font-size: 16px;

}





.about-dr-banner strong {

    font-weight: 700;

}



.about-dr-banner .banner_content h4 {

    font-size: 26px;

    font-weight: 600;

    margin-top: 30px;

}



.about-dr-banner ul li {

    padding-left: 30px;

    line-height: 2;

    margin-bottom: 10px;

    font-weight: 600;

    color: var(--heading-5);

    position: relative;

}



.about-dr-banner ul li::before {

    content: "\f114";

    font-family: "feather-icons";

    text-transform: none;

    text-rendering: auto;

    -webkit-font-smoothing: antialiased;

    font-weight: normal;

    font-style: normal;

    speak: none;

    color: var(--primary-color);

    font-size: 22px;

    position: absolute;

    left: 0;

    top: 0;

    bottom: 0;

    height: 100%;

    display: flex;

    align-items: center;

}



.about-dr-banner .image-card .image {

    width: 100%;

    height: 500px;

}



.about-dr-banner .image-card .image img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    border-radius: 10px;

}



.about-dr-banner .image-card {

    width: 100%;

    position: sticky;

    top: 100px;

}





/* .about-us-banner .background {

    background-image: url(https://sattvafertility.knowyourright.net/wp-content/uploads/2024/06/Sattava-about.png);

} */



.overview {

    padding: 80px 0;

}



.overview .card {

    width: 140px;

    padding: 10px 0;

}



.overview .card .icon {

    width: 50px;

    height: 50px;

    background-color: #E9ECF2;

    border-radius: 100%;

    margin: auto;

    justify-content: center;

    align-items: center;

    display: flex;

}



.overview .card .icon img {

    width: 30px;

    height: 30px;

}



.overview .card h5 {

    font-weight: 700;

    margin-top: 10px;

    font-size: 22px;

    line-height: 24px;

}



.overview .card p {

    font-weight: 500;

    line-height: 1;

    font-size: 12px;

}



.overview h3 {

    font-size: 20px;

    margin-top: 30px;

    font-weight: 600;

    margin-bottom: 20px;

}



.overview ul {

    column-count: 2;

}



.overview ul li {

    font-weight: 600;

    margin-bottom: 15px;

    position: relative;

    padding-left: 25px;

}



.overview ul li::after {

    background-image: url(../img/icon/arrow.html);

    content: '';

    position: absolute;

    top: 4px;

    left: 0;

    width: 14px;

    height: 14px;

    background-size: cover;

    background-position: center;

    opacity: 1;

}



.overview .image {

    height: 460px;

    width: 95%;

}



.overview .image img {

    margin: auto;

    object-fit: cover;

    height: 100%;

    border-radius: 10px;

}



.overview .owl-theme .owl-nav.disabled+.owl-dots {

    margin-top: -40px;

    z-index: 1111;

    position: relative;

}



.overview .banner-stats {

    background-color: var(--bluedark);

    padding: 20px 0;

    margin-top: 60px;

}



.overview .banner-stats h5 {

    font-weight: 600;

    line-height: 20px;

    margin-bottom: 0px;

    color: #fff;

    font-size: 14px;

}



.overview .banner-stats i {

    color: #FFD600;

}



.overview .banner-stats p {

    color: #F5F5F5;

    line-height: 10px;

    margin-top: 4px;

    font-weight: 400;

    font-size: 12px;

}



.overview .banner-stats .stats {

    position: relative;

}



.overview .banner-stats .stats img {

    width: 40px;

    height: 40px;

}



.overview .banner-stats .stats::after {

    content: "";

    background-color: #ffffff6b;

    height: 100%;

    width: 1px;

    top: 0;

    bottom: 0;

    margin: auto;

    position: absolute;

    right: 8px;

}



.overview .banner-stats :last-child::after {

    display: none;

}



.vision-mission {

    padding: 80px 0;

    background-image: url(../img/background/missionbg.html);

    background-size: cover;

    background-repeat: no-repeat;

}



.vision-mission .image {

    height: 310px;

    margin-top: 40px;

    border-radius: 10px;

}



.vision-mission img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    border-radius: 10px;

}



.vision-mission .content {

    border-radius: 10px;

    margin-top: 20px;

    height: 120px;

    justify-content: center;

    text-align: start;

    background-color: var(--primary-color);

}



.vision-mission .content h5 {

    font-size: 40px;

    color: #fff;

    line-height: 24px;

    padding-top: 25px;

    padding-left: 20px;

}



.vision-mission .content p {

    color: #fff;

    padding-left: 20px;

    line-height: 20px;

    margin-top: 20px;

    font-size: 20px;

}



.vision-mission .list {

    margin-top: 30px;

}



.vision-mission .list img {

    width: 44px;

    height: 48px;

    margin-right: 20px;

}



.vision-mission .list h6 {

    margin-bottom: 0;

    font-weight: 600;

}



.vision-mission .list p {

    font-size: 12px;

    color: #5E6271;

}



.branch-section {

    padding: 80px 0;

    background-image: url(../img/background/branchbg.html);

    background-size: cover;

    background-repeat: no-repeat;

}



.branch-section h5 {

    font-size: 20px;

    font-weight: 700;

    text-align: center;

    justify-content: center;

}



.branch-section ul li a {

    font-weight: 500;

}



.branch-section ul {

    margin: 20px 0;

}



.branch-section ul li {

    align-items: center;

    text-align: center;

    justify-content: center;

    display: flex;

    padding-bottom: 10px;

    color: #555555;

}



.branch-section ul li i {

    padding-right: 6px;

    font-size: 20px;

    color: purple;

}



.branch-section .default-btn {

    margin: auto;

    width: max-content;

    border-radius: 100px;

    padding-left: 40px;

    padding-right: 40px;

    align-items: center;

    display: flex;

}



.branch-section .default-btn i {

    font-size: 20px;

}



.branch-section .branch {

    background-color: #ffffff6b;

    box-shadow: 0px 8px 24px rgb(0 0 0 / 20%);

    border-radius: 10px;

    padding: 60px 0;

}



.branch-section .image {

    height: 330px;

    border-radius: 10px;

    overflow: hidden;

}



.branch-section .image img {

    width: 100%;

    height: 100%;

    border-radius: 10px;

}



.branch-section .owl-theme .owl-nav.disabled+.owl-dots {

    margin-top: -40px;

    z-index: 1;

    position: absolute;

    /* top: 460px; */

    left: 0;

    right: 0;

    bottom: 0;

}



.contact-banner .background {

    background-image: url(../img/background/contact-us.png);

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

    padding: 40px 0;

}



/* Start Founder Section */



.founder-section {

    padding: 100px 0;

    position: relative;

}



.founder-section h2 {

    font-size: 32px;

    font-weight: 700;

    text-transform: capitalize;

    color: var(--font-color-3F);

    margin-bottom: 0;

    line-height: 1.5;

}



.founder-section h3 {

    font-size: 20px;

    font-weight: 600;

    color: var(--primary-color);

    margin-bottom: 20px;

}



.founder-section p {

    text-align: justify;

    color: var(--heading-5);

    line-height: 30px;

    margin-bottom: 10px;

}



.founder-section .doctor-image {

    width: 100%;

    height: 100%;

    position: relative;

    padding-right: 110px;

}



.founder-section .doctor-image::before {

    content: "";

    position: absolute;

    left: -50%;

    top: -5%;

    bottom: -5%;

    right: 5%;

    border-top-right-radius: 500px;

    border-bottom-right-radius: 500px;

    background: linear-gradient(131deg, rgba(217, 217, 217, 0.20) 24.75%, rgba(115, 115, 115, 0.20) 737.64%);

    z-index: -1;

}



.founder-section .doctor-image img {

    width: 90%;

    height: 100%;

    object-fit: cover;

    border-radius: 20px;

    box-shadow: 0 8px 24px rgb(149 157 165 / 20%);

}



.founder-section .doctor-image .experience-card {

    width: 100%;

    max-width: 140px;

    padding: 10px 15px;

    position: absolute;

    right: 50px;

    bottom: 50px;

    background: #333;

    box-shadow: 0 8px 24px rgb(149 157 165 / 20%);

    border-radius: 10px;

}



.founder-section .doctor-image .experience-card i {

    color: #fff;

    font-size: 50px;

}



.founder-section .doctor-image .experience-card h6 {

    color: #fff;

    font-size: 36px;

    font-weight: 700;

    margin-bottom: 0;

}



.founder-section .doctor-image .experience-card p {

    font-size: 16px;

    color: #fff;

    margin: 0;

    line-height: 1.3;

}



.founder-section .message {

    position: relative;

    /* padding-left: 20px; */

    position: relative;

    padding-left: 20px;

    color: var(--heading-6);

    line-height: 1.8;

}



.founder-section .btn-info {

    display: inline-flex;

    align-items: center;

    column-gap: 20px;

}



.about-dr-banner .image-card .image img {

    object-position: top;

    object-fit: cover;

}



.about-dr-banner .image-card .image {

    width: 100%;

    height: 310px;

}



.founder-section .btn-info .default-btn {

    border-radius: 100px;

    padding-left: 45px;

    padding-right: 45px;

}



.founder-section .btn-info span {

    color: var(--font-color-3F);

    font-weight: 700;

}









.fertility {

    padding: 100px 0;

}



.condition-list .list {

    flex: 0 0 auto;

    width: calc(50% - 15px);

    max-width: 100%;

    display: inline-flex;

    align-items: center;

    column-gap: 20px;

}



.condition-list .list .icon {

    background-color: #F4F2F8;

    border-radius: 100px;

    width: 75px;

    height: 75px;

    display: flex;

    align-items: center;

    justify-content: center;

}



.condition-list .list .icon img {

    width: 60%;

}



.condition-list {

    display: flex;

    flex-wrap: wrap;

    margin-right: calc(-.5 * var(--bs-gutter-x));

    margin-left: calc(-.5 * var(--bs-gutter-x));

    row-gap: 20px;

    column-gap: 30px;

}



.fertility .condition-list {

    row-gap: 40px;

    padding-right: 50px;

}



.fertility .condition-list .list {

    width: 100%;

}



.fertility .condition-list .list .icon {

    width: 85px;

    height: 85px;

}



.fertility .condition-list .list .content h5 {

    font-size: 20px;

    color: var(--heading-3);

    font-weight: 600;

}



.fertility .condition-list .list .content span {

    font-size: 16px;

    color: var(--heading-5);

    font-weight: 400;

}



.fertility .experinces {

    background: var(--primary-color);

    color: #fff;

    padding: 20px 30px;

    border-radius: 10px;

    box-shadow: 0px 8px 24px 0px rgba(149, 157, 165, 0.20);

    position: absolute;

    left: -100px;

    bottom: 60px;

}



.fertility .experinces h3 {

    font-size: 50px;

    font-weight: 600;

    color: var(--white);

    margin-bottom: 0;

    line-height: 1.2;

}



.fertility .experinces h4 {

    font-size: 16px;

    font-weight: 500;

    width: 170px;

    color: var(--white);

    margin-bottom: 0;

}



.fertility .card-img {

    width: 100%;

    height: 100%;

}



.fertility .card-img img {

    border-radius: 20px;

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.fertility .col-lg-4 {

    position: relative;

}



.background {

    padding: 130px 0;

    background-size: cover !important;

    background-repeat: no-repeat !important;

    background-position: center !important;

}



.treatment-banner .banner-stats {

    background-color: var(--primary-color);

    padding: 20px 0;

}



.treatment-banner .banner-stats h5 {

    font-weight: 600;

    line-height: 20px;

    margin-bottom: 0px;

    color: #fff;

    font-size: 30px;

    margin-top: 5px;

}



.treatment-banner .banner-stats p {

    color: #fff;

    line-height: 16px;

    margin-top: 5px;

}



.treatment-banner .banner-stats .stats {

    position: relative;

}



.treatment-banner .banner-stats .stats img {

    width: 50px;

    height: 50px;

    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(70deg) brightness(99%) contrast(107%);

}



.treatment-banner .banner-stats .stats::after {

    content: "";

    background-color: var(--offWhite);

    height: 100%;

    width: 1px;

    top: 0;

    bottom: 0;

    margin: auto;

    position: absolute;

    right: 30px;

}



.treatment-banner .banner-stats {

    background-color: var(--primary-color);

    padding: 20px 0;

}



.treatment-banner .banner-stats :last-child::after {

    display: none;

}



.fertility-sec {

    padding: 100px 0;

}



.fertility-sec .condition-list {

    row-gap: 40px;

    padding-right: 50px;

}



.fertility-sec .condition-list .list {

    width: 100%;

}



.fertility-sec .condition-list .list .icon {

    width: 85px;

    height: 85px;

}



.fertility-sec .condition-list .list .content h5 {

    font-size: 20px;

    color: var(--heading-3);

    font-weight: 600;

}



.fertility-sec .condition-list .list .content span {

    font-size: 14px;

    color: var(--heading-5);

    font-weight: 400;

}



.fertility-sec .experinces {

    background: var(--primary-color);

    color: var(--white);

    padding: 20px 30px;

    border-radius: 10px;

    box-shadow: 0px 8px 24px 0px rgba(149, 157, 165, 0.20);

    position: absolute;

    left: -100px;

    bottom: 60px;

}



.fertility-sec .experinces h3 {

    font-size: 50px;

    font-weight: 600;

    color: #fff;

    margin-bottom: 0;

    line-height: 1.2;

}



.fertility-sec .experinces h4 {

    font-size: 16px;

    font-weight: 500;

    width: 170px;

    color: #fff;

    margin-bottom: 0;

}



.fertility-sec .card-img {

    width: 100%;

    height: 100%;

}



.fertility-sec .card-img img {

    border-radius: 20px;

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.fertility-sec .col-lg-4 {

    position: relative;

}



.fertility-sec .image-box {

    width: 95%;

    border-radius: 20px;

    height: 350px;

    overflow: hidden;

}



.fertility-sec .image-box img {

    width: 100%;

    object-fit: cover;

    height: 100%;



}



.page-template-treatment .banner-appointment {

    position: static;

}



.ivf-process {

    padding: 100px 0 50px 0;

    background-color: #F9F9F9;

    ;

}



.ivf-process .list {

    background-color: #F1F1F1;

    padding: 8px;

    border-radius: 50px;

    align-items: center;

    margin-top: 15px;

}



.ivf-process .image.position-sticky {

    top: 150px;

}



.ivf-process .image {

    position: relative;

}



.ivf-process .image img {

    width: 90%;

    border-radius: 10px;

}



.ivf-process .image::before {

    content: "";

    position: absolute;

    left: -50%;

    top: -5%;

    bottom: -5%;

    right: 5%;

    border-top-right-radius: 500px;

    border-bottom-right-radius: 500px;

    background: linear-gradient(131deg, rgba(217, 217, 217, 0.20) 24.75%, rgba(115, 115, 115, 0.20) 737.64%);

    z-index: -1;

}



.ivf-process .list .icon {

    border-radius: 100%;

    height: 60px;

    width: 60px;

    align-items: center;

    justify-content: center;

    display: flex;

    background-color: var(--secoundary-color);

}



.ivf-process .list .icon img {

    width: 35px;

    height: 35px;

    filter: brightness(0) saturate(100%) invert(98%) sepia(2%) saturate(646%) hue-rotate(158deg) brightness(118%) contrast(100%);

}



.ivf-process .list h5 {

    width: 30%;

    color: var(--secoundary-color);

    font-weight: 600;

    font-size: 18px;

    margin-left: 20px;

    margin-bottom: 0;

}



.ivf-process .list p {

    font-size: 14px;

    width: 60%;

    margin: auto;

    line-height: 1.7;

}



.ivf-cost ul li {

    font-size: 14px;

    font-weight: 500;

    position: relative;

    padding-left: 25px;

    margin-bottom: 5px;

    display: block;

    line-height: 32px;

    color: #111111;

}



.ivf-cost ul li::before {

    background-image: url(../img/icon/arrow-right-circle.svg);

    content: '';

    position: absolute;

    top: 8px;

    left: 0;

    width: 16px;

    height: 18px;

    background-size: cover;

    background-position: center;

    opacity: 1;

}



.why-ivf {

    padding: 60px 0;

}



.why-ivf .card {

    height: 220px;

    padding: 20px;

    margin: 10px;

    box-shadow: 0px 0px 16px rgb(0 0 0 / 10%);

    border: 0;

}



.why-ivf .card h6 {

    font-weight: 700;

    margin-top: 10px;

}



.why-ivf .card p {

    font-size: 14px;

}



.why-ivf .card img {

    width: 50px;

    height: 50px;

}



.why-ivf .owl-theme .owl-nav.disabled+.owl-dots {

    margin-top: 20px;

}



.content-section {

    padding: 80px 0;

}



.content-section .scroll-item {

    position: sticky;

    top: 15%;

}



.content-section .tab-nav .tab-link {

    padding: 20px;

    font-size: 16px;

    font-weight: 600;

    line-height: 26px;

    color: #3E3E3E;

    background-color: #fff;

    border: 1px solid #ddd;

    border-radius: 4px;

    transition: all 0.4s ease;

    display: block;

    margin-bottom: 10px;

}



.content-section .tab-nav .tab-link:hover,

.content-section .tab-nav .tab-link.active {

    background: var(--secoundary-color);

    border-color: var(--secoundary-color);

    color: #fff !important;

}



.content-section .rightside-content {

    padding-left: 70px;

}



.content-section .rightside-content .tab-content {

    padding-top: 75px;

}



.content-section .rightside-content .tab-content:first-child {

    padding-top: 0;

}



.content-section .rightside-content .tab-content h2 {

    font-size: 32px;

    font-weight: 700;

    text-transform: capitalize;

    color: var(--font-color-3F);

}



.content-section .rightside-content .tab-content h3 {

    font-size: 30px;

    line-height: 40px;

    font-weight: 700;

    color: #2C3145;

    margin-bottom: 15px;

}



.content-section .rightside-content .tab-content h4 {

    font-size: 24px;

    line-height: 36px;

    font-weight: 700;

    color: #2C3145;

    margin-bottom: 15px;

}



.content-section .rightside-content .tab-content h5 {

    font-size: 20px;

    line-height: 30px;

    font-weight: 700;

    color: #2C3145;

    margin-bottom: 15px;

}



.content-section .rightside-content .tab-content h6 {

    font-size: 18px;

    line-height: 28px;

    font-weight: 700;

    color: var(--pink);

    margin-bottom: 15px;

}



.content-section .rightside-content .tab-content p strong,

.content-section .rightside-content .tab-content p b {

    font-weight: 700 !important;

}



.content-section .rightside-content .tab-content ul {

    padding: 15px 0;

    column-count: 1;

}



.content-section .rightside-content .tab-content ul li {

    font-size: 14px;

    font-weight: 500;

    position: relative;

    padding-left: 30px;

    margin-bottom: 5px;

    display: block;

    line-height: 32px;

    color: #000;

}



.content-section .rightside-content .tab-content ul li strong,

.content-section .rightside-content .tab-content ul li b {

    font-weight: 700 !important;

}



.content-section .rightside-content .tab-content ul li::before {

    background-image: url(../img/icon/arrow-right-circle.svg);

    content: '';

    position: absolute;

    top: 8px;

    left: 0;

    width: 16px;

    height: 18px;

    background-size: cover;

    background-position: center;

    opacity: 1;

}



.content-section .rightside-content p,

.content-section .rightside-content p span {

    margin-bottom: 10px;

}



.branch-banner {

    position: relative
}



.branch-banner .banner-image {

    width: 100%;

    height: auto;

    padding: 60px 0 120px;

    background-position: center !important;

    background-size: cover !important;

    background-repeat: no-repeat !important
}



.branch-banner .content-inner {

    text-align: center
}



.branch-banner .content-inner .title {

    margin-bottom: 0;

    font-weight: 700;

    color: var(--primary-color);

    font-size: 16px
}



.branch-banner .content-inner h1 {

    font-size: 36px;

    font-weight: 700;

    line-height: 1.5;

    color: var(--font-color-3)
}



.branch-banner .content-inner ul {

    display: flex;

    justify-content: center;

    align-items: center;

    gap: 10px;

    margin-top: 15px
}



.branch-banner .content-inner ul li {

    background-color: #fff;

    border-radius: 5px;

    padding: 15px;

    text-align: center;

    max-width: 200px
}



.branch-banner .content-inner ul li img {

    width: 54px;

    height: 54px;

    margin: auto;

    display: block;

    margin-bottom: 10px
}



.branch-banner .content-inner ul li h6 {

    font-size: 14px;

    font-weight: 600;

    color: var(--primary-color);

    margin: 0
}



.branch-banner .banner-appointment {

    position: absolute;

    bottom: -70px;

    top: inherit
}



.vist-now {

    background-color: #e768c017;

    padding: 80px 0
}



.vist-now>div {

    background-color: #fff0;

    border: 0
}



.vist-now h4 {

    font-size: 32px;

    font-weight: 700;

    text-transform: capitalize;

    color: var(--font-color-3F)
}



.vist-now h5 {

    color: var(--purple);

    font-weight: 700;

    font-size: 16px;

    margin-bottom: 0
}



.page-template-branch .banner-appointment .wpcf7-spinner {

    position: absolute;

}



.branch-whychoose {

    background-color: #eeeeee;

    width: 100%;

    padding: 60px 0;

    background-position: center !important;

    background-size: cover !important;

    background-repeat: no-repeat !important
}



.branch-whychoose .section-heading {

    margin-bottom: 20px
}



.branch-whychoose ul {

    column-count: 2
}



.branch-whychoose li {

    padding-left: 30px;

    line-height: 2;

    margin-bottom: 10px;

    font-weight: 600;

    color: var(--heading-5);

    position: relative
}



.branch-whychoose li {

    position: relative
}



.branch-whychoose li::before {

    content: "\f114";

    font-family: "feather-icons";

    text-transform: none;

    text-rendering: auto;

    -webkit-font-smoothing: antialiased;

    font-weight: 400;

    font-style: normal;

    speak: none;

    color: var(--pink);

    font-size: 22px;

    position: absolute;

    left: 0;

    top: 0;

    bottom: 0;

    height: 100%;

    display: flex;

    align-items: center
}



.branch-whychoose .image {

    height: 350px
}



.branch-whychoose .image img {

    width: 100%;

    border-radius: 10px;

    object-fit: cover;

    width: 100%;

    height: 100%
}





.branch-seo-content {

    padding: 50px 0;

    position: relative;

    background-color: #e766b126;

}



.branch-seo-content .container-fluid {

    padding: 0px !important
}



.branch-seo-content .inner-content h6 {

    font-weight: 400;

    font-size: 22px;

    line-height: 32px;

    text-transform: capitalize
}



.branch-seo-content .inner-content h3 {

    font-weight: 700;

    font-size: 36px;

    line-height: 1.5;

    text-transform: capitalize;

    color: #2C3145
}



.branch-seo-content .inner-content p {

    margin-top: 10px
}



.branch-seo-content .inner-content .list-item {

    margin-top: 20px
}



.branch-seo-content .inner-content .list-item {

    padding: 0 !important;

    position: relative;

    margin-bottom: 12px
}



.branch-seo-content .inner-content .list-item .card-icon {

    position: relative;

    margin-bottom: 30px;

    align-items: center;

    display: flex
}



.branch-seo-content .inner-content .list-item .icon {

    position: absolute;

    left: 10px;

    top: 0;

    width: 55px;

    height: 55px;

    background: var(--secoundary-color);

    border-radius: 100px;

    border: 1px solid #d9d9d9;

    padding: 12px
}



.branch-seo-content .inner-content .list-item .icon img {

    width: 100%;

    height: 100%;

    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(186deg) brightness(105%) contrast(101%);

    object-fit: contain
}



.branch-seo-content .inner-content .list-item .item-content {

    padding-left: 70px
}



.branch-seo-content .inner-content .list-item .item-content h4 {

    font-weight: 600;

    font-size: 16px;

    line-height: 25px;

    color: #333
}



.branch-seo-content .inner-content .list-item.item-content p {

    margin: 0
}



.success-rate .doctor-image {

    height: 350px;

    width: 80%
}





.faq-tabs .nav-tabs {

    border: 0;

    padding-right: 20px
}



.faq-tabs .nav-tabs .nav-item {

    margin-bottom: 15px;

    width: 100%
}



.faq-tabs .nav-tabs .nav-item .nav-link {

    width: 100%;

    display: flex;

    justify-content: start;

    align-items: center;

    padding: 15px 30px 15px 15px;

    background: #fff;

    border: 1px solid #ddd;

    box-shadow: unset;

    border-radius: 5px;

    transition: .15s ease-in;

    position: relative;

    margin: 0;

    cursor: pointer
}



.faq-tabs .nav-tabs .nav-item .nav-link img {

    width: 38px;

    height: 38px;

    object-fit: contain;

    margin-right: 15px;

    filter: contrast(10) brightness(0)
}



.faq-tabs .nav-tabs .nav-item .nav-link.active h5 {

    color: #fff;

}



.faq-tabs .nav-tabs .nav-item .nav-link.active p {

    color: #fff;

}



.faq-tabs .nav-tabs .nav-item .nav-link h5 {

    font-weight: 600;

    font-size: 18px;

    line-height: 28px;

    color: #3f3f3f;

    text-transform: capitalize;

    margin-bottom: 0
}



.faq-tabs .nav-tabs .nav-item .nav-link p {

    font-weight: 400;

    font-size: 12px;

    line-height: 18px;

    margin: 0;

    color: #fff;

}



.faq-tabs .nav-tabs .nav-item .nav-link.active {

    background-color: var(--secoundary-color);

    border-color: var(--secoundary-color);

    box-shadow: 0 8px 24px rgba(149, 157, 165, .2)
}





.faq-homepage li .list-faqs.active img,

.faq-tabs .nav-tabs .nav-item .nav-link.active img {

    filter: contrast(0) brightness(10)
}



.tab-content.faq-content {

    background: #fff;

    border-radius: 12px;

    padding: 0 15px;

    height: 100%
}



.accordion-faq .accordion .accordion-item {

    margin-bottom: 25px;

    background: #fff;

    border: 1px solid #ddd;

    border-radius: 5px;

    overflow: hidden;

    padding: 0
}



.accordion-faq .accordion .accordion-item .accordion-button {

    font-weight: 600;

    font-size: 16px;

    line-height: 30px;

    text-transform: capitalize;

    color: #333;

    padding: 15px 25px;

    background-color: #fff;

    border-top: 3px solid #fff
}



.accordion-faq .accordion .accordion-item .accordion-button:not(.collapsed) {

    box-shadow: none;

    background: #fff;

    color: var(--secoundary-color);

    border-top: 3px solid var(--secoundary-color);

}



.accordion-faq .accordion .accordion-item .accordion-body {

    padding-top: 10px
}



.accordion-faq .accordion .accordion-item .accordion-body p {

    font-weight: 500;

    font-size: 16px;

    line-height: 28px;

    text-transform: capitalize
}



.accordion-faq .accordion .accordion-item .accordion-body ul li {

    padding-left: 30px;

    margin-bottom: 10px;

    font-weight: 400;

    font-size: 16px;

    line-height: 26px;

    color: #3f3f3f;

    position: relative;

    display: block
}



.accordion-faq .accordion .accordion-item .accordion-body ul li::before {

    color: #1e6699;

    content: "\f178";

    font-family: "Font Awesome 6 Pro";

    font-weight: 900;

    font-size: 16px;

    position: absolute;

    left: 0;

    top: 0;

    bottom: 0
}



.accordion-faq .accordion .accordion-item .accordion-button:focus {

    border-color: #fff;

    box-shadow: none
}



.accordion-faq .accordion .accordion-item .accordion-button::after {

    width: auto;

    height: auto;

    content: "\2b";

    font-family: "Font Awesome 6 pro";

    font-weight: 900;

    vertical-align: middle;

    text-align: center;

    background: #fff
}





.doctor-salah-section {

    padding: 60px 0;

}







.blog-single-post h1,

.blog-single-post h3 {

    font-weight: 700;

    margin-bottom: 15px;

    position: relative
}



.blog-details {

    padding: 80px 0 60px
}



.about-banner,

.stats-section {

    padding: 50px 0;

    background-size: cover !important;

    background-repeat: no-repeat !important
}



.blog-single-post {

    position: relative;

    margin-bottom: 40px
}





.blog-single-post .image {

    position: relative;

    overflow: hidden;

    margin-bottom: 30px;

    width: 100%;

    height: 350px;

}



.blog-single-post .image img {

    width: max-content;

    height: 100%;

    object-fit: contain;

    /* border-radius: 20px; */

}



.blog-single-post .lower-content {

    position: relative;

    padding: 30px;

    border: 1px solid #ebf2f3;

    border-top: 0;

    border-radius: 5px
}



.blog-single-post ul.post-meta {

    position: relative;

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    font-size: 16px;

    margin-bottom: 13px
}



.blog-single-post .post-meta li {

    margin-right: 15px;

    padding-right: 15px;

    font-weight: 600;

    border-right: 1px solid #ddd
}



.blog-single-post .post-meta li i {

    margin-right: 8px;

    color: #0f477c
}



.blog-single-post .post-meta li:last-child,

.m-footer .hgf5d3:last-child {

    border-right: 0
}



.blog-single-post h1 {

    font-size: 30px;

    line-height: 44px;

    color: #3f3f3f
}



.blog-single-post h3 {

    font-size: 28px;

    line-height: 42px;

    color: #3f3f3f
}



.blog-single-post .text {

    margin-bottom: 40px
}



.blog-single-post .text ul {

    padding-left: 0
}



.blog-single-post .text ul li {

    list-style: none;

    margin-bottom: 10px;

    color: #3f3f3f;

    position: relative;

    padding-left: 30px
}



.blog-single-post .text ul li::before {

    color: #0f477c;

    content: "\f061";

    font-family: "Font Awesome 6 Free";

    font-weight: 900;

    font-size: 16px;

    position: absolute;

    left: 0;

    top: 0;

    bottom: 0
}



.blog-single-post .text ol li {

    list-style: inherit;

    margin-bottom: 10px;

    color: #3f3f3f
}



.blog-single-post .text h2 {

    position: relative;

    font-size: 28px;

    line-height: 44px;

    font-weight: 700;

    margin-bottom: 15px
}



.blog-single-post .text h3,

.blog-single-post .text h4,

.blog-single-post .text h5 {

    line-height: 40px;

    font-weight: 700;

    margin-bottom: 15px;

    position: relative;

}



.blog-single-post .text h3 {

    font-size: 24px
}



.blog-single-post .text h4 {

    font-size: 22px
}



.blog-single-post .text h5 {

    font-size: 20px
}



.blog-single-post .text h6 {

    position: relative;

    font-size: 18px;

    line-height: 30px;

    font-weight: 700;

    margin-bottom: 15px
}



.blog-single-post .text table tr td,

.blog-single-post .text table tr th {

    border: 2px solid #ddd;

    padding: 8px 10px;

    font-size: 16px;

    font-weight: 500
}



.blog-single-post .text table tr th {

    font-weight: 700
}



.blog-single-post blockquote {

    position: relative;

    padding-left: 30px;

    font-size: 16px;

    color: #565872;

    margin-bottom: 30px
}



.blog-single-post blockquote:before {

    position: absolute;

    content: '';

    top: 0;

    width: 8px;

    bottom: 0;

    background: #0f477c;

    left: 0;

    border-radius: 5px
}







.ourProfile,

.videoGallery {

    padding: 50px 0;

    background: #e979be1c;

}



.videoCard {

    background: #fff;

    border: 1px solid #ddd;

    border-radius: 10px;

    padding: 10px
}



.videoCard a.videoThumb {

    display: block;

    position: relative;

    height: 350px;

    overflow: hidden;

    border-radius: 10px;

}



.videoCard a.videoThumb img {

    display: block;

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.imageGallery .galleryCard:hover .galleryName,

.videoCard:hover a.videoThumb i,

.videoCard:hover a.videoThumb:before {

    transform: scale(1)
}



.videoCard a.videoThumb:before {

    content: "";

    width: 100%;

    height: 100%;

    z-index: 1;

}



.videoCard a.videoThumb i {

    font-size: 30px;

    position: absolute;

    right: 0;

    left: 0;

    top: 0;

    bottom: 0;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #fff;

    z-index: 9;

    width: 50px;

    height: 50px;

    border-radius: 100px;

    border: 2px solid #fff;

    margin: auto;

    transform: scale(0);

    transition: .5s
}



.videoCard h5 {

    font-size: 18px;

    font-weight: 600;

    margin-bottom: 15px
}



.videoCard p {

    font-size: 14px;

    line-height: 1.8;

    font-weight: 600;

    color: #415674;

    margin-bottom: 0
}



.symptoms-section {

    padding: 60px 0;

}



.symptoms-section h4 {

    color:#32992c;

}



.symptoms-section ul li {

    padding-left: 30px;

    margin-bottom: 15px;

    font-weight: 500;

    font-size: 16px;

    line-height: 26px;

    color: #333333;

    position: relative;

    display: block;

    align-items: center;

    display: flex;

}



.symptoms-section ul {

    column-count: 3;

    margin-top: 20px;

}



.symptoms-section ul li img {

    width: 20px;

   
    margin-right: 10px;

}



.owl-theme .owl-nav button span {

    width: 40px;

    height: 40px;

    border-radius: 100px;

    background-color: #fff;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 26px;

    box-shadow: 0 8px 24px 0 rgb(149 157 165 / .2);

    color: var(--font-color-2);

    transition: 0.3s;

}



.owl-carousel .owl-nav button.owl-next,

.owl-carousel .owl-nav button.owl-prev,

.owl-carousel button.owl-dot {

    background: 0 0;

    color: inherit;

    border: none;

    padding: 0 !important;

    font: inherit;

}



element.style {}



.main-Slider .owl-theme .owl-dots,

.main-Slider .owl-theme .owl-nav {

    display: block !important;

    width: 100% !important;

    padding: 0 20px !important;

    position: absolute !important;

    top: 40% !important;

    justify-content: space-between !important;

    display: flex !important;

}



.main-Slider .owl-theme .owl-nav.disabled+.owl-dots {

    display: none !important;

}



.page-template-contact-us .bookAppointment .contact-info .nav-pills {

    position: relative;

}



.help-section {

    background: #d83b9612;

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

    padding: 100px 0;

}



.help-section>.container {

    width: 50%;

    background-color: #fff;

    box-shadow: 0px 8px 24px 0px rgb(204 204 204 / 20%);

}



.help-section .input-group svg {

    font-size: 18px;

    color: #000;

    position: absolute;

    top: 10px;

    left: 10px;

}



.help-section .input-group i {

    z-index: 1;

    font-size: 18px;

    color: #000;

    position: absolute;

    top: 15px;

    left: 10px;

}



.help-section .input-group {

    width: 48%;

}



.help-section .input-group input {

    padding: 6px 0px;

    padding-left: 40px;

}



.help-section textarea {

    padding-left: 40px;

    padding-top: 6px;

    height: 150px;

}



.help-section .input-group input::placeholder {

    font-size: 14px;

}



.help-section button {

    border-radius: 50px;

    padding: 12px 40px
}



.help-section button i {

    font-weight: 600;

    font-size: 20px;

}



.help-section .input-group .form-control:focus {

    border-color: var(--bluedark);

    box-shadow: 0 0 0 .25rem rgba(255, 255, 255, 0.25);

}



.help-section .input-group p {

    width: 100%;

}





/* treatment */

.treatment-section {

    padding: 80px 0;

    background-color: #F1F2F2;

    border-radius: 20px;

    margin-top: 50px;

}



.treatment-section .default-btn {

    color: #fff;

    border: var(--primary-color);

    background-color: var(--primary-color);

}



.treatment-section .treatment-item ul {

    display: flex;

    justify-content: start;

    align-items: stretch;

    flex-wrap: wrap;

    gap: 15px;

    width: 100%;

}



.treatment-section .treatment-item .card-item {

    position: relative;

    flex-grow: 1;

    height: 380px;

    overflow: hidden;

    border-radius: 15px;

    transition: all 0.3s ease-in;

}



.treatment-section .treatment-item .card-item .image img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    object-position: top;

}



.treatment-section .treatment-item .card-item .image {

    height: 100%;

}



.treatment-section .treatment-item .card-item::after {

    content: " ";

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0;

    right: 0;

    bottom: 0;

    background: linear-gradient(360deg, #000000 -13.88%, rgba(0, 0, 0, 0) 59.62%);

    z-index: 9;

    transition: all 0.3s ease-in;

}



.treatment-section .treatment-item .card-item .content {

    position: absolute;

    left: 0;

    bottom: 0;

    right: 0;

    width: 100%;

    height: auto;

    text-align: center;

    display: flex;

    justify-content: start;

    align-items: center;

    flex-direction: column;

    padding: 25px 15px;

    z-index: 99;

    transition: all 0.3s ease-in;

}



.treatment-section .treatment-item .card-item .content h6 {

    background-color: var(--secoundary-color);

    display: inline-block;

    padding: 0 30px;

    color: #Fff;

    font-size: 13px;

    border-radius: 1e3px;

    line-height: 31px;

}



.treatment-section .treatment-item .card-item .content i {

    color: #312d25;

    font-size: 30px;

}



.treatment-section .treatment-item .card-item .btn {

    margin-top: 45px;

    display: inline-flex;

    width: 60px;

    height: 60px;

    background-color: #fff;

    border-radius: 1e3px;

    align-items: center;

    justify-content: center;

    font-size: 31px;

    color: var(--secondary-color);

}



.treatment-section .treatment-item .card-item .content a {

    font-size: 18px;

    font-weight: 600;

    color: #fff;

    margin: 10px 0;

}



.treatment-section .treatment-item .card-item .content .content-hide {

    display: none;

    transform: translateY(100%);

    transition: all 0.3s ease-in;

}



.treatment-section .treatment-item .card-item .content p {

    color: #fff;

    text-align: center;

}



.treatment-section .treatment-item .card-item .content .btn-page {

    background-color: #fff;

    color: #32992c;

    border-color: #fff;

    display: inline-flex;

    justify-items: center;

    align-items: center;

    gap: 10px;

    width: max-content;

    padding: 12px 20px;



}



.treatment-section .treatment-item .card-item:hover::after {

    background: rgba(0, 0, 0, 0.7);

}



.treatment-section .treatment-item .card-item:hover .content .content-hide {

    display: block;

    transform: translateY(0);

    justify-content: center;

}



.treatment-section .owl-theme .owl-nav.disabled+.owl-dots {

    margin: auto;

    margin-top: 20px;

}





.page-template-case-study .treatment-section .treatment-item .card-item {

    width: 25% !important;

    max-width: 25%;

}



.page-template-case-study .treatment-section .treatment-item .image {

    height: 100%;

}







.case-study.content-grid {

    padding: 50px 0;

}



.case-study.content-grid .content-body h4 {

    margin-bottom: 15px;

}



.case-study.content-grid .casestudy-image {

    background: #fff;

    border-radius: 10px;

    overflow: hidden;

    border: 1px solid #ddd;

    box-shadow: 0 0 10px 2px #cfcfcf;

    position: sticky;

    top: 15%;

    height: 500px;

}



.case-study.content-grid .casestudy-image img {

    height: 100%;

    width: 100%;

    object-fit: cover;

}



.case-study.content-grid .ur-videos-img {

    height: 250px;

}



.case-study.content-grid .ur-videos-img video {

    width: 100%;

    height: 100%;

}





.about-dr-banner.main ul li::before {

    display: none;



}



.about-dr-banner.main ul li {

    padding-left: 0px;

    margin-top: 20px;

}



.condition-banner .banner-image {

    border-radius: 20px;

    overflow: hidden;

}



.condition-banner .background {

    background: #db489d17;

    padding: 60px 0 0 0;

    margin-bottom: 40px;

}



.treatmentContent {

    padding-bottom: 60px;

}



.treatmentContent .tab-content {

    padding-top: 46px;

    padding-bottom: 40px;

    position: relative;

}



.treatmentContent .tab-content::after {

    content: " ";

    width: 80%;

    height: 1.5px;

    background-color: #00606d33;

    display: block;

    margin: auto;

    position: absolute;

    bottom: 0;

    right: 0;

    left: 0;

}



.treatmentContent .tab-content h3 {

    font-size: 26px;

    margin-bottom: 15px;

    font-weight: 600;

    color: #333;

    line-height: 40px;

}



.treatmentContent .tab-content h4 {

    font-size: 20px;

    font-weight: 600;

    margin-bottom: 15px;

    color: #333;

    line-height: 34px;

}



.treatmentContent .tab-content ul li {

    color: #333;

    font-size: 16px;

    line-height: 28px;

    font-weight: 400;

    position: relative;

    padding-left: 25px;

    margin-bottom: 10px;

    display: block;

}



.page-template-Condition .appointment-area .form-appointment {

    box-shadow: none;

}



.treatmentContent .tab-content ul {

    margin-top: 10px;

}



.treatmentContent .tab-content ul li strong {

    font-weight: 600;

}



.treatmentContent .tab-content ul li::before {

    content: "\ebe6";

    font-family: boxicons !important;

    font-style: normal;

    position: absolute;

    left: 0;

    font-size: 18px;

    color: var(--primary-color);

    font-weight: 500;

    line-height: 1;

    top: 5px;

}



.treatmentContent .faq-treatment {

    background: #fff;

    border: 0;

    border-radius: 8px;

    box-shadow: 0 5px 25px rgba(0, 0, 0, .1);

    margin: 30px 0;

    padding: 32px;

}



.treatmentContent .faq-treatment .form-appointment .form-heading {

    margin-bottom: 15px;

}



.treatmentContent .faq-treatment .form-appointment .form-heading p {

    margin-bottom: 0;

}



.treatmentContent .faq-treatment .section-title .title {

    font-size: 22px;

    line-height: 36px;

}



.treatmentContent .container>.row>.col-md-4 {

    border-left: 1px solid #ddd;

}



.treatmentContent .doctor-Profile {

    background: #d93f980f;

    border: 0;

    border-radius: 8px;

    box-shadow: 0 5px 25px rgba(0, 0, 0, .1);

    padding: 30px 15px;

    margin: 25px 0;

    text-align: center;

    position: sticky;

    top: 20%;

    max-width: 350px;

    margin-left: auto;

}



.treatmentContent .doctor-Profile .image img {

    width: 150px;

    height: 150px;

    border-radius: 100%;

    margin: 0 auto 15px;

    overflow: hidden;

    display: block;

    object-fit: cover;

    object-position: top;

}



.treatmentContent .doctor-Profile .content h4 {

    font-size: 22px;

    line-height: 32px;

    font-weight: 600;

    color: var(--secoundary-color);

}



.treatmentContent .doctor-Profile .content h6 {

    font-size: 16px;

    line-height: 28px;

    font-weight: 500;

    color: #333;

}



.treatmentContent .doctor-Profile .callBtn {

    display: flex;

    justify-content: center;

    align-items: center;

    gap: 15px;

    padding: 10px 0;

}



.treatmentContent .doctor-Profile .callBtn i {

    color: var(--secoundary-color);

    font-size: 22px;

    font-weight: 500;

}



.treatmentContent .doctor-Profile .callBtn a {

    color: #333;

    font-size: 16px;

    font-weight: 500;

}



.treatmentContent .doctor-Profile .content .btn-page {

    margin-top: 15px;

}





.tratment-sticky {

    padding: 40px 0 60px;

    border-top: 1px solid #ddd;

    margin-top: 15px;

}



.tratment-sticky ul {

    display: flex;

    justify-content: start;

    align-items: center;

    gap: 10px;

}



.tratment-sticky ul li:first-child a {

    background: var(--secoundary-color);

    color: #fff;

}



.tratment-sticky ul li a {

    font-size: 14px;

    font-weight: 500;

    color: var(--secoundary-color);

    padding: 10px 10px;

    border: solid 1px var(--secoundary-color);

    border-radius: 100px;

    transition: all 0.4s ease-in;

}



.tratment-sticky ul li a:hover {

    background: var(--secoundary-color);

    color: #fff !important;

}



.founder-section ul {

    margin-bottom: 20px;

}



.founder-section ul li {

    color: #333;

    font-size: 16px;

    line-height: 28px;

    font-weight: 600;

    position: relative;

    padding-left: 25px;

    margin-bottom: 10px;

    display: block;

}





.founder-section ul li::before {

    content: "\ebe6";

    font-family: boxicons !important;

    font-style: normal;

    position: absolute;

    left: 0;

    font-size: 18px;

    color:#32992c;

    font-weight: 500;

    line-height: 1;

    top: 5px;

}



.mobile-banner .banner-area {

    margin-top: 20px;

}



.mobile-banner .banner-area img {

    border-radius: 10px;

    overflow: hidden;

}



.modal-dialog .popup-card .image {

    width: 150px;

    height: 150px;

    border-radius: 300px;

    overflow: hidden;

    margin: auto;



}



.modal.show .modal-dialog {

    transform: none;

    max-width: 40%;

}


.modal.show h5 {
    color: #e766b1;
}

.modal.show .default-btn {

    margin: auto;

    margin-top: 10px;

    width: 100%;

}





.modal-dialog .logo-popup a img {

    margin: auto;

    display: flex;

    width: 50%;

    margin-bottom: 20px;

}







.sticky-footer {

    position: fixed;

    bottom: 0;

    width: 100%;

    z-index: 9999
}



.mobile-sticky-footer {

    background-color: var(--secoundary-color);

    border-radius: 10px 10px 0 0;

}



.icon-box p {

    font-weight: 600;

}



.icon-box:before {

    display: none;

}

.cta-box a:hover {
    background-color: var(--primary-color);
    color: #fff;
}


.submitting-section img {
    width: 300px;
    height: 300px;
    margin: auto
}

.error-section {
    position: relative;
    padding: 110px 0
}

.error-section .content {
    position: relative;
    text-align: center
}

.error-section h1 {
    font-size: 200px;
    line-height: 1em;
    margin-bottom: 10px;
    font-weight: 800;
}

.error-section h2 {
    font-size: 48px;
    line-height: 1.2em;
    margin-bottom: 20px
}

.error-section .btn-page {
    margin: auto;
}


.submitting-section {
    text-align: center;
    padding: 80px 0
}

.submitting-section h1 {
    font-size: 36px;
    line-height: 1em;
    margin-bottom: 10px
}

.submitting-section img {
    width: 300px;
    height: 300px;
    margin: auto
}

#menu-footer-menu {
    column-count: 2;
    display: block;
    gap: 50px;
}

.testimonial-content {
    position: relative;
}

.testimonial-content .more-text {
    display: none;
}

.testimonial-content .read-more {
    color: var(--primary-color);
    cursor: pointer;
    display: inline-block;
    margin-top: 5px;
    font-weight: 500;
}

.dscf7_captcha_icon {
    width: 20px;
}


.blog-single-post {
    position: relative;
    margin-bottom: 40px
}

.blog-single-post.blog-salah .image img {
    width: auto;
    height: 500px
}

.blog-single-post .image {
    position: relative;
    overflow: hidden;
    margin-bottom: 30px
}

.blog-single-post .image img {
    width: 100%
}

.blog-single-post .lower-content {
    position: relative;
    padding: 30px;
    border: 1px solid #ebf2f3;
    border-top: 0;
    border-radius: 5px
}

.blog-single-post ul.post-meta {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-size: 14px;
    margin-bottom: 13px
}

.blog-single-post .post-meta li {
    margin-right: 15px;
    padding-right: 15px;
    font-weight: 600;
    border-right: 1px solid #ddd
}

.blog-single-post .post-meta li i {
    margin-right: 8px;
    color: var(--primary-color)
}

.blog-single-post .post-meta li:last-child {
    border-right: 0
}

.blog-single-post h1 {
    font-weight: 600;
    font-size: 36px;
    line-height: 45px;
    color: #30303c;
    margin-bottom: 15px;
}

.blog-single-post h3 {
    position: relative;
    font-size: 28px;
    line-height: 42px;
    font-weight: 700;
    margin-bottom: 15px;
    color: #3f3f3f
}

.blog-single-post .text {
    margin-bottom: 40px
}

.blog-single-post .text ul {
    padding-left: 0
}

.blog-single-post .text ul li {
    list-style: none;
    line-height: 30px;
    margin-bottom: 10px;
    color: #464646;
    position: relative;
    padding-left: 30px;
    font-weight: 500;
    font-size: 16px;


}

strong,
b {
    font-weight: 700;
}

.blog-single-post .text ul li:before {
    filter: brightness(0) saturate(100%) invert(11%) sepia(97%) saturate(1606%) hue-rotate(310deg) brightness(95%) contrast(97%);
    background-image: url(../../../../../uploads/2025/09/arrow-right-circle-1-1.webp);
    content: '';
    position: absolute;
    top: 6px;
    left: 0;
    width: 18px;
    height: 18px;
    background-size: cover;
    background-position: center;
    opacity: 1;
}

.blog-single-post .text ol li {
    list-style: inherit;
    margin-bottom: 10px;
    color: #3f3f3f
}

.blog-single-post .text h2 {
    position: relative;
    font-size: 28px;
    line-height: 44px;
    font-weight: 700;
    font-family: inherit;
    margin-bottom: 15px
}

.blog-single-post .text h3 {
    position: relative;
    font-size: 24px;
    line-height: 40px;
    font-weight: 700;
    font-family: inherit;
    margin-bottom: 15px
}

.blog-single-post .text h4 {
    position: relative;
    font-size: 22px;
    line-height: 40px;
    font-weight: 700;
    font-family: inherit;
    margin-bottom: 15px
}

.blog-single-post .text h5 {
    position: relative;
    font-size: 20px;
    line-height: 40px;
    font-weight: 700;
    font-family: inherit;
    margin-bottom: 15px
}

.blog-single-post .text h6 {
    position: relative;
    font-size: 18px;
    line-height: 30px;
    font-weight: 700;
    font-family: inherit;
    margin-bottom: 15px
}

.blog-single-post .text table tr th,
.blog-single-post .text table tr td {
    border: 2px solid #ddd;
    padding: 8px 10px;
    font-size: 14px;
    font-weight: 500
}

.blog-single-post .text table tr th {
    font-weight: 700
}

.blog-single-post blockquote {
    position: relative;
    padding-left: 30px;
    font-size: 14px;
    color: #565872;
    margin-bottom: 30px
}

.blog-single-post blockquote:before {
    position: absolute;
    content: '';
    top: 0;
    width: 8px;
    bottom: 0;
    background: var(--primary-color);
    left: 0;
    border-radius: 5px
}

.blog-single-post b,
.blog-single-post strong {
    font-weight: 700;
}

.blog-single-post p {
    margin-bottom: 10px;
    font-weight: 500;
    font-size: 16px;
    line-height: 30px;
    color: #464646;
    margin-bottom: 20px;
}

.health-gallery-home {
    width: 100%;
    padding: 5px;
    border: 1px solid #dbdbdb;
    border-radius: 10px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.health-gallery-home .img-box {
    width: 100%;
    position: relative
}

.health-gallery-home .img-box img {
    width: 100%;
    border: 1px solid #dbdbdb;
    border-radius: 10px
}

.health-gallery-home .img-box .video-plyBtn {
    position: absolute;
    right: 15px;
    bottom: -25px;
    background: #081839;
    z-index: 9;
    color: #fff;
    border-radius: 5px;
    font-size: 24px;
    width: 70px;
    height: 70px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.health-gallery-home .img-box a i {
    border-radius: 100px;
    border: 1px solid #fff;
    width: 40px;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.health-gallery-home .text-health {
    padding: 20px 10px;
    width: 100%
}

.health-gallery-home .text-health h6 {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #081839;
    margin-bottom: 10px
}

.health-gallery-home .text-health h4 {
    font-weight: 600;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 5px
}

.health-gallery-home .text-health p {
    font-weight: 400;
    font-size: 14px;
    line-height: 26px;
    color: #333;
    padding: 10px 0;
    margin: 0
}

.health-gallery-home .img-box .date-artical {
    position: absolute;
    width: max-content;
    height: auto;
    padding: 6px 12px;
    background: var(--secoundary-color);
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 10px 0
}

.health-gallery-home .img-box .date-artical span {
    font-weight: 600;
    font-size: 14px;
    line-height: 1.2;
    color: #fff
}

.health-gallery-home .footer-health {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px;
    border-top: 1px solid #dbdbdb;
    width: 100%
}

.health-gallery-home .footer-health p {
    margin: 0;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    color: #949494
}

.health-gallery-home .footer-health a {
    margin: 0;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    color: #949494
}

.health-gallery-home .footer-health a i {
    margin-left: 5px
}


body.home a[href*="s-sols.com/products/wordpress/accelerator"] {
    display: none !important;
}