/* @import url('https://fonts.googleapis.com/css2?family=Sacramento&display=swap'); */
@import url("root.css");






:root {
    --font-Sacramento: "Sacramento", sans-serif;
    --font-nato-serif: "Noto Serif", serif;
    --font-figtree: "Figtree", sans-serif;
    --font-Poppins: "Poppins", sans-serif;


    /* Text Color */
    --h2-blue-color: #0D3478;
    --h2-white-color: #ffffff;


    /* Font Size */
    --h1-size: 80px;
    --h2-size: 60px;
    --p-size: 24px;
    --font-size-56: 56px;
    --font-size-34: 34px;
    --font-size-29: 29px;
    --font-size-28: 28px;
    --font-size-24: 24px;
    --font-size-20: 20px;
    --font-size-18: 18px;
    --font-size-16: 16px;
 

    /* Line Height */
    --line-22: 22px;
    --line-24: 24px;
    --line-25: 25px;
    --line-28: 28px;
    --line-32: 32px;

    /* Button Size */
    --button-size-16: 16px;

    /* Color */
    --bg-color-light: #C2D3ED;
    --bg-blue: #0D3478;
    --bg-color-grey: #F8F8F8;
    --text-black: #000000;
    --color-white: #ffffff;


    /* Font Weight */
    --w-700: 700;
    --w-600: 600;
    --w-500: 500;
    --w-400: 400;
}


*,
*::before,
*::after {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}


html,
body {
    overscroll-behavior: none;
}






body {
    font-family: var(--font-figtree);
}







.container {



    max-width: 1290px;



    width: 100%;



}




.smileranch-home-banner-info h1 {
    color: white;
    font-family: var(--font-Sacramento);
    font-size: 100px;
    text-align: center;
}









h2,



h3,



h4,



h5,



h6 {



    margin: 0;



    padding: 0;



    font-family: var(--font-nato-serif);



}











a {



    text-decoration: none;



    font-size: var(--p-size);



    line-height: var(--line-24);



    font-weight: var(--w-700);



}


a:focus-visible {
    outline: none;
}




p {



    padding: 0;



    margin: 0;



}







ul {



    margin: 0;



    padding: 0;



    list-style: none;



}







.section-padding {

    padding: 100px 0 100px 0;

}



.section-padding-bottom {

    padding-bottom: 100px;

}







.bg-gray {



    background-color: var(--bg-color-grey);



}















.sr-title h2 {



    text-align: center;



    font-family: var(--font-figtree);



    color: var(--h2-blue-color);



    font-weight: 700;



    font-size: var(--h2-size);







}







.header-address-wrap-outer h3 {



    color: #ffffff;



    font-size: var(--font-size-20);



    line-height: var(--line-24);



    display: flex;



    width: fit-content;



    letter-spacing: 1px;



    white-space: nowrap;







    align-items: center;



    font-weight: 600;



    justify-content: center;



    font-family: var(--font-figtree);



}







/* Home About Section css start */



.sr-home-about-outer {



    position: relative;



}







.sr-right-curv {



    position: absolute;



    right: 0;



    top: 0;

    z-index: 9;

}







.sr-right-curv img {



    width: 90px;



}







.sr-left-curv {



    position: absolute;



    left: 0;



    bottom: 0;

    z-index: 9;

}







.sr-left-curv img {



    width: 90px;



}







.sr-home-about-inner {



    /* padding-top: 100px;



    padding-bottom: 100px; */



}







.sr-home-about-card-outer {



    display: flex;



    padding-top: 100px;



    align-items: end;



    padding-bottom: 50px;



    position: relative;



}







.sr-home-about-card-left {


    border-radius: 20px;
    overflow: hidden;
    width: 50%;



    position: relative;



    z-index: 1;



}







.sr-home-about-card-left img {



    width: 100%;



}







.sr-home-about-card-right {



    width: 50%;



    margin-left: -40px;



    position: relative;



    z-index: 1;



}







.sr-home-about-card-right-content {



    border: 1px solid var(--bg-blue);



    background: rgba(255, 255, 255, 0.3);



    backdrop-filter: blur(10px);



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



    padding: 80px 40px 50px 40px;



    border-radius: 32px;



}







.sr-home-about-card-right-content p {



    color: var(--text-black);



    font-size: var(--p-size);



    line-height: var(--line-32);



    font-weight: 400;



    font-family: var(--font-figtree);



}







.sr-home-about-card-curv {



    position: absolute;



    left: 0;



    right: 0;



    text-align: center;



    top: 0;



}







.sr-home-about-card-div {



    position: relative;



}







.sr-home-about-card-right-content-img {



    position: absolute;



    top: -80px;



    right: 0;



    text-align: center;



    left: 0;



}







.sr-btn-outer {



    display: flex;



}







.sr-btn {



    padding: 15px;



    border: 2px solid var(--bg-blue);



    font-family: var(--font-figtree);



    font-size: var(--button-size-16);



    border-radius: 4px;



    color: var(--bg-blue);



    font-weight: 700;



    position: relative;



    text-transform: uppercase;



}



.sr-btn:focus-visible {
    outline: none;
}



.sr-btn:hover {



    color: #fff;



}





.sr-btn:hover svg path {



    fill: #fff;



}







.header-cta-button .sr-btn:hover {



    border-color: var(--bg-blue);



}



.sticky-right-section {

    position: relative;

    z-index: 0;

}



.sticky-right-section .sr-btn:hover span {

    color: var(--bg-blue);

}







.sticky-right-section .sr-btn:hover svg path {

    fill: var(--bg-blue);

}



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

.sr-btn-new {

    white-space: nowrap;

}



.sr-btn-new {

    padding: 15px;

    border: 2px solid var(--bg-blue);

    font-family: var(--font-figtree);

    font-size: var(--button-size-16);

    border-radius: 4px;

    color: var(--color-white);

    background-color: var(--bg-blue);

    font-weight: 700;

    position: relative;

    text-transform: uppercase;

    transition: all 0.4s ease;

}



.sr-btn-new::after {

    content: '';

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 0%;

    background: var(--color-white);

    transition: all 0.4s ease;

    z-index: 0;

}



.sr-btn-new:hover::after {

    height: 100%;

    transition: all 0.4s ease;

}



.sr-btn-new:hover span {

    color: var(--h2-blue-color);

    z-index: 1;

    position: relative;

}


.sticky-header-call-popup .sr-btn-new:hover span svg path{
    fill: var(--h2-blue-color);
    z-index: 1;
    position: relative;
}

.sr-btn-new svg path {

    fill: var(--color-white);

}



.sr-btn-new:hover svg path {

    fill: var(--bg-blue);

}



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

.sr-btn::after {



    content: '';



    position: absolute;



    bottom: 0;



    left: 0;



    width: 100%;



    height: 0%;



    background: var(--bg-blue);



    transition: all 0.4s ease;



    z-index: -1;



}







.sr-btn:hover::after {



    height: 100%;



    transition: all 0.4s ease;



}











.sr-btn-white {



    padding: 15px;



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



    font-family: var(--font-figtree);



    font-size: var(--button-size-16);



    border-radius: 4px;



    color: var(--color-white);



    font-weight: 700;



    position: relative;



    text-transform: uppercase;



}







.sr-btn-white::after {



    content: '';



    position: absolute;



    bottom: 0;



    left: 0;



    width: 100%;



    height: 0%;



    background: var(--color-white);



    transition: all 0.4s ease;



    z-index: -1;



}







.sr-btn-white:hover::after {



    height: 100%;



    transition: all 0.4s ease;



}







.sr-btn-white:hover {



    color: var(--bg-blue);



}







.sr-home-about-card-right-content {



    display: flex;



    flex-direction: column;



    gap: 30px;



}







.sr-home-about-logo {



    display: flex;



    flex-direction: row;



    align-items: center;



    justify-content: center;



    gap: 100px;



}







/* Home About Section css end */







/* Home Doctor Section css start */







.sr-home-doctor-section {



    display: flex;



    gap: 50px;



    justify-content: space-between;



    position: relative;



    align-items: center;



}







.sr-home-doctor-left {



    width: 50%;



    display: flex;



    flex-direction: column;



    gap: 25px;



}







.sr-home-doctor-right {



    width: 40%;



}







.sr-home-doctor-right img {



    width: 100%;



    border-radius: 32px;



}







.sr-home-doctor-left h2 {



    text-align: left;



}







.sr-home-doctor-curv {



    position: absolute;



    top: 0;



    left: -110px;



    z-index: -1;



}







.sr-home-doctor-left p {



    font-family: var(--font-Poppins);



    color: var(--text-black);



    font-size: var(--p-size);



}







