/* montserrat-300 - latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url('../fonts/montserrat-v25-latin/montserrat-v25-latin-300.eot'); /* IE9 Compat Modes */
    src: local(''), url('../fonts/montserrat-v25-latin/montserrat-v25-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/montserrat-v25-latin/montserrat-v25-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/montserrat-v25-latin/montserrat-v25-latin-300.woff') format('woff'), /* Modern Browsers */
    url('../fonts/montserrat-v25-latin/montserrat-v25-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/montserrat-v25-latin/montserrat-v25-latin-300.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-regular - latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/montserrat-v25-latin/montserrat-v25-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''), url('../fonts/montserrat-v25-latin/montserrat-v25-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/montserrat-v25-latin/montserrat-v25-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/montserrat-v25-latin/montserrat-v25-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('../fonts/montserrat-v25-latin/montserrat-v25-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/montserrat-v25-latin/montserrat-v25-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-500 - latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('../fonts/montserrat-v25-latin/montserrat-v25-latin-500.eot'); /* IE9 Compat Modes */
    src: local(''), url('../fonts/montserrat-v25-latin/montserrat-v25-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/montserrat-v25-latin/montserrat-v25-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/montserrat-v25-latin/montserrat-v25-latin-500.woff') format('woff'), /* Modern Browsers */
    url('../fonts/montserrat-v25-latin/montserrat-v25-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/montserrat-v25-latin/montserrat-v25-latin-500.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-600 - latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('../fonts/montserrat-v25-latin/montserrat-v25-latin-600.eot'); /* IE9 Compat Modes */
    src: local(''), url('../fonts/montserrat-v25-latin/montserrat-v25-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/montserrat-v25-latin/montserrat-v25-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/montserrat-v25-latin/montserrat-v25-latin-600.woff') format('woff'), /* Modern Browsers */
    url('../fonts/montserrat-v25-latin/montserrat-v25-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/montserrat-v25-latin/montserrat-v25-latin-600.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-700 - latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('../fonts/montserrat-v25-latin/montserrat-v25-latin-700.eot'); /* IE9 Compat Modes */
    src: local(''), url('../fonts/montserrat-v25-latin/montserrat-v25-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/montserrat-v25-latin/montserrat-v25-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/montserrat-v25-latin/montserrat-v25-latin-700.woff') format('woff'), /* Modern Browsers */
    url('../fonts/montserrat-v25-latin/montserrat-v25-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/montserrat-v25-latin/montserrat-v25-latin-700.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-800 - latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url('../fonts/montserrat-v25-latin/montserrat-v25-latin-800.eot'); /* IE9 Compat Modes */
    src: local(''), url('../fonts/montserrat-v25-latin/montserrat-v25-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/montserrat-v25-latin/montserrat-v25-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/montserrat-v25-latin/montserrat-v25-latin-800.woff') format('woff'), /* Modern Browsers */
    url('../fonts/montserrat-v25-latin/montserrat-v25-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/montserrat-v25-latin/montserrat-v25-latin-800.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-900 - latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url('../fonts/montserrat-v25-latin/montserrat-v25-latin-900.eot'); /* IE9 Compat Modes */
    src: local(''), url('../fonts/montserrat-v25-latin/montserrat-v25-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/montserrat-v25-latin/montserrat-v25-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/montserrat-v25-latin/montserrat-v25-latin-900.woff') format('woff'), /* Modern Browsers */
    url('../fonts/montserrat-v25-latin/montserrat-v25-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/montserrat-v25-latin/montserrat-v25-latin-900.svg#Montserrat') format('svg'); /* Legacy iOS */
}


:root {
    --bs-font-sans-serif: 'Montserrat', sans-serif;
    --black: #000;
    --logo-color: #44abd9c9;
    --blue: #00b4dc;
    /* --dark-blue: #125a89;*/
    --green: #44abd9;
    --dark-blue: #0277abad;
    --box-green: rgb(115 147 133 / 30%);
    --box-light-green: rgb(115 147 133 / 10%);
    --box-normal-green: rgb(115 147 133 / 20%);
    --white: #fff;
    --text-color-gray: #5e5e5e;
    --specia-offer-bg: #90a6a5;
    /*dr nonak patel*/
    --Corinthia: 'Corinthia-Regular';
    --text-secondary: '#6c757d';
    --trans-green: #9db3a9;
    --text-white: #fff;
}

a {
    color: var(--green);
    text-decoration:none;
}

    a:hover {
        color: #5a7569;
    }

    .text-white {
    color:var(--text-white) !important;
}


body {
    background-color: var(--white);
    color: var(--text-color-gray);
    font-family: var(--bs-font-sans-serif);
    font-size: 18px;
}

.accordion-button {
    color: #1788ba !important;
}
.accordion-button:not(.collapsed) {
    color: #1788ba !important;
    background-color: #dce3e082 !important;
}

.btn-callUs{
    background-color: var(--trans-green);
}

    .btn-callUs:hover {
        background-color: #648376 !important;
        border-color: #648376 !important;
    }

.bg-box-green {
    background-color: rgb(108 189 225 / 55%);
}

.bg-box-light-green {
    background-color: var(--box-light-green);
}


.bg-box-normal-green {
    background-color: rgb(108 189 225 / 16%);
}


.lsp{
    letter-spacing:2px;
}

.fw-bold {
    font-weight: 500 !important;
}

.text-dark {
    color: var(--text-dark) !important;
}

.text-blue {
    color: var(--blue) !important;
}

.text-dark-blue {
    color: var(--dark-blue) !important;
}

.text-color-gray {
    color: var(--text-color-gray) !important;
}

.text-skyblue{
    color:var(--skyblue);
}

.btn-blue {
    background-color: var(--blue);
    border-color: var(--blue);
}

    .btn-blue:hover {
        background-color: var(--green);
        border-color: var(--green);
    }

.btn-doc {
    background-color: var(--green) !important;
}

    .btn-doc:hover {
           background-color: #fff0 !important;
        color: var(--white) !important;
        border-color: var(--white) !important;
    }

    .btn-learnmore {
        letter-spacing: 2px;
        color: var(--logo-color);
        border-color: #ebf0ee;
        background: #6cbde1;
    }


        .btn-learnmore:hover, .btn-learnmore:focus, .btn-learnmore:active {
            color: var(--white);
            border-color: var(--logo-color) !important;
            background: var(--logo-color) !important;
/*            box-shadow: 0 0 0 0.25rem #6cbde1;*/
        }

.btn-info:hover, .btn-info:focus, .btn-info:active {
    border-color: var(--logo-color) !important;
/*    box-shadow: 0 0 0 0.25rem #6cbde1 !important;*/
}


.fs-6 {
    font-size: 12px;
}

.font-style2 {
    font-family: var(--Corinthia);
    /*    font-size: 160%;*/
    font-weight: normal;
}


.lt-2 {
    letter-spacing: 2px;
}

.fs-500{
    font-size:500%;
}

.fs-100 {
    font-size: 100%;
}

.fs-150 {
    font-size: 150%;   
}

.fs-130 {
    font-size: 130%;
}

.fs-200 {
    font-size: 200%;
}

.fs-220 {
    font-size: 220%;
}

.fs-240 {
    font-size: 240%;
}

.fs-250 {
    font-size: 250%;
}

.fs-320 {
    font-size: 260%;
}


.fs-300 {
    font-size: 300%;
}

.fs-460 {
    font-size: 460%;
}

.fs-560 {
    font-size: 560%;
}

.fw-300 {
    font-weight: 300;
}

.nav-link {
    padding: .5rem .5rem !important;
}

.font-color-2 {
    color: #04ffe1;
}

.text-shadow-2 {
    text-shadow: 0 1px rgb(0 0 0 / 60%), 0 2px rgb(0 0 0 / 50%), 0 3px rgb(0 0 0 / 40%), 0 4px rgb(0 0 0 / 30%), 0 5px rgb(0 0 0 / 20%), 0 6px rgb(0 0 0 / 10%), 0 7px rgb(255 255 255 / 10%);
}

.rounded-4 {
    border-radius: .5rem;
}

.rounded-5 {
    border-radius: 1rem;
}

.text-shadow-1 {
    text-shadow: 0 .125rem .25rem rgba(0, 0, 0, .25);
}

/*.text-shadow-2 {
    text-shadow: 0 .25rem .5rem rgba(0, 0, 0, .25);
}*/

.text-shadow-3 {
    text-shadow: 0 .5rem 1.5rem rgba(0, 0, 0, .25);
}

.bg-blue {
    background: var(--blue);
}

.bg-dark-blue {
    background: var(--green);
}

.bg-green {
    background: var(--green);
}
.service-btn-green {
    background: var(--green);
    padding : 10px 30px;
    border-radius : 10px 10px 10px 0;
    font-size : 18px;
    border : 1px solid var(--green);
}

    .service-btn-green:hover, .service-btn-green:focus {
        background: #fff !important;
       color: var(--green) !important;
    }

.text-green {
    color: var(--green);
}

.text-green-service {
    color: var(--green);
}

    .text-green-service:hover {
        color: var(--green);
    }



#default-menu,
#services-menu {
    /*   z-index: 2;
    margin-top: 106px;
    height: 0;
    background: rgb(255 255 255);*/

    z-index: 2;
    /*margin-top: -15px;*/
    height: 87px;
    background: rgb(255 255 255);
}

    #default-menu ul .dropdown-menu[data-bs-popper] {
        /*top: 27%;*/
    }


/*#sub-page #default-menu {
    z-index: 5;
}*/

#sub-page #services-menu {
    z-index: 4;
}

#default-menu .navbar-nav .nav-link,
#services-menu .navbar-nav .nav-link {
    color: var(--logo-color);
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 2px;
    padding-left: 18px !important;
    padding-right: 20px !important;
}

    #default-menu .navbar-nav .nav-link.active {
        color: var(--white);
        background: var(--green);
    }

    #default-menu .navbar-nav .show > .nav-link,
    #services-menu .navbar-nav .nav-link.active,
    #services-menu .navbar-nav .show > .nav-link {
        color: var(--dark-blue);
    }

    #default-menu .navbar-nav .nav-link:focus,
    #default-menu .navbar-nav .nav-link:hover,
    #services-menu .navbar-nav .nav-link:focus,
    #services-menu .navbar-nav .nav-link:hover {
        color: var(--text-white);
        background: var(--green);
    }

