/* Fonts */

@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=El+Messiri:wght@400..700&display=swap');





*,

*::after,

*::before {

    padding: 0;

    margin: 0;

    box-sizing: border-box;

}



:root {

    /* Fonts */

    --font-montserrat: "Montserrat", sans-serif;

    --font-elmessiri: "El Messiri", sans-serif;



    --midnight-blue: #123347;

    --bg-dark-blue: #0e2537;

    --floral-white: #fbf6f0;

    --dark-sea-green: #7ca27c;

    --white: white;

    --burlywood: #f3bb93;

    --teal: #2e6a5f;

    --light-steel-blue: #a3c9e5;

    --color-black: #000;

    --button-grren: #036c5f;

    --text-white: #ffffff;



    /* Background Color */

    --bg-blue: rgb(18, 51, 71);

    --bg-light: #fbf6f0;

    --bg-white: #ffffff;



    /* Font Size */

    --text-h1: 60px;

    --text-h1-67: 67px;

    --text-50: 50px;

    --text-h2: 67px;

    --text-40: 40px;

    --text-38: 38px;

    --text-36: 36px;

    --text-19: 19px;

    --text-17: 17px;

    --text-16: 16px;

    --text-14: 14px;

    --text-13: 13px;

    --text-21: 21px;

    --text-45: 45px;

    --text-44: 44px;

    --text-25: 25px;

    --text-35: 35px;

    --text-24: 24px;

    --text-15: 15px;



    /* Font Weight */

    --fw-300: 300;

    --fw-400: 400;

    --fw-500: 500;

    --fw-600: 600;

    --fw-700: 700;

    --fw-800: 800;



    /* Border Radius */

    --br-14: 14px;

    --br-7: 7px;

    --br-10: 10px;

    --br-12: 12px;



    --border-color: #2D3039;



    /* line Height */

    --lh-27: 27px;

    --lh-72: 72px;

    --lh-67: 67px;

    --lh-40: 40px;

    --lh-25: 25px;

    --lh-19: 19px;

    --lh-30: 30px;

    --lh-35: 35px;

    --lh-20: 20px;

    --lh-24: 24px;

    --lh-23: 23px;

    --lh-60: 60px;





    --innertext-h1: 67px;



}



/* Add css for smooth scroll */

html,

body {

    overscroll-behavior: none;

}



body {

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

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

}



h1,

h2,

h3,

h4,

h5,

h6 {

    padding: 0;

    margin: 0;

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

}



p {

    padding: 0;

    margin: 0;

}



a {

    text-decoration: none;

    color: inherit;

}



button {

    outline: none;

    box-shadow: none;

    border: none;

    background: transparent;

}



.btn-green,

.btn-white,

.btn-white-outlined {

    display: flex;

}



.btn-green a {

    color: var(--bg-white);

    letter-spacing: .5px;

    text-transform: capitalize;

    background-color: var(--button-grren);

    border: 1px solid var(--button-grren);

    border-radius: var(--br-14);

    flex: none;

    padding: 8px 35px;

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

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

    line-height: var(--lh-27);

    transition: all .3s;

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

}



.green-hover-none {

    color: var(--bg-white);

    letter-spacing: .5px;

    text-transform: capitalize;

    background-color: var(--button-grren);

    border: 1px solid var(--button-grren);

    border-radius: var(--br-14);

    flex: none;

    padding: 8px 35px;

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

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

    line-height: var(--lh-27);

    transition: all .3s;

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

}



.btn-green a:hover {

    color: #111;

    letter-spacing: 1px;

    background-color: transparent;

}



.btn-white a {

    background-color: var(--white);

    color: var(--midnight-blue);

    letter-spacing: .5px;

    text-transform: capitalize;

    border: 1px solid #036c5f;

    border-radius: 11px;

    flex: none;

    padding: 7px 15px 6px;

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

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

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

    line-height: var(--lh-27);

    transition: all .3s;

}



.btn-white a:hover {

    color: var(--teal);

}



.btn-header a{

    background-color: var(--dark-sea-green);

    color: var(--white);

    letter-spacing: .5px;

    text-transform: capitalize;

    border: 1px solid var(--dark-sea-green);

    border-radius: 11px;

    flex: none;

    padding: 7px 15px 6px;

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

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

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

    line-height: var(--lh-27);

    transition: all .3s; 

}



.btn-white-outlined a {

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

    color: var(--white);

    letter-spacing: 1px;

    text-transform: capitalize;

    background-color: #12334761;

    border-radius: 8px;

    flex: none;

    padding: 8px 20px 6px 25px;

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

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

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

    line-height: var(--lh-27);

    transition: all .3s;

}



.btn-white-outlined a:hover {

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

    color: var(--white);

    letter-spacing: 1px;

}



.section-title {

    display: flex;

    flex-direction: column;

    gap: 10px;

}



.section-title h2 {

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

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

    color: var(--midnight-blue);

    text-transform: capitalize;

    line-height: var(--lh-72);

}



.section-title h2 span,

.section-title-white h2 span {

    color: var(--dark-sea-green);

}



.section-title-white h2 {

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

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

    color: var(--text-white);

    text-transform: capitalize;

    line-height: var(--lh-72);

}



/* Preloader Start */



#preloader {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: var(--midnight-blue); /* change background color */

  display: flex;

  align-items: center;

  justify-content: center;

  z-index: 9999;

}



.preloader-img{

    width: 100%;

    height: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

}



.preloader-img img{

    width: 100px;

}



/* Preloader End */



/* header start */



.header {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    padding: 10px 0px;

    z-index: 999;

    background: var(--midnight-blue);

}



.header.scrolled {

    background: var(--midnight-blue);

    /* change as needed */

    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);

}



.header-wrapper {

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin: auto auto;

}



.header-wrapper .nav-logo {

    display: flex;

    align-items: center;

    justify-content: center;

}



.header-wrapper .nav-logo a img {

    width: 180px;

}



.header-wrapper .nav-toggle {

    display: flex;

    align-items: center;

    justify-content: flex-end;

    gap: 20px;

}



.header-wrapper .btn-white-outlined a {

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

}



.nav-toggle-menu .offcanvas {

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

}



.nav-toggle-menu .offcanvas .offcanvas-body .bo-toogle-logo {

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

}



.nav-toggle-menu .offcanvas .offcanvas-body {

    display: flex;

    flex-direction: column;

    gap: 80px;

    scrollbar-width: 0;

}



.nav-toggle-menu .offcanvas .offcanvas-body::-webkit-scrollbar {

    width: 0;

}



.nav-toggle-menu .offcanvas .offcanvas-body .bo-toogle-logo a img {

    width: 100%;

}



.nav-btn-small{

    display: none;

}



.nav-toggle-menu .nav-links {

    width: 100%;

}



.nav-toggle-menu .nav-links ul {

    list-style: none;

    padding-left: 0;

    margin-bottom: 0;

    display: flex;

    flex-direction: column;

    gap: 20px;

}



.nav-toggle-menu .nav-links ul li a {

    color: var(--text-white);

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

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

    transition: all .3s ease;

}



.nav-toggle-menu .nav-links ul li a:hover {

    color: var(--dark-sea-green);

    transition: all .3s ease;

}



.menu-item {

    display: flex;

    align-items: center;

    justify-content: space-between;

    position: relative;

}



.submenu-toggle {

    background: none;

    border: none;

    cursor: pointer;

    padding: 5px;

}



.has-submenu .nav-sub-menu {

    display: none !important;

    padding-left: 15px;

}



.has-submenu.active .nav-sub-menu {

    display: flex !important;

    flex-direction: column;

    margin-top: 10px;

    gap: 15px;

    padding-left: 20px;

}



.has-submenu.active .nav-sub-menu li a{

    font-size: 18px;

    color: var(--dark-sea-green);

    transition: all .3s;

}



.has-submenu.active .nav-sub-menu li a:hover{

    color: var(--text-white);

    transition: all .3s;

}



/* Arrow appears ONLY if nav-sub-menu exists */

.has-submenu:has(> .nav-sub-menu) > .menu-item::after {

    content: "";

    width: 10px;

    height: 10px;

    border-right: 2px solid #fff;

    border-bottom: 2px solid #fff;

    transform: rotate(45deg);

    transition: transform 0.3s ease;

    cursor: pointer;

}



/* Rotate arrow on open */

.has-submenu.active > .menu-item::after {

    transform: rotate(-135deg);

}



/* Submenu behavior */

.nav-sub-menu {

    display: none;

    padding-left: 15px;

}



.has-submenu.active > .nav-sub-menu {

    display: block;

}



.has-submenu > .menu-item::after {

    /* arrow styles */

}









.nav-toggle-menu .nav-contact ul {

    list-style: none;

    padding-left: 0;

    margin-bottom: 0;

    display: flex;

    flex-direction: column;

    gap: 10px;

}



.nav-toggle-menu .nav-contact ul {

    display: flex;

    flex-direction: column;

    gap: 20px;

}



.nav-toggle-menu .nav-contact ul li .nav-contact-menu {

    display: flex;

    align-items: center;

    gap: 10px;

}



.nav-toggle-menu .nav-contact ul li .nav-contact-menu .nav-pin-icon {

    width: 50px;

    height: 50px;

    flex-shrink: 0;

    border-radius: 50%;

    background-color: var(--dark-sea-green);

    display: flex;

    align-items: center;

    justify-content: center;

}