/* Home Doctor Section css end */







/* Home Service Section css start */



.smileranch-single-image-banner video,

.smileranch-single-image-banner img {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    object-fit: cover;

    z-index: -1;

}



.sr-service-layer {



    background-color: var(--bg-blue);



    background-repeat: no-repeat;



    background-size: cover;



    position: relative;



    /* padding: 50px 0 120px 0; */



    /* padding-bottom: 60px; */



}







.sr-service-layer-blogs .sr-title h2 {



    color: var(--color-white);



}







.sr-service-layer::before {



    content: "";



    position: absolute;



    inset: 0;





    background-repeat: no-repeat;



    background-size: cover;



    opacity: 0.1;



    /* adjust opacity here */



    z-index: 0;



}







.sr-service-outer h2 {



    color: var(--color-white);



}







.sr-service-inner-div {



    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    row-gap: 70px;
    padding-top: 100px;
    column-gap: 40px;
}







.sr-service-inner-card {

    flex-shrink: 0;

    width: 31%;



    position: relative;



    overflow: hidden;



}







.sr-service-inner-card-img .sr-service-img img {



    width: 100%;



    height: 100%;



    object-fit: cover;



}







.sr-service-inner-card-content {



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



    color: var(--text-black);



    display: flex;



    align-items: center;



    padding: 22px 15px 22px 25px;



    gap: 20px;



    border-radius: 10px;



    border-top-left-radius: 0;



    border-top-right-radius: 0;



}







.sr-service-inner-card-content-left h3 {



    font-family: var(--font-figtree);



    line-height: var(--line-25);



    font-size: var(--font-size-28);



    font-weight: 500;



}







.sr-service-inner-card-content-left p {



    font-size: var(--font-size-18);



    line-height: var(--line-25);



    color: var(--text-black);



}







.sr-service-inner-card-content-left span {



    font-size: var(--font-size-18);



    line-height: var(--line-25);



    color: var(--text-black);



}







.sr-service-inner-card-content-left svg path {



    fill: var(--text-black);



}







.sr-service-inner-card-content-left {



    display: flex;



    flex-direction: column;



    gap: 10px;



}







.sr-service-inner-card:hover .sr-service-img img {



    scale: 1.1;



}







.sr-service-inner-card-img .sr-service-img img {



    border-top-left-radius: 10px;



    border-top-right-radius: 10px;



    transition: all .3s ease-in-out;



}







.sr-service-inner-card-img {



    position: relative;



    overflow: hidden;



}







.sr-service-logo {



    position: absolute;



    top: auto;



    bottom: 139px;



    right: -33px;



    background-color: #fff;



    border-radius: 50%;



    padding: 14px;



}







.sr-service-logo img {



    width: 150px;



}







.sr-service-img {



    overflow: hidden;



    border-radius: 10px;



    height: 437px;



    width: 392px;



    border-bottom-left-radius: 0;



    border-bottom-right-radius: 0;



}







/* Home Service Section css end */







/* Home Review Section css start */







.sr-home-review-outer {



    overflow: hidden;



}







.sr-home-review-inner {



    padding-top: 100px;



    display: flex;



    flex-direction: row;



    justify-content: space-between;



}







.sr-home-review-card {



    background-color: var(--bg-color-grey);



    padding: 22px;



    display: flex;



    flex-direction: column;



    gap: 15px;



    border-radius: 10px;



    min-width: 31%;



}







.sr-home-review-card ul {



    display: flex;



    gap: 5px;



}







.sr-home-review-card p {



    font-family: var(--font-figtree);



    font-size: var(--font-size-20);



    line-height: var(--line-28);



    color: var(--text-black);



}







.sr-home-review-card h3 {



    color: var(--text-black);



    font-family: var(--font-nato-serif);



    font-weight: 500;



    font-size: var(--font-size-24);



    line-height: var(--line-32);



}







.sr-home-review-outer .splide__slide {



    display: flex;



}







.sr-home-review-outer .splide__pagination {



    position: relative;



    /* bottom: -20px; */



}







.sr-home-review-outer .splide__pagination__page {



    background: #D1D1D1;



    opacity: 1;



}







.sr-home-review-outer .splide__pagination__page.is-active {



    background: var(--bg-blue);



    transform: scale(1.2);



}







.sr-home-review-slider {



    overflow: visible;



}







.splide__pagination {



    position: relative;



    margin-top: 24px;



}







.splide:not(.is-overflow) .splide__pagination {

    display: flex !important;



}







.sr-home-review-slider {



       padding-top: 100px;



}







/* Home Review Section css end */











/* Home Blog Section css start */



.sr-blog-outer {



    display: grid;

    grid-template-columns: repeat(3, 1fr);

    grid-template-rows: auto;

    column-gap: 24px;

    /* flex-direction: row;



    justify-content: space-between; */



    /* position: relative;



    top: -60px; */



    margin-bottom: 60px;



   padding-top: 100px;



}







.sr-btn-blog-outer {



    justify-content: center;



    padding-bottom: 60px;



}







.sr-btn-blog-outer .sr-btn {



    color: var(--color-white);



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



}







.sr-btn-blog-outer .sr-btn svg path {



    fill: var(--color-white);



}







.sr-blog-card {



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



    width: 100%;



    border-radius: 10px;



    position: relative;



    overflow: hidden;



}

.flex-blogdetails{
  display: flex;
    flex-direction: row-reverse;
    gap: 25px;
}

.flex-blogdetails .img-fit{
    max-width: 335px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 16px;

}

.flex-blogdetails h3{
    margin-bottom: 15px;
}

.flex-blogdetails .content{
  width: 100%;
}

  




.sr-blog-inner-content img{
    border-radius: 12px;
}


.sr-blog-card-img img {


    width: 100%;
    height: 268px;
    object-fit: cover;
  



    border-top-left-radius: 10px;



    border-top-right-radius: 10px;



    transition: all .3s ease-in-out;



}







.sr-blog-card-content h3 {



    color: var(--text-black);



    font-size: var(--font-size-28);



    line-height: var(--line-32);



    font-weight: 500;



    font-family: var(--font-figtree);



}







.sr-blog-card-content p {



    color: var(--text-black);



    font-size: var(--font-size-18);



    line-height: var(--line-24);



    font-weight: 500;



    font-family: var(--font-figtree);



}







.sr-blog-card-content .sr-read-more {



    color: var(--text-black);



    font-size: var(--font-size-18);



    line-height: var(--line-32);



    font-weight: 500;



    font-family: var(--font-figtree);



    display: flex;



    align-items: center;



    gap: 5px;



}







.sr-blog-card-content .sr-read-more svg path {



    fill: var(--text-black);



}




/* .sr-blog-card-content .sr-read-more , .sr-blog-card-content .content{
    margin-bottom: 0;
    margin-top: auto;
} */

.blog-outer{
        height: 100%;
    display: flex;
    flex-direction: column;
}

.sr-blog-card-content .content{
    display: flex;
    flex-direction: column;
    gap: 15px;
}


.sr-blog-card-content {


        height: 100%;


    padding: 25px;



    display: flex;

justify-content: space-between;

    flex-direction: column;



    gap: 12px;



}







.sr-blog-card-logo {



    position: absolute;



    top: 25px;



    right: 25px;



}







.sr-blog-card a:hover .sr-blog-card-img img {



    scale: 1.1;



}







.sr-blog-card-img {

min-height: 268px;

    overflow: hidden;



    border-radius: 10px;



    position: relative;



}







.sr-blog-card .sr-service-logo {



    position: absolute;



    top: 122px;



    bottom: auto;



    right: -33px;



    background-color: #fff;



    border-radius: 50%;



    padding: 14px;



}






.sr-btn-outer-service {



    position: relative;



    z-index: 9999;

  margin-top: 60px;

    display: flex;



    justify-content: center;



}







.sr-btn-outer-service .sr-btn {



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



}







.sr-btn-outer-service .sr-btn span {



    color: var(--color-white);



}







.sr-btn-outer-service .sr-btn svg path {



    fill: var(--color-white);



}







.sr-btn-outer-service .sr-btn::after {



    background: var(--color-white);



}



.sr-client-video{
    padding-left: 10px !important;
    padding-right: 10px !important;
}



.sr-btn-outer-service .sr-btn:hover span {



    color: var(--bg-blue);



}







.sr-btn-outer-service .sr-btn:hover svg path {



    fill: var(--bg-blue);



}

















.sr-btn-outer-blog {



    position: relative;



    z-index: 9999;



    display: flex;



    justify-content: center;



}







.sr-btn-outer-blog .sr-btn {



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



}







.sr-btn-outer-blog .sr-btn span {



    color: var(--color-white);



}