#default-menu .navbar-nav .nav-link.dropdown-toggle.show,
#services-menu .navbar-nav .nav-link.dropdown-toggle.show {
    color: var(--green);
}


#default-menu .dropdown-menu,
#services-menu .dropdown-menu {
    background-color: var(--white);
    border-color: var(--green);
}


#default-menu .navbar-nav .dropdown-item,
#services-menu .navbar-nav .dropdown-item {
    color: var(--text-color-gray);
}

#default-menu .dropdown-item.active,
#default-menu .dropdown-item:active,
#services-menu .dropdown-item.active,
#services-menu .dropdown-item:active {
    color: var(--green);
    background-color: transparent;
}

#default-menu .navbar-nav .dropdown-item.border-bottom,
#services-menu .navbar-nav .dropdown-item.border-bottom {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important;
}

#default-menu .navbar-nav .dropdown-item:focus,
#default-menu .navbar-nav .dropdown-item:hover,
#services-menu .navbar-nav .dropdown-item:focus,
#services-menu .navbar-nav .dropdown-item:hover {
    color: var(--text-white);
    background-color: var(--green);
}

#default-menu .navbar-nav .nav-link[aria-expanded="true"] {
    color: var(--text-white) !important;
    background-color: var(--green);
}

#default-menu .navbar-nav .nav-link i {
    width: 16px;

}

#default-menu .navbar-nav .nav-link[aria-expanded="true"] i:before {
    content: "\f057";
}

#default-menu .navbar-nav .nav-link[aria-expanded="true"] i {
    font-size: 20px;
}

#default-menu .navbar-toggler:focus,
#services-menu .navbar-toggler:focus {
    box-shadow: 0 0 0 0.25rem var(--bs-gray-200);
}

#default-menu .navbar-brand img {
    z-index: 2;
    position: relative;
    transform: translate(3px, -8px);
    width: 170px !important;
    left: 12px;
    top: -9px;
}


#default-menu a.navbar-brand {
    position: relative;
}

    #default-menu a.navbar-brand:after {
        content: "";
        position: absolute;
        width: 235px;
        height: 158px;
        background: #ffffff;
        border-radius: 50%;
        left: -13px;
        top: 13px;
        box-shadow: 0px 1px 0px 0px #1788ba6b
    }

#default-menu .btn-info {
    color: var(--logo-color);
    border-color: #1788ba00;
    background: #1788ba14;
    font-size: 18px !important;
}

#default-menu .btn-info:hover {
    color: var(--white);
    border-color: var(--logo-color);
    background: var(--logo-color);
   
}


/*sub-page menu*/
#sub-page #default-menu .navbar-nav .nav-link,
#services-menu .navbar-nav .nav-link {
    color: var(--green);
    font-size: 18px;
    font-weight: 100;
}
#sub-page #default-menu .navbar-nav .nav-link:hover,
#services-menu .navbar-nav .nav-link:hover {
    color: #fff;
    
}

#sub-page #default-menu .navbar-nav .nav-link.active {
    color:#fff;
}

#sub-page .carousel-item {
    background: var(--dark-blue);
}
    /*sub page*/

    #seachBoxCollapseCard form input:placeholder-shown ~ button[type="submit"] {
    opacity: 0.6;
    cursor: not-allowed;
    webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: none;
    touch-action: none;
    pointer-events: none;
}

#seachBoxCollapseCard form input:not(:placeholder-shown) ~ button[type="submit"]:hover {
    background: var(--green);
}


#default-menu .header-call-button:hover {
    background: var(--green)
}

.social-nav {
    display: none;
}

#main-slider .carousel-inner {
    height: 85vh;
    background-color: var(--green);
    background-position: center center;
    background-size: cover;
    position: relative
}

#main-slider .carousel-item {
    background-position: center top;
    background-size: cover;
    height: 100%;
}

#main-slider .carousel-item .carousel-caption {
   
    background-repeat: no-repeat;
    background-position: right center;
    background-position-x: right;
    background-position-y: center;
}

#main-slider .carousel-indicators [data-bs-target] {
    height: 18px;
    width: 18px;
    border-radius: 30px;
    border: none;
    background-color: var(--white);
    box-shadow: 0 0px 0px 3px rgb(255 255 255 / 40%);
    margin-left: 10px;
}

#main-slider .carousel-indicators [data-bs-target].active {
    background-color: var(--green);
    box-shadow: 0 0px 0px 3px var(--green);
}

#main-slider .carousel-indicators {
    bottom: 20px;
}

#main-slider .carousel-control-next,
#main-slider .carousel-control-prev {
    top: -150px;
}


#main-slider .carousel-control-next-icon,
#main-slider .carousel-control-prev-icon {
    width: 3rem;
    height: 3rem;
    background-size: 60% 60%;
    background-color: rgb(255 255 255 / 20%);
    border-radius: 50px;
}

#main-slider .carousel-control-next-icon:hover,
#main-slider .carousel-control-prev-icon:hover,
#main-slider .carousel-control-next-icon:focus,
#main-slider .carousel-control-prev-icon:focus {
    background-color: var(--green);
}


#main-slider .carousel-control-next,
#main-slider .carousel-control-prev {
    width: 5%;
}

#main-slider #main-carousal .carousel-indicators,
#main-slider #main-carousal .carousel-control-prev,
#main-slider #main-carousal .carousel-control-next {
    opacity: 0;
    -webkit-transition: opacity 300ms linear 0s;
    -moz-transition: opacity 300ms linear 0s;
    -o-transition: opacity 300ms linear 0s;
    transition: opacity 300ms linear 0s;
}

#main-slider #main-carousal:hover .carousel-indicators,
#main-slider #main-carousal:hover .carousel-control-prev,
#main-slider #main-carousal:hover .carousel-control-next {
    opacity: 1;
    -webkit-transition: opacity 300ms linear 0s;
    -moz-transition: opacity 300ms linear 0s;
    -o-transition: opacity 300ms linear 0s;
    transition: opacity 300ms linear 0s;
}

#main-slider .carousel-item .carousel-caption .btn-success:hover,
#main-slider .carousel-item .carousel-caption .btn-success:focus {
    color: #fff;
    background-color: var(--white);
    border-color: var(--white);
}

/*subpage bg*/
#sub-page #main-slider .carousel-inner {
    height: 150px;
    background-color: var(--green);
}
/*subpage bg ends*/
#slider-c2a {
    z-index: 1;
}

    #slider-c2a .card {
        margin-top: 100px !important;
    }

    #slider-c2a .slogen {
        margin-top: 200px !important;
    }

   #slider-c2a .slogen p {
       text-shadow: 1px 7px 7px #000;            
   }

   #slider-c2a .slogen p.disablePaddingBottom {
       font-size: 4rem;
   }

#slider-c2a .card .card-body a.btn:not(.bg-transparent):hover,
#slider-c2a .card .card-body a.btn:not(.bg-transparent):focus {
    background-color: #ffffff;
    border-color: #ffffff;
    color: #00b2da !important;
}

#slider-c2a .card .card-body a.bg-transparent:hover,
#slider-c2a .card .card-body a.bg-transparent:focus {
    color: var(--info) !important;
}


h2 {
    font-size: calc(1.3rem + .6vw);
}

#top-header-blocks {
    z-index: 2;
    padding: 0px 0;
    /*    content-visibility: auto;
    contain: layout;*/
    background: var(--white);
    /*    margin-top: -140px;*/
}


#top-header-blocks .card.what-we-do-card {
    min-height: auto;
    margin-top: -140px;
    margin-bottom: 70px;
    border-radius: 0;
    content-visibility: auto;
    contain: layout;
}

#top-header-blocks .card.what-we-do-card .highlighted-cards {
    height: 270px;
}