.nav-toggle-menu .nav-contact ul li .nav-contact-menu .nav-pin-icon img {

    width: 50px;

    height: 30px;

}



.nav-toggle-menu .nav-contact ul li .nav-contact-menu a {

    color: var(--text-white);

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

}



.nav-toggle-menu .nav-contact ul li .nav-contact-menu a:hover {

    color: var(--dark-sea-green);

}



.offcanvas-header {

    display: flex;

    justify-content: end;

}



.offcanvas-header button {

    width: 45px;

    height: 45px;

    border-radius: 50%;

    background-color: var(--dark-sea-green);

}



/* V3 Css Start */



.nav-toggle .bo-h3-contact{

    display: flex;

    gap: 20px;

    align-items: center;

}



.nav-toggle .bo-h3-contact a{

    display: flex;

    align-items: center;

    gap: 5px;

    color: var(--text-white);

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

    transition: all 0.3s;

}



.nav-toggle .bo-h3-contact a:hover{

    color: var(--dark-sea-green);

    transition: all 0.3s;

}



/* V3 Css End */









/* header End */



/* Header V2 Start */



.header-v2{

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

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    z-index: 999;

}



.bo-h2-wrapper{

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding: 10px 0;

}



.bo-h2-wrapper .bo-h2-logo{

    width: 80px;

}



.bo-h2-wrapper .bo-h2-nav-links{

    display: flex;

    gap: 15px;

}



.bo-h2-wrapper .bo-h2-nav-links ul{

    list-style: none;

    margin: 0;

    padding: 0;

    display: flex;

    gap: 15px;

    align-items: center;

}



.bo-h2-wrapper .bo-h2-nav-links ul li a{

    color: var(--text-white);

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

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

    display: flex;

    align-items: center;

    gap: 5px;

    transition: all 0.3s;

}



.bo-h2-wrapper .bo-h2-nav-links ul li a:hover{

    color: var(--dark-sea-green);

    transition: all 0.3s;

}



/* Header V2 End */





/* hero section start */



.bo-hero-section {

    background-image: linear-gradient(to bottom, var(--midnight-blue)21%, transparent);

}



.bo-hero-section .btn-green a:hover{

    color: var(--text-white);

}



.bo-hero-wrapper {

    height: 96dvh;

    padding-top: 80px;

}



.bo-inner-video-wrapper {

    width: 100%;

    height: 100%;

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

    border-radius: 7px;

    position: relative;

    overflow: hidden;

}



.bo-inner-video-wrapper .bo-video-bg {

    position: absolute;

    inset: 0;

}



.bo-inner-video-wrapper .bo-video-bg video {

    width: 100%;

    height: 100%;

    object-fit: cover;

    z-index: 1;

}



/* .bo-inner-video-wrapper .bo-video-layer {

    position: absolute;

    inset: 0;

    background-image: linear-gradient(#00000063, #00000063);

    z-index: 2;

} */



.bo-inner-video-wrapper .bo-hero-text {

    position: absolute;
        padding: 12px;

    inset: 0;

    z-index: 3;

    display: flex;

    flex-direction: column;

    gap: 30px;

    align-items: center;

    justify-content: center;

}



.bo-inner-video-wrapper .bo-hero-text h1 {

    color: var(--text-white);

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

    line-height: 44px;

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

    text-align: center;

    line-height: 110%;

}



/* hero section end */





/* About ortho Section Start */



.bo-about-ortho-section {

    padding: 120px 0 120px 0;

    background-image: url(https://cdn.prod.website-files.com/64d2422ea0dd76ba4f650c43/64e53c134b05ea8aee6dc3c4_Asset%2016.svg), url(https://cdn.prod.website-files.com/64d2422ea0dd76ba4f650c43/64e53c134b05ea8aee6dc3c4_Asset%2016.svg);

    background-position: -6% 42%, 120% 90%;

    background-repeat: no-repeat, no-repeat;

    background-size: 60%, 55%;

}



.bo-about-ortho-wrapper {

    display: grid;

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

    grid-template-rows: auto;

    max-width: 1200px;

    margin: 0 auto;

}



.bo-about-ortho-wrapper .bo-a-o-left {

    grid-column: 1/5;

    display: flex;

    flex-direction: column;

    gap: 42px;

}



.bo-about-ortho-wrapper .bo-a-o-right {

    grid-column: 5/7;

    display: flex;

    flex-direction: column;

    gap: 60px;



}



.bo-about-ortho-wrapper .bo-a-o-left .section-title h2:nth-child(2) {

    margin-left: 12%;

}



.bo-a-o-left .bo-about-o-img {

    max-width: 900px;

    width: 78%;

    height: 58vh;

    border-radius: 16px;

    box-shadow: -6px 6px 0 0 var(--midnight-blue);

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

    /* overflow: hidden; */

    position: relative;

    background-image: url('../images/about-img.jpg');

    background-size: 100%;

    background-position: center;

    background-repeat: no-repeat;

}



.bo-a-o-left .bo-about-o-img .bo-a-o-logo {

    width: 125px;

    height: 125px;

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

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

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

    background-size: 65%;

    background-repeat: no-repeat;

    background-position: center;

    position: absolute;

    right: -60px;

    top: 60px;

}



.bo-a-o-right .bo-about-right-img {

    max-width: 450px;

    height: 33vh;

    background-image: url('../images/about-2.jpg');

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center;

    border-radius: 16px;

    box-shadow: 6px 6px 0 0 var(--midnight-blue);

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

}



.bo-a-o-right .bo-right-about-content {

    display: flex;

    flex-direction: column;

    gap: 15px;

    width: 110%;

    transform: translateX(-13%);

    margin-top: 20px;

}



.bo-a-o-right .bo-right-about-content h4 {

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

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

    color: var(--midnight-blue);

    line-height: 34px;

    text-transform: capitalize;

}



.bo-a-o-right .bo-right-about-content p {

    color: var(--midnight-blue);

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



}







/* About ortho Section End */





/* Meet Doctor Section Start */



.bo-meet-section {

    padding: 60px 0;

    position: relative;

}



.bo-meet-section .container {

    position: relative;

    z-index: 2;

}



.bo-meet-section .bo-meed-bg {

    position: absolute;

    width: 100%;

    z-index: 0;

    top: 0;

    display: flex;

    justify-content: center;

}



.bo-meet-section .bo-meed-bg img{

    max-width: 100%;

}





.bo-meet-section .section-title {

    text-align: center;

}



.bo-meet-d-wrapper {

    max-width: 1056px;

    width: 100%;

    margin: 0 auto;

    display: grid;

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

    grid-template-rows: auto;

    column-gap: 50px;

    row-gap: 50px;

    margin-top: 50px;

}



.bo-meet-d-wrapper .bo-meet-left-img {

    width: 100%;

    height: 425px;

    background-image: url('../images/doc2.jpg');

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    border-radius: 10px;

    border: 1px solid var(--teal);

    overflow: hidden;

}



.bo-meet-d-wrapper .bo-meet-left-img img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    transition: all .8s ease;

}



.bo-meet-d-wrapper .bo-meet-left-img:hover img {

    opacity: 0;

    transition: all .8s ease;

}



.bo-meet-d-wrapper .bo-meet-left-content {

    display: flex;

    flex-direction: column;

    gap: 30px;

}



.bo-meet-d-wrapper .bo-meet-left-content h3 {

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

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

    color: var(--midnight-blue);

    line-height: 38px;

    position: relative;

}



.bo-meet-d-wrapper .bo-meet-left-content h3::after {

    content: '';

    position: absolute;

    width: 75px;

    height: 2px;

    bottom: -15px;

    left: 0;

    background-color: var(--burlywood);

}



.bo-meet-d-wrapper .bo-meet-left-content .bo-meet-sub-content {

    display: flex;

    flex-direction: column;

    gap: 10px;

}



.bo-meet-d-wrapper .bo-meet-left-content .bo-meet-sub-content p {

    font-size: 14px;

    color: var(--midnight-blue);

}



.bo-meet-d-wrapper .bo-meet-left-content .bo-meet-sub-content span {

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

    color: var(--midnight-blue);

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

    line-height: 19px;

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

}



.bo-meet-d-wrapper .bo-meet-left-content .bo-d-digree {

    display: flex;

    flex-direction: column;

    gap: 10px;

}



.bo-meet-d-wrapper .bo-meet-left-content .bo-d-digree .bo-d-item h5 {

    color: var(--midnight-blue);

    text-transform: uppercase;

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

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

    line-height: 24px;

}



.bo-meet-d-wrapper .bo-meet-left-content .bo-d-digree .bo-d-item a {

    color: #036c5f;

    text-decoration: underline;

    font-size: var(--text-13) !important;

    font-weight: var(--fw-700) !important;

    line-height: 19px;

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

}



/* Meet Doctor Section End */





/* Service Slider Start */



.bo-service-slider {

    padding: 120px 0;

}

.google-reviews-section{

     padding: 120px 0;

}



.bo-service-slider .section-title {

    text-align: center;

}



.bo-service-slider .section-title p {

    max-width: 800px;

    margin: 0 auto;

    color: var(--midnight-blue);

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

}



.bo-service-slider .splide__arrow {

    background: transparent;

    opacity: 1;

}



.bo-service-slider .splide__arrow svg {

    fill: var(--midnight-blue);

}