.sr-btn-outer-blog .sr-btn svg path {



    fill: var(--color-white);



}







.sr-btn-outer-blog .sr-btn::after {



    background: var(--color-white);



}







.sr-btn-outer-blog .sr-btn:hover span {



    color: var(--bg-blue);



}







.sr-btn-outer-blog .sr-btn:hover svg path {



    fill: var(--bg-blue);



}







/* Home Blog Section css end */







/* Home Call To Action Section css start */







.sr-cta-outer {



    border: 1px solid var(--bg-blue);



    background: rgba(255, 255, 255, 0.3);



    backdrop-filter: blur(10px);



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



    padding: 80px 30px 80px 30px;



    border-radius: 32px;



    display: flex;



    flex-direction: column;



    gap: 30px;



}







.sr-cta-outer p {



    text-align: center;



    font-size: var(--font-size-24);



    line-height: var(--line-32);



    font-family: var(--font-figtree);



    color: var(--text-black);



    font-weight: 400;



}







.sr-cta-outer .sr-btn-outer {



    display: flex;



    justify-content: center;



}







.sr-cta-outer-main {



    position: relative;



    overflow: hidden;



    /* background-image: url('/assets/images/11export.png'); */



    width: 100%;



    background-size: 100%;



    background-position: center bottom;



    background-repeat: no-repeat;



}







.sr-cta-layer {



    position: absolute;



    top: 50%;

    transform: translate(0, -50%);



    left: 0;



    right: 0;



    text-align: center;



}







.sr-cta-inner {



    /* padding-top: 80px; */



    /* padding-bottom: 80px; */



}







/* Home Call To Action Section css end */











/* Home Gallery Section css start */



.section-gallery {



    position: relative;



    overflow: hidden;



}







.sr-gallery-layer {



    position: absolute;



    top: -124px;



    left: -90px;



}







.sr-gallery-inner-div-left-content h3 {



    font-family: var(--font-figtree);



    font-weight: 700;



    font-size: var(--font-size-56);



}







.sr-gallery-inner-div-left-content p {



    font-size: var(--font-size-24);



    /* line-height: var(--line-25); */



    color: var(--text-black);



}







.sr-gallery-inner-div {



    display: flex;



    flex-direction: row;



    justify-content: space-between;



    align-items: flex-end;



    padding-top: 100px;



}







.sr-gallery-inner-div-left {



    width: 40%;



}







.sr-gallery-inner-div-right {



    width: 50%;



}







.sr-gallery-inner-div-left-content {



    display: flex;



    flex-direction: column;



    gap: 50px;



    position: relative;

    z-index: 0;

}







.sr-masonsr-container {



    display: grid;



    grid-template-columns: repeat(3, 1fr);



    /* 3 equal columns */



    grid-auto-rows: 200px;



    /* Base height for each row unit */



    gap: 0px;



    max-width: 1200px;



    margin: auto;



}







.sr-item {



    overflow: hidden;



    display: flex;



    justify-content: center;



    align-items: center;



    background-color: #fff;



}







.sr-item img {



    width: 100%;



    height: 100%;



    object-fit: cover;



    /* Ensures images fill the area without stretching */



}







/* Logic for different sizes */



.sr-small {



    grid-column: span 1;



    grid-row: span 1;



}







.sr-tall {



    grid-row: span 3;



}







.sr-wide {



    grid-column: span 2;



}







.sr-wide-tall {



    grid-column: span 1;



    grid-row: span 3;



}







.sr-blue {



    background-color: #0d2b5b;



    /* Matching the dark blue in your image */



}











.sr-small-logo img {



    width: auto;



    height: auto;



}







/* Home Gallery Section css end */











/* Footer Start */







.sr-footer {



    /* padding: 120px 0 0 0; */



    position: relative;



}







.sr-footer .container {



    position: relative;



}







.sr-footer-wrapper {



    display: flex;



    column-gap: 30px;



    row-gap: 30px;



    width: 40%;



    padding-bottom: 0px;



    padding-top: 0px;



    justify-content: space-between;



    /* align-items: center; */



}







.sr-footer-link,



.sr-footer-addr {



    display: flex;



    flex-direction: column;



    gap: 16px;



}







.sr-footer-link span,



.sr-footer-addr span {



    font-family: var(--font-figtree);



    font-weight: 700;



    font-size: var(--font-size-20);



    line-height: var(--line-24);



    color: var(--text-black);



}







.sr-footer-link ul {



    display: flex;



    flex-direction: column;



    gap: 14px;



}







.sr-footer-link ul li a {



    font-family: var(--font-figtree);



    font-weight: 500;



    font-size: var(--font-size-16);



    line-height: var(--line-24);



    color: var(--text-black);







    transition: all 0.2s ease;



}







.sr-footer-link ul li a:hover {



    color: var(--btn-text-yellow);



    transition: all 0.2s ease;



}







.sr-footer-addr .sr-footer-contact-info {



    display: flex;



    flex-direction: column;



    gap: 20px;



}







.sr-footer-contact-info .sr-address a,



.sr-footer-contact-info .sr-contact a,



.sr-footer-contact-info .sr-email-conatct a {



    font-weight: var(--w-500);



    font-size: var(--p-size);



    line-height: var(--line-24);



    color: var(--body-text-color);







    transition: all 0.2s ease;



}







.sr-footer-contact-info .sr-address a:hover,



.sr-footer-contact-info .sr-contact a:hover,



.sr-footer-contact-info .sr-email-conatct a:hover {



    color: var(--btn-text-yellow);



    transition: all 0.2s ease;



}







.sr-footer-contact-info .sr-contact {



    display: flex;



    flex-direction: column;



    gap: 8px;



}







.sr-f-social-link {



    display: flex;



    gap: 10px;



    justify-content: center;



}







.sr-f-social-link a {



    width: 40px;



    height: 40px;



    border: 1px solid var(--body-text-color);



    color: var(--body-text-color);



    display: flex;



    align-items: center;



    justify-content: center;



    border-radius: 50%;



    transition: all 0.2s ease;



}







.sr-f-social-link a:hover {



    color: var(--btn-text-yellow);



    border-color: var(--btn-text-yellow);



    transition: all 0.2s ease;



}











.footer-middle-wrapper {



    margin-top: 80px;



    margin-bottom: 60px;



    display: flex;



    justify-content: space-between;



    align-items: flex-end;



}







.footer-middle-wrapper .footer-logo {



    width: 174px;



}







.footer-middle-wrapper .footer-logo img {



    width: 100%;



}







.footer-middle-wrapper .footer-text {



    text-align: right;



}







.footer-middle-wrapper .footer-text span {



    font-weight: var(--w-500);



    font-size: var(--text-80);



    line-height: var(--line-96);



    color: var(--body-text-color);



    font-family: var(--font-nato-serif);



}







.footer-bottom-wrapper {



    width: 100%;



    border-top: 1px solid #000;



    padding: 22px 0;



    display: flex;



    justify-content: space-between;



    margin-top: 50px;



}



.footer-bottom-wrapper span a {

    font-weight: bold;

    color: var(--text-black);

}



.footer-bottom-wrapper span {



    font-weight: 400;



    font-size: var(--font-size-16);



    line-height: var(--line-24);



    color: var(--text-black);



}







.footer-bottom-wrapper a {



    font-weight: 400;



    font-size: var(--font-size-16);



    line-height: var(--line-24);



    color: var(--text-black);



}







.sr-footer {



    position: relative;



    background-color: var(--bg-color-light);



}







.sr-footer::before {



    content: "";



    position: absolute;



    inset: 0;





    background-repeat: no-repeat;



    background-size: cover;



    opacity: 0.5;



    z-index: 0;



}







.sr-footer-wrapper-outer {



    display: flex;



    flex-direction: row;



    position: relative;



    z-index: 99;



    padding-top: 100px;



    gap: 60px;



    align-content: center;



}







.sr-footer-wrapper-map {



    display: flex;



    flex-direction: row;



    width: 60%;



    gap: 10px;



}







.sr-footer-wrapper-map-div {



    width: 50%;



    display: flex;



    flex-direction: column;



    gap: 30px;



}







.sr-footer-location-details-map {



    order: 2;



}







.sr-footer-wrapper-map-div iframe {



    width: 100%;



    border-radius: 15px;



    height: 283px;



}







.sr-footer-logo-outer {



    display: flex;



    align-items: center;



    justify-content: space-between;



    margin-bottom: 30px;



    margin-top: 30px;



}







.sr-footer-logo-left {



    width: 150px;



}







.sr-footer-logo-left img {



    width: 100%;



}