#top-header-blocks .card.what-we-do-card .highlighted-cards .card-cover {
    background-position:center;
    background-size: cover;
}

#top-header-blocks .card.what-we-do-card .highlighted-cards .high-card-1 .card-cover {
    /*background-image: url('../img/what-sets-our-office-apart.webp');*/
}

#top-header-blocks .card.what-we-do-card .highlighted-cards .high-card-2 .card-cover {
    /*background-image: url('../img/what-oral-surgery-can-do-for-you.webp');*/
}

#top-header-blocks .card.what-we-do-card .highlighted-cards .high-card-3 .card-cover {
    background-image: url('../img/worried-you-can-not-afford-an-oral-surgeon.webp');
}

#top-header-blocks .card.what-we-do-card .highlighted-cards .card-cover .card-content {
    background: rgb(0 0 0 / 35%);
}

#top-header-blocks .card.what-we-do-card .highlighted-cards .card-cover:hover,
#top-header-blocks .card.what-we-do-card .highlighted-cards .card-cover:focus {
    /*background: rgba(0,0,0,0);*/
}

    #top-header-blocks .card.what-we-do-card .highlighted-cards .card-cover:hover .card-content,
    #top-header-blocks .card.what-we-do-card .highlighted-cards .card-cover:focus .card-content {
        background: rgb(206 222 91 / 90%);
    }

    #top-header-blocks .card.what-we-do-card .highlighted-cards .card-cover .card-content .btn-danger {
        background-color: var(--green);
        border-color: var(--green);
        color: var(--white) !important;
    }

    #top-header-blocks .card.what-we-do-card .highlighted-cards .card-cover:hover .card-content .btn-danger,
    #top-header-blocks .card.what-we-do-card .highlighted-cards .card-cover:focus .card-content .btn-danger {
        background-color: var(--white);
        border-color: var(--white);
        color: var(--green) !important;
    }

    #top-header-blocks .card.what-we-do-card .highlighted-cards .card-cover:hover .card-content h2,
    #top-header-blocks .card.what-we-do-card .highlighted-cards .card-cover:focus .card-content h2 {
        color: var(--green) !important;
        text-shadow: none;
    }

#top-header-blocks .card.what-we-do-card .highlighted-cards .card-cover:before,
#top-header-blocks .card.what-we-do-card .highlighted-cards .card-cover:after {
    content: none;
}


#top-header-blocks .card.what-we-do-card:before,
#top-header-blocks .card.what-we-do-card:after {
    content: none;
}

#top-header-blocks .card.what-we-do-card .card-text {
    color: var(--gray-6c6c6c);
}

#top-header-blocks .card.what-we-do-card:hover .card-text,
#top-header-blocks .card.what-we-do-card:focus .card-text {
    color: var(--gray-6c6c6c) !important;

}



#top-header-blocks .our-services-div {
    content-visibility: auto;
    contain: layout;
}

#top-header-blocks p.lead {
    color: rgb(255 255 255 / 65%);
}

#top-header-blocks .card {
    border-radius: 12px;
    position: relative;
    overflow: hidden;
}

#top-header-blocks .card picture,
#top-header-blocks .card .card-body {
    z-index: 1
}

#top-header-blocks .card:hover,
#top-header-blocks .card:focus {
    
    box-shadow: 0 1rem 3rem rgba(0,0,0,.175);
    overflow: hidden;
    -webkit-transition: background 300ms linear 0s;
    -moz-transition: background 300ms linear 0s;
    -o-transition: background 300ms linear 0s;
    transition: background 300ms linear 0s;
}

#top-header-blocks .card .btn {
    transition: unset;
    background-color: var(--green);
    font-size: 90%;
    color: var(--text-dark) !important;
}

#top-header-blocks .card .line-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    white-space: break-spaces;
    color: rgb(255 255 255 / 60%);
}

#top-header-blocks .card:hover .card-title,
#top-header-blocks .card:focus .card-title {
    color: var(--text-dark) !important;
}

#top-header-blocks .card:hover .card-text,
#top-header-blocks .card:focus .card-text {
    color: var(--text-dark) !important;
}

#top-header-blocks .our-services-div .card:hover .btn,
#top-header-blocks .our-services-div .card:focus .btn {
    color: var(--text-dark) !important;
    background-color: var(--white) !important;
}


#top-header-blocks .card:before {
    content: '';
    border-radius: 100%;
    width: 140%;
    height: 80%;
    position: absolute;
    right: -60%;
    top: -40%;
    z-index: 0;
    -webkit-transform: rotate(78deg);
    -moz-transform: rotate(78deg);
    -ms-transform: rotate(78deg);
    -o-transform: rotate(78deg);
    transform: rotate(78deg);
}

#top-header-blocks .card:after {
    content: '';
    border-radius: 100%;
    width: 100%;
    height: 100%;
    position: absolute;
    right: 50%;
    bottom: -60%;
    z-index: 0;
    -webkit-transform: rotate(140deg);
    -moz-transform: rotate(140deg);
    -ms-transform: rotate(140deg);
    -o-transform: rotate(140deg);
    transform: rotate(140deg);
}

#top-header-blocks .card:hover:before,
#top-header-blocks .card:focus:before,
#top-header-blocks .card:hover:after,
#top-header-blocks .card:focus:after {
    background: rgb(0 0 0 / 10%);
    -webkit-transition: background 300ms linear 0s;
    -moz-transition: background 300ms linear 0s;
    -o-transition: background 300ms linear 0s;
    transition: background 300ms linear 0s;
}

    #top-header-blocks .our-services-div .card {
        background: var(--green) !important;
    }

#top-header-blocks .our-services-div .card .card-title {
    color: var(--white) !important;
}

        #top-header-blocks .our-services-div .card:hover .card-title,
        #top-header-blocks .our-services-div .card:focus .card-title {
            color: var(--green) !important;
        }

#top-header-blocks .our-services-div .card:hover,
#top-header-blocks .our-services-div .card:focus {
    background: var(--green) !important;
    box-shadow: none;
    overflow: hidden;
    -webkit-transition: background 300ms linear 0s;
    -moz-transition: background 300ms linear 0s;
    -o-transition: background 300ms linear 0s;
    transition: background 300ms linear 0s;
}

/* Contact form styles*/

/*3rd level menu css*/
@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.dropdown-menu.show {
    -webkit-animation: fadeIn 0.3s alternate;   
    animation: fadeIn 0.3s alternate;
    z-index:100;
}

.nav-item.dropdown.dropdown-mega {
    position: static;
}

    .nav-item.dropdown.dropdown-mega .dropdown-menu {
        width: 90%;
        top: auto;
        left: 5%;
    }

.navbar-toggler {
    border: none;
    padding: 0;
    outline: none;
}

    .navbar-toggler:focus {
        box-shadow: none;
    }

    .navbar-toggler .hamburger-toggle {
        position: relative;
        display: inline-block;
        width: 50px;
        height: 50px;
        z-index: 11;
        float: right;
    }

        .navbar-toggler .hamburger-toggle .hamburger {
            position: absolute;
            transform: translate(-50%, -50%) rotate(0deg);
            left: 50%;
            top: 50%;
            width: 50%;
            height: 50%;
            pointer-events: none;
        }

            .navbar-toggler .hamburger-toggle .hamburger span {
                width: 100%;
                height: 4px;
                position: absolute;
                background: #333;
                border-radius: 2px;
                z-index: 1;
                transition: transform 0.2s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.2s cubic-bezier(0.77, 0.2, 0.05, 1), all 0.2s ease-in-out;
                left: 0px;
            }

                .navbar-toggler .hamburger-toggle .hamburger span:first-child {
                    top: 10%;
                    transform-origin: 50% 50%;
                    transform: translate(0% -50%) !important;
                }

                .navbar-toggler .hamburger-toggle .hamburger span:nth-child(2) {
                    top: 50%;
                    transform: translate(0, -50%);
                }

                .navbar-toggler .hamburger-toggle .hamburger span:last-child {
                    left: 0px;
                    top: auto;
                    bottom: 10%;
                    transform-origin: 50% 50%;
                }

            .navbar-toggler .hamburger-toggle .hamburger.active span {
                position: absolute;
                margin: 0;
            }

                .navbar-toggler .hamburger-toggle .hamburger.active span:first-child {
                    top: 45%;
                    transform: rotate(45deg);
                }

                .navbar-toggler .hamburger-toggle .hamburger.active span:nth-child(2) {
                    left: 50%;
                    width: 0px;
                }

                .navbar-toggler .hamburger-toggle .hamburger.active span:last-child {
                    top: 45%;
                    transform: rotate(-45deg);
                }

.icons {
    display: inline-flex;
    margin-left: auto;
}

    .icons a {
        transition: all 0.2s ease-in-out;
        padding: 0.2rem 0.4rem;
        color: #ccc !important;
        text-decoration: none;
    }

        .icons a:hover {
            color: white;
            text-shadow: 0 0 30px white;
        }