.bo-service-slider .splide__pagination__page {

    background: #ccc;

}



.bo-service-slider .splide__pagination__page.is-active {

    background: #1f9d55;

}



.bo-service-slider .splide__pagination {

    bottom: -3.5rem;

}



.bo-service-slider .splide__pagination__page {

    width: 15px;

    height: 15px;

    background-color: #2226;

}



.bo-service-slider .splide__pagination__page.is-active {

    background-color: #000;

}



.bo-service-slider .splide__arrow svg {

    width: 2.2rem;

    height: 2.2rem;

}



.bo-service-slider .splide__pagination__page.is-active {

    transform: none;

}



.bo-service-slider-wrapper {

    max-width: 1188px;

    margin: 0 auto;

    margin-top: 50px;

    padding-left: 6%;

    padding-right: 6%;

}



.bo-service-btn {

    margin-top: 100px;

    display: flex;

    justify-content: center;

}



.bo-service-card {

    background-color: #fff;

    border-radius: 16px;

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

    padding: 40px 30px;

    display: flex;

    flex-direction: column;

    gap: 40px;

}



.bo-service-card .bo-service-icon {

    width: 80px;

}



.bo-service-card .bo-service-content-inner {

    display: flex;

    flex-direction: column;

    gap: 10px;

}



.bo-service-card .bo-service-content-inner h4 {

    font-size: 30px;

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

}



.bo-service-card .bo-service-content-inner p {

    font-size: 13px;

    color: #858585;

}



.bo-service-card .bo-service-content-inner a {

    display: flex;

    gap: 30px;

    text-transform: capitalize;

    font-size: 18px;

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

    color: var(--button-grren);

    letter-spacing: .5px;

    transition: all .3s;

}



.bo-service-card .bo-service-content-inner a:hover {

    letter-spacing: 1.5px;

    transition: all .3s;

}



.bo-service-card .bo-service-content-inner a img {

    width: 30px;

}



/* Service Slider end */





/* About Banner Css */



.bo-about-hero {

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

    justify-content: center;

    align-items: center;

    width: 100%;

    height: 84vh;

    padding-top: 75px;

    display: flex;



}