.sr-footer-wrapper-map-div h3 {



    font-family: var(--font-figtree);



    font-weight: 700;



    font-size: var(--font-size-16);



    line-height: var(--line-24);



    color: var(--text-black);



}







.sr-footer-address a {



    font-family: var(--font-figtree);



    font-weight: 500;



    font-size: var(--font-size-16);



    line-height: var(--line-24);



    color: var(--text-black);







    transition: all 0.2s ease;



}







.sr-footer-phone a {



    font-family: var(--font-figtree);



    font-weight: 500;



    font-size: var(--font-size-16);



    line-height: var(--line-24);



    color: var(--text-black);







    transition: all 0.2s ease;



}







.sr-footer-email a {



    font-family: var(--font-figtree);



    font-weight: 500;



    font-size: var(--font-size-16);



    line-height: var(--line-24);



    color: var(--text-black);







    transition: all 0.2s ease;



}







.sr-footer-location-details {



    width: 100%;



    display: flex;



    flex-direction: column;



    gap: 10px;



}







.sr-footer-location-details h3 {



    font-family: var(--font-figtree);



    font-weight: 700;



    font-size: var(--font-size-20);



    line-height: var(--line-24);



    color: var(--text-black);



}







.sr-footer-logo-right {



    margin-bottom: -24px;



}







/* Footer End */







/* FAQ Section Css Start */

.faq-section {
    background-color: var(--bg-blue);
    margin: 0 auto;
    position: relative;
}

.faq-container {
    position: relative;
    z-index: 999;
    padding-top: 80px;
}

.faq-section::before {
    content: "";
    position: absolute;
    inset: 0;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0.05;
    z-index: 0;
}

.faq-section .sr-title h2 {
    color: var(--color-white);
}

.faq-section .section-title {
    margin-bottom: 60px;
    text-align: center;
}

.faq-item {
    border-bottom: 1px solid #E0D9CF;
    transition: all 0.5s ease;
}

.faq-question {
    width: 100%;
    background: none;
    border: none;
    outline: none;
    text-align: left;
    cursor: pointer;
    padding: 24px 0;
    transition: all 0.5s ease;
}

.faq-question h4 {
    font-size: var(--font-size-28);
    color: var(--color-white);
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: var(--font-figtree);
}

.faq-question .icon {
    transition: all 0.3s ease;
    font-weight: bold;
    font-size: 26px;
}

.faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: all 1s ease;
    padding: 0 0;
    color: #fff;
    font-size: var(--font-size-20);
}


.faq-item .faq-answer p ,
.faq-item .faq-answer p a{
    font-size: var(--font-size-20);
    line-height: var(--line-32);
    color: var(--color-white);
    margin-bottom: 10px;
    /* transition: all 0.4s ease; */
}



/* .faq-item.active .faq-answer p:last-child {
    margin-bottom: 0;
} */

.faq-item .faq-answer ul {
    padding-left: 20px;
    list-style-type: decimal;
    margin: 20px 0;
}

.faq-item.active .faq-answer .sr-faq-inner-list-dot {
    padding-left: 20px;
    list-style-type: disc;
    margin: 20px 0;
}

.faq-item.active .faq-answer .sr-faq-inner-list-num {
    padding-left: 20px;
    list-style-type: decimal;
    margin: 20px 0;
}

.faq-item .faq-answer ul li{
    color: var(--color-white);
}

.faq-item.active .faq-answer ul li {
    color: var(--color-white);
    margin-bottom: 10px;
}

.faq-item.active .faq-answer h5 {
    color: var(--color-white);
    font-family: var(--font-Poppins);
    margin-bottom: 10px;
}

.faq-item.active .faq-question .icon {
    transform: rotate(180deg);
    content: "–";
    transition: all 0.4s ease;
}

/* FAQ Section Css End */











/* Consultation Popup Start */







.modal-body {



    position: relative;



    padding: 0;



    background: var(--h2-blue-color);



    border-radius: 4px;



}







.modal-body::before {



    content: '';



    position: absolute;



    inset: 0;



    width: 100%;



    height: 100%;



    background-image: url('../images/Vector.svg');



    opacity: 0.05;



    z-index: 0;



}







.modal-body .sr-c-close-btn {



    position: absolute;



    top: 10px;



    right: 10px;



    width: 30px;



    height: 30px;



    background: #fff;



    color: var(--h2-blue-color);



    border-radius: 50%;



    display: flex;



    align-items: center;



    justify-content: center;



    z-index: 99;



    cursor: pointer;



}







.sr-consult-pop-wrapper {



    display: grid;



    grid-template-columns: repeat(2, 1fr);



    grid-template-rows: auto;



    column-gap: 30px;



    row-gap: 30px;



    padding: 0 30px 30px 30px;



    position: relative;



    z-index: 1;



}







.sr-consult-pop-wrapper .sr-consult-card {



    width: 100%;



    display: flex;



    flex-direction: column;



    gap: 20px;



}







.sr-consult-card .sr-c-map-pop {







    border-radius: 4px;



    overflow: hidden;



}







.sr-consult-card .sr-c-map-pop iframe {



    width: 100%;



    height: 350px;



}







.sr-consult-card {



    width: 100%;



}







.sr-title span {



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



    text-align: center;



    font-family: var(--font-figtree);



    font-size: 24px;



    font-weight: 700;



    text-transform: capitalize;



}







.sr-title {



    /* padding: 20px 0; */



    display: flex;



    justify-content: center;



    position: relative;



        z-index: 9;



}







.sr-c-address {



    display: flex;



    flex-direction: column;



    gap: 15px;



}







.sr-c-address h3 {



    font-family: var(--font-figtree);



    font-weight: 700;



    font-size: var(--font-size-20);



    line-height: var(--line-24);



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



}







.sr-c-address .sr-c-phone span {



    color: var(--color-white);



    font-size: 16px;



}







.sr-c-address .sr-c-phone a {



    color: var(--color-white);



    font-size: 16px;



}







.sr-c-address .sr-c-email span {



    color: var(--color-white);



    font-size: 16px;



}







.sr-c-address .sr-c-email a {



    color: var(--color-white);



    font-size: 16px;



}







.sr-c-address .sr-c-btn {



    display: flex;



}







.sr-c-address .sr-c-btn .sr-btn {



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



    color: var(--color-white);



}







/* Consultation Popup End */











/* Inner Banner Star */







.sr-top-banner {



    position: relative;



}







.sr-top-banner::after {



    content: '';



    position: absolute;



    inset: 0;



    width: 100%;



    height: 100%;



    background-image: url('../images/inner-bg.png');



    background-position: center;



    background-repeat: no-repeat;



    background-size: cover;



    z-index: 1;



}







.sr-top-banner::before {



    content: '';



    z-index: 2;



    position: absolute;



    inset: 0;



    width: 100%;



    height: 100%;



    background: rgb(0 0 0 / 0.4);



}







.sr-top-banner-title {



    text-align: center;



    display: flex;



    justify-content: center;



    position: relative;



    z-index: 4;



    padding: 250px 0 150px 0;



}







.sr-top-banner-title h1 {



    font-size: var(--h1-size);



    font-family: var(--font-figtree);



    font-weight: var(--w-700);


  margin: 0;
    text-transform: capitalize;



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



}







.sr-logo-wrapper {



    display: flex;



    flex-direction: column;



    gap: 30px;



}







.sr-logo-wrapper p {



    text-align: center;



    font-family: var(--font-Poppins);



    color: var(--text-black);



    font-size: var(--p-size);



}







.sr-logo-wrapper .sr-logo-cards-wrapper {



    display: grid;

    grid-template-columns: repeat(4, 1fr);

    align-items: center;

    justify-content: center;



    gap: 50px;



    margin-top: 50px;



}



.sr-logo-card-meet-dr {

    display: flex;

    align-items: center;

    justify-self: center;

}







.sr-logo-wrapper .sr-logo-cards-wrapper img {



    width: 150px;



}







.sr-content-l-wrapper {



    margin-top: 100px;



}







/*.sr-logo-section {



    padding-bottom: 200px;



}*/







.sr-content-l-txt p {



    font-family: var(--font-Poppins);



    color: var(--text-black);



    font-size: var(--p-size);



    margin-bottom: 15px;



}







.sr-content-l-wrapper {



    display: grid;



    grid-template-columns: repeat(2, 1fr);



    grid-template-rows: auto;



    column-gap: 30px;



    row-gap: 30px;



}







.sr-content-l-title .sr-title {



    padding: 0;



    display: flex;



    align-items: flex-start;



    justify-content: flex-start;



}







.sr-content-l-title .sr-title h2 {



    text-align: left;



    max-width: 550px;



}