.dropend .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.455em;
    vertical-align: -0.045em;
    content: "";
    border-top: 0.3em solid transparent;
    border-right: 0;
    border-bottom: 0.3em solid transparent;
    border-left: 0.4em solid;
    color: #1f244187;
}

.dropend .dropdown-menu[data-bs-popper] {  
    left: 99%;
}

 /*3rd menu level css ends*/


.topbar-bg {
    background-color: var(--logo-color);
}


    .topbar-bg a {
        font-weight: 500;
        /*letter-spacing: 1.5px;*/
        padding: 20px 8px 28px;
    }

.banner {
    height: 775px;
}

    #header-bg .banner_overlay {
    position: absolute;
    /*background: rgb(0 0 0 / 0.4);*/
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    top: 0;
}

#header-bg .banner_slogan {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 30%;
    width: 100%;
    text-align: center;
}

#header-bg .practice_name {
    letter-spacing: 3px;
}

#header-bg .header_sec {
    color: #ffffff !important;
    font-family: var(--LovinSummer-font);
    font-size: 50px !important;
    text-shadow: 0em 0em 0.45em #4b4b4b;
    line-height: 75px;
}


.btn-alt,
.more-to-explore .btn {
    display: inline-block;
    position: relative;
    z-index: 0;
    margin: 10px;
    padding: 14px;
    color: #ffffff;
    text-transform: uppercase;
    font-family: Montserrat;
    font-size: 11px;
    font-weight: 600;
    min-width: 200px;
    transition: background-color .3s;
    text-align: center;
    background: #88c895;
    border: none;
}

    .btn-alt:after,
    .more-to-explore .btn:after {
        content: '';
        position: absolute;
        height: 100%;
        width: 100%;
        top: 5px;
        left: 5px;
        border: 1px solid #88c895;
        z-index: -1;
        transition: .3s;
    }

    .btn:hover, .btn-alt:hover {
        background-color: #88c895;
        border-color:#88c895;
        color: #ffffff;
        outline: none !important;
    }

        .btn:hover:after,
        .btn-alt:hover:after {
            top: -5px;
            left: -5px;
            /* border: 1px solid #93a5ff; */
        }




.underline {
    font-size: 44px;
}

.sub-page .underline {
    font-size: 44px !important;
}

.underline, #Insurance_Financing, Get-to-Know {
    position: relative;
}

#Insurance_Financing {
    background: #41c27717;
}

.underline:after {
    content: '';
    display: block;
    margin: 10px auto 0;
    width: 140px;
    height: 2px;
    background-color: rgb(122 171 217 / 43%);
}

#Get-to-Know .underline:after {
    content: '';
    display: block;
    margin: 10px auto 0;
    width: 140px;
    height: 2px;
    background-color: var(--white);
}

#Insurance_Financing .underline:after {
    content: '';
    display: block;
    margin: 10px 0;
    width: 140px;
    height: 2px;
    background-color: rgb(0 176 216 / 33%);
}
#quick_contact .underline:after {
    display:none;
}

#bg-color {
    background-color: var(--bg-color);
    padding: 30px; 
}
#main-content{
    padding:50px 0px 50px 0px;
}

#main-content.sub-page h4 {
    font-size: 1.75rem;
}

#main-content.sub-page ol li, #main-content.sub-page ul li {
    margin-bottom: 7px;
    line-height: 26px;
}
#main-content.sub-page ol.list_style li {
    padding: 8px 0 2px 30px;
    font-weight: 300;
    position: relative;
}

#main-content.sub-page ol li .fa-check {
    position: absolute;
    font-size: 21px;
    color: #00b4dc;
    height: 30px;
    width: 30px;
    border: none;
    line-height: 27px;
    text-align: center;
    left: 0;
}

#main-content.sub-page .cc li {
    padding: 2px 0 2px 50px !important;    
    line-height: 36px;
    margin-bottom: 13px;
}
#main-content.sub-page .cc li i {
    font-size: 20px;
    color: #61be76;
    height: 40px;
    width: 40px;
    -webkit-border-radius: 50px;
    -khtml-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
    border: 2px solid rgba(97, 190, 118, 0.3);
    text-align: center;
    line-height: 39px;
    position: absolute;
    top: 0;
    left: 0;
}

#main-content.sub-page .wcu li {
    font-size:20px;
    padding: 2px 0 2px 50px !important;
    line-height: 36px;
    margin-bottom: 13px;
}

#main-content.sub-page .wcu li i {
    font-size: 20px;
    color: #ffffff;
    height: 40px;
    width: 40px;
    -webkit-border-radius: 50px;
    -khtml-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
    border: 2px solid rgb(255 255 255 / 30%);
    text-align: center;
    line-height: 39px;
    position: absolute;
    top: 0;
    left: 0;
}

#insurance_bg {
    padding: 40px 0px;
    background-color: var(--green);
}

.bg-white-transp {
    background: #ffffff21 !important;
    border: 2px solid #fff;
}

.bg-white-transp:hover {
   background: var(--white) !important;
    border: 2px solid var(--white);
    color: #00b2da !important;
}

#acess-icons .accessibility-footer a.btn-link:focus, #acess-icons .accessibility-footer a.btn-link:hover { 
    background: #dbdbdb45 !important;
    border:1px solid #dbdbdb45;
}

#slider-c2a .bg-video {
    object-fit: cover;
    position: absolute;
    z-index: -100;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    height: 100vh;
    width: -webkit-fill-available;
    min-width: 100%;
    min-height: 100%;
}

#slider-c2a:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 0;
    /*background: rgb(0 0 0 / 31%);*/
    /*background: linear-gradient(to right bottom, #1788ba4a 45%, #1788ba5e 75%);*/
}

#main-content p, #main-content ol, #main-content ul {
    font-size: 18px;
    font-weight: 400;
    text-align: left;
}

#accreditations {
    box-shadow: 0 0 60px -10px inset #1788ba33;
    padding: 30px;
}

    #accreditations img {
        filter: grayscale(100%);
        opacity:0.8;
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
    }

    #accreditations img:hover {
        filter: grayscale(0%);
        opacity: 0.8;
        -webkit-filter: grayscale(0%);
        -moz-filter: grayscale(0%);
    }



.bg {
    /*background: #f3f3f3;*/
    background-image: url('/img/zak-ramsay.webp');
    background-repeat: no-repeat;
    height: 900px;
    position: relative;
    background-position: left;
    background-size: cover;
    width: 100%;
}

    .bg:after {
        content: "";
        background: linear-gradient(to left, #000 45%, rgba(255, 255, 255, 0) 75%);
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
    }



    #doctor_section .title {
        font-size: 34px;
    }

#doctor_section .bg {
    /*background: #f3f3f3;*/
    background-image: url('../img/zak-ramsay.webp');
    background-repeat: no-repeat;
    height: 100vh;
    position: relative;
    background-position: left;
    background-size: cover;
    width: 100%;
}

#doctor_section a{
    font-size:15px;
}

#doctor_section a:first-child {
    margin-right:10px;
}

#doctor_section .bg:after {
    content: "";
    /*background: linear-gradient(to left, #add5ff33 45%, rgba(255, 255, 255, 0) 75%);*/
    /* background: linear-gradient(to left, #c6c6c6 45%, rgb(255 255 255 / 24%) 75%);*/
    background: linear-gradient(to left, #fdfdfde0 31%, rgb(255 255 255 / 0%) 85%);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

#doctor_section .content{
    z-index:1;
}


#excellent_service {
    /* background: rgb(115,147,133);
    background: linear-gradient(90deg, rgba(115,147,133,0.8239670868347339) 0%, rgba(210,210,251,0.7035189075630253) 47%, rgba(115,147,133,0.8799894957983193) 100%);*/
    /* background: rgb(115,147,133);
    background: linear-gradient(100deg, rgba(115,147,133,0.8239670868347339) 0%, rgba(255,255,255,0.7819502801120448) 47%, rgba(115,147,133,0.8799894957983193) 100%);*/

    background: rgb(115,147,133);
    background: linear-gradient(36deg, rgb(68 171 217) 0%, rgb(68 171 217 / 4%) 81%);
   
}

    #excellent_service .line_two {
        font-size: 34px;
        color: #1788ba !important;
        font-family: 'Montserrat';
        font-weight: 600;
    }

    #excellent_service .btn-services {
        background: #ffffff;
        padding: 20px;
        border-radius: 20px 20px 20px 0;
    }

        #excellent_service .btn-services:hover {
            color: #006593;
            background: #ffffff00;
            border-color: #fff;
        }

#insuracnce_savings_offers {
    position: relative;
    padding: 60px 0px;
}

    #insuracnce_savings_offers:after {
        position: absolute;
        left: 0;
        top: 0%;
        bottom: 0;
        width: 100%;
        content: "";
        opacity: 1;
        background: url(../img/patters.webp) center;
        filter: grayscale(100%);
        opacity: 0.1;
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
    }

#insuracnce_savings_offers .box-padding {
    padding:30px;
}

