@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');
@import url('../dist/bootstrap/css/bootstrap.min.css');
@import url('../dist/font-awesome/css/all.min.css');
@import url('../dist/owlcarousel/css/owl.theme.default.min.css');
@import url('../dist/owlcarousel/css/owl.carousel.min.css');
@import url('../dist/tiny-slider/css/tiny-slider.css');
@import url('../dist/aos-master/css/aos.css');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");
:root { --primary-font: "Manrope", sans-serif, Arial, Helvetica; --dark-gray: #252122; --gray: #231F20; --indigo: #262681; --green: #25bdad; --orange: #F5821F; }
::-webkit-scrollbar {
    width: 6px;
}

::-webkit-scrollbar-track {
    background-color: var(--green);
}

::-webkit-scrollbar-thumb {
    background-color:var(--orange);
}

::-webkit-scrollbar-thumb:hover {
    background-color: #fff;
}

body { color: var(--dark-gray); font-family: var(--primary-font); font-weight: 400; overflow-x: hidden; }
a { color: var(--bs-blue); }
a, a:hover { text-decoration: none; }
a:focus { outline: none; }
*:focus { outline: none; }
.fi {font-size: 30px;color:red;}
button:active, button:focus, .btn:active, .btn:focus { box-shadow: none !important; outline: none !important; }
.img-responsive, .navbar-brand > img { display: inline-block; }
img { display: inline-block; height: auto; max-width: 100%; }
h1, h2, h3, h4, h5, h6 { color: var(--green); font-family: var(--primary-font); font-weight: 700; }
h1 { font-size: 50px; }
h2 { font-size: 30px; }
h2 span { color: var(--orange); font-size: 14px; text-transform: uppercase; }
p, li { color: var(--dark-gray); font: 400 14px/1.5 var(--primary-font); overflow-wrap: break-word; word-wrap: break-word; }

.wrapper { clear: both; margin: 0 auto; max-width: 1600px; }
header { position: absolute; top: 0; right: 0; left: 0; z-index: 1030; }
header.fix{ position: fixed; left: 0; top: 0; z-index: 20; padding: 10px 0px; animation: slide-down 0.7s;
box-shadow: 0 1px 6px 0 rgba(32,33,36,.2); background-color: #ffff; }
header.fix .top-info { display: none !important; }
header.fix .topbar .navbar-brand { margin-top: -6px; }
header.fix .topbar .navbar-brand img { width: 80px; }
header.fix .navbar { margin: 0; } 
header.fix .navbar .navbar-nav .nav-link { color: var(--gray); }
header.fix .navbar .navbar-nav .nav-link img.icon-white { display: none; }
header.fix .navbar .navbar-nav .nav-link img.icon-green { display: inline-block; }
header .navbar .navbar-nav .nav-link img.icon-green { display: none; } 
header.fix  .navbar-toggler { top: 0; }
header.fix span.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%2325bdad' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
@media (max-width:768px) {
    header.fix{ padding: 20px 0px; }
    header.fix .navbar-toggler { top: -14px; }
    header.fix .topbar .navbar-brand { top: -11px; }
    header.fix .topbar .navbar-brand img { width: 60px; }
}
.container { position: relative; }
.topbar { background: url("../images/bg.png") no-repeat left top / auto 80px; clear: both; font-size: 14px; margin: 0 auto; max-width: 1600px; width: 100%; }
.topbar .navbar-brand { margin: 40px 0 0 25px; position: absolute; left: 0; top: 0; z-index: 1; }
.topbar .line { border-left: 1px solid #ccc; border-right: 1px solid #ccc; padding-bottom: 18px; padding-top: 18px; }
.topbar .btn-primary { background-color: var(--indigo); border: inherit; font-size: 12px; line-height: 32px; }
.topbar .btn-primary img { margin-right: 5px; }

/* Header fix animation */
@keyframes slide-down {
    0% {
        -moz-transform: translateY(-100%);
        -webkit-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%);
    }
    100% {
        -moz-transform: translateY(0);
        -webkit-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}


span.flatpickr-day.selected {background-color:var(--green);}
span.flatpickr-day.today {border-color: #f5821f;}

.navbar { margin-top: 20px; }
.navbar .navbar-nav { margin-right: -4%; }
.navbar .navbar-nav .nav-link { color: var(--bs-white); font-weight: 500; margin: 0 .725rem; padding: .5rem 0; }
.navbar .navbar-nav .nav-link:hover, .navbar .navbar-nav .nav-link.show { color: var(--green); }
.navbar .navbar-nav .nav-link.active { border-bottom: 2px solid var(--green); }
.navbar-nav .dropdown-menu.end { left: inherit; right: 0; }
.navbar-nav .dropdown-item:focus, .navbar-nav .dropdown-item:hover { background-color: var(--green); color: var(--bs-white); }
@media (min-width:1024px) {
    .navbar .navbar-nav .nav-item .dropdown-menu{
        display: block;
        opacity: 0;
        visibility: hidden;
        transform: translateY(30px);
        transition: .3s all ease-out 0s;
    }
    .navbar .navbar-nav .nav-item:hover .dropdown-menu{
        opacity: 1;
        visibility: visible;
        transform: translateY(0px);
    }
}

.offcanvas { display: none; }
.offcanvas.offcanvas-end { width: 300px; }
.offcanvas .btn-primary { background-color: var(--indigo); border: inherit; font-size: 14px; line-height: 32px; }
.offcanvas .btn-primary img { margin-right: 5px; }
.offcanvas .navbar-nav.nav-item { border-bottom: 2px solid var(--bs-gray-300); }
.offcanvas .navbar-nav .nav-link { color: var(--dark-gray); text-transform: uppercase; }
.offcanvas .navbar-nav .nav-link.active { border: 0; color: var(--green); }

.main-banner .carousel-item::after{
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, 0.3) 100%);
    position: absolute;
    top: 0;
    left: 0;
}
.carousel-item img { width: 100%; }
.carousel-caption { margin-bottom: 12.5%; text-align: inherit; }
.carousel-caption h1 { color: var(--bs-white); }
.carousel-caption p { color: var(--green); font-size: 16px; font-weight: 700; text-transform: uppercase; }
.carousel-control-next-icon, .carousel-control-prev-icon { background-size: cover; height: 44px; width: 21px; }

.intro { background: rgb(37,189,173); background: linear-gradient(0deg, rgba(37,189,173,0) 0%, rgba(37,189,173,0.2) 100%), url("../images/hexa_shape.png") no-repeat left top; clear: both; width: 100%; }

.accredited { background: url("../images/accredit_bg.webp") no-repeat right top; clear: both; margin-top: -54px; padding: 94px 0 0; position: relative; width: 100%; }
.accredited h3, .accredited h3 span { color: var(--green); font-size: 42px; font-weight: 400; margin: 0; }
.accredited span { color: var(--gray); font-size: 13px; font-weight: 500; }
.accredited p { color: var(--bs-white); font-size: 20px; font-weight: 700; margin-right: 3%; text-align: right; text-transform: capitalize; }
.accredited .panel { background-color: var(--bs-white); border-radius: 50rem; box-shadow: 0 0 99px rgba(0, 0, 0, 16%); padding: 25px 20px; }
.accredited .panel .col { border-right: 1px solid #BCBDC0; }
.accredited .panel .col:last-child { border: inherit; }

.about { clear: both; padding: 7% 0 0; width: 100%; }
.about p, .state p { margin: 3rem 0; }

#animated-text-strip { align-items: center; display: flex; flex-flow: row nowrap; overflow: hidden; margin: 70px 0 -0.2%; }
#animated-text-strip .marquee { animation: marquee 30s linear infinite; max-width: none; white-space: nowrap; }
@keyframes marquee { 0% {transform: translate(0, 0); } 100% { transform: translate(-100%, 0); } }
#animated-text-strip .marquee { color: #E5F6F6; font-family: var(--primary-font); font-size: clamp(2.5rem, 0.8313rem + 7.1197vw, 9.375rem); font-weight: 700; line-height: 82%; text-transform: uppercase; }

.btn-read { background-color: var(--orange); border: inherit; border-radius: 50rem; color: var(--bs-white); font-size: 14px; padding: .725rem 1.5rem; text-transform: uppercase; }
.btn-read img, .btn-outline-light img { margin-left: .5rem; }
.btn-read:hover, .btn-read:focus { background-color: var(--green) !important; color: var(--bs-white) !important; }

.btn-outline-light { border-radius: 50rem; font-size: 14px; padding: .725rem 1.5rem; text-transform: uppercase; }
.btn-outline-light:hover img, .btn-outline-light:focus { filter: brightness(0) invert(0); }

.sub-page-text p {line-height:30px;}

.our-team { background: rgb(255,255,255); background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(229,246,246,1) 100%); clear: both; padding: 7% 0; width: 100%; }
.our-team hr { background-color: #D9D9E4; margin: 50px 0; width: 90%; }
.our-team h5 { border-bottom: 1px solid #BCBDC0; color: var(--orange); font-size: 14px; font-weight: 400; padding: 0 1rem 1rem; }
.our-team p { color: #818285; font-size: 14px; }
.our-team .owl-item p { padding: 0 1rem; }
.our-team .photo { border-radius: 10px; clear: both; overflow: hidden; margin-bottom: 1rem; position: relative; width: 100%;}
.our-team .overlay { align-content: flex-end; background: rgb(3,99,88); background: linear-gradient(0deg, rgba(3,99,88,0.6) 0%, rgba(255,255,255,0) 100%); height: 100%; padding: 15px 1rem; position: absolute; left: 0; top: 0; width: 100%; z-index: 1; }
.our-team .overlay h4 { color: var(--bs-white); font-size: 16px; }
.our-team .owl-carousel.owl-drag .owl-item:nth-child(odd) { margin-top: 50px; }
.our-team .owl-theme .owl-nav { margin-top: -80px; position: absolute; right: 9%; top: 0; }
.our-team .owl-carousel .owl-nav button.owl-next, .our-team .owl-carousel .owl-nav button.owl-prev { height: 40px; text-indent: -9999px; width: 40px; }
.our-team .owl-carousel .owl-nav button.owl-next { background: url('../images/arw_next.png') no-repeat center / 17px var(--bs-white); box-shadow: 0 3px 16px rgba(21, 55, 115, 11%); }
.our-team .owl-carousel .owl-nav button.owl-next:hover { background: url('../images/arw_next_01.png') no-repeat center / 17px var(--green); }
.our-team .owl-carousel .owl-nav button.owl-prev { background: url('../images/aro_prev.png') no-repeat center / 17px var(--bs-white); box-shadow: 0 3px 16px rgba(21, 55, 115, 11%); }
.our-team .owl-carousel .owl-nav button.owl-prev:hover { background: url('../images/aro_prev_01.png') no-repeat center / 17px var(--green); }

.spacial { background: url("../images/rect_box.webp") no-repeat bottom right / 50%; clear: both; padding-bottom: 4%; width: 100%; }
.spacial p { font-size: 13px; }
.spacial .photo { clear: both; overflow: hidden; margin-bottom: 2px; position: relative; width: 100%;}
.spacial .overlay { align-content: flex-end; background: rgb(3,99,88); background: linear-gradient(0deg, rgba(3,99,88,0.7) 0%, rgba(255,255,255,0) 60%); height: 100%; padding: 15px 1rem; position: absolute; left: 0; transition: all 2s ease-in; top: 0; width: 100%; z-index: 1; }
.spacial .overlay:hover { background: linear-gradient(0deg, rgba(3,99,88,0) 0%, rgba(255,255,255,0) 60%); transition: all 2s ease-in-out; }
.spacial .overlay h4 { color: var(--bs-white); font-size: 16px; }
.spacial .owl-carousel .owl-nav.disabled { display: block !important; }
.spacial .owl-theme .owl-nav { bottom: 0;margin-bottom: 20%; position: absolute; width: 100%; }
.spacial .owl-carousel .owl-nav button.owl-next, .spacial .owl-carousel .owl-nav button.owl-prev { height: 40px; text-indent: -9999px; width: 40px; }
.spacial .owl-carousel .owl-nav button.owl-next { background: url('../images/arw_next_oge.png') no-repeat center / 17px var(--bs-white); box-shadow: 0 3px 16px rgba(21, 55, 115, 15%); float: right; margin-right: -60px; }
.spacial .owl-carousel .owl-nav button.owl-next:hover, .spacial .owl-carousel .owl-nav button.owl-next:focus { background: url('../images/arw_next_01.png') no-repeat center / 17px var(--orange); box-shadow: 0 3px 16px rgba(21, 55, 115, 15%);  }
.spacial .owl-carousel .owl-nav button.owl-prev { background: url('../images/aro_prev_oge.png') no-repeat center / 17px var(--bs-white); box-shadow: 0 3px 16px rgba(21, 55, 115, 15%); float: left; margin-left: -60px; }
.spacial .owl-carousel .owl-nav button.owl-prev:hover, .spacial .owl-carousel .owl-nav button.owl-prev:focus { background: url('../images/aro_prev_01.png') no-repeat center / 17px var(--orange); box-shadow: 0 3px 16px rgba(21, 55, 115, 15%); }

.why { background: rgb(255,255,255); background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(229,246,246,1) 100%); clear: both; padding: 7% 0; width: 100%; }
.why h2 { margin-bottom: 2.5rem; }
.why .card { background-color: #E5F6F6; border: inherit; margin-bottom: 1.5rem; padding: 20px 20px; width: 100%; }
.why .card h3 { color: var(--orange); font-size: 20px; }
.why .card p { margin: 0; }
.why .card:nth-child(odd) { background-color: #FFF4EC; margin-left: 15%; }
.why .card:nth-child(odd) h3 { color: var(--green); }

.ti{
    margin-bottom: 70px;
}

.gallery {
  background: rgb(255,255,255);
  background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(245,255,255,1) 100%);
  clear: both;
  padding-top: 80px;
  width: 100%;
  position: relative;
}

.gallery h2 {
  margin-bottom: 2.5rem;
  font-size: 28px;
  font-weight: 600;

  text-transform: capitalize;
}

.gallery .row {
  position: relative;
}

.gallery .row::before {
  content: "";
  position: absolute;
  top: 31%;
  bottom: 10%;
  left: 50%;
  width: 1px;
  background-color: #ccc;
  transform: translateX(-50%);
  z-index: 1;
}
@media (max-width:768px) {
    .gallery .row::before {
        display: none;
    }
}

/* Optional: ensure text doesn't touch the line */
.gallery .left-col,
.gallery .right-col {
  padding: 0 2rem;
  z-index: 2;
}
.gallery .news-item{
    display: flex;
    gap: 15px;
}
.gallery .date-box{
    width: 80px;
    height: 80px;
    background-color: var(--green);
    color: var(--bs-white);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 7%;
    font-size: 15px;
    padding: 20px;
}
.gallery .news-content{
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
}
.gallery .news-content h4{
    font-size: 17px;
    text-align: start;
}
.gallery p{
    text-align: start;
    display: flex;
    align-items: start;
    justify-content: start;
}
.gallery .photos{
    display: flex;
    flex-grow: 1;
    gap: 20px; 
}
@media (max-width:768px) {
    .gallery .photos {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
}
.gallery .photos img {
    width: 100%;
    height: 12rem;
    object-fit: cover;
    border-radius: 10px;
    box-shadow: 0 0 21px -9px #7d7d7d;
}
@media (max-width:768px) {
    .gallery .photos img {
        width: 100%;
        height: auto;
    }
}
.gallery .col{
    display: flex;
    flex-direction: column;
    align-items: start;
}
.gallery .blog{
    flex-grow: 1; 
}
@media (max-width:768px) {
.gallery  .view-all{
margin-top: 1rem;
margin-bottom: 1rem;
}
}




.testimonials { background: url("../images/rect_box_01.webp") no-repeat bottom right / 50%; clear: both; padding: 7% 0 50px; width: 100%; }
.testimonials picture { border: 10px solid var(--bs-white); border-radius: 20px; box-shadow: 0 3px 10px rgba(0, 0, 0, 16%); display: inline-block; overflow: hidden; }
.testimonials .play { background: url("../images/play-btn.png") no-repeat center / 60px;  bottom: 0; left: 0; position: absolute; right: 0; top: 0; width: 100%; z-index: 1; }
.testimonials .owl-carousel .owl-stage-outer { padding: 3% 0; }
.testimonials .owl-carousel .owl-item { -webkit-transform: scale3d(0.8, 0.8, 1); transform: scale3d(0.8, 0.8, 1); transition: all 0.3s ease-in-out; }
.testimonials .owl-carousel .owl-item a {visibility: hidden; }
.testimonials .owl-carousel .owl-item.center { -webkit-transform: scale3d(1.4, 1.4, 1); transform: scale3d(1.4, 1.4, 1); }
.testimonials .owl-carousel .owl-item.center picture { border-width: 5px; border-radius: 12px; }
.testimonials .owl-carousel .owl-item.center a { visibility: visible; }
.testimonials .owl-carousel .owl-item img { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }

.innovative { background-color: var(--green); border-radius: 30px; margin: 7% 0; padding: 30px 50px 0; width: 100%; }
.innovative h2 { color: var(--bs-white); }
.innovative p { color: var(--gray); font-weight: 700; }
.innovative .pic { margin-top: -120px; position: relative; }
.innovative .btn-read:hover, .innovative .btn-read:focus { background-color: #D56200 !important; }

.dropdown-item.active, .dropdown-item:active {color: var(--bs-dropdown-link-active-color);text-decoration: none;background-color: var(--green);}

.special-h3 h3 {font-size: 26px;}

.we-are { clear: both; width: 100%; }
.we-are h3 { font-size: 26px; }
.we-are .owl-carousel .owl-stage {
    display: flex;
    align-items: center;
}
.we-are .owl-carousel .owl-item img { 
     width: auto;
}

footer { background-color: #E5F6F6; clear: both; margin-top: 7%; width: 100%; }
footer .logo { margin-top: -72px; position: absolute; text-align: center; width: 100%; }
footer .info { background-color: #CDE9E9; color: #00655B; font-size: 16px; font-weight: 700; margin-bottom: 50px; padding: 24px 0; width: 100%; }
footer .info .col:last-child, .copy .col:last-child { text-align: right; }
footer .info .fa-solid, footer .info .fa-brands { background-color: var(--bs-white); border-radius: 50px; color: var(--orange); display: inline-block; font-size: 16px; height: 30px; line-height: 18px; padding: 6px; text-align: center; width: 30px; }
footer .info .fa-brands { margin-left: 8px; }
footer .fa-solid { color: var(--orange); font-size: 30px; }
footer .spacer { border-right: 1px solid #BCBDC0; padding: 12px 12px; }
footer .reach p { font-size: 14px; margin: 0; }
footer hr { margin: 30px 0; }
footer h4 { font-size: 18px; margin-bottom: 20px; }
footer p { font-size: 15px; }

footer a:hover { text-decoration: underline; }
footer ul { list-style: none; margin: 0; padding: 0; }
footer ul li { font-size: 14px; margin-bottom: 10px }
footer a, footer ul li a { color: var(--dark-gray); }
footer .view { color: var(--green); font-size: 14px; }
.copy { background-color: var(--green); color: var(--bs-white); font-size: 12px; margin-top: 50px; padding: 12px 0; width: 100%; }

.appointment { display: block;
    transition: opacity 0.3s ease-in-out;background-color: var(--indigo); box-shadow: 0 8px 9px -2px rgba(0, 0, 0, 0.5); bottom: 30px; border-radius: 12px; color: #fff; font-size: 12px; font-weight: 600; padding: 12px; position: fixed; right: 15px; text-align: center; text-transform: uppercase; z-index: 1; }
.appointment a { color: var(--bs-white); }

div.goverlay {background: rgba(0, 0, 0, .8);}

.news-lnk span {color:var(--orange); font-weight: 500;margin-bottom:12px; display: inline-block;}
.news-lnk .gallery-hed:hover {text-decoration: underline;}
.news-left {background: #fff;padding: 20px;border-radius: 20px;margin-bottom: 30px;}

/*------subpage ----*/
.intro.sub-page {background: rgb(37,189,173); background: linear-gradient(0deg, rgba(37,189,173,0) 0%, rgba(37,189,173,0.2) 100%), url("../images/hexaf_shape.png") no-repeat left top; clear: both; width: 100%;}
.navbar.sub-page .navbar-nav .nav-link {color: var(--gray);}
.sub-page .about {padding-top: 190px;background-image: inherit;}
.sub-banner { display:flex;background:var(--green) ;padding:12px; color:#fff;padding: 30px 12px;color: #fff;height: 130px;}
.sub-banner h1 {color:#fff;font-size:40px;}
.sub-banner h5 {color: #fff;margin: 0;font-size: 26px;}
.sub-banner .container {display: flex;align-items: center;justify-content: space-between;}
.sub-page-text h2 {color:var(--orange);}
.sub-page-text .right img {width: 460px;}
.sub-page-text{margin-top: 70px;}

.orange-sub {background-color:#FFF4EC; padding:55px 12px;}
.orange-sub li {list-style:none; position:relative;padding-left: 30px;margin-bottom: 10px;}
.orange-sub li:after {position: absolute; content: "";width: 14px; height: 14px; background: #F36C29;border-radius: 50px;left:0;top:2px;}      
.orange-sub ul {padding-left: 0;}

footer .info .fa-brands:hover {text-decoration: none;}

.doctors-text img {border-radius: 12px;}
.dr-img {margin-bottom: 12px;}
.doctors-text h2 {font-size:22px; color:#231f20; }
.doctors-text h4 {font-size:18px;color:var(--orange); }
.doctors-text h6 {font-size:14px;}
.doctors-text p {margin: 12px 0;}
.doctors-text {column-gap: 20px;}


.card {width: 48%; background: transparent;border:none;}

/*------contact page ----*/

.contact-wrap .highbox.contact-form { border-radius: 20px;background:var(--bs-white);padding: 30px 30px 80px;
    -webkit-box-shadow: -5px -4px 26px -7px rgba(7, 47, 74, 0.33);-moz-box-shadow: -5px -4px 26px -7px rgba(7, 47, 74, 0.33);box-shadow: -5px -4px 26px -7px rgba(7, 47, 74, 0.33);
}

.form-detils .form-control {color: #76848D;font-size: 16px;padding: 15px 0px;font-weight: 500;box-shadow: none;border-radius: 0;border: 0;border-bottom: 1px solid #B3B3B3;}

.contact-form .btn-secondary {background-color: var(--orange);color: var(--bs-white);font-weight: 500;font-size: 14px;box-shadow: none;border: 0;padding: 16px 25px;border-radius: 100px;
    text-transform: uppercase;min-width:auto;width: 100%;
}
.sub-page-text .right .submit img {width: auto;margin-left: 6px;}
.contact-wrap .btn-secondary:hover {background-color: var(--green);color: var(--bs-white);}
.addre-wrap {margin-top: 40px;}

.addre-wrap .ico {float: left;padding-bottom: 40px;margin-right: 12px;}

.addre-wrap span {font-size: 18px;font-weight: 500;color:var(--orange);}

.addre-wrap .text {font-size: 18px;color:var(--dark-gray);font-weight: 600;}
.addre-wrap .text a { color:var(--dark-gray);}
.addre-wrap .text a:hover {text-decoration: underline}
.map-wrap {width: 100%; margin: 50px auto 0 auto;position: relative;}
.left-wrap h3 {color:var(--orange);}

.testm-wrap {column-gap: 26px;}
.test-text {
    width: 48%;padding: 12px;
    margin-top: 24px;
    position: relative;
    border: none;
    box-shadow: 0 0 25px rgba(0, 0, 0, .1);
    background: #fff;
    border-radius: 12px;
}
.test-text p {margin: 22px 0 22px 0;font-style: italic;}
.testm-image img {border-radius: 10px;}
.testm-image {width: 80px;height: 80px;margin-right: 15px;}
.test-top {display:flex;}

.gallery-item {width:32%;background: #fff;box-shadow: 0 0 21px -9px #7d7d7d;border-radius: 20px;padding: 10px;margin-bottom: 26px;}
.gallery-item img { border-radius:12px;}
.gallery-hed {padding: 12px;}
.gallery-wrap {column-gap: 18px;}
.gallery-item a {
    min-height: 190px;
}
.gallery-item .vid-tmb {
    position: relative;
}
.gallery-item .vid-tmb i{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.vdeo-imglink {border:2px solid var(--orange); padding:12px; font-size: 14px;color:var(--gray);border-radius: 30px;width: 130px;text-align: center;}
.vdeo-imglink:hover {background-color:var(--orange);color:#fff; }
.vdeo-imglink.active {background-color:var(--orange);color:#fff; }
.btn-vdo-image {column-gap: 10px;display: flex;margin-bottom: 30px;justify-content: end;}
.serv-image img {border-radius: 10px;}
.tech-points ul {margin: 0;display: flex;flex-wrap: wrap;padding: 0;}

.tech-points li {border: 1px dashed grey;padding: 12px;border-radius: 12px;width: 30%;margin: 8px;background: aliceblue;list-style: none;
    font-size: 16px;height:auto;display:block;align-items: center;justify-content: center;}
    .tech-points li img {border-radius: 10px;margin-top: 20px;}
.orange-sub .tech-points li:after {display: none;}
.appont-wrap {display: flex;flex-wrap: wrap;column-gap: 52px;}
.appont-wrap .form-detils {width: 47%;}

.appont-wrap .form-select {
    border: none;
    border-bottom: 1px solid #B3B3B3;
    border-radius: 0;
    padding-left: 0;
    padding-right: 0;
    height: 66px;
}

.gender-wrp {display: flex;column-gap: 12px;
    align-items: end;
    margin-top: 20px;}

    .contact-form .form-detils .form-control {height: 66px; }

.news-right {

}
.news-right a {
    display: flex;align-items: flex-start;
    border-bottom: 1px solid #BCBDC0;
    padding-bottom: 10px;
    margin-bottom: 10px;
    color: #64696E;
}
.news-wrap li:last-child a {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}
.news-wrap img {border-radius: 12px;}
.news-right p {margin:0;line-height: 28px;}
.news-right ul {padding:0;margin:0}
.news-right li {list-style: none;}
.news-right a img {
    min-width: 100px;
    min-height: 80px;
    max-width: 100px;
    max-height: 80px;
    object-fit: cover;
    margin-right: 10px;
    border-radius: 4px;
    padding: 3px;
    border: 1px solid var(--green);
    transition: .3s allease-out 0s;
}

.news-right a span {
    font-size: 12px;
    color:var(--orange);
}

footer .news p a {color:var(--dark-gray);}

/*-------------------
    Media Query
---------------------------*/

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

    .appont-wrap .form-detils {width:100%;}
    div.gender-wrp {margin-top: 40px;}

    .test-text {width:100%;}
    .gallery-item {width:100%;}
    .test-top h4 {font-size: 18px;}
    .gallery-wrap {padding: 0 16px;}
    .tech-points li {width:100%;}
.appont-wrap .form-detils {width:100%;}
    .contact-wrap .col-md-6.mb-4.right {order: -1;}

.ft-logo-slider {margin-top: 30px;}
    .ft-logo-slider.owl-carousel .owl-stage {display:flex;}
    .we-are .owl-carousel .owl-item {justify-content: center;display: flex;}
     .we-are .owl-carousel .owl-item img {width: 150px; max-width: fit-content;}
     .we-are .col {max-width: 50%;align-items: center;display: flex;justify-content: center;}

    .appointment {font-size: 10px;padding: 5px;right: 0px;}
    .btnmo-green {background-color:var(--green); padding:20px 10px;}
    .order-top {order: -1;}
    .card {width:100%;}
    .sub-page .about {padding-top: 100px;}
    
    h2 { font-size: 26px; }
    .col { flex-basis: auto; }
    .topbar { background: inherit; }
    .topbar .navbar-brand { margin: 10px 0 0 10%; width: 75px }
    .navbar { margin: 0; }
    .navbar-toggler { border: inherit; padding: 0; position: absolute; right: 15px; top:25px; }
    .offcanvas { display: block; }
    .carousel-caption { bottom: 0; margin-bottom: 0%; }
    .carousel-caption h1 { font-size: 25px; }
    .carousel-caption p { font-size: 12px; margin: 0 0 5px }
    .gx-5 { --bs-gutter-x: 1rem; }
    .accredited { margin-top: inherit; padding-top: 25px; }    
    .accredited .panel { border-radius: 0; }
    .accredited .panel .col { border: inherit; flex-basis: auto; margin-bottom: 1rem; max-width: 50%; }
    .accredited h3,.accredited h3 span { font-size: 28px; }
    .accredited span { font-size: 10px; }
    .accredited p { font-size: 16px; margin-bottom: 25px; text-align: center; }
    .about p, .state p { margin: 20px 0; }
    .about { background-position: center 100.5%; background-size: 690px; padding-top: 40px; }
    #animated-text-strip { margin-top: 40px; }
    .our-team .overlay h4 { font-size: 13px; }
    .spacial { background-image:none; }
    .spacial .overlay { padding: 5px 0.5rem; }
    .spacial .overlay h4 { font-size: 10px; }
    .our-team .owl-theme .owl-nav { right: 2.5%; }
    .spacial .owl-carousel .owl-nav button.owl-prev, .spacial .owl-carousel .owl-nav button.owl-next { margin: 0 0 4%; }
    .why { padding-bottom: 40px; }
    .why .card:nth-child(2n+1) { margin-left: 0; }
    .testimonials { background-image:none; }
    .testimonials .owl-carousel .owl-stage-outer { padding: 0; }
    .testimonials .owl-carousel .owl-item { -webkit-transform: scale3d(01, 1, 1); transform: scale3d(01, 1, 1); }
    .testimonials .owl-carousel .owl-item.center { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
    .innovative { margin: 35px 0; padding: 20px 20px 0; }
    .innovative .pic { margin: 0; }
    .we-are .col { max-width: 50%; }
    footer { margin-top: 100px; }
    footer .logo { margin-top: -185px; }
    footer .info { padding-top: 50px; }
    footer .info .col { margin-top: 15px; }
    footer .info, footer .info .col:last-child { text-align: center; }
    footer .spacer { border: inherit; }

    .copy, .copy .col:last-child { text-align: center; }
    .sub-banner .container {display: block;}
    .sub-banner {height: auto;}
    .sub-banner h1 {font-size: 36px;}
    .sub-banner h5 {font-size: 18px;}
    .sub-page-text {margin-top: 30px;}

    .special-h3 h3 {font-size: 18px;}

 
    span.navbar-toggler-icon {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23fff' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    }
    .sub-page span.navbar-toggler-icon {background: url("../images/hambrgeen.png") no-repeat;
        background-size: auto;
        background-position:left top;
    }


}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .gallery-item {width: 48%;}
     div.gender-wrp {margin-top: 40px;}
    .appont-wrap .form-detils {width:100%;}
    span.navbar-toggler-icon {background: url("../images/hambrg.png") no-repeat;
        background-size: auto;
        background-position:left top;
    }
    .sub-page span.navbar-toggler-icon {background: url("../images/hambrgeen.png") no-repeat;
        background-size: auto;
        background-position:left top;
    }

    .we-are .owl-carousel.owl-drag .owl-item {width: 20%;}
    .ft-logo-slider.owl-carousel .owl-stage {display:flex;align-items: center;}
    .ft-logo-slider.owl-carousel .owl-item img {width: auto;}


    .special-h3 h3 {font-size: 18px;}
    .sub-banner h5 {font-size: 24px;}
    .sub-banner h1 {font-size: 36px;}
    .sub-banner {height: auto;}
     .sub-page .about {padding-top: 100px;}
  
    .sub-page .navbar-toggler {background: var(--green);}
     h2 { font-size: 24px; }
    .topbar { background: inherit; }
    .topbar .navbar-brand { margin: 10px 0 0 6%; width: 90px }
    .navbar-toggler { border: inherit;  padding: 0; position: absolute; right: 10px; top: 0; }
    .offcanvas { display: block; }
    .carousel-caption { margin-bottom: 8%; }
    .carousel-caption h1 { font-size: 48px; }
    .carousel-caption p { font-size: 14px; }
    .gx-5 { --bs-gutter-x: 1rem; }
    .accredited { background-size: 70%; padding-top: 60px; }
    .accredited h3, .accredited h3 span { font-size: 28px; }
    .accredited span { font-size: 10px; }    
    .about p, .state p { margin: 20px 0; }
    .spacial { background-size: 50% 200px; }
    .spacial p br { display: none; }
    .spacial .owl-carousel .owl-nav button.owl-prev { margin: 0 0 5% -20px; }
    .spacial .owl-carousel .owl-nav button.owl-next { margin: 0 -20px 5% 0; }
    .why .card h3 { font-size: 16px; }
    .why .card p { font-size: 12px; }
    .testimonials { padding-bottom: 0; }
    .testimonials .owl-carousel .owl-item { -webkit-transform: scale3d(00.8, 0.8, 1); transform: scale3d(00.8, 0.8, 1); }
    .testimonials .owl-carousel .owl-item.center {-webkit-transform: scale3d(1.3, 1.3, 1); transform: scale3d(1.3, 1.3, 1); }
    .innovative h2 { font-size: 20px; }
    .innovative .pic { margin-top: -59px; }
    .btn-read { padding: 0.5rem 1rem; }
    footer .info { font-size: 13px; }
    footer h4 { font-size: 15px; }
    footer p, footer ul li, footer .view { font-size: 11px; }
}
@media only screen and (min-width: 992px) {
header .strap {position: relative;z-index:3;}

}


@media only screen and (min-width: 1000px) and (max-width: 1199px) {
    .we-are .owl-carousel.owl-drag .owl-item {width: 20%;}
    .ft-logo-slider.owl-carousel .owl-stage {display:flex;align-items: center;}
    .ft-logo-slider.owl-carousel .owl-item img {width: auto;}

    .topbar .navbar-brand { margin-left: 55px; }
    .topbar .btn-primary { font-size: 10px; }
    .topbar .nuv { width: 80px; }
    .topbar .nabh { width: 30px; }
    .carousel-caption { margin-bottom: 10%; }    
    .spacial { padding-bottom: 10px; }
    .spacial .owl-carousel .owl-nav button.owl-prev { margin: 0 0 -1% -25px; }
    .spacial .owl-carousel .owl-nav button.owl-next { margin: 0 -25px -1% 0; }
}

@media only screen and (min-width: 1200px) and (max-width: 1360px) {
    .topbar .navbar-brand { margin-left: 33px; }
    .topbar .btn-primary { font-size: 12px; }
    .topbar .nuv { width: 100px; }
    .topbar .nabh { width: 40px; }
}

@media only screen and (min-width: 1480px) and (max-width: 1560px) {
    .topbar .navbar-brand { margin-left: 18px; }
}

@media (min-width: 1640px) {
    h1 { font-size: 60px; }
    h3 { font-size: 36px; }
    h2 span { font-size: 16px; }
    p { font-size: 16px; }
    .wrapper { max-width: 100%; }
    .strap { background: rgb(255,255,255); background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 8.5%, rgba(255,255,255,0) 8.5%, rgba(255,255,255,0) 80%, rgba(251,251,251,1) 80%, rgba(255,255,255,1) 100%); clear: both; width: 100%; }
    .topbar { font-size: 16px; }
    .topbar .navbar-brand { margin-left: 10px; }
    .topbar .btn-primary, .btn-read { font-size: 14px; }
    .carousel-caption { margin-bottom: 15%; }
    .carousel-caption p { font-size: 18px; }
    .accredited { background-size: 51%; }
    .accredited h3, .accredited h3 span { font-size: 52px; }
    .accredited p { font-size: 26px; }
    .accredited span { font-size: 16px; }
    .about { background-size: auto; }
    .our-team hr { width: 93%; }
    .our-team h5, .our-team p { font-size: 16px; }
    .our-team .overlay h4, .spacial .overlay h4 { font-size: 20px; }
    .our-team .owl-carousel .owl-nav button.owl-next, .our-team .owl-carousel .owl-nav button.owl-prev,
    .spacial .owl-carousel .owl-nav button.owl-next, .spacial .owl-carousel .owl-nav button.owl-prev{ height: 48px; width: 48px; }
    .our-team .owl-carousel .owl-nav button.owl-next, .our-team .owl-carousel .owl-nav button.owl-next:hover,
    .our-team .owl-carousel .owl-nav button.owl-prev, .our-team .owl-carousel .owl-nav button.owl-prev:hover,
    .spacial .owl-carousel .owl-nav button.owl-next, .spacial .owl-carousel .owl-nav button.owl-next:hover,
    .spacial .owl-carousel .owl-nav button.owl-prev, .spacial .owl-carousel .owl-nav button.owl-prev:hover { background-size: auto; }
    .why .card h3 { font-size: 24px; }
    footer .info { font-size: 18px; }
    footer .fa-solid { font-size: 36px; }
    footer .reach p { font-size: 16px; }
    footer h4 { font-size: 20px; }
    footer p { font-size: 17px; }
    footer ul l, footer .view { font-size: 16px; }
    .copy { font-size: 14px; }   
}


.gscrollbar-fixer {
    margin-right: 0px !important;
}
 
.glightbox-open {
    overflow: unset !important;
}