.sr-home-doctor-left .sr-title {



    display: flex;



    justify-content: flex-start;



}







/* Inner Banner ENd */







/* Team Section Start */







.sr-team-card-wrapper:nth-child(odd) {



    display: grid;



    grid-template-columns: repeat(2, 1fr);



    grid-template-rows: auto;



    column-gap: 100px;



    row-gap: 50px;



}







.sr-team-card-wrapper:nth-child(even) {



    display: grid;



    grid-template-columns: repeat(2, 1fr);



    grid-template-rows: auto;



    column-gap: 50px;



    row-gap: 50px;



    margin-top: 100px;



    margin-bottom: 100px;



}







.sr-team-card-wrapper:nth-child(even) .sr-team-img {



    order: 2;



    display: flex;



    align-items: center;



    justify-content: flex-end;



}







.sr-team-card-wrapper:nth-child(even) .sr-team-details {



    order: 1;



}







.sr-team-img {



    width: 100%;



    height: 500px;



}







.sr-team-img img {



    object-fit: cover;



    object-position: top;



    border: 2px solid var(--bg-color-light);



    padding: 10px;



    /* border-radius: 4px; */



    width: 100%;



    height: 100%;



}







.sr-team-details {



    display: flex;



    flex-direction: column;



    justify-content: center;



    gap: 35px;



    max-width: 500px;



}







.sr-team-details .sr-team-member {



    display: flex;



    flex-direction: column;



    gap: 5px;



}







.sr-team-details .sr-team-member h3 {



    font-weight: var(--w-700);



    font-size: 36px;



    color: var(--bg-blue);



    font-family: var(--font-figtree);



    text-transform: uppercase;



}







.sr-team-details .sr-team-member span {



    color: var(--bg-color-light);



    font-weight: var(--w-700);



    text-transform: uppercase;



    font-size: var(--font-size-18);



}







.sr-team-details p {



    color: #000;



    font-weight: var(--w-500);



    font-size: var(--font-size-18);



}







/*.sr-team-section {



    padding: 120px 0 1px 0;



}*/







.section-padding-top {



    padding-top: 100px;



}











/* Team Section End */







/* BLog page Start */



.sr-blog-btn {

    margin-top: 60px;

}



.sr-blog-btn .sr-btn-outer {

    justify-content: center;

}



.sr-main-blog-page {

    position: relative;

    z-index: 0;

}



.sr-main-blog-page .sr-blogs {



    display: grid;


    grid-template-columns: repeat(3, 1fr);



    grid-template-rows: auto;



    row-gap: 50px;



    column-gap: 30px;



}







.sr-main-blog-page .sr-single-blog-card {



    display: flex;



    align-items: center;



    justify-content: center;



}







.sr-main-blog-page .sr-blog-card {



    width: 100%;
height: -webkit-fill-available;


    background-color: #C2D3ED;



}







.sr-main-blog-page .sr-blog-card .sr-service-logo {



    top: 107px;



}







 .sr-read-more {



    width: fit-content;



}







 .sr-read-more svg {



    transition: all ease 0.4s;



}







 .sr-read-more:hover svg {



    transform: translateX(10px);



}







.sr-blog-inner {



    background-color: var(--bg-color-grey);



}



/* body.single-post .wps-header-navbar-wrap {

    background: #153476;

} */



.sr-blue-header {

    background-color: var(--bg-blue);

}



.sr-blog-inner-title h2 {

    text-align: left;

}



.sr-blog-inner-wrapper {



       display: flex;

    flex-direction: column;

    margin-top: 67px;

    gap: 30px;

    width: 70%;

    margin: 96px auto;
    position: relative;
    z-index: 0;
    margin-bottom: 0;



}


.sr-blog-detail-recent-list  ul li:last-child{
    padding-bottom: 0px !important;
}




.sr-blog-inner-title {



    display: flex;



    flex-direction: column;



    gap: 15px;



}







.sr-blog-inner-title h1 {

text-align: left;

    font-weight: var(--w-700);


 font-size: var(--h2-size);
    font-family: var(--font-figtree);



    color: var(--bg-blue);



}







.sr-blog-inner-title span {



    font-weight: var(--w-600);



    color: var(--bg-color-light);



    text-transform: uppercase;



    font-size: 16px;



}







.sr-blog-inner-content {



    display: flex;



    flex-direction: column;



 gap: 20px;



}







.sr-blog-inner-content p {



    font-weight: var(--w-400);



    font-size: var(--p-size);



    color: #000;



    font-family: var(--font-figtree);



}







.sr-blog-inner-content h2,



.sr-blog-inner-content h3,



.sr-blog-inner-content h4,



.sr-blog-inner-content h5,



.sr-blog-inner-content h6 {



    font-family: var(--font-figtree);



    font-weight: var(--w-600);



}







.sr-blog-inner-content ul {



    font-family: var(--font-figtree);



    font-weight: var(--w-400);



    font-size: var(--p-size);







}




.sr-blog-inner-content ul li:last-child {
 margin-bottom: 0px;
}


.sr-blog-inner-content ul li {


    padding-left: 20px;
    position: relative;
    margin-bottom: 20px;



}







.sr-blog-inner-content ul li::before {



  content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    top: 12px;
    transform: translateY(-0%);
    left: 0;
    background: var(--bg-color-light);



}















/* BLog page End */







/* faq page start*/



.sr-faq-price-policy {



    padding-top: 0;



}







/* faq page end */







/* service page style start */



.sr-service-intro-sec-wrapper {



    display: flex;



    flex-direction: column;



    align-items: center;



    justify-content: center;



    text-align: center;



    position: relative;



    z-index: 0;



}







.sr-service-pop-pop-btn {



    display: flex;



    justify-content: flex-end;



    margin-bottom: 24px;



}



.sr-service-form-pop-pop {

    position: relative;

    z-index: 9999999;

}



.sr-get-inner-form .gform_heading{



    display: none;



}



.sr-service-pop-pop .sr-get-inner-form {



    width: 100%;



    /* margin-top: 50px; */



    position: relative;



    border-radius: 12px;



    padding: 24px;



}







.sr-service-pop-title h3 {



    font-family: var(--font-Poppins);



    font-size: var(--font-size-34);



    color: var(--bg-blue);



    margin-bottom: 15px;



    text-align: start;



}







.sr-service-pop-title p {



    

    font-family: var(--font-Poppins);



    color: var(--text-black);



    margin-bottom: 12px;



    text-align: start;

    font-size: var(--font-size-20) !important;

}







.sr-service-pop-title p a {



    font-size: var(--font-size-16);



    color: var(--bg-blue);



}







.sr-service-pop-title-h4 h4,

.sr-service-pop-title-h4 h4 a,

.sr-service-pop-title-h4 h4 a span {



    font-family: var(--font-Poppins);



    font-size: var(--font-size-24);



    color: var(--bg-blue);



    text-align: start;



}



.sr-service-pop-title-h4 {

    display: flex;

    flex-direction: column;

        gap: 9px;

margin-bottom: 34px;

}



.sr-service-intro-sec-wrapper .sr-btn-outer {

    margin-top: 60px;

}







.sr-service-intro-sec-wrapper .sr-btn-white svg path {



    fill: var(--color-white);



}







.sr-service-intro-sec-wrapper .sr-btn-white:hover svg path {



    fill: var(--bg-blue);



}







.sr-service-intro-sec .faq-container {



    padding-top: 20px;

    padding-bottom: 20px;

}







.sr-service-intro-sec p {



    font-family: var(--font-Poppins);



    font-size: var(--p-size);



    color: var(--color-white);



    text-align: center;



}







.sr-why-choose-all-sec {



    position: relative;



    z-index: 0;



}







.sr-why-choose-section {



    /* padding-bottom: 0; */



}







.sr-why-choose-section .sr-why-choose-sec-wrapper {



    display: flex;



    flex-direction: column;



    gap: 150px;



}







.sr-why-choose-section .sr-cta-layer {



    position: absolute;



    top: 50%;



    transform: translate(0, -50%);



    z-index: -1;



}







.sr-why-choose-all-sec:nth-child(odd) .sr-why-choose-content {



    flex-direction: row;



}







.sr-why-choose-all-sec:nth-child(even) .sr-why-choose-content {



    flex-direction: row-reverse;



}







.sr-why-choose-content {



    display: flex;



    align-items: start;



    justify-content: space-between;



    gap: 50px;

    align-items: center;

}







.sr-why-choose-content .sr-title h2 {



    text-align: start;



}







.sr-why-choose-image-list-sec .sr-title {



    margin-bottom: 40px;



}



.sr-why-choose-image-list-sec .sr-title h2 {

    text-align: center;

}