.contact2 {
    font-family: "Montserrat", sans-serif;
    color: #8d97ad;
    font-weight: 300;
    padding: 60px 0;
    margin-bottom: 0px;
    background-position: center top;
}
  

    .contact2 .font-weight-medium {
        font-weight: 500;
    }

    .contact2 .subtitle {
        color: #8d97ad;
        line-height: 24px;
    }

    .contact2 .bg-image {
        background-image: url('../img/flower-bg.webp');
        background-size: contain;
        background-repeat: no-repeat;
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        background-position: center center;
        padding-bottom: 20px;
    }

        .contact2 .bg-image:before {
            content: '';
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            /* background-image: linear-gradient(to bottom right,#002f4b,#dc4225);*/

            background: rgb(115,147,133);
            background: radial-gradient(circle, rgb(70 133 161 / 93%) 0%, rgb(43 161 213) 80%);
            opacity: 1.0;
        }
.detail-box {
    position: relative;
}

    .contact2 .card.card-shadow {
        margin-top: -170px;
        -webkit-box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.1);
        box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.1);
    }

.contact2 .detail-box .round-social {
    margin-top: 30px;
    text-align: center;
}

    .contact2 .round-social a {
        background: transparent;
        margin: 0 7px;
        padding: 11px 12px;
    }

    .contact2 .contact-container .links a {
        color: #8d97ad;
    }

    .contact2 .contact-container {
        position: relative;
       
    }

    .contact2 .btn-danger-gradiant {
        background: #ff4d7e;
        background: -webkit-linear-gradient(legacy-direction(to right), #ff4d7e 0%, #ff6a5b 100%);
        background: -webkit-gradient(linear, left top, right top, from(#ff4d7e), to(#ff6a5b));
        background: -webkit-linear-gradient(left, #ff4d7e 0%, #ff6a5b 100%);
        background: -o-linear-gradient(left, #ff4d7e 0%, #ff6a5b 100%);
        background: linear-gradient(to right, #ff4d7e 0%, #ff6a5b 100%);
    }

        .contact2 .btn-danger-gradiant:hover {
            background: #ff6a5b;
            background: -webkit-linear-gradient(legacy-direction(to right), #ff6a5b 0%, #ff4d7e 100%);
            background: -webkit-gradient(linear, left top, right top, from(#ff6a5b), to(#ff4d7e));
            background: -webkit-linear-gradient(left, #ff6a5b 0%, #ff4d7e 100%);
            background: -o-linear-gradient(left, #ff6a5b 0%, #ff4d7e 100%);
            background: linear-gradient(to right, #ff6a5b 0%, #ff4d7e 100%);
        }

#contact_page .contact2 .card.card-shadow {
    margin-top: 0px;
}


#footer_section .footer-menu {
    background: var(--green);
    font-size: 16px;
}

    #footer_section .footer-menu a{
        color:var(--white);
    }

        #footer_section .footer-menu .nav-pills .nav-link.active, #footer_section .footer-menu .nav-pills .show > .nav-link {
            /*color: var(--black);
        background-color: transparent;*/
            color: #fff;
             background-color: transparent;
             background-color: #ffffff45;
        }

        #footer_section .footer-menu a:hover{

        }



        #footer_section .copyright {
            font-size: 14px;
            color: var(--text-color-gray);
            background: var(--white);
            letter-spacing: 1px;
        }

    #footer_section .copyright a {
        color: var(--text-color-gray);
    }

    #footer_section .copyright a:hover {
        color: var(--green);
    }

.social-share-icons a {
    background: #9ed0e7 !important;
    border-radius: 50px;
    padding: 14px !important;
    box-shadow: 0px 0px 7px 3px #005c8591;
}

.social-share-icons .fa {
    /*font-size: 24px;*/
    width: 26px;
    height: 26px;
}

.social-share-icons a:hover {
    background: #fff !important;
}

    .social-share-icons a.facebook:hover .fa-facebook {
        color: #0866FF;
    }

.social-share-icons a.instagram:hover .fa-instagram {
    color: #d62976;
}

.social-share-icons a.twitter:hover .fa-twitter {
    color: #1DA1F2;
}

.social-share-icons a.linkedin:hover .fa-linkedin {
    color: #0072b1;
}

#main-slider .carousel-item {
    background-position: center top;
    background-size: cover;
    height: 100%;
}

.hovicon {
    display: inline-block;
    font-size: 45px;
    line-height: 90px;
    cursor: pointer;
    margin: 20px;

    border-radius: 50%;
    text-align: center;
    position: relative;
    text-decoration: none;
    z-index: 1;
    color: #fff;
}



    .hovicon:after {
        pointer-events: none;
        position: absolute;
        width: 100%;
        height: 100%;
        border-radius: 0%;
        content: '';
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
    }

    .hovicon:before {
        speak: none;
        font-size: 48px;
        line-height: 90px;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        display: block;
        -webkit-font-smoothing: antialiased;
    }
    /* Effect 1 */
    .hovicon.effect-1 {
        background: rgba(255, 255, 255, 0.1);
        -webkit-transition: background 0.2s, color 0.2s;
        -moz-transition: background 0.2s, color 0.2s;
        transition: background 0.2s, color 0.2s;
    }

        .hovicon.effect-1:after {
            top: -7px;
            left: -7px;
            padding: 7px;
            box-shadow: 0 0 0 3px rgb(23 136 186 / 55%);
            -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
            -webkit-transform: scale(.8);
            -moz-transition: -moz-transform 0.2s, opacity 0.2s;
            -moz-transform: scale(.8);
            -ms-transform: scale(.8);
            transition: transform 0.2s, opacity 0.2s;
            transform: scale(.8);
            opacity: 0;
            border-radius:20px;
        }
        /* Effect 1a */
        .hovicon.effect-1.sub-a:hover {
            background: rgba(255, 255, 255, 1);
            color: #1788ba !important;
        }

            .hovicon.effect-1.sub-a:hover i {
                color: #41ab6b;
            }

            .hovicon.effect-1.sub-a:hover:after {
                -webkit-transform: scale(1);
                -moz-transform: scale(1);
                -ms-transform: scale(1);
                transform: scale(1);
                opacity: 1;
            }
/* Effect 1b */

/* Contact form styles*/

.contact-form {
    background: var(--white);
    border-radius: 0;
    border: none;
}

    .contact-form textarea {
        height: 100px
    }

    .contact-form .form-control,
    .contact-form .form-select {
        color: var(--text-color-gray);
        border-radius: 0;
    }

    .contact-form .intl-tel-input {
        display: block;
    }

    .contact-form .f-group {
        background: var(--bs-gray-100);
        padding: 10px;
        border-radius: 0;
    }

    .contact-form label.form-label {
        color: var(--info);
    }

    .contact-form #messageTextCounter {
        font-size: 12px;
        opacity: 0.6;
    }

    .contact-form .card-subtitle {
        color: var(--text-color-gray) !important;
    }


    .contact-form .btn[type=submit] {
        background-color: var(--green);
        border: 2px solid var(--green);
        color: var(--white);
    }

        .contact-form .btn[type=submit]:focus {
            box-shadow: 0 0 0 0.25rem rgb(138 231 212 / 50%);
        }

        .contact-form .btn[type=submit]:hover,
        .contact-form .btn[type=submit]:focus {
            background: transparent;
            border: 2px solid var(--green);
            color: var(--green);
            /*    box-shadow: 0px 2px 8px 2px #687c7494;*/
        }



    .contact-form .f-group .form-control[valid="false"],
    .contact-form .f-group .form-control[aria-invalid="true"],
    .contact-form .f-group .form-select[valid="false"],
    .contact-form .f-group .form-select[aria-invalid="true"] {
        border-color: #dc3545;
        background-repeat: no-repeat;
    }

    .contact-form .f-group .form-control[valid="false"],
    .contact-form .f-group .form-control[aria-invalid="true"] {
        padding-right: calc(1.5em + 0.75rem);
        background-position: right calc(0.375em + 0.1875rem) center;
        background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    }

    .contact-form .f-group .form-select[valid="false"],
    .contact-form .f-group .form-select[aria-invalid="true"] {
        padding-right: 4.125rem;
        background-position: right 0.75rem center,center right 2.25rem;
        background-size: 16px 12px,calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    }

        .contact-form .f-group .form-control[valid="false"]:focus,
        .contact-form .f-group .form-control[aria-invalid="true"]:focus,
        .contact-form .f-group .form-select[valid="false"]:focus,
        .contact-form .f-group .form-select[aria-invalid="true"]:focus {
            border-color: #dc3545;
            box-shadow: 0 0 0 0.25rem rgb(220 53 69 / 25%);
        }

    .contact-form .f-group.has-error .g-recaptcha {
        background-repeat: no-repeat;
        background-position: right calc(0.375em + 0.1875rem) center;
        background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    }


    .contact-form .f-group .form-control[valid="true"],
    .contact-form .f-group .form-control[aria-invalid="false"],
    .contact-form .f-group .form-select[valid="true"],
    .contact-form .f-group .form-select[aria-invalid="false"] {
        border-color: #198754;
        color: #198754;
        background-repeat: no-repeat;
    }

    .contact-form .f-group .form-control[valid="true"],
    .contact-form .f-group .form-control[aria-invalid="false"] {
        padding-right: calc(1.5em + 0.75rem);
        background-position: right calc(0.375em + 0.1875rem) center;
        background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    }

    .contact-form .f-group .form-select[valid="true"],
    .contact-form .f-group .form-select[aria-invalid="false"] {
        padding-right: 4.125rem;
        background-position: right 0.75rem center,center right 2.25rem;
        background-size: 16px 12px,calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    }


    .contact-form .f-group .form-control[valid="true"]:focus,
    .contact-form .f-group .form-control[aria-invalid="false"]:focus {
        border-color: #198754;
        box-shadow: 0 0 0 0.25rem rgb(25 135 84 / 25%);
    }

    .contact-form .f-group.has-success .g-recaptcha {
        background-repeat: no-repeat;
        background-position: right calc(0.375em + 0.1875rem) center;
        background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    }



/* Back to top ****/
.back-to-top {
    position: fixed;
    bottom: 75px;
    right: 10px;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    z-index: 4;
}

    .back-to-top i {
        background: rgba(0,0,0,.2) none repeat scroll 0 0;
        color: var(--white);
        height: 35px;
        width: 35px;
        line-height: 35px;
        font-size: 20px;
        padding: 0;
        text-shadow: 0 1px 2px rgba(0,0,0,.05);
        border-radius: 0;
        text-align: center;
    }

.backToTopIsvisible .back-to-top {
    visibility: visible;
    opacity: 1;
}


.back-to-top:hover {
    opacity: 1;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

    .back-to-top:hover i {
        background-color: var(--green);
        color: var(--light);
        border-radius: 0;
        -webkit-transition: opacity .3s;
        -moz-transition: opacity .3s;
        -o-transition: opacity .3s;
        transition: opacity .3s
    }

table.office_hours tr td {
    padding: 2px;
}

i.fa.fa-universal-access {
    background: #1788ba !important;
}

#acess-icons li i, #acess-icons .accessibility-footer a.btn-link {
    color: var(--green) !important;
}

 /*special-offers-slider*/

@media (max-width: 767.98px) {

    #recaptcha2 > div {
        transform: scale(0.7);
        margin-left: -38px;
    }

    #default-menu .navbar-nav .dropdown-item{      
        font-size: 15px;
    }

    #sub-page #default-menu .navbar-nav .nav-link, #services-menu .navbar-nav .nav-link {
        font-size: 16px;
        font-weight: 400;
    }
    .contact2 {
        padding: 0px 0;
        margin-bottom: -24px;
    }
    #doctor_section .bg {
        background-image: url(../img/dr-zak-ramsay.webp);
    }
    .contact2 .bg-image {
        padding-bottom: 20px;
    }


    ul#share-wrapper {
        background: #fff;
        z-index: 1;
    }

    i.fa.fa-universal-access {
        background: #1788ba !important;
    }

    #doctor_section .bg {
        height: 870px;
        background-size: contain;
        background-position: inherit;
    }

        #doctor_section .bg:after {
            content: "";
            /* background: linear-gradient(to top, #e8edeb 45%, rgb(115 147 133 / 21%) 75%);*/
            background: linear-gradient(to top, #ffffff 45%, #ffffff00 75%);
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
        }

    #doctor_section .content {
        margin-top: 195px;
    }

    #doctor_section .title {
        color: #1788ba;
        text-align: center;
    }

    .btn-doc:hover {
        color: var(--logo-color) !important;
        border-color: #ebf0ee !important;
        background: #6cbde1 !important;
    }

  /*  #slider-c2a:before {
        background: rgb(0 0 0 / 26%);
    }*/

    #default-menu, #services-menu {
        background: rgb(255 255 255);
    }

        #default-menu .container {
            background: rgb(255 255 255);
        }

    .btn-warning {
        background-color: #1788ba;
        border-color: #1788ba;
    }

        .btn-warning:hover {
            background-color: #ffffff !important;
            border-color: #ffffff !important;
            color: #1788ba !important;
        }

    #vb .btn-blue {
        background-color: #728c69 !important;
        border-color: #728c69 !important;
        color: #fff !important;
    }

    .qcm {
        width: 100%;
        border-radius: 0;
        border: none;
    }

    #vb .btn-blue {
        background-color: #6cbde1 !important;
        border-color: #6cbde1 !important;
        color: #fff !important;
    }

        #vb .btn-blue:hover {
            background-color: #5d796d !important;
            border-color: #1788ba !important;
            color: #fff !important;
        }

    .topbar-bg {
        background-color: #1788ba00;
    }

    #vb .col-6 {
        width: 50%;
    }

    .topbar-bg a {
        font-weight: 500;
        letter-spacing: 1.5px;
        padding: 8px 25px 8px;
    }
}

    #review_section{
    position:relative;
    padding:70px 0px 50px;
}

    #review_section:after {
        position: absolute;
        left: 0;
        top: 0%;
        bottom: 0;
        width: 100%;
        content: "";
        opacity: 1;
        background: url(../img/review-new-bg.webp) center top no-repeat;
        filter: grayscale(100%);
        opacity: 0.1;
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        z-index:-1;
    }



    /*new css for services end*/