.bo-about-img {

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

    background-color: #fff;

    background-image: radial-gradient(circle, #0000006b, #0000 81%), url(../images/abouts/aboutbg.webp);

    background-position: 50% 29%;

    background-size: auto, cover;

    background-attachment: scroll, fixed;

    border-radius: var(--br-7);

    justify-content: center;

    align-items: center;

    width: 97%;

    height: 96%;

    display: flex;

}



.golden-line-about {

    background-color: var(--burlywood);

    margin-top: 25px;

    margin-bottom: 32px;

    transition: all .2s;

    min-width: 150px;

    max-width: 150px;

    margin-left: auto;

    margin-right: auto;

    height: 2px;

    opacity: 1;

}



.bo-about-img-inner {

    flex-direction: column;

    align-items: flex-start;

    display: flex;

    max-width: 609px;

    width: 100%;

    opacity: 1;

    margin: 0 auto;

}



.bo-inner-section-title.no-bottom {

    margin-bottom: 5px;

}



.bo-inner-section-title.white h1 {

    text-align: center;

    letter-spacing: 1px;

    width: 100%;

    text-align: center;

    text-transform: capitalize;

}



.bo-inner-section-title h1 {

    margin-top: 20px;

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

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

    line-height: var(--innertext-h1);

    color: var(--white);

    margin-bottom: 5px;

}



.bo-inner-section-title{

    width: 100%;

}









/* About content css */



.bo-meet-the-doctor {

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

    background-image: url(https://cdn.prod.website-files.com/64d2422ea0dd76ba4f650c43/64e52a514b47b5ae2623a26e_Asset%2010.png), url(https://cdn.prod.website-files.com/64d2422ea0dd76ba4f650c43/64e3e709ac0a920731530619_graphic-background.png), url(https://cdn.prod.website-files.com/64d2422ea0dd76ba4f650c43/64e53bb1c1fe067327ee43e7_Asset%2015.svg);

    background-position: 50% -1%, 100% 1%, 50%;

    background-repeat: no-repeat, no-repeat, repeat;

    background-size: contain, auto, cover;

    flex-wrap: wrap;

    justify-content: center;

    align-items: flex-start;

    height: auto;

    padding-top: 350px;

    padding-bottom: 80px;

    display: flex;



}



.bo-meet-the-doctor-inner .section-title p {

    color: var(--bg-white);

    text-align: center;

    max-width: 748px;

    margin-left: auto;

    margin-right: auto;

    margin-bottom: 10px;

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

}



.bo-meet-the-doctor-inner h2 {

    text-align: center;

    color: var(--bg-white);

    margin-bottom: 10px;

    margin-top: 60px;

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

}





.bo-team-content {

    background-color: var(--white);

    border-radius: var(--br-10);

    flex-wrap: wrap;

    width: 100%;

    max-width: 1200px;

    margin-top: 20px;



    padding: 20px 40px 60px;

    display: flex;

    margin-left: auto;

    margin-right: auto;

}



.team-doctor {

    justify-content: space-between;

    align-items: flex-start;

    width: 100%;

    margin-top: 31px;

    margin-bottom: 32px;

    display: flex;

    opacity: 1;

    transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);

    transform-style: preserve-3d;

}



.team-doctor-img {

    flex-direction: column;

    align-items: flex-start;

    display: flex;

    width: 50%;

    padding-left: 0;

    padding-right: 0;

}



.team-doctor-content {

    flex-direction: column;

    align-items: flex-start;

    display: flex;

    width: 46%;

    padding-left: 0;

    padding-right: 0;

}



.bo-team-doctor-image {

    z-index: 5;

    border: 1px solid var(--teal);

    background-color: var(--white);

    background-image: url(../images/abouts/aboutp1.webp);

    background-position: 40% 0;

    background-size: cover;

    border-radius: var(--br-10);

    width: 100%;

    height: 425px;

    margin-left: 0;

    position: relative;

    right: 0%;

}



.bo-hidden-doc-img {

    border: 1px solid var(--dark-sea-green);

    background-image: url(../images/abouts/aboutp2.webp);

    background-position: 40%;

    background-size: cover;

    border-radius: var(--br-10);

    position: absolute;

    inset: 0%;

    visibility: hidden;

    transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out;

    opacity: 0;

}



.bo-team-doctor-image:hover .bo-hidden-doc-img {

    opacity: 1;

    visibility: visible;

}



.bo-team-doctor-in h3 {

    z-index: 1;

    color: var(--midnight-blue);

    text-align: left;

    margin-bottom: 20px;

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

    line-height: 38px;

    position: relative;

    margin-top: 10px;

    width: 100%;

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

}



.left-line {

    border-bottom: 1px solid #f3bb93;

    background-color: #f3bb93;

    width: 75px;

    height: 2px;

    margin-bottom: 22px;

}



.bo-team-content p {

    text-align: left;

    margin-bottom: 15px;

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

    line-height: var(--lh-19);

}



.bo-team-doctor-in h4 {

    margin-top: 10px;

    color: var(--midnight-blue);

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

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

    text-align: left;

    margin-bottom: 15px;

    margin-top: 0px;

    line-height: var(--lh-19);



}



.bo-extra-content {

    width: 100%;

}



.bo-extra-content h3 {

    border-bottom: 2px solid var(--burlywood);

    color: var(--midnight-blue);

    text-align: left;

    margin-bottom: 20px;

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

    line-height: var(--lh-30);

    width: 100%;

}



.bo-extra-sub-content h4 {

    color: var(--midnight-blue);

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

    text-align: left;

    text-transform: uppercase;

    width: 100%;

    margin-bottom: 0;

    font-size: 16px;

    margin-top: 10px;

}



.bo-extra-sub-content a {

    color: #036c5f;

    margin-left: 5px;

    font-weight: 700;

    font-size: 13px;

    line-height: 19px;

    text-decoration: underline;

    margin-bottom: 0;

}



.bo-extra-sub-content h3 {

    margin-top: 40px;

    margin-bottom: 20px;

}



.bo-team-content .btn-green {

    margin-top: 15px;

}



.section-padding {

    padding: 80px 0px;

}





/* .bo-meet-the-team .container {

    max-width: 1524px;

} */



.bo-meet-the-team {

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

    background-image: url(../images/abouts/bgimg.svg);

    background-position: 50% 0%, 100% 1%, 50%;

    background-repeat: no-repeat, no-repeat, repeat;

    background-size: cover;

    flex-wrap: wrap;

    justify-content: center;

    align-items: flex-start;

    height: auto;

    display: flex;

}



.bo-meet-the-team-inner h2 {

    color: var(--bg-white);

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

    text-align: center;

    margin-bottom: 10px;

}



.team-img {

    background-image: url(../images/abouts/team1.webp);

    background-position: 50% 52%;

    background-size: cover;

    border-radius: 10px;

    width: 100%;

    max-width: 600px;

    height: 300px;

    max-height: 400px;

    margin-bottom: 20px;

    position: relative;

}



.hidden-team {

    background-image: url(../images/abouts/team2.webp);

    background-position: 50%;

    background-size: cover;

    border-radius: var(--br-10);



    position: absolute;

    inset: 0%;

    opacity: 0;

    visibility: hidden;

    transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out;

}



.team-img:hover .hidden-team {



    opacity: 1;

    visibility: visible;

}



.meet-team-cards {

    display: grid;

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

    grid-template-rows: auto;

    column-gap: 15px;

    row-gap: 15px;

    margin-top: 40px;

}



.meet-team-cards .bo-team-cards {

    max-width: 498px;

    width: 100%;

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

    border-radius: var(--br-10);

    width: 100%;

    padding: 20px;

}



.bo-team-cards h3 {

    color: var(--midnight-blue);

    text-align: left;

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

    margin-bottom: 10px;

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

    line-height: var(--lh-35);

}



.bo-team-cards h4 {

    color: var(--midnight-blue);

    text-align: left;

    margin-top: 0;

    margin-bottom: 10px;

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

    font-size: 20px;

    line-height: var(--lh-20);

}





.bo-meet-the-team-img-section {

    background-image: radial-gradient(circle, #00000047, #0000 52%), url(../images/abouts/ourteam.webp);

    height: 85vh;

    background-position: 0 0, 50%;

    background-size: auto, cover;

    background-attachment: scroll, fixed;

    justify-content: center;

    align-items: center;

    display: flex;

}



.bo-meet-the-team-btn .btn-white-outlined {

    justify-content: center;

    width: fit-content;

    margin: 0 auto;

}



/* .bo-video-title-section .container {

    max-width: 1673px;

    width: 100%;

} */





.bo-video-title-section {

    background-image: url(../images/abouts/bgwhite.svg);

    background-size: 50%;

    padding-top: 100px;

    padding-bottom: 60px;



    background-repeat: no-repeat;

    background-size: 72%;



}





.bo-outer-video {

    border: 1px none var(--midnight-blue);

    border-radius: 0;

    position: relative;

    width: 100%;

    padding-top: 56.25%;

    /* 16:9 aspect ratio */

}





.bo-video-title-section .section-title {

    margin-bottom: 13px;

    line-height: 72px;

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

    text-align: center;

}







.bo-outer-video iframe {

    position: absolute;

    inset: 0;

    width: 100%;

    height: 100%;

}



.bo-video-main-div {

    padding: 20px 0px;

}





.bo-white-popup {

    position: relative;

    background: #FFF;

    padding: 40px 40px 29px;

    width: auto;

    width: 65%;

    max-width: 1237px;

    margin: 20px auto;

    transition: 1s all;

    border-radius: var(--br-12);

}





.mfp-fade.mfp-bg {

    opacity: 0;

    -webkit-transition: all 0.15s ease-out;

    -moz-transition: all 0.15s ease-out;

    transition: all 0.15s ease-out;

}





/* overlay animate in */



.mfp-fade.mfp-bg.mfp-ready {

    opacity: 0.8;

}





/* overlay animate out */



.mfp-fade.mfp-bg.mfp-removing {

    opacity: 0;

}



.mfp-fade.mfp-wrap .mfp-content {

    opacity: 0;

    transition: all 0.4s ease-out;

}



.mfp-fade.mfp-wrap.mfp-ready .mfp-content {

    opacity: 1;

}



.mfp-fade.mfp-wrap.mfp-removing .mfp-content {

    opacity: 0;

}





.bo-sticky-btn {

    border: 1px solid var(--dark-sea-green);

    color: var(--white);

    letter-spacing: 1px;

    text-transform: capitalize;

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

    border-radius: 8px;

    flex: none;

    margin-right: 28px;

    padding: 8px 20px 6px 25px;

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

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

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

    line-height: var(--lh-27);

    transition: all .3s;

}



.bo-bottom-btn-sticky {

    bottom: 20px;

    right: 5px;

    left: auto;

    position: fixed;

    display: flex;

    justify-content: end;

    z-index: 99;

}



.bo-white-popup h2 {

    text-align: center;

    text-transform: uppercase;

    width: 100%;

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

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

    margin-top: 20px;

}



.bo-call-info h3 {

    color: var(--teal);

    margin-bottom: 10px;

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

    text-decoration: none;

}



.bo-call-info {

    display: flex;

    justify-content: center;

}





.bo-white-popup p {

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

    line-height: var(--lh-20);

    text-align: center;

    margin-top: 0;

    margin-bottom: 10px;

}





.bo-popup-form {

    display: flex;

    flex-flow: row wrap;

    justify-content: space-between;

    margin-top: 10px;

}



.bo-white-popup .mfp-close-btn-in .mfp-close {

    color: #153346;

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

    opacity: 1;

    border-radius: 0px;

    right: 8px;

    top: 9px;



}







.bo-popup-form input:focus,

.bo-popup-form textarea:focus {

    outline: none;

    border-color: #3898ec;

}





.bo-popup-form input,

.bo-popup-form textarea {

    color: #333;

    vertical-align: middle;

    background-color: #fff;

    border: 1px solid #ccc;

    width: 100%;

    height: 38px;

    margin-bottom: 10px;

    padding: 8px 12px;

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

    line-height: 1.42857;

    display: block;

    background-color: var(--white);

    border-radius: 0;

    width: 49%;

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



}



.bo-popup-form textarea {

    width: 100%;

    height: 55px;

}



.bo-popup-form input[type="submit"]:hover {

    color: #111;

    letter-spacing: 1px;

    background-color: transparent;

}



.bo-popup-form input[type="submit"] {

    margin-bottom: 15px;

    margin-top: 10px;

    color: var(--bg-white);

    letter-spacing: .5px;

    text-transform: capitalize;

    background-color: var(--button-grren);

    border: 1px solid var(--button-grren);

    border-radius: var(--br-14);

    flex: none;

    height: 76px;

    padding: 8px 35px;

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

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

    line-height: var(--lh-27);

    transition: all .3s;

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

}



.bo-no-sticky-background .bo-inner-section-title h1 {

    color: var(--midnight-blue);

}



.bo-no-sticky-background .bo-about-img {



    background-attachment: scroll;

}



.bo-error-content .btn-green {

    justify-content: center;

}





.bo-error-404 {

    min-height: 100vh;

    display: flex;

    align-items: center;

    justify-content: center;

    background: white;

    text-align: center;

    padding: 20px;

}



.bo-error-content {

    max-width: 600px;

    color: var(--midnight-blue);

}



.bo-error-content h1 {

    font-size: 140px;

    font-weight: var(--fw-800);

    margin: 0;

    line-height: 1;

    color: var(--midnight-blue);

}



.bo-error-content h2 {

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

    margin: 15px 0;

}



.bo-error-content p {

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

    margin-bottom: 30px;

    color: var(--midnight-blue);

}







/* =================================================================  Treatment  ============================================================== */

/* Treatment Banner Style Start */

.bo-treatment-banner-sec {

    background-image: linear-gradient(#ffffff4f, #ffffff4f), url('../images/treatment-bg-banner.webp');

    background-position: 0 0, 50% 25%;

    background-repeat: repeat, no-repeat;

    background-size: auto, cover;

    background-attachment: scroll, scroll;

    height: 425px;

    display: flex;

    align-items: center;

    justify-content: center;

}



.bo-treatment-banner-sec-title h1 {

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

    color: var(--midnight-blue);

    letter-spacing: 1px;

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

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

    line-height: var(--lh-67);

    position: relative;

    margin-top: 34px;

    padding-bottom: 28px;

    text-align: center;

}



.bo-treatment-banner-sec-title h1:after {

    content: '';

    display: block;

    position: absolute;

    width: 150px;

    height: 2px;

    background-color: var(--burlywood);

    bottom: 0;

    left: 50%;

    transform: translate(-50%, 0);

}



/* Treatment Banner Style End */



/* Top Content Section Style Start */

.bo-content-sec {

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

}



.bo-content-sec-detail {

    display: flex;

    align-items: center;

    justify-content: center;

    /* position: relative; */

    width: 100%;

    height: 100%;



    padding-bottom: 40px;

}



.bo-content-area {

    background-color: var(--white);

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

    border-radius: 11px;

    max-width: 1333px;

    padding: 35px 60px;

    margin-top: -58px;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    text-align: center;

    /* position: absolute;

    top: -58px; */

}



.bo-content-area h2 {

    margin-bottom: 15px;

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

    line-height: var(--lh-40);

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

}



.bo-content-area p {

    margin-bottom: 10px;

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

    line-height: var(--lh-20);

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

}



/* Top Content Section Style End */





/* Service Section Style Start */

.bo-service-sec {

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

    background-image: url('../images/sec-top-green-img.webp'), url('../images/sec-top-design-img.webp'), url('../images/sec-top-blue-img.svg');

    background-position: 50% -1%, 100% 1%, 30%;

    background-repeat: no-repeat, no-repeat, repeat;

    background-size: contain, auto, cover;

    flex-wrap: wrap;

    justify-content: center;

    align-items: flex-start;

    height: auto;

    padding-top: 350px;

    padding-bottom: 0;

    display: flex;

    overflow: hidden;

}



.bo-service-sec .section-title-white{

    text-align: right;

}





.bo-service-wrapper-section {

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

    background-image: url('/assets/images/sec-top-blue-img.svg');

    background-size: cover;

    background-position: center;

    display: flex;

    align-items: center;

    justify-content: center;

}



.bo-service-wrapper {

    max-width: 1200px;

    width: 100%;



    margin: 0 auto;

}



.bo-service-Detail {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 20px;

    padding: 20px;

    margin-bottom: 100px;

}



.bo-service-img {

    width: 50%;

    height: 380px;

    border-radius: 13px;

    overflow: hidden;

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

}



.bo-service-img img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.bo-service-content {

    width: 50%;

    display: flex;

    flex-direction: column;

    align-items: start;

    justify-content: start;

    gap: 22px;

    /* padding-left: 40px; */

}



.bo-line-title h2 {

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

    line-height: 45px;

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

    color: var(--white);

    position: relative;

    padding-bottom: 17px;



}



.bo-line-title h2::after {

    content: '';

    display: block;

    position: absolute;

    width: 75px;

    height: 2px;

    background-color: var(--burlywood);

    bottom: 0;

    left: 0;

}



.bo-service-text p {

    padding-bottom: 15px;

    color: var(--white);

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

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

}



.bo-service-wrapper .bo-service-Detail:nth-child(even) {

    flex-direction: row-reverse;

}



.bo-service-wrapper .bo-service-Detail:nth-child(odd) {

    display: flex;

}



.bo-service-wrapper .bo-service-Detail:nth-child(even) .bo-service-content {

    padding-right: 40px;

}



.bo-service-wrapper .bo-service-Detail:nth-child(odd) .bo-service-content {

    padding-left: 40px;

}



/* Service Section Style End */

/* =================================================================  Treatment End  ============================================================== */











/* =================================================================  What Seat Us Apart  ============================================================== */



/* Value Card Section Start */

.bo-value-section .container {

    max-width: 1320px;

    width: 100%;

}



.bo-value-section .section-title{

    text-align: center;

}



.bo-value-section .section-title p{

    max-width: 800px;

    margin-left: auto;

    margin-right: auto;

}



.bo-value-content {

    width: 100%;

}



.bo-value-card-title {

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    text-align: center;

    max-width: 625px;

    width: 100%;

    margin: 0 auto;

    text-transform: capitalize;

}



.bo-value-card-title h2 {

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

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

    line-height: var(--lh-72);

    color: var(--midnight-blue);

    margin-bottom: 13px;

}



.bo-value-card-title p {

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

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

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

}



.bo-value-card-title h2 span {

    color: var(--dark-sea-green);

}



.bo-value-card-detail h3 {

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

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

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

}



.bo-value-card-img {

    width: 61px;

    height: 61px;

    position: relative;

}



.bo-value-card-img img:nth-child(1) {

    width: 100%;

    height: 100%;

}



.bo-value-card-img img:nth-child(2) {

    width: 100%;

    height: 100%;

    opacity: 0;

}



.bo-value-card:hover .bo-value-card-img img:nth-child(1){

    display: none;

}



.bo-value-card:hover .bo-value-card-img img:nth-child(2){

    opacity: 1;

}



.bo-value-card {

    display: flex;

    flex-direction: column;

    gap: 30px;

    padding: 57px 40px;

    border-radius: 54px;

    background-color: var(--white);

    transition: all ease 0.8s;

}



.bo-value-card-info {

    display: grid;

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

    grid-template-rows: auto;

    column-gap: 24px;

    row-gap: 24px;

    padding-bottom: 100px;

    padding-top: 40px;



}



.core-value {

    background-image: url('https://cdn.prod.website-files.com/64d2422ea0dd76ba4f650c43/64e53c134b05ea8aee6dc3c4_Asset%2016.svg');

    background-size: cover;

    background-position: center;

    padding-top: 120px;

    padding-bottom: 100px;

}



.bo-value-card-detail h3 {

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

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

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

    margin-bottom: 20px;

    transition: all ease 0.8s;

}



.bo-value-card-detail p {

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

    color: #858585;

    transition: all ease 0.8s;

}



.bo-value-card-line {

    content: '';

    display: block;

    position: relative;

    width: 42px;

    height: 2px;

    bottom: 0;

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

    margin: 10px 0;

    transition: all ease 0.8s;

}



.bo-value-card:hover {

    background-color: var(--button-grren);

    transform: translateY(40px);

}



.bo-value-card:hover .bo-value-card-detail h3 {

    color: var(--text-white);

}



.bo-value-card:hover .bo-value-card-detail p {

    color: var(--text-white);

}



.bo-value-card:hover .bo-value-card-line {

    background-color: var(--white);

}



.bo-value-video {

    height: 744px;

}



.bo-value-video iframe {

    width: 100%;

    height: 100%;

}



.bo-value-patient-card-info {

    background-image: linear-gradient(to bottom, #ffffff08, var(--midnight-blue) 93%);

    padding: 20px 25px 60px;

    display: flex;

    flex-direction: column;

    row-gap: 20px;

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

    border-radius: 12px;

}



.bo-value-patient-card-content {

    padding-top: 60px;

}



.bo-value-patient-card-info h2 {

    color: var(--text-white);

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

    line-height: var(--lh-60);

    margin-top: 30px;

}



.bo-value-patient-card-info span {

    background-color: var(--light-steel-blue);

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

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

    line-height: var(--lh-20);

    text-transform: uppercase;

    letter-spacing: 1px;

    padding: 10px 22px 8px;

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

    border-radius: 20px;

    width: fit-content;

}



.bo-value-patient-card-info p {

    color: var(--text-white);

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

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

}



.bo-value-patient-card {

    display: grid;

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

    grid-template-rows: auto;

    column-gap: 20px;

    row-gap: 20px;

}



/* Value Card Section End */



/* What Seat Us Apart End */





/* Contact Start */

.bo-contact-section {

    padding-top: 200px;

    padding-bottom: 140px;

}



.bo-contact-area {

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

    background-color: var(--white);

    border-radius: 13px;

    max-width: 1200px;

    width: 100%;

    padding: 40px 40px 65px;

    margin: 0 auto;

}



.bo-contact-title h2 {

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

    line-height: var(--lh-67);

    color: var(--midnight-blue);

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

    margin-bottom: 22px;

    margin-top: 20px;

}



.bo-contact-title h2 span {

    color: var(--dark-sea-green);

}



.bo-contact-title a {

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

    line-height: var(--lh-20);

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

    text-transform: uppercase;

    color: var(--button-grren);

    transition: all ease 0.3s;

}



.bo-contact-title a:hover {

    color: var(--teal);

}



.bo-contact-title p {

    margin-top: 60px;



}



.bo-contact-area p {

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

    line-height: var(--lh-20);

}



.bo-contact-form {

    display: flex;

    align-items: start;

    justify-content: space-between;

    gap: 80px;

    margin: 40px 0;

}



.bo-contact-input {

    display: flex;

    column-gap: 10px;

    row-gap: 10px;

    margin-bottom: 10px;

}



.bo-contact-input input {

    outline: none;

    padding: 8px 12px;

    width: 100%;

    border: 1px solid #ccc;

}



::placeholder {

    color: gray;

    font-weight: 400;

    font-size: 13px;

}



.bo-contact-input input:focus {

    border-color: #3898ec;

}



.bo-contact-textarea textarea:focus {

    border-color: #3898ec;

}



.bo-contact-textarea textarea {

    outline: none;

    padding: 8px 12px;

    width: 100%;

    margin-bottom: 20px;

    border: 1px solid #ccc;

}



.bo-contact-left-form {

    max-width: 494px;

    width: 100%;

    padding-top: 10px;

}



.bo-contact-right-image {

    width: 494px;

    height: 300px;

    border-radius: 10px;

    overflow: hidden;

    margin-right: 30px;

    box-shadow: 6px 6px 0px 0.13px var(--midnight-blue);

}



.bo-contact-right-image img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    object-position: center;

}



/* Contact End */





/* What Apart Section Start */



.bo-apart-section .section-title-white {

    margin-top: 50px;

    display: flex;

    justify-content: space-between;

    align-items: center;

    max-width: 1112px;

    margin-left: auto;

    margin-right: auto;

    width: 100%;

}



.bo-apart-section .section-title-white img {

    width: 89px;

}



.bo-apart-wrapper {

    margin-top: 30px;

    max-width: 1112px;

    width: 100%;

    margin-left: auto;

    margin-right: auto;

}



.bo-apart-wrapper .bo-apart-card {

    border-top: 1px solid var(--text-white);

    padding: 22px 0 20px 0;

    display: flex;

    justify-content: space-between;

    align-items: center;

}



.bo-apart-wrapper .bo-apart-card:last-child {

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

}



.bo-apart-wrapper .bo-apart-card .bo-apart-left {

    display: flex;

    align-items: center;

    gap: 30px;

}



.bo-apart-wrapper .bo-apart-card .bo-apart-right {

    max-width: 381px;

    width: 100%;

}



.bo-apart-wrapper .bo-apart-card .bo-apart-left h3 {

    color: var(--text-white);

    margin-top: 10px;

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

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

}



.bo-apart-wrapper .bo-apart-card .bo-apart-right p {

    color: var(--text-white);

    text-align: left;

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

}



/* What Apart Section End */



/* Step-treatment Section Start */



.bo-step-t-section {

    padding: 100px 0 140px 0;

    background-color: #0000;

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

    background-size: auto;



}



.bo-step-t-section .section-title-white {

    text-align: center;
    height: min-content;
    position: relative;

}



.bo-step-t-section .section-title-white::after {

    content: '';

    position: absolute;

    width: 150px;

    height: 2px;

    background-color: var(--burlywood);

    bottom: -25px;

    left: 50%;

    transform: translateX(-50%);

}



/* .bo-step-slider {

    margin-top: 100px;

} */

.bo-step-main-wrapper{
    display: flex;
    justify-content: center;
}



.bo-step-slider {

    max-width: 1200px;
    width: 100%;

    /* margin: 0 auto; */

    /* margin-top: 70px; */

    padding-left: 4%;

    padding-right: 4%;

}

.bo-step-slider .splide__slide{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto;
    column-gap: 20px;
    row-gap: 20px;
}

.bo-step-slider .splide__slide .bo-steps-card:nth-child(odd)  {
    padding: 20px 25px 60px;
    background-image: linear-gradient(to bottom, #ffffff08 19%, var(--teal));
    border: 1px solid #fff;
    height: 450px;
}



.bo-step-slider .splide__slide .bo-steps-card:nth-child(odd)  h3 {
    color: var(--text-white);
    letter-spacing: 0;
    margin-top: 30px;
    margin-bottom: 21px;
    font-size: var(--text-h1);
    font-weight: var(--fw-500);
    line-height: var(--lh-60);
}




.bo-step-slider .splide__slide .bo-steps-card:nth-child(odd) span {
    border: 1px solid var(--white);
    background-color: var(--light-steel-blue);
    color: var(--midnight-blue);
    letter-spacing: 1px;
    text-transform: uppercase;
    border-radius: 20px;
    padding: 10px 22px 8px;
    font-size: 15px;
    display: inline-block;
    margin-bottom: 25px;
}



.bo-step-slider .splide__slide .bo-steps-card:nth-child(odd)  p {
    color: var(--text-white);
    font-size: var(--text-14);
    line-height: var(--lh-23);
}



.bo-step-slider .splide__slide .bo-steps-card:nth-child(even)  {
    border: 1px solid var(--midnight-blue);
    background-color: #fff;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 450px;
}



.bo-step-slider .splide__slide .bo-steps-card:nth-child(even)  img {
    width: 100%;
}



.bo-step-slider .splide__arrow {

    background: transparent;

}



.bo-step-slider .splide__arrow svg {

    fill: var(--text-white);

    height: 3.5rem;

    width: 3.5rem;

}



.bo-step-slider .splide__pagination {

    display: none;

}



/* Step-treatment Section End */



/* Contact Section Start  */



.bo-contact-home-section {

    background-image: url(https://cdn.prod.website-files.com/64d2422ea0dd76ba4f650c43/64e53c134b05ea8aee6dc3c4_Asset%2016.svg), url(https://cdn.prod.website-files.com/64d2422ea0dd76ba4f650c43/64e53c134b05ea8aee6dc3c4_Asset%2016.svg);

    background-position: -20% 127%, 120% 90%;

    background-repeat: no-repeat, no-repeat;

    background-size: 57%, 53%;

    flex-wrap: wrap;

    justify-content: center;

    align-items: flex-start;

    padding-top: 5%;

    padding-bottom: 100px;

    display: flex;

}



.bo-con-banner-wrapper {

    max-width: 1600px;

    height: 80vh;

    width: 100%;

    margin-left: auto;

    margin-right: auto;

    position: relative;

    border: 1px solid #000;

    border-radius: 16px;

    margin-bottom: 160px;

    /* overflow: hidden; */

    display: flex;

    align-items: flex-end;

    justify-content: center;

}



.bo-con-banner-wrapper img {

    width: 100%;

    height: 100%;

    object-fit: cover;
    object-position: 50% 21%;

    border-radius: 16px;

}



.bo-con-banner-wrapper .bo-con-logo {

    width: 120px;

    height: 120px;

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

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    position: absolute;

    z-index: 1;

    bottom: -60px;

}



.bo-con-banner-wrapper .bo-con-logo img {

    width: 80px;

    object-fit: fill;

}



.bo-con-form-wrapper {

    max-width: 1200px;

    margin-left: auto;

    margin-right: auto;

    display: grid;

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

    grid-template-rows: auto;

    column-gap: 60px;

    row-gap: 50px;

    align-items: center;

}



.bo-con-form-wrapper .co-com-form-left {

    display: flex;

    flex-direction: column;

    gap: 20px;

}



.bo-con-form-wrapper .co-com-form-left a {

    color: var(--teal);

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

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

}



.bo-con-form-wrapper .co-com-form-left p {

    color: var(--midnight-blue);

    font-weight: 500;

}



.bo-con-form-wrapper .co-com-form-left .btn-green a {

    color: var(--text-white);

}



.bo-con-form-wrapper .co-com-form-left .btn-green a:hover {

    color: #000;

}



.bo-con-form-wrapper .co-com-form-img {

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

    box-shadow: 6px 6px 0 0 var(--midnight-blue);

    background-image: url('../images/map-img.png');

    background-position: 19%;

    background-size: cover;

    border-radius: 16px;

    justify-content: center;

    align-items: center;

    width: 100%;

    height: 80%;

    min-height: 350px;

    display: flex;

}



/* Contact Section End */



/* Footer Start */



.bo-footer {

    border-top: 1px solid var(--midnight-blue);

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

    border-bottom: 1px solid #000;

    padding: 25px 0 25px 0;

}



.bo-footer-wrapper {

    display: flex;

    justify-content: space-between;

}



.bo-footer-wrapper .bo-footer-left,

.bo-footer-wrapper .bo-footer-right {

    max-width: 300px;

    display: flex;

    flex-direction: column;

    gap: 15px;

}



.bo-footer-wrapper .bo-footer-left .bo-footer-logo a img {

    width: 80px;

}



.bo-footer-wrapper .bo-footer-left .bo-footer-left-text {

    display: flex;

    flex-direction: column;

}



.bo-footer-wrapper .bo-footer-left .bo-footer-left-text span {

    color: var(--midnight-blue);

    width: 100%;

    margin-bottom: 5px;

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

    line-height: var(--text-15);

    text-decoration: none;

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

    text-transform: capitalize;

}



.bo-footer-wrapper .bo-footer-right {

    align-items: flex-end;

    text-align: right;

    justify-content: center;

}



.bo-footer-wrapper .bo-footer-right .bo-footer-mail-btn {

    display: flex;

}



.bo-footer-wrapper .bo-footer-right .bo-footer-mail-btn a {

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

    color: var(--midnight-blue);

    text-align: center;

    letter-spacing: .5px;

    text-transform: capitalize;

    border: 1px solid #036c5f;

    border-radius: 8px;

    flex: none;

    padding: 9px 30px 8px 35px;

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

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

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

    line-height: var(--lh-27);

    transition: all .3s;

}



.bo-footer-wrapper .bo-footer-right .bo-footer-mail-btn a:hover {

    letter-spacing: 1.5px;

    transition: all .3s;

}



.bo-footer-wrapper .bo-footer-right .bo-footer-right-text {

    display: flex;

    flex-direction: column;

}



.bo-footer-wrapper .bo-footer-right .bo-footer-right-text a {

    color: var(--midnight-blue);

    width: 100%;

    margin-bottom: 5px;

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

    line-height: var(--text-15);

    text-decoration: none;

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

    text-transform: capitalize;

}



/* Footer End */





/* New Patients Start */

.bo-new-patient-banner-sec {

    background-image: linear-gradient(#ffffff80, #ffffff80), url('../images/new-patient-banner-img.webp');

    background-position: 0 0, 50% 10%;

}



.bo-contant-area-btn {

    display: flex;

    align-items: center;

    justify-content: center;

    row-gap: 20px;

    column-gap: 20px;

    margin-top: 13px;

}



.bo-second-content {

    margin-top: 40px;

}



.bo-second-content p {

    padding-bottom: 10px;

}



.bo-new-patients-service-sec .bo-value-card-title {

    max-width: 100%;

}



.bo-new-patients-service-sec .bo-value-card-title h2 {

    width: 100%;

    margin-top: 20px;

    color: var(--text-white);

    text-align: end;

}



.bo-new-patients-service-sec .bo-value-card-line {

    margin: 0;

}



.bo-information-sec {

    display: flex;

    align-items: start;

}



.bo-information-sec .bo-value-card-title {

    max-width: 500px;

}



.bo-information-sec .bo-value-card-title h2 {

    text-align: center;

    width: 100%;

}



.bo-information-sec .bo-content-area h3 {

    margin-bottom: 25px;

    line-height: var(--lh-30);

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

    font-size: 27px;

}



.bo-information-sec .bo-content-sec-detail {

    justify-content: end;

    width: 60%;

}



.bo-information-sec .bo-content-area {

    width: 100%;

    margin-top: 0;

}



.bo-new-patient-banner {

    background-image: radial-gradient(circle, #00000047, #0000 52%), url('../images/new-patient-scroll-banner.webp');

    background-position: 0 0, 50%;

    background-size: auto, cover;

    background-attachment: scroll, fixed;

    justify-content: center;

    align-items: center;

    height: 75vh;

    display: flex;

}



.bo-new-patient-banner .new-patient-smaller {

    background-image: radial-gradient(circle, #00000047, #0000 52%), url('../images/new-patient-scroll-banner.webp');

    flex-wrap: wrap;

    align-content: center;

    height: 65vh;

}





.bo-faq-sec {

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

    background-image: url('https://cdn.prod.website-files.com/64d2422ea0dd76ba4f650c43/64e53c134b05ea8aee6dc3c4_Asset%2016.svg');

    padding: 100px 0;

}



.bo-faq-container {

    display: flex;

    align-items: center;

    justify-content: center;



}



.bo-faq-container .bo-content-area {

    margin-top: 0;

    max-width: 1100px;

    width: 100%;

}



.bo-faq-content {

    position: relative;

}



.bo-faq-question h4 {

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

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

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

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

    text-transform: uppercase;



}



.bo-faq-answer p {

    margin-bottom: 20px;

    text-align: start;

}



.bo-faq-detail a {

    display: flex;

    align-items: center;

    justify-content: center;

}



.bo-faq-toggle {

    display: flex;

    justify-content: center;

    align-items: center;

    text-decoration: none;

    cursor: pointer;

    padding-bottom: 15px;

}



.bo-faq-btn {

    width: 18px;

    height: 18px;

    position: absolute;

    right: 0;

}



.bo-faq-btn span {

    position: absolute;

    background: #000;

    transition: all 0.6s ease;

}



.bo-faq-btn span:first-child {

    width: 100%;

    height: 1px;

    top: 50%;

    left: 0;

    transform: translateY(-50%);

}



.bo-faq-btn span:last-child {

    width: 1px;

    height: 100%;

    left: 50%;

    top: 0;

    transform: translateX(-50%);

}



.bo-faq-answer {

    height: 0;

    overflow: hidden;

    transition: all 0.6s ease;

}



.bo-faq-area.active .bo-faq-answer {

    transition: all 0.3s ease;

}



.bo-faq-area.active .bo-faq-btn span:last-child {

    transform: translateX(-50%) scaleY(0);

}



/* FAQ Section Style End */





.bo-schedule-page {

    padding: 100px 0;

    background-image: url('https://cdn.prod.website-files.com/64d2422ea0dd76ba4f650c43/64e53c134b05ea8aee6dc3c4_Asset%2016.svg');

    background-position: top;

    background-repeat: no-repeat;

    background-size: cover;

}



.bo-full-page-schedule-a-consult {

    max-width: 860px;

    margin: 0 auto;

}



.bo-full-page-schedule-a-consult .bo-contact-title a {

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

}



.bo-full-page-schedule-a-consult .bo-contact-title {

    padding: 40px 0;

    text-align: center;

}



.bo-schedule-page-full-form .bo-contact-left-form {

    max-width: 100%;

}



.bo-schedule-page-full-form .bo-contact-left-form .bo-contact-input {

    flex-direction: column;

    row-gap: 20px;

    margin-bottom: 20px;

}



.bo-schedule-page-full-form .bo-contact-left-form .bo-contact-input input:not([type="radio"]):not([type="checkbox"]){

    padding: 12px;

    background-color: transparent;

    backdrop-filter: blur(10px);

    border: 2px solid var(--dark-sea-green);

}



.bo-schedule-page-full-form .bo-contact-left-form .bo-contact-input input:not([type="radio"]):not([type="checkbox"]):focus,

.bo-schedule-page-full-form .bo-contact-left-form .bo-contact-textarea textarea:focus {

    border: 2px solid var(--button-grren);

}



.bo-schedule-page-full-form .bo-contact-left-form .bo-contact-textarea textarea {

    padding: 12px;

    background-color: transparent;

    backdrop-filter: blur(10px);

    border: 2px solid var(--dark-sea-green);

}



.bo-top-bg-color-banner {

    background-color: var(--dark-sea-green);

    height: 425px;

    display: flex;

    align-items: center;

    justify-content: center;

}







.bo-braces-title .section-title-white p {

    color: var(--text-white);

    max-width: 800px;

    width: 100%;

    margin: 0 auto;

    padding-top: 20px;

}



.bo-braces-title .section-title-white{

    text-align: center;

}



.bo-braces-title {

    text-align: center;

    margin-bottom: 60px;

}



.bo-braces-img-inner {

    align-items: center;

}



.bo-braces-bottom-title {

    padding-bottom: 60px;

}



.bo-braces-bottom-title .section-title-white {

    margin-bottom: 40px;

    text-align: center;

}



.bo-braces-bottom-title h3 {

    color: var(--text-white);

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

    margin: 20px 0;

}



.bo-braces-bottom-title h4 {

    color: var(--text-white);

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

    margin: 20px 0;

}



.bo-braces-bottom-title p {

    color: var(--text-white);

    padding-bottom: 16px;

}



.bo-braces-bottom-title ul {

    color: var(--text-white);

    display: flex;

    flex-direction: column;

    row-gap: 12px;

    padding-bottom: 20px;

}





.bo-white-popup .submit-btn{

    color: var(--bg-white);

    letter-spacing: .5px;

    text-transform: capitalize;

    background-color: var(--button-grren);

    border: 1px solid var(--button-grren);

    border-radius: var(--br-14);

    flex: none;

    padding: 8px 35px;

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

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

    line-height: var(--lh-27);

    transition: all .3s;

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

}



/* ============================================================== Blog ================================================ */



/* Blog Page Style Start */



.el-blog {

    width: 100%;

    height: 400px;

    position: relative;

    overflow: hidden;

}



.el-blog-container {

    display: grid;

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

    grid-template-rows: auto;

    gap: 40px;

}



.el-blog-img {

    width: 100%;

    height: 100%;

    border-radius: 20px;

    overflow: hidden;

    filter: brightness(0.7);

}



.el-blog img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.el-blog-content {

    height: auto;

    position: absolute;

    bottom: -60px;

    padding: 24px;

    display: flex;

    flex-direction: column;

    gap: 15px;

    transition: all ease 0.6s;

}



.el-blog-content h3 {

    color: var(--white);

    text-wrap: unset;

}



.el-blog-content span {

    width: max-content;

    text-transform: capitalize;

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

    color: var(--white);

    padding-bottom: 10px;

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

}



.el-blog:hover .el-blog-content {

    bottom: 0;

}



.el-blog-page-pagination {

    margin-top: 60px;

}



.el-blog-pagination ul {

    display: flex;

    align-items: center;

    justify-content: center;

    list-style-type: none;

    column-gap: 12px;

    row-gap: 12px;

    margin-bottom: 0;

    padding-left: 0;

    flex-wrap: wrap;

}



.el-blog-pagination ul li a {

    display: flex;

    color: var(--bg-white);

    letter-spacing: .5px;

    text-transform: capitalize;

    background-color: var(--button-grren);

    border: 1px solid var(--button-grren);

    border-radius: var(--br-14);

    flex: none;

    padding: 8px 20px;

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

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

    line-height: var(--lh-27);

    transition: all .3s;

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

}



/* Blog Page Style End */





/* Blog Detail Style Start */

.header-blog-detail {

    background: var(--c-bg-drak-blue);



}



.el-blog-detail-content {

    max-width: 870px;

    margin: 0 auto;

    margin-top: 80px;

}



.el-blog-detail-title h1 {

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

    font-weight: var(--fw-700);
    line-height: 1.3;

}



.el-blog-detail-banner-img {

    border-radius: 20px;

    overflow: hidden;

    transition: all ease 0.6s;

    margin: 40px 0;

}



.el-blog-detail-banner-img img {

    width: 100%;

    height: 100%;

    transition: all ease 0.6s;

}



.el-blog-detail-banner-img img:hover {

    transform: scale(1.03);

}



.el-blog-detail-content h2,

.el-blog-detail-content h3,

.el-blog-detail-content h4,

.el-blog-detail-content h5 {

    margin-bottom: 12px;

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

}



.el-blog-detail-content p {

    margin-bottom: 18px;
    line-height: 1.5;

}



.el-blog-detail-content p a,

.el-blog-detail-content ul li a {

    color: var(--dark-sea-green);

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

}



.el-blog-detail-content ul {

    padding-left: 35px;

    margin-bottom: 20px;

}



.el-blog-detail-content ul li {

    margin-bottom: 12px;

}

.el-blog-detail-pagination{
    margin-top: 50px;
}



.el-blog-detail-recent {

    margin-bottom: 60px;

}



.el-blog-detail-recent h2 {

    margin: 30px 0;

}



.el-blog-detail-recent ul li:before {

    display: none;

}



.el-blog-detail-recent ul {

    padding-left: 0;

    display: flex;

    flex-direction: column;

    gap: 12px;

    list-style-type: none;

}



.el-blog-detail-recent ul li {

    width: 100%;

    border-bottom: 1px solid var(--dark-sea-green);

    padding-bottom: 12px;

    color: var(--dark-sea-green);

}



.el-blog-detail-recent ul li:last-child {

    border-bottom: 0;

}



.el-blog-detail-pagination ul li:before {

    display: none;

}



.el-blog-detail-pagination ul {

    justify-content: space-between;

    display: flex;

}



.el-blog-detail-pagination ul li a {

    color: var(--bg-white);

    letter-spacing: .5px;

    text-transform: capitalize;

    background-color: var(--button-grren);

    border: 1px solid var(--button-grren);

    border-radius: var(--br-14);

    flex: none;

    padding: 8px 35px;

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

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

    line-height: var(--lh-27);

    transition: all .3s;

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

}



.el-blog-detail-pagination ul li a:hover {

    color: #111;

    letter-spacing: 1px;

    background-color: transparent;

}



.el-blog-detail-pagination ul {

    padding: 0;

    margin: 0;

}





/* Blog Detail Style End */



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





.el-blog-detail-pagination li{

    list-style: none;

}



.bo-schedule-page-full-form .bo-contact-left-form .bo-contact-input input:not([type="radio"]):not([type="checkbox"]){

    height: 52px;

}



.bo-schedule-page-full-form .bo-contact-left-form .bo-contact-input .gform-body input:not([type="radio"]):not([type="checkbox"]) , .bo-schedule-page-full-form .bo-contact-left-form .bo-contact-input .gform-body textarea{

   border: 2px solid var(--dark-sea-green) !important;

   background: transparent;

}



.gform-body input , .gform-body textarea {

    border-radius: 0px  !important;

    box-shadow: none !important;

        border: 1px solid #ccc !important;

}

.gform-body input:focus ,  .gform-body textarea:focus{

border-color: #3898ec !important;

}



  .bo-con-form-home  .gform-theme--foundation .gform_fields {

   gap: 10px;

    }





.bo-white-popup .gform-theme--foundation .gform_fields {

    -moz-column-gap: var(--gf-form-gap-x);

    column-gap: 13px;

}

.gform_title{

    display: none;

}



.bo-white-popup input ,  .bo-white-popup textarea{

border: 1px solid #ccc !important;

box-shadow: none !important;

border-radius: 0px !important;

}



.bo-white-popup input:not([type="radio"]):not([type="checkbox"]):focus ,  .bo-white-popup textarea:focus{

border-color: #3898ec !important;

box-shadow: none !important;



}



input:focus , textarea:focus{

    box-shadow: none !important;

}



.gform_wrapper input[type="submit"]   {

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

    letter-spacing: .5px !important;

    text-transform: capitalize !important;

    background-color: var(--button-grren) !important;

    border: 1px solid var(--button-grren) !important;

    border-radius: var(--br-14) !important;

    flex: none !important;

    height: 45px !important;

    padding: 8px 35px !important;

    font-size: var(--text-19) !important;

    font-weight: var(--fw-400) !important;

    line-height: var(--lh-27) !important;

    transition: all .3s !important;

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

}



.gform_wrapper  input[type="submit"]:hover {

    color: #111 !important;

    letter-spacing: 1px !important;

    background-color: transparent !important;

}





.bo-white-popup .gform-theme--foundation .gform_fields {

    row-gap: 13px;

}



.gform-theme--foundation .gfield textarea.small {

    min-block-size: 6rem;

    height: 55px;



}



.bo-con-form-home input[type="submit"]:hover {

    color: #111;

    letter-spacing: 1px;

    background-color: transparent;

}



.bo-con-form-home textarea{

    height: 55px;

}



.bo-con-form-home input[type="submit"] {



   

    color: var(--bg-white);

    letter-spacing: .5px;

    text-transform: capitalize;

    background-color: var(--button-grren);

    border: 1px solid var(--button-grren);

    border-radius: var(--br-14);

    flex: none;

    height: 76px;

    padding: 8px 35px;

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

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

    line-height: var(--lh-27);

    transition: all .3s;

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

}

    .gform-theme--foundation .gform_fields {

        column-gap: 10px !important;

        row-gap: 10px !important;

    }



.bo-popup-form .wpcf7-form-control-wrap input{

    width: 100%;

}

.bo-contact-title h3{

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

    line-height: var(--lh-20);

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

    text-transform: uppercase;

    color: var(--button-grren);

    transition: all ease 0.3s;

}



.bo-popup-form .wpcf7-form-control-wrap{

    width: 49%;

}



.bo-popup-form .wpcf7-form-control-wrap:last-child{

    width: 100%;

}



.google-reviews-section .section-title {

    justify-content: center;

    text-align: center;

    margin-bottom: 51px;

     

}









/* Location Section Start */

.bo-left-location-content {

    display: flex;

    flex-direction: column;

    align-items: start;

    justify-content: start;

        row-gap: 27px;

}


.bo-location-sec .section-title p {
    max-width: 800px;
    margin: 0 auto;
    color: var(--midnight-blue);
    font-weight: var(--fw-500);
    line-height: var(--lh-27);
}



.bo-left-location-content a {

    transition: all ease 0.4s;

}



.bo-left-location-content a:hover {

    color: var(--dark-sea-green);

}

.bo-left-location-content h3{

        font-size: 36px;

    color: #153346;

}



.bo-location-add h4 {

      margin-bottom: 10px;

    font-size: 21px;

       color: #153346;

}



.bo-location-area {

    display: grid;

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

    grid-template-rows: auto;

        column-gap: 25px;

}



.bo-left-location-content {

    background-color: #dbe7db;

    padding: 30px;

    border-radius: 20px;

}



.bo-location-sec-map {

    border-radius: 20px;

    overflow: hidden;

    height: 100%;

}



.bo-location-sec-map iframe {

    width: 100%;

    height: 100%;

}



.bo-location-add ul {

    list-style-type: none;

    padding-left: 0;

    display: flex;

    flex-direction: column;

    align-items: start;

    justify-content: start;

    row-gap: 10px;

}



.bo-location-sec .section-title {

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    text-align: center;

    row-gap: 20px;

    margin-bottom: 80px;

}
    .bo-faq-toggle {
        padding-right: 24px;

    }
/* Footer v1 Start */

.sp-footerv1{
    background-color: var(--midnight-blue);
    background-image: url(../images/bg-blue.svg);
    background-repeat: no-repeat;
    background-size: cover;
}

.sp-fv1-wrapper{
    padding: 100px 0;
    display: grid;
    grid-template-columns: 3fr 2fr 2fr 2fr;
    grid-template-rows: auto;
    row-gap: 50px;
}

.sp-fv1-wrapper .sp-fv1-logo {
    display: flex;
    flex-direction: column;
    gap: 50px;
}

.sp-fv1-wrapper .sp-fv1-logo .sp-fv1-img{
    width: 300px;
}

.sp-fv1-wrapper .sp-fv1-logo .sp-fv1-img a img{
    width: 100%;
}

.sp-fv1-wrapper .sp-fv1-logo .sp-social-fv1{
    display: flex;
    gap: 15px;
    padding-left: 20px;
}

.sp-fv1-wrapper .sp-fv1-logo .sp-social-fv1 a:hover{
  color: var(--midnight-blue);
}

.sp-fv1-wrapper .sp-fv1-logo .sp-social-fv1 a{
    width: 40px;
    height: 40px;
    background-color: var(--dark-sea-green);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: var(--bg-light);
    font-size: var(--text-21);
}

.sp-fv1-wrapper .sp-fv1-links{
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.sp-fv1-wrapper .sp-fv1-links h4{
    color: var(--white);
    font-size: var(--text-25);
}

.sp-fv1-wrapper .sp-fv1-links ul{
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.sp-fv1-wrapper .sp-fv1-links ul li a{
    color: var(--white);
    transition: all .3s;
    display: flex;
    align-items: center;
    gap: 10px;
    text-transform: capitalize;
    line-height: var(--lh-23);
}

.sp-fv1-wrapper .sp-fv1-links ul li a span{
    width: 40px;
    height: 40px;
    background-color: var(--dark-sea-green);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 50%;
}

.sp-fv1-wrapper .sp-fv1-links ul li a:hover{
    color: var(--dark-sea-green);
    transition: all .3s;
}

.sp-fv1-wrapper .sp-fv1-links ul li a:hover span{
    color: var(--midnight-blue);
    transition: all .3s;
}

.sp-fv1-wrapper .sp-fv1-links .sp-fv1-hours{
    display: flex;
    gap: 10px;
}

.sp-fv1-wrapper .sp-fv1-links .sp-fv1-hours ul{
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.sp-fv1-wrapper .sp-fv1-links .sp-fv1-hours ul li{
    color: var(--text-white);
}

.sp-fv1-bottom{
    padding: 20px 0;
    border-top: 1px solid var(--text-white);
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.sp-fv1-bottom span{
    color: var(--text-white);
}

.sp-fv1-bottom span a{
    color: var(--dark-sea-green);
    font-weight: var(--fw-600);
}

.sp-fv1-wrapper .sp-fv1-links:nth-child(4) ul li:nth-child(3) a{
    text-transform: lowercase;
}

/* Footer v1 End */


.referral-form input.datepicker {
    width: 100%;
}

.referral-form .gfield_radio input[type="radio"]:checked {
    background-color: #153346;
    box-shadow: 0 0 0 1px rgba(42, 111, 96, 0.4);
}

.referral-form  input.datepicker {
    width: 100% !important;
}

.referral-form .gfield_radio input[type="radio"]:focus {
  border: none !important;
}

.referral-form div.gfield--input-type-html  , .referral-form fieldset{
        margin-top: 15px;
}

.referral-form .gform-theme--framework .gfield:where(:not(.gfield--type-html):not(.gfield--type-section)) {
    line-height: 1;
    margin-top: 8px;
}

.referral-form .gfield_radio input[type="radio"] {
        border: 2px solid #7da27d !important;
    appearance: none;
    border-radius: 50%;
        background-color: #e2e5d9;
    cursor: pointer;
    transition: all 0.2s ease;
        border-radius: 50px !important;
    padding: 0px !important;
        width: 16px !important;
    height: 17px !important;

}


.referral-form .gform-theme--framework input[type=radio]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))::before {
    background-color: #7da27d;
      block-size: 11px;
    inline-size: 10px;
}