.sr-why-choose-img {



        width: 40%;
    height: auto;
    border-radius: 32px;
    overflow: hidden;
    height: -webkit-fill-available;



}







.sr-why-choose-img img {



    width: 100%;

object-fit: cover;

    height: 100%;



}



.sr-why-choose-content-detail p a{
    color: var(--bg-blue);
}



.sr-why-choose-content-detail {



    width: 55%;



}







.sr-why-choose-content p {



    font-family: var(--font-Poppins);



    font-size: var(--p-size);



    color: var(--text-black);



    margin-bottom: 10px;



}







.sr-why-choose-content p:last-child {



    margin-bottom: 0;



}







.sr-why-choose-list ul {



    list-style-type: disc;



    padding-left: 25px;



    margin-top: 20px;



}







.sr-why-choose-list ul li::marker {



    color: var(--bg-blue);



}



.faq-item.active .faq-answer ul li::marker {



    color: var(--color-white);



}



.sr-why-choose-list.sr-service-long-content {

    display: flex;

    flex-direction: column;

    gap: 20px;

}

.sr-why-choose-content p a{

    color: var(--bg-blue);

}



.sr-why-choose-list ul li , .sr-why-choose-list ol li {



    font-family: var(--font-Poppins);



    color: var(--text-black);



    font-size: var(--p-size);



    margin-bottom: 10px;



}



.sr-why-choose-list p {



    font-family: var(--font-Poppins);



    color: var(--text-black);



    font-size: var(--p-size);



    margin-bottom: 10px;



}



.sr-why-choose-list ul li:last-child {



    margin-bottom: 0;



}







.sr-key-benifits-detail-section {



    padding-top: 0;







}







.sr-service-location-sec {



    position: relative;



    z-index: 0;



    padding: 160px 0;



}







.sr-service-location-sec .sr-home-about-card-curv {



    position: absolute;



    top: 10%;



    z-index: -1;



}







.sr-key-benifits .sr-title {



    margin-bottom: 24px;



}

.sr-blog-inner-content figure{
        width: 100% !important;
 
}

.sr-blog-inner-content img{
        width: 100%;
    margin-top: 14px;
}
.sr-blog-inner-content a{
color: #0335a0;
}


.title-center h2{
    /* text-align: center !important; */
}

.sr-key-benifit-top-content .sr-title {

    /* justify-content: flex-start; */

}



.sr-key-benifit-top-text p,

.sr-key-benifit-top-text ul li , .sr-key-benifit-top-text ol li  {



    font-family: var(--font-Poppins);



    font-size: var(--p-size);



    color: var(--text-black);



    font-weight: 400;



    margin-bottom: 10px;



}



.sr-key-benifit-top-text ul {

    list-style-type: disc;

    padding-left: 25px;

    margin-top: 20px;

}



.sr-key-benifit-top-text ul li::marker {

    color: var(--bg-blue);

}



.sr-key-benifit-top-text p:last-child {



    margin-bottom: 0;



}







.sr-key-benifit-detail ul {



    display: flex;



    flex-direction: column;



    gap: 24px;



    padding-top: 30px;



    list-style-type: disc;



    margin-left: 25px;



    margin-bottom: 25px;



}







.sr-key-benifit-detail ul li {



    font-family: var(--font-Poppins);



    font-size: var(--p-size);



    color: var(--text-black);



    font-weight: 400;



}



.sr-key-benifit-detail p {



    font-family: var(--font-Poppins);



    font-size: var(--p-size);



    color: var(--text-black);



    font-weight: 400;





}



.sr-key-benifit-detail p:not(:last-child) {

    margin-bottom: 15px;

}



.sr-slider {



    position: relative;



    overflow: hidden;



}







.sr-slider img {



    position: absolute;



    top: 0;



    left: 0;



    width: 100%;



    height: 100%;



    object-fit: cover;



    opacity: 0;



    transition: opacity 1s ease-in-out;



}







.sr-slider img.active {



    opacity: 1;



}







.sr-key-service-section .sr-key-service-content p {



    font-family: var(--font-Poppins);



    font-size: var(--p-size);



    color: var(--text-black);



    text-align: center;



}







.sr-key-service-section .sr-service-inner-card-content {



    background-color: var(--bg-color-light);



}







.sr-service-long-content {



    margin-top: 40px;



}











/* SECTION */







/* GRID */



.sr-gallery-grid {



    display: grid;



    grid-template-columns: repeat(3, 1fr);



    grid-template-rows: auto;



    gap: 30px;



}







.sr-gallery-item {



    border-radius: 32px;



    overflow: hidden;



    cursor: pointer;



}







.sr-gallery-item img {



    width: 100%;



    height: 100%;



    object-fit: cover;



    filter: brightness(0.7);



    transition: all ease 0.4s;



}







.sr-gallery-item:hover img {



    transform: scale(1.08);



    filter: brightness(1);



}



.sr-gallery-section {



    background-color: var(--bg-color-grey);



}



.sr-gallery-section .sr-title {



    margin-bottom: 60px;



}







/* MODAL */



.sr-gallery-modal {



    position: fixed;



    inset: 0;



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



    display: flex;



    align-items: center;



    justify-content: center;



    opacity: 0;



    visibility: hidden;



    transition: 0.3s ease;



    z-index: 999999;



}







.sr-gallery-modal.active {



    opacity: 1;



    visibility: visible;



}







/* IMAGE */



.sr-gallery-modal-image {



    max-width: 80vw;

    max-height: 100%;

    /* max-height: 80vh; */



    border-radius: 24px;



    transform: scale(0.9);



    overflow: hidden;



    transition: transform 0.3s ease;



}







.sr-gallery-modal.active img {

    object-fit: contain;
 width: 100%;
    max-height: 850px;
    /* transform: scale(1); */



}







/* CLOSE BUTTON */



.sr-gallery-close {



    position: absolute;



    top: 30px;



    right: 30px;



    font-size: 40px;



    background: none;



    border: none;



    color: #fff;



    cursor: pointer;



}







/* NAV BUTTONS */



.sr-gallery-nav {



    position: absolute;



    top: 50%;



    transform: translateY(-50%);



    background: none;



    border: none;



    color: #fff;



    font-size: 50px;



    cursor: pointer;



    padding: 10px 20px;



}







.sr-gallery-prev {



    left: 40px;



}







.sr-gallery-next {



    right: 40px;



}







/* service page style end */







/* Contact Page Style Start */



.sr-contact-detail-form {
    display: flex;
    align-items: center ;
    justify-content: space-between;
    gap: 60px;
}



.sr-contact-page-sec {

    position: relative;

    z-index: 1;

}







.sr-contact-left-content {



    width: 40%;



    display: flex;



    flex-direction: column;



    gap: 50px;



}











.sr-contact-inner-detail:last-child {



    padding-bottom: 0;



    border-bottom: 0;



}







.sr-contact-inner-detail .sr-contact-left-detail-title h3 {



    text-align: start;



    margin-bottom: 20px;



    font-family: var(--font-Poppins);



    font-size: var(--font-size-28);



    color: var(--bg-blue);



}







.sr-contact-inner-add-content {



    display: flex;



    flex-direction: column;



    align-items: start;



    justify-content: flex-start;



    gap: 24px;



}







.sr-contact-pnum a {



    display: flex;



    align-items: start;



    gap: 10px;



    font-size: var(--font-size-20);



    color: var(--text-black);



}







.sr-contact-pnum a i {



    margin-top: 4px;



}







.get-dir-btn a {



    color: var(--bg-blue);



}











.sr-contact-inner-number {



    line-height: 30px;



    text-transform: uppercase;



}







.sr-contact-detail-line {



    height: 2px;



    width: 100%;



    background-color: var(--bg-color-light);



}







.sr-contact-right-form {



    width: 40%;



    background-color: var(--bg-color-light);



    padding: 40px;



    border-radius: 12px;



    z-index: 0;



}







.sr-contact-right-form  {



    display: flex;



    flex-direction: column;



    gap: 24px;



    margin-bottom: 24px;



}



.gfield  .ginput_container input{

      background-color: #c3d3ec;

}



.sr-contact-right-form  textarea,



.sr-contact-right-form  input {

    background-color: #c3d3ec;

    width: 100%;



    padding: 15px;



    border-radius: 4px;



    outline: none;



    border: 2px solid var(--bg-blue);



    background-color: transparent;



    backdrop-filter: blur(50px);



}







.sr-contact-right-form  textarea:focus-visible,



.sr-contact-right-form  input:focus-visible {



    border-color: var(--bg-blue);



    outline: none;



    box-shadow: none;



    background-color: transparent;



}