@media(max-width:767.98px) {   

    #slider-c2a .card-body .fs-2 {
        font-size: 24px !important;
    }

    #slider-c2a .card-body .display-2 {
        font-size: 32px !important;
    }
}

  
    @media (max-width: 359.98px) {

        .topbar-bg a {       
            font-size: 16px !important;
        }

        #slider-c2a .bg-video {        
            height: 50vh;
        }

        #main-slider .carousel-inner {
            height: 50vh;
        }

            .topbar-bg a {
            font-size: 14px !important;
        }

        #doctor_section .content {
            margin-top: 93px;
        }

        .btn-doc {
            width: 100%;
            margin-bottom: 10px;
        }
            #slider-c2a .slogen {
            margin-top: 0px !important;
        }

        #doctor_section .title {
            font-size: 24px;
            
        }

        #doctor_section .content {
            margin-top: 230px;
            padding-bottom: 30px;
        }

        #doctor_section .bg {
            height: inherit;
        }

        table {
            width: 260px !important;
        }

        table.office_hours tr td {
            padding: 1px;
            font-size: 16px;
        }

        .social-share-icons .fa {
            font-size: 20px;
            width: 24px;
            height: 25px;
        }

        .social-share-icons a {         
            padding: 8px !important;
        }
        }

    @media (min-width: 360px) and (max-width: 575.98px) {

        .topbar-bg a {
            font-size: 16px !important;
        }
   

        table {
            width: 262px !important;
        }

        table.office_hours tr td {
            padding: 1px;
        }

        .social-share-icons .fa {
            font-size: 20px;
            width: 24px;
            height: 25px;
        }

        .social-share-icons a {
            padding: 12px !important;
        }

        #slider-c2a .card-body .display-2 {
            font-size: 26px !important;
        }

        #slider-c2a .card-body .fs-2 {
            font-size: 20px !important;
        }

        #main-slider .carousel-inner {
            height: 349px;
        }
        #slider-c2a .bg-video {
            height: 350px;
        }

        #slider-c2a .slogen {
            margin-top: 6rem !important;
        }

        #main-content h1 {
            font-size: 26px !important;
        }

            #main-content h1 span {
                font-size: 22px !important;
            }

             #doctor_section .content {
                margin-top: 310px;
                padding-bottom:30px;
            }
        #excellent_service .line_two {
            font-size: 28px;
        }

            #doctor_section .bg {
            height: inherit;
        }

            .btn-doc {
            width: 100%;
            margin-bottom: 10px;
        }

        #doctor_section .title {
            font-size: 26px;
            
        }

            #slider-c2a .slogen {
           /* margin-top: 250px !important;*/
        }


        #services-bg .fs-240 {
            font-size: 132%;
        }
    }

    @media (min-width: 576px) and (max-width: 767.98px) {
           

        #share-wrapper{
            background:#fff;
            z-index:1;
        }

        #main-slider .carousel-inner {
            height: 301px;
        }

        #slider-c2a .bg-video {
            height: 300px;
        }

        #slider-c2a .slogen {
            margin-top: 3rem !important;
        }

        #AllServicesCarousel .carousel-item {
            width: 46%;
        }

        #slider-c2a .card {
            margin-top: 68px !important;
        }
    }


    @media (min-width: 768px) and (max-width: 991.98px) {
   


       /* #doctor_section .bg:after {
            background: linear-gradient(to left, #c6c6c6 45%, rgb(255 255 255 / 0%) 75%);
        }*/
            .contact2 .bg-image { 
            padding-bottom: 20px;
        }

        #share-wrapper {
            background: #fff;
            z-index: 1;
        }

        #doctor_section .title {
            font-size: 26px;
        }

        #main-slider .carousel-inner {
            height: 600px;
        }

        #slider-c2a .card {
            margin-top: 145px !important;
        }

            ul #share-wrapper {
            background: #fff;
        }

        #doctor_section .bg {
            background-position-x: -110px;
            height: 750px;
        }

        .btn-doc {
            background-color: var(--green) !important;
            width: 100%;
            margin-bottom: 12px;
        }


        .btn-warning {
            background-color: #1788ba;
            border-color: #1788ba;
        }
            .btn-warning:hover {
                background-color: #ffffff !important;
                border-color: #ffffff !important;
                color: #1788ba !important;
            }

        #vb .btn-blue {
            background-color: #728c69 !important;
            border-color: #728c69 !important;
            color: #fff !important;
        }

        .qcm {
            width: 100%;
            border-radius: 0;
            border: none;
        }

        #vb .btn-blue {
            background-color: #6cbde1 !important;
            border-color: #6cbde1 !important;            
            color: #fff !important;
        }

            #vb .btn-blue:hover {
                background-color: #5d796d !important;
                border-color: #1788ba !important;
                color: #fff !important;
            }

        .topbar-bg {
            background-color: #1788ba00;
        }

        #vb .col-6 {
            width: 50%;
        }

        .topbar-bg a {
            font-weight: 500;
            letter-spacing: 1.5px;
            padding: 8px 25px 8px;
        }

        #slider-c2a .card-body {
            /*margin-top: 200px !important;*/
            margin-top: 100px !important;
        }




            #slider-c2a .card-body .display-2 {
                font-size: 40px;
            }

            #slider-c2a .card-body .fs-2 {
                font-size: 24px !important;
            }
    }