.gform-footer .sr-btn-outer{

    display: flex;

}





.sr-contact-right-form .gform_heading h2 {



    font-family: var(--font-Poppins);



    font-size: 40px;

    margin-bottom: 24px;



    text-transform: capitalize;



    color: var(--bg-blue);



}















/* Contact Page Style End */







/* meet the team Section Start */



.sr-team-section .sr-home-doctor-section {



       margin-bottom: 100px;



}







.sr-team-section .sr-home-doctor-section:last-child {



    margin-bottom: 0;



}







.sr-team-section .sr-home-doctor-section:nth-child(odd) {



    flex-direction: row;



}







.sr-team-section .sr-home-doctor-section:nth-child(even) {



    flex-direction: row-reverse;



}







.sr-team-social {



    margin-top: 30px;



}







.sr-team-sub-title {



    flex-direction: column;



}







.sr-team-sub-title p {



    text-transform: uppercase;



    font-weight: 600;



    color: var(--bg-color-light);



    font-size: var(--font-size-18);



}







.sr-team-social ul {



    display: flex;



    align-items: center;



    justify-content: flex-start;



    gap: 20px;



}







.sr-team-social ul li a {



    width: 44px;



    height: 44px;



    display: flex;



    align-items: center;



    justify-content: center;



    background-color: var(--bg-color-grey);



    border-radius: 4px;



    border: 2px solid var(--bg-blue);



    transition: all ease 0.4s;



}







.sr-team-social ul li a i {



    font-size: 22px;



    color: var(--bg-blue);



    transition: all ease 0.4s;



}







.sr-team-social ul li a:hover {



    background-color: var(--bg-blue);



}







.sr-team-social ul li a:hover i {



    color: var(--color-white);



}







/* meet the team Section End */











.modal-content {



    background-color: transparent;



    border-radius: 32px;



    overflow: hidden;



}







/* .modal-body{



    border-radius: 32px;



} */







/* 404 page Style start */



.sr-error-sec {



    height: 100vh;



    background-color: var(--bg-blue);



    display: flex;



    flex-direction: column;



    align-items: center;



    justify-content: center;



}







.sr-error-sec .container {



    display: flex;



    flex-direction: column;



    align-items: center;



    justify-content: center;



    z-index: 0;



    margin-top: 100px;



}







.sr-error-title h1 {



    font-size: 160px;



    color: var(--color-white);



    font-weight: 700;



    font-family: var(--font-Poppins);



}







.sr-error-title p {



    font-size: var(--font-size-28);



    color: var(--color-white);



    text-transform: uppercase;



}







.sr-error-page {



    display: flex;



    flex-direction: column;



    align-items: center;



    justify-content: center;



    text-align: center;



    gap: 32px;



}







.sr-error-page .sr-btn-white svg path {



    fill: var(--color-white);



}







.sr-error-page .sr-btn-white:hover svg path {



    fill: var(--bg-blue);



}







/* 404 page Style end */







/* Location Page style Start */



.sr-location-cta-sec {



    text-align: center;



}







.sr-full-location-page section .container {



    padding: 0;



}







.sr-location-cta-sec p {



    font-size: var(--p-size);



    font-family: var(--font-Poppins);



    color: var(--text-black);



}







.sr-location-cta {



    display: flex;



    flex-direction: column;



    gap: 24px;



}







.sr-location-detail-page {



    display: flex;



    gap: 80px;



}







.sr-location-left-content {



    width: 50%;



    background-color: transparent;



    border: 1px solid var(--bg-blue);



    backdrop-filter: blur(10px);



    padding: 90px 40px 40px 40px;



    border-radius: 12px;



    display: flex;



    flex-direction: column;



    align-items: start;



    justify-content: flex-start;



    gap: 28px;



}







.sr-location-left-content h3 {



    font-family: var(--font-Poppins);



    font-size: var(--font-size-28);



    color: var(--bg-blue);



    text-transform: capitalize;



    margin-bottom: 15px;



}







.sr-location-left-content p {



    font-size: var(--font-size-18);



    color: var(--text-black);



    font-family: var(--font-Poppins);



}







.sr-location-left-num {



    display: flex;



    flex-direction: column;



    gap: 18px;



}







.sr-location-left-content a {



    font-size: var(--font-size-18);



    color: var(--text-black);



    display: flex;



    align-items: start;



    gap: 12px;



    font-weight: normal;



}







.sr-location-left-content ul {



    display: flex;



    flex-direction: column;



    gap: 10px;



}







.sr-location-left-content ul li {



    font-size: var(--font-size-18);



    font-family: var(--font-Poppins);



    display: flex;



    gap: 20px;



}







.sr-location-left-content ul li span {



    min-width: 110px;



}







.sr-location-right-map {



    width: 50%;



    border-radius: 12px;



    overflow: hidden;



}







.sr-location-right-map iframe {



    width: 100%;



    height: 100%;



}







.ar-location-detail-and-map-sec {



    position: relative;



    z-index: 0;



}







.sr-location-diff-line {



    width: 100%;



    height: 1px;



    background-color: var(--bg-color-light);



}







.sr-single-location-sec .sr-home-about-card-curv {



    position: absolute;



    top: 0;



    z-index: -1;



}







/* Location Page style End */







/* Get Started Page Style Start */



.sr-get-form-sec {



    background-color: var(--bg-color-grey);



    position: relative;



    z-index: 0;



}







.sr-get-form-title {



    display: flex;



    flex-direction: column;



    align-items: center;



    justify-content: center;



    gap: 24px;



    text-align: center;



       margin-bottom: 100px;



}







.sr-get-contact {



    display: flex;



    flex-direction: column;



    gap: 10px;



}







.sr-get-contact p {



    font-size: var(--p-size);



    font-family: var(--font-Poppins);



    color: var(--text-black);



}







.sr-get-contact p a {



    color: var(--bg-blue);



}







.sr-bottom-text p {



    font-family: var(--font-Poppins);



    font-size: var(--font-size-18);



}







.sr-get-inner-form {



    width: 60%;



    padding: 40px;



    border-radius: 12px;



    background-color: var(--bg-color-light);



    position: relative;



    z-index: 0;



    margin: 0 auto;



}





.sr-get-inner-form  {



    display: flex;



    flex-direction: column;



            gap: 3px;



    /* margin-bottom: 24px; */



}







.sr-get-inner-form form .gform-body .gfield  textarea{

 font-size: 1rem !important;

    font-weight: 400;

    line-height: 1.5;

    color: var(--bs-body-color) !important;

}









.sr-get-inner-form form .gform-body .gfield  input{

 font-size: 1rem !important;

    font-weight: 400;

    line-height: 1.5;

    color: var(--bs-body-color) !important;

}









 











.sr-get-inner-form .gfield textarea {



    



    height: 150px !important;



    min-height: 150px !important;



    width: 100% !important;



    padding: 15px !important;



    border-radius: 4px  !important;



    outline: none !important;



    border: 2px solid var(--bg-blue) !important;



    background-color: transparent !important;



    backdrop-filter: blur(50px) !important;



    font-size: var(--font-size-18) !important;





}



.sr-contact-right-form .gfield textarea {



    width: 100%;

    padding: 15px;

    border-radius: 4px;

    height: 130px;

      font-size: 1rem;

        color: var(--bs-body-color);

    outline: none;

    border: 2px solid var(--bg-blue);

    background-color: transparent;

    backdrop-filter: blur(50px);

}



.sr-contact-right-form .gfield .ginput_container input {



    width: 100%;

    padding: 15px;

    height: 58px;

    font-family: inherit;

        font-size: 1rem;

        color: var(--bs-body-color);

    border-radius: 4px;

    outline: none;

    border: 2px solid var(--bg-blue);

    background-color: transparent;

    backdrop-filter: blur(50px);

}



.gform_fields {

    gap: 24px !important;

}



.sr-get-inner-form .gfield input {



font-size: 1rem;

    font-weight: 400;

    line-height: 1.5;

    color: var(--bs-body-color);

    height: 58px !important;



    width: 100% !important;



    padding: 15px !important;



    border-radius: 4px  !important;



    outline: none !important;



    border: 2px solid var(--bg-blue) !important;



    background-color: transparent !important;



    backdrop-filter: blur(50px) !important;



    font-size: var(--font-size-18) !important;



}







.sr-get-inner-form .gfield textarea:focus-visible,



.sr-get-inner-form .gfield input:focus-visible {



    background-color: var(--bg-color-light) !important;



    border-color: var(--bg-blue) !important;



    outline: none !important;



    box-shadow: none !important;



    background-color: transparent  !important;



}







/* Get Started Page Style End */



/* review page style start */

.sr-review-page-saction {

    position: relative;

    z-index: 0;

}



.sr-review-page-title {

    margin-bottom: 60px;

}



.sr-review-page-cards {

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    grid-template-rows: auto;

    column-gap: 24px;

    row-gap: 40px;

    margin-bottom: 100px;

}



.sr-review-page-cards .sr-home-review-card {

    width: 100%;

}





.sr-review-google-logo {

    width: 40px;

    height: 40px;

}



.sr-review-google-logo img {

    width: 100%;

    height: 100%;

}



.sr-review-page-btn .sr-btn-outer {

    justify-content: center;

}



.sr-review-page-intro-sec .sr-btn-outer {

    margin-top: 30px;

}



/* review page style end */





.gform-footer .sr-btn {

    padding: 15px !important;

    border: 2px solid var(--bg-blue) !important;

    font-family: var(--font-figtree) !important;

    font-size: var(--button-size-16) !important;

    border-radius: 4px !important;

    color: var(--bg-blue) !important;

    font-weight: 700 !important;

    position: relative !important;

    text-transform: uppercase !important;

}



.gform-footer .sr-btn::after {

    content: '' !important;

    position: absolute !important;

    bottom: 0 !important; 

    left: 0 !important;

    width: 100% !important;

    height: 0% !important;

    background: var(--bg-blue) !important;

    transition: all 0.4s ease !important;

    z-index: -1 !important;

}

.gform-footer .sr-btn svg path {

    fill: var(--bg-blue) !important;

}

.gform-footer .sr-btn:hover {

    color: #fff !important;

}

.gform-footer .sr-btn:hover svg path {

    fill: #fff !important;

}

.gform-footer .sr-btn:hover::after {

    height: 100% !important;

    transition: all 0.4s ease !important;

}


.entry-meta a{
    font-size: var(--font-size-16);
}


.sr-service-team-section .sr-home-about-card-outer {

    align-items: center;

} 

.sr-blog-detail-page-btn {

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin: 30px 0;

}

.sr-blog-detail-recent-title h2 {

    font-family: var(--font-Poppins);

    color: var(--text-black);

    text-transform: capitalize;

}

.sr-blog-detail-recent-title {

    margin-bottom: 20px;

}

.sr-blog-detail-recent-list a {

    font-family: var(--font-Poppins);

    font-size: var(--p-size);

    color: var(--bg-blue);

    font-weight: 400;

}

.sr-blog-detail-recent-list ul li {

    padding: 20px 0;

    border-bottom: 1px solid var(--bg-color-light);

    line-height: 36px;

}

.sr-blog-detail-recent-list ul li:last-child {

    padding: 20px 0;

    border-bottom: 0;

}

.sr-blue-header .sr-btn-white svg path {

    fill: var(--color-white);

}

.sr-blue-header .sr-btn-white:hover svg path {

    fill: var(--bg-blue);

}

.sr-blog-inner-content-image {

    overflow: hidden;

}

.sr-blog-inner-content-image img {

    transition: all ease 0.5s;

}

.sr-blog-inner-content-image img:hover {

    transform: scale(1.06);

}

.blog-pagination-list{

    display: flex;

    align-items: center;

    justify-content: center;

    margin-top: 30px;

}

.blog-pagination-list ul {

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    justify-content: center;

    gap: 10px;

}

.blog-pagination-list .page-numbers {

    min-width: 50px;

    height: 50px;

    padding: 0px;

    align-items: center;

    display: flex;

    background-color:var(--bg-blue);

    color: var(--color-white);

    justify-content: center;

    border-radius: 12%;

    border: 2px solid var(--bg-blue);

    font-size: var(--font-size-18);

    font-weight: 400;

}

.blog-pagination-list .next.page-numbers,

.blog-pagination-list .prev.page-numbers {

    width: fit-content;

    padding: 7px 21px;

    border-radius: 5px;

    border: 2px solid var(--bg-blue);

}



.prev svg {

    transform: rotate(180deg);

    margin-right: 5px;

}

.page-numbers svg path {

    fill: var(--color-white);

}

.nxt svg {

    margin-left: 5px;

}

.sr-google-review-page-cards {

    margin-bottom: 40px;

}





.sr-blog-detail-next-btn{

    margin-left: 0;

    margin-right: auto;

}

.sr-service-team-section .sr-home-about-card-outer{
    padding-bottom: 0px;
}

.sr-blog-detail-prev-btn{

    margin-left: auto;

    margin-right: 0;

}

body[style*="overflow: hidden"] .sticky-navbar {
  z-index: -1 !important;
}


.sr-c-video-wrapper{

    /* margin-top: 60px; */

    max-width: 1000px;

    width: 100%;

    height: 600px;

    margin-left: auto;

    margin-right: auto;

    border-radius: 32px;

    overflow: hidden;

    position: relative;

}

.sr-c-video-wrapper::after{

    content: '';

    width: 100%;

    height: 100%;

    position: absolute;

    inset: 0;

    background-image: url('../images/hq720.avif');

    background-size: cover;

    background-position: top left;

    background-repeat: no-repeat;

    z-index: 1;

}

.sr-c-video-wrapper::before{

    content: '';

    width: 100%;

    height: 100%;

    position: absolute;

    background: rgba(10, 10, 10, 0.411);

    inset: 0;

    z-index: 2;

    opacity: 0;

    transition: all 0.2s ease;

}

.sr-c-video-wrapper {

    display: flex;

    align-items: center;

    justify-content: center;

}

.sr-c-video-wrapper .sr-play-btn{

    position: relative;

    z-index: 3;

    width: 60px;

    height: 60px;

    background: var(--bg-blue);

    color: var(--color-white);

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    opacity: 0;

    transition: all 0.2s ease;

}

.sr-c-video-wrapper .sr-play-btn a{

    width: 100%;

    height: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #fff;

    transition: all 0.2s ease;

}

.sr-c-video-wrapper::before{

    opacity: 1;

    transition: all 0.2s ease;

}


.sr-blog-inner-wrapper h3{
    color: var(--bg-blue);
}

.sr-c-video-wrapper .sr-play-btn{

    opacity: 1;

    transition: all 0.2s ease;

}

.client-video-pop{

    position: fixed;

    top: 50%;

    left: 50%;

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

    z-index: 9999999;

    max-width: 100%;

    width: 100%;

    height: 100dvh;

    background: var(--color-white);

    padding: 50px 50px 50px 50px;

    background: #000000d5;

}

@media (max-width: 768px){

    .client-video-pop{

        padding: 50px 0px 50px 0px;

    }

    .sr-c-video-wrapper::after{

        background-size: cover;

    }

}

.client-video-pop .sr-vid-wrapper{

    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;

}

.client-video-pop .sr-vid-wrapper iframe{

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.client-video-pop .sr-cls-btn{

    position: absolute;

    right: 0;

    top: 0;

    z-index: 1;

}

.client-video-pop .sr-cls-btn button{
    border: none;
    width: 40px;
    height: 40px;
    text-align: center;
    background: var(--bg-blue);
    color: var(--color-white);
}

.client-video-pop {
  display: none;
}

.client-video-pop.active {
  display: flex;
}



 .se-appointment-booking-sec {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .sr-service-intro-sec-wrapper .sr-btn-outer {
    margin-top: 25px;
  }


.sr-service-form-pop-pop .modal-dialog {

        max-width: 586px;
}



.sr-service-pop-pop-btn {
display: flex;
    justify-content: flex-end;
    margin-bottom: 24px;
    width: fit-content;
    position: absolute;
    right: 24px;
    background: #c3d3ec;
}


.sr-google-review-page-cards .wp-gr .grw-header{
    display: flex;
    justify-content: center;
    margin: auto !important;
    background-color: #fafafa !important;
    margin-bottom: 20px !important;
    padding: 10px !important;
    max-width: 328px !important;
    width: 100% !important;
}


.review-section .sr-btn-outer{
    margin-top: 60px;
    justify-content: center;
}


.entry-content p{
    margin-bottom: 15px;
}
.entry-content p:last-child{
    margin-bottom: 0px;
}
.entry-content h3 , .entry-content h2{
   margin-bottom: 16px;
    margin-top: 35px;
}


.sr-service-pop-pop-btn button:focus{
    box-shadow: none !important;
}


.sr-service-intro-sec.se-appointment-booking-sec .faq-container p a{
    color: #969598;

}

.sr-key-benifits-section p a{
     color: var(--bg-blue);
}


.post-title.sr-blog-inner-title h1 {
    text-align: left;
    font-family: var(--font-figtree);
    color: var(--h2-blue-color);
    font-weight: 700;
    font-size: var(--h2-size);
}