/*@media (max-width : 991.98px) {

    #default-menu .navbar-brand img {
        z-index: 2;
        position: relative;
        transform: translate(0px, 0px);
        height: 95px;
        width: 100%;
    }

    #default-menu a.navbar-brand:after {
        display: none;
    }

    .navbar-light .navbar-toggler {
        background-color: #1788ba !important;
        border-radius: 50px !important;
        box-shadow: 0 0 0 0.25rem var(--bs-gray-200);
        margin-right : 10px !important;
    }

    #default-menu .navbar-toggler:focus, #services-menu .navbar-toggler:focus {
        box-shadow: 0px 3px 4px 2px #1788ba8c;
    }

    #defaultNavigationMenu {
        background-color: #fff;
        z-index: 11;
        box-shadow: none;
    }
}*/

    @media(min-width:992px) {
        .windowScrolled.stickyHeaderEnabled .topbar-bg {
            -webkit-backdrop-filter: saturate(180%) blur(15px);
            backdrop-filter: saturate(180%) blur(15px);
            background-color: var(--logo-color);
            position: fixed;
            top: 0;
            left: auto;
            right: auto;
            width: 100%;
            z-index: 1000;
        }

        .windowScrolled.sidebarSocialIconsVisible #default-menu {
            z-index: 1000;
        }

            .windowScrolled.sidebarSocialIconsVisible #default-menu .social-nav {
                position: fixed;
                left: 0;
                top: 200px;
                background: #fff;
                padding: 10px 6px 10px 4px;
                border-radius: 0;
                box-shadow: -40px 0 60px -10px #000;
                margin: 0 !important;
                padding: 2px 0px !important;
                font-size: 100% !important;
                display: block;
            }


        .windowScrolled.sidebarSocialIconsVisible .top-c2a-bar .btn-danger,
        .windowScrolled.sidebarSocialIconsVisible .top-c2a-bar .btn-success {
            display: block !important;
        }

        .windowScrolled.sidebarSocialIconsVisible #default-menu .social-nav li {
            display: table;
            margin: 5px 5px !important;
        }

            .windowScrolled.sidebarSocialIconsVisible #default-menu .social-nav li a {
                padding: 5px !important;
            }



        .windowScrolled.sidebarNumberButtonVisible {
        }

            .windowScrolled.sidebarNumberButtonVisible #default-menu .header-call-button {
                margin: 0;
                position: fixed;
                right: -10px;
                top: 100px;
                writing-mode: vertical-lr;
                padding: 10px 6px 10px 6px !important;
                box-shadow: 15px 0 60px -10px #000;
                border-radius: 21px 0 0 21px !important;
                font-size: 18px !important;
            }

                .windowScrolled.sidebarNumberButtonVisible #default-menu .header-call-button.extnlSiteBtn {
                    top: 260px !important;
                    right: 0px !important;
                }

                    .windowScrolled.sidebarNumberButtonVisible #default-menu .header-call-button.extnlSiteBtn i {
                        font-size: 18px !important;
                    }

                .windowScrolled.sidebarNumberButtonVisible #default-menu .header-call-button i {
                    font-size: 26px;
                    vertical-align: text-top;
                    margin-right: 0;
                    margin-bottom: 5px;
                }



        .windowScrolled.stickyHeaderEnabled .top-c2a-bar {
            margin-bottom: 0 !important;
        }

        .windowScrolled.stickyHeaderEnabled #default-menu {
            position: fixed !important;
            margin-top: -9px;
            width: 100%;
            height: 87px;
            background: #fff !important;
            padding: 13px 0 !important;
            box-shadow: 0px 1px 4px 0px #1788ba3b;
            top: 68px !important;
        }

            .windowScrolled.stickyHeaderEnabled #default-menu .navbar-brand img {
                transform: translate(7px, -4px)
            }

     

        .windowScrolled.stickyHeaderEnabled #sub-page #default-menu {
            margin-top: 71px !important;
        }

        .windowScrolled.stickyHeaderEnabled #default-menu .navbar-brand {
            position: absolute;
            top: -45px;
            background: rgb(255 255 255 / 0%);
            padding: 0;
            border-radius: 0;
            /*   box-shadow: 0 0px 50px -40px #000;*/
        }

            .windowScrolled.stickyHeaderEnabled #default-menu .navbar-nav .nav-link {
                color: var(--logo-color);
            }

                .windowScrolled.stickyHeaderEnabled #default-menu .navbar-nav .nav-link.active {
                    color: var(--text-white) !important;
                }

                .windowScrolled.stickyHeaderEnabled #default-menu .navbar-nav .nav-link:hover {
                    color: var(--text-white) !important;
                }



        .windowScrolled.stickyHeaderEnabled #main-slider {
            margin-top: 70px;
        }


        .windowScrolled.stickyServiceMenuEnabled {
        }

            .windowScrolled.stickyServiceMenuEnabled header {
                position: relative;
                z-index: 100;
            }

            .windowScrolled.stickyServiceMenuEnabled #services-menu {
                position: sticky !important;
                top: 54px;
                width: 100%;
                background: var(--white);
                z-index: 9;
                padding: 0;
            }

                .windowScrolled.stickyServiceMenuEnabled #services-menu .navbar-nav {
                    margin-right: 0 !important;
                }

        .windowScrolled.stickyHeaderEnabled #default-menu .btn-info {
           /* color: var(--logo-color);*/
            border-color: #ebf0ee;
          /*  background: #6cbde1;*/
        }

            .windowScrolled.stickyHeaderEnabled #default-menu .btn-info:hover,
            {
                color: var(--white);
                border-color: var(--logo-color);
                background: var(--logo-color);
                box-shadow: 0 0 0 0.25rem rgb(173 205 191);
            }
    }

    @media (min-width: 992px) and (max-width: 1199.98px) {
        .topbar-bg a {
            /*font-weight: 500;
            letter-spacing: 0.5px;*/
            padding: 20px 0px;
            font-size: 15px !important;
        }
  /*      .windowScrolled.stickyHeaderEnabled #default-menu {
            margin-top : 20px !important;
        }*/
        .windowScrolled.stickyHeaderEnabled #default-menu .navbar-brand {
            margin-top: 100px;
        }

        #sub-page #default-menu .navbar-nav .nav-link, #services-menu .navbar-nav .nav-link {
            font-size: 17px;
        }

        #slider-c2a .card {
            /* margin-top: 155px !important;*/
            margin-top: 0px !important;
        }

        #doctor_section .bg {
         
            height: 700px;
        }
            .topbar-bg .justify-content-center {
            justify-content: end !important;
        }

        #default-menu .navbar-nav .nav-link, #services-menu .navbar-nav .nav-link {
           
            font-size: 16px;
            letter-spacing : 0.3px;
            padding-inline : 10px !important;
        }
            table {
            width: 230px !important;
        }
        .social-share-icons a {           
            padding: 8px !important;
        }
            table td{
                padding:1px;
                font-size:14px;
            }

            .windowScrolled.stickyHeaderEnabled #default-menu {
                top: 34px;
            }

        #slider-c2a .slogen {
            margin-top: 275px !important;
        }


        .windowScrolled.stickyHeaderEnabled #default-menu .navbar-brand {
            margin-top: 0px;
        }



        .windowScrolled.stickyServiceMenuEnabled #services-menu .navbar-nav {
            width: 72%;
        }

        .windowScrolled.stickyHeaderEnabled #default-menu .navbar-brand {
            padding: 0;
        }

        .windowScrolled.stickyServiceMenuEnabled #services-menu .navbar-nav .nav-link {
            padding-left: 0.7rem !important;
            white-space: normal;
            text-align: center;
        }
    }

    @media (min-width: 1200px) and (max-width: 1399.98px) {

        .windowScrolled.stickyServiceMenuEnabled #services-menu .navbar-nav .nav-link {
            padding-left: 0.7rem !important;
        }

        #sub-page #main-content .sub-page-image img {
            width: 558px !important;
            height: 344px;
        }

       
        #main-content h1 {
            font-size: 42px;
        }
    }

    @media (min-width: 1400px) and (max-width: 1599.98px) {
        #review_sliding .tag {
            left: 120px;
            bottom: -7px;
        }
    }  
 

    @media (max-width : 1200px) {
        .new-patients-form li .h5 {
            font-size : 20px !important;
        }
      

        #default-menu a.navbar-brand:after {
            content: "";
            position: absolute;
            width: 200px;
            height: 148px;
            background: #ffffff;
            border-radius: 50%;
            left: -13px;
            top: 9px;
            box-shadow: 0px 1px 0px 0px #1788ba6b;
        }

        #default-menu .navbar-brand img {
            z-index: 2;
            position: relative;
            transform: translate(0px, -7px);
            width: 154px !important;
            left: 5px;
        }
    }

.hstack {
    position: relative;
    z-index: 11;
}


@media(max-width : 991.98px) {
    #default-menu a.navbar-brand:after {
        display: none;
    }

    #each-page {
        display: grid;
        grid-template-columns: repeat(2, 1fr) !important;
        list-style: none;
        gap: 10px;
    }

  

  

    #default-menu a.navbar-brand {
        height: 90px;
    }

    #default-menu .container {
        background: rgb(255 255 255 / 0%);
    }

    .navbar-light .navbar-toggler {
        background-color: #1788ba !important;
        border-radius: 50px !important;
        box-shadow: 0 0 0 0.25rem var(--bs-gray-200);
        margin-right: 10px !important;
    }

    #default-menu .navbar-toggler:focus, #services-menu .navbar-toggler:focus {
        box-shadow: 0px 3px 4px 2px #1788ba8c;
    }

    #defaultNavigationMenu {
        background-color: #fff;
        z-index: 11;
        box-shadow: none;
    }

    #default-menu, #services-menu {
        height: auto;
    }

        #default-menu .navbar-nav .nav-link, #services-menu .navbar-nav .nav-link {
            font-size: 16px;
        }
}


.new-patients-form li {
    display: flex;
    justify-content: space-between;
    padding: 1rem 1.5rem;
    align-items: center;
    border: 1px solid var(--green);
    transition: all 0.3s linear;
}

    .new-patients-form li:hover {
        box-shadow: 2px 5px 10px rgb(0 0 0 / 5%);
        border: 1px solid transparent;
    }

    .new-patients-form li .btn-form {
        background-color: var(--green);
        color: #fff;
        display: inline-block;
        font-weight: 500;
        border: 1px solid var(--green);
        cursor : pointer;
    }

        .new-patients-form li:hover .btn-form {
            background-color: #fff;
            color: var(--green);
        }

        .new-patients-form li .btn-form:hover {
            background-color: #fff;
            color: var(--green);
          
        }

.services-cta-section {
    /* background-color: var(--green);
    color: #fff;*/
  /*  background-position: top right;
    background-repeat: no-repeat;
    background-image: url('../img/magnolia-logo.svg');*/
    padding: 2rem ;
    border-radius: 30px;
    border : 1px solid var(--green);
    box-shadow: 2px 5px 10px rgb(0 0 0 / 5%);
}
    .services-cta-section  .btn-service-cta {
        background-color: #fff;
        color: var(--green);
        font-size : 18px;
        font-weight : 500;
        
    }

@media (max-width : 768px) {
    .new-patients-form li {
               flex-direction : column;
               gap : 10px;
               align-items : start;
            }

        .new-patients-form li .h5 {
            font-size : 17px !important;
        }

    #each-page {
        display: grid;
        grid-template-columns: repeat(1, 1fr) !important;
        list-style: none;
        gap: 10px;
    }
      }

.youtube-video-iframe {
    width : 100%;
    aspect-ratio : 16 / 9;
}



.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color:   var(--green) !important;
}



.nav-pills .nav-link {
    color : var(--text-color-gray);
}


.tab-content .reviews blockquote::before {
    content: "\f10d";
    font-family: FontAwesome;
    font-size: 48px;
    color: #36a7de;
}
.tab-content .reviews blockquote {
    background-color: #edf6fa !important;
    margin-bottom: 2rem;
    margin-top: 1.5rem;
    padding: 2rem;
    border-radius: 20px;
   border-bottom :  2px solid var(--green);
}

.tab-content .reviews blockquote .quotes p {
    font-size : 16px;
    line-height : 1.6;
    margin-top : 5px;
}

.tab-content .reviews blockquote footer {
    font-size : 14px;
    font-weight : 500;
    margin-top : 0;
  
}

.tab-content .reviews blockquote footer::before {
    content: "-";
    font-size: 14px;
}


.tab-content .reviews .fa-star {
    font-size: 17px;
    color: #FF9529;
    vertical-align: middle;
}



#each-page {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    list-style : none;
    gap : 20px;
}

   
    #each-page img {
        width: 100%;
        height: auto;
     
    }

    #each-page li div:first-child{
        padding : 10px;
     
    }

    #each-page li p {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        margin-top: 16px;
    }

    #each-page li h5 a{
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
       
        margin-bottom : 16px;
    }

    #each-page li .blog-link:link, #each-page li .blog-link:visited {
        background: linear-gradient(to right, #fff 50%, #1788ba 50%);
        background-size: 200% 100%;
        background-position: right bottom;
        text-decoration: none;
        color: #fff;
        display: block;
        font-weight: 500;
        border: 1px solid var(--green);
        transition: all 0.2s linear;
    }


    #each-page li .blog-link:hover, #each-page li .blog-link:active {
        background-position: left bottom;
        color: var(--green);
      
    }

.breadcrumb-item a {
    text-decoration : none;
}

.border-green {
    border : 2px solid var(--green) !important;
}

#insuracnce_savings_offers.negative-margin-sm {
    padding-block: 0px !important;
}

.blog-section a{
    font-weight:bold;
}
.carousel-indicators [data-bs-target] {
    background-color: #ededed; /* default (inactive) */
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin: 5px;
    opacity: 1;
}

.carousel-indicators .active {
    background-color: var(--green) !important; /* active dot */
}
/*.ftr-time{
    font-size:12px;
}*/

.accordion-button {
    color: #1788ba !important;
    font-weight: bold;
}

    .accordion-button:not(.collapsed) {
        color: #1788ba !important;
        background-color: #1788ba36 !important;
    }

    .mt-124{
        margin-top:124px;
    }

.service-page h2 {
    font-size: calc(1.1rem + .6vw);
    color: #1788ba;
}

.service-page h3 {
    font-size: calc(0.9rem + .5vw);
}
.service-page img {
   border-radius:20px;
}
.border-blue {
    border-color: var(--logo-color);
}
/*#recaptcha2 > div{
    transform:scale(0.7);
    margin-left:-38px;
}*/

.glossary .nav-link {
    color:var(--logo-color);
}
.glossary .nav-tabs .nav-link.active {
    color: var(--dark-blue) !important;
    font-weight:bold;
}

#ads-pe .nav-link {
    text-align: left;
    border-radius: 10px 0 0 10px;
    padding: 20px !important;
    border-bottom: 2px solid var(--bs-gray-300);
    font-weight: 500;
    font-size: 16px;
    padding-right: 10px !important;
}

.btn-1 {
    background-color: var(--green) !important;
    border: 2px solid var(--green) !important;
}

    .btn-1:hover {
        background-color: transparent !important;
        color: var(--green) !important;
        border:2px solid var(--green) !important;
        
    }
.topbar-bg .dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    color: var(--text-color-gray);
    
}
.topbar-bg .dropdown-item:hover{
    background:var(--green);
    color:#fff;
}
.br-20{
    border-radius:20px;
}

/*#default-menu .navbar-brand img {
    z-index: 2;
    position: relative;
    transform: translate(0px, -10px);
    height: 72px;
    width: auto !important;
    margin-inline-start: 9px !important;
    top: 5px;
    left: -1px;
}*/

@media (max-width:423px) {
    #default-menu .navbar-brand img {
        z-index: 2;
        position: relative;
        transform: translate(0px, -10px);
        height: 72px;
        width: auto !important;
        margin-inline-start: 9px !important;
        top: 7px;
        left: -1px;
    }
}


@media(min-width:425px) and (max-width:991px){
    #default-menu .navbar-brand img {
        z-index: 2;
        position: relative;
        transform: translate(0px, -10px);
        height: 103px;
        width: auto !important;
        margin-inline-start: 9px !important;
        top: -8px;
        left: -1px;
    }
}

@media (min-width: 992px) {
    .py-lgg-4 {
        padding-top: 1rem !important;
        padding-bottom: 1.5rem !important;
    }
}


@media (min-width : 768px) {


    .bb {
        font-weight: 500;
    }
}