@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Lexend:wght@100..900&family=Mulish:ital,wght@0,200..1000;1,200..1000&family=Poltawski+Nowy:ital,wght@0,400..700;1,400..700&family=Sree+Krushnadevaraya&family=Unna:ital,wght@0,400;0,700;1,400;1,700&display=swap');


/*@import url('https://fonts.googleapis.com/css2?family=Afacad+Flux:wght@100..1000&display=swap');*/

a {
 text-decoration: none;
 display: flex;
 aling-item: centre;
 color: unset;
}

@font-face {
    font-family: 'SF Pro Display';
    src: url('../fonts/SFProDisplay-Black.woff2') format('woff2'), url('../fonts/SFProDisplay-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SF Pro Display';
    src: url('../fonts/SFProDisplay-Heavy.woff2') format('woff2'), url('../fonts/SFProDisplay-Heavy.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SF Pro Display';
    src: url('../fonts/SFProDisplay-Bold.woff2') format('woff2'), url('../fonts/SFProDisplay-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SF Pro Display';
    src: url('../fonts/SFProDisplay-Semibold.woff2') format('woff2'), url('../fonts/SFProDisplay-Semibold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SF Pro Display';
    src: url('../fonts/SFProDisplay-Medium.woff2') format('woff2'), url('../fonts/SFProDisplay-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SF Pro Display';
    src: url('../fonts/SFProDisplay-Regular.woff2') format('woff2'), url('../fonts/SFProDisplay-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body {
    margin: 0px 0px 0px 0px;
    padding: 0px;
    /*font-family: "Afacad Flux", serif !important;*/
    font-family: 'SF Pro Display' !important;
    font-size: 14px;
    line-height: 16px;
    -webkit-text-size-adjust: 100%;
    height: 100%;
    color: #777;
    text-align: justify;
}

body.sticky-active {
  padding-top: 120px; /* adjust based on header height */
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}


/* BODY */

.mainWrapper {
    display: flex;
    flex-direction: column;
    margin-bottom: 0px;
}

/* HEADER AND SUBHEADER */

header {
    background: #000119;
    padding: 0px;
    position: relative;
    width: 100%;
    z-index: 1000;
    transition: all 0.3s ease;
}

.top-wraper {
    padding: 8px 10px;
}

/* Sticky State */
header.sticky {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  animation: slideDown 0.35s ease forwards;
  /* box-shadow: 0 4px 12px rgba(0,0,0,0.08); */
}

header.sticky {
  backdrop-filter: blur(10px);
}

header.sticky .top-wraper {
  padding: 8px 0px;
}

/* Smooth Slide Animation */
@keyframes slideDown {
  from {
    transform: translateY(-100%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

header .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header-left {
    float: left;
    max-width: 210px;
}

.header-left img {
    max-width: 100%;
}

.header-right {
    display: flex;
    align-items: center;
    gap: 30px;
}

.whatsappcta img {
    max-width: 50px;
}


/*SUB HEADER*/

.subHeader {
    background: #FBF6EA;
}

.subHeader ul {
    text-align: center;
}

.subHeader ul li {
    display: inline-block;
    padding: 0 40px;
}

.subHeader ul li a {
    display: inline-block;
    color: #1d1d1f;
    /* text-transform: uppercase; */
    letter-spacing: 1px;
    padding: 9px 29px;
    font-size: 16px;
    background: linear-gradient(0deg, #F1C67A 0%, #fbe1b3 100%);
    margin: 9px 5px;
    border-radius: 50px;
    font-weight: bold;
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15);
}

.subHeader .container {
    display: flex;
    justify-content: center;
    align-items: center;
}

.subHeader ul {
    text-align: center;
    display: flex;
    justify-content: center;
    padding: 0;
}

.subHeaderInner {
    width: 100%;
}


/* HERO SECTION */

section.hero {
    position: relative;
}

.hero img {
    width: 100%;
    height: auto;
}

.bottomcurve {
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    z-index: 22;
    overflow: hidden;
}

.bottomcurve svg path {
    fill: #fff;
}

/* PACKAGES */

.badges {
    display: flex;
    flex-wrap: nowrap;
    gap: 10px;
    justify-content: center;
}

.packageServices {
    background: #000;
    color: #fff;
    padding: 8px 8px;
    border-radius: 50px;
    font-size: 16px;
    min-width: 15%;
    text-align: center;
    display: flex;
    align-items: center;
    gap: 10px;
}

.card-grid {
    display: grid;
    grid-template-columns: auto auto auto auto;
    gap: 12px;
    margin-top: 15px;
}

.card {
    background-image: linear-gradient(20deg, #FFEAC2 40%, #BC7830 100%);
    padding: 8px;
    border-radius: 16px;
    /* box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); */
}

.card h3 {
    font-size: 14px;
}

.price {
    color: #f4b942;
    font-weight: bold;
    margin: 5px 0;
}

.card ul {
    font-size: 12px;
    margin-top: 5px;
}

.card ul li {
    font-size: 19px;
    color: #212121;
    text-align: left;
    list-style: none;
    margin: 10px 5px 10px;
    line-height: 25px;
}

.card ul li i {
    display: none;
    color: #595959;
}

.packBanner img {
    width: 100%;
    border-radius: 14px;
}

/* COST COMPARISON */

.sectionBlank img {
    width: 100%;
    display: block;
    margin: auto;
    border-radius: 15px;
}


/* HOLIDAY PACKAGES */

.allPackages {
    display: flex;
    justify-content: space-around;
    gap: 30px;
}

.package-card {
    width: 100%;
}

.package-card img {
    border-radius: 20px;
    width: 100%;
    box-shadow: 0px 6px 15px -5px #a7a7a7;
    /* border: 1px solid #fbfbfb; */
}



/* SERVICES */

.service {
    background: #fff;
    color: #000;
    padding: 5px;
    margin-top: 10px;
    border-radius: 15px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 12px;
    width: 280px;
}

.service .serviceDeatils {
    text-align: center;
    margin: 3px 0px 8px;
}

.service .serviceDeatils h3 {
    font-size: 18px;
    margin: 0px 0px 8px;
}

.service .serviceDeatils p {
    color: #606060;
    margin: 0px 0px;
    font-size: 14px;
}

.serviceInnerWrap {
    display: flex;
    justify-items: stretch;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.serviceInnerWrap img {
    border-radius: 14px;
}

/* TRANSFORMATION */

.carousel {
    width: 100%;
    max-width: 900px;
    margin: 0px auto;
    position: relative;
    overflow: hidden;
}

.carousel-track {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    height: 400px;
    margin-bottom: 7px;
}

/* Card Base */
.pictureCard {
    position: absolute;
    width: 360px;
    border-radius: 20px;
    overflow: hidden;
    transition: all 0.5s ease;
    opacity: 0.5;
    transform: scale(0.8);
    z-index: 1;
}

.pictureCard img {
    width: 100%;
    object-fit: cover;
}

.pictureCard-content {
    padding: 12px;
    color: #fff;
    text-align: center;
}

/* Active (center) */
.pictureCard.active {
    opacity: 1;
    transform: scale(1);
    z-index: 3;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.308);
    background-color: #333;
}

/* Left */
.pictureCard.prev {
    transform: translateX(-220px) scale(0.85);
    opacity: 0.7;
    z-index: 2;
}

/* Right */
.pictureCard.next {
    transform: translateX(220px) scale(0.85);
    opacity: 0.7;
    z-index: 2;
}

/* Hidden */
.pictureCard.hidden {
    opacity: 0;
    transform: scale(0.7);
    z-index: 0;
}

/* Controls */
.controls {
    text-align: center;
    margin-top: 0px;
}

.controls button {
    background: #fff;
    width: 35px;
    padding: 3px 3px;
    margin: 0 10px;
    border-radius: 50%;
    cursor: pointer;
    border: 1px solid #ccc;
    height: 35px;
}

.controls button:hover {
    background: #ccc;
}



/* OUR WORK - IMPLANTS */
.ImplantsWork {
    background-color: #ffffff;
    border: 1px solid #B3B3B3;
    border-radius: 15px;
    padding: 5px 5px 2px;
}

.ImplantsWork h3 {
    color: #1d1d1f;
    font-size: 18px;
    text-align: center;
    margin: 8px 0px 10px 0px;
}

.ImplantsWork img {
    width: 100%;
    border-radius: 15px;
}

.AllWork {
    display: flex;
    flex-wrap: nowrap;
    gap: 10px;
    justify-content: center;
    flex-direction: row;
}


/* AWARDS AND CERTIFY */

.eventsbg {
    /* background-color: #16242d; */
    background-color: #12415f;
    /* background-image: url(../images/awads-certify.png); */
}

.OfferWrap {
    display: flex;
    gap: 20px;
    justify-content: center;
}

.certifyOfferLeft,
.certifyOfferRight {
    width: 30%;
    display: flex;
    position: relative;
    align-items: center;
}

.certifyOfferLeft img {
    position: absolute;
    left: -12px;
    top: -7px;
}

.certifyOfferRight img {
    position: absolute;
    right: -12px;
    top: -8px;
}

.certifyOfferRight img,
.certifyOfferLeft img {
    width: 20%;
}

.textbase {
    background-image: linear-gradient(20deg, #F6D58E 40%, #C07E34 100%);
    /* background-color: #0c242e; */
    padding: 20px 0px;
    border-radius: 60px;
    width: 100%;
}

.certifyOfferRight .textbase,
.certifyOfferLeft .textbase {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.certifyOfferLeft .textbase h3 {
    color: #1d1d1f;
    width: 100%;
    text-align: center;
    padding-left: 20px;
    margin: 0;
    font-size: 22px;
    font-weight: 800;
}

.certifyOfferRight .textbase h3 {
    color: #1d1d1f;
    width: 100%;
    text-align: center;
    padding-right: 20px;
    margin: 0;
    font-size: 22px;
    font-weight: 800;
}


/* AWARDS YEARS */

.AwwardsWrap {
    /* background-color: #0c242e; */
    padding: 10px 20px;
    margin: 20px auto 20px;
    display: flex;
    gap: 20px;
    justify-content: space-around;
    width: 100%;
    border-radius: 20px;
}

.AwwardsWrap img {
    max-width: 20%;
}

.glass-card {
    /* background-color: #0c242e; */
    /* background: rgb(163 126 77 / 20%); */
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-radius: 20px;
    border: 1px solid rgb(163 126 77 / 30%);
    position: relative;
    overflow: hidden;
}

.glass-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg,
            transparent,
            rgba(255, 255, 255, 0.8),
            transparent);
}

.glass-card::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 100%;
    background: linear-gradient(180deg,
            rgba(255, 255, 255, 0.6),
            transparent,
            rgba(255, 255, 255, 0.3));
}

.Certify {
    border-radius: 20px;
    background-color: #F8F8F8;
    padding: 10px;
    margin: 10px auto 0px;
    justify-content: space-between;
    width: 100%;
}

.Certify img {
    width: 100%;
}

/* STUNNING SMILES */

img.allflags {
    width: 50%;
    margin: auto;
    display: block;
}

img.colarge {
    width: 100%;
    margin: auto;
    display: block;
}


/* TESTIMONIALS */

.videoWrap {
    display: flex;
    flex-wrap: nowrap;
    gap: 10px;
    justify-content: center;
    margin: 18px 0px;
}

.videoThumb {
    width: 48%;
    border-radius: 10px;
    overflow: hidden;
}

.videoThumb iframe {
    width: 100%;
    zoom: 60%;
    height: 260px;
}

/* RATING */

.ratingBlock {
    display: flex;
    justify-content: space-between;
    gap: 5px;
    margin: 10px 0px 0px;
}

.ratinglabels {
    background: rgb(255 255 255);
    border-radius: 10px;
    height: 130px;
    width: 100%;
    text-align: center;
    padding: 10px;
}

.ratinglabels img {
    width: 40%;
    margin: auto;
}

/* OUR SPECIALISTS */

.specialistBlock .item {
    padding: 0;
    margin: 15px 0px 0px;
    display: flex;
    flex-wrap: nowrap;
    gap: 0;
    justify-content: center;
    flex-direction: column;
}

.specialistBlock .item {
    list-style: none;
    width: 200px;
}

.specialistBlock .item p {
    font-weight: 700;
    color: #1d1d1f;
    font-size: 16px;
    line-height: 14px;
    text-align: center;
}

.specialistBlock .item p span {
    font-weight: 400;
    color: #606060;
    font-size: 14px;
    display: block;
    margin-top: 6px;
}


/* ADVANCED TECHNOLOGIES */

.pLusBox {
    line-height: 60px !important;
}

.plus::before {
    content: "x";
    color: #f1a917;
    font-weight: 800;
    font-size: 28px;
    margin-right: 5px;
    position: absolute;
    top: -35px;
}

.plus {
    color: #f4b942;
    font-weight: 800;
    position: relative;
}

/* TECHNOLOGIES SLIDER */

.slider {
    width: 70%;
    text-align: center;
    border-radius: 0px;
    overflow: hidden;
    margin: auto;
}

.slides {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    margin-bottom: 20px;
}

.slides img {
    width: 100%;
    border-radius: 20px;
}

.slides::-webkit-scrollbar {
    display: none;
}

.slides>div {
    scroll-snap-align: start;
    flex-shrink: 0;
    width: 100%;
    height: auto;
    margin-right: 20px;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* DOTS */
.dots {
    display: flex;
    justify-content: center;
    gap: 20px;
    padding: 10px 0px;
}

.dots button {
    width: 60px;
    height: 60px;
    border-radius: 10%;
    display: inline-block;
    transition: 0.3s;
    border: none;
    padding: 0;
    background: transparent;
}

.dots button.active {
    transform: scale(1.2);
}

.dots button img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 15px;
}


/* IMPLANT BRANDS */

.globebg {
    background-image: url(../images/globe.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 0px 80%;
}

.brands-wrap {
    max-width: 75%;
    max-width: 1000px;
    margin: 20px auto 0;
}

.brands-wrap-inner {
    margin-top: 40px;
    padding: 0 15px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.allBrands {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
}

/* WHY CHOOSE US */

.chooseWrap {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    gap: 20px;
    margin-bottom: 20px;
}

.cubeInfo h5 {
    font-size: 30px;
    text-align: left;
    color: #fff;
    line-height: 21px;
    margin: 0px 5px 8px;
    text-shadow: 0px 3px 7px #000;
}

.cubeInfo h5 span {
    font-size: 18px;
    color: #fff;
    display: block;
    margin-top: 5px;
    font-weight: 400;
}

.cube,
.wide {
    width: 23%;
    height: 160px;
    text-align: center;
    margin: 0px 0px;
    padding: 10px 0px 15px;
    transform: scale(1);
    border-radius: 20px;
}

.cube:before,
.wide:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 70%;
    background-image: linear-gradient(rgb(12 36 46 / 0) 10%, rgb(0 0 0 / 31%) 90%);
    opacity: 0.9;
    transition: all ease 0.4s;
    z-index: 1;
    border-radius: 0px 0px 10px 10px;
}

.cube-box:hover .cube:before:before {
    height: 100%;
    opacity: 1;
    background-image: linear-gradient(rgb(12 36 46 / 0) 10%, rgb(0 0 0 / 74%) 90%);
}

.cube-box,
.wide-box {
    transform: scale(1);
    background-size: cover;
    transition: all 0.5s ease 0s;
    background-size: cover !important;
}

.cube-box:hover,
.wide-box:hover {
    transform: scale(1.05);
}

.bxOne {
    background: url(../images/choice/cube-1.webp) no-repeat center;
}

.bxTwo {
    background: url(../images/choice/cube-2.webp) no-repeat center;
}

.bxThree {
    background: url(../images/choice/cube-3.webp) no-repeat center;
}

.bxFour {
    background: url(../images/choice/cube-4.webp) no-repeat center;
}

.bxFive {
    background: url(../images/choice/cube-5.webp) no-repeat center;
}

.bxSix {
    background: url(../images/choice/cube-6.webp) no-repeat center;
}



.wdOne {
    background: url(../images/choice/wide-1.webp) no-repeat center;
}

.wdTwo {
    background: url(../images/choice/wide-2.webp) no-repeat center;
}

.cubeInfo {
    position: absolute;
    bottom: 0px;
    z-index: 9999;
    left: 0;
    right: 0px;
    text-align: center;
    padding: 48px 10px 10px;
}

.cube img {
    width: 100%;
}


/* BEST DENTAL CLINIC */

.section-title {
    text-align: center;
    margin-bottom: 0;
}

.section-title h3 {
    font-size: 45px;
    line-height: normal;
    padding: unset;
    border-radius: 0;
    color: #1d1d1f;
    margin: 16px auto 0px;
    font-weight: 800;

}

.section-title h2 {
    background: -webkit-linear-gradient(#efd5a2, #cf8a3f);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    font-size: 40px;
    line-height: normal;
    padding: unset;
    border-radius: 0;
    margin: 0px auto 0px;
    font-weight: 800;

}

.container-fluid {
    max-width: 750px;
    margin: 0 auto;
    width: 100%;
    padding: 0 15px;
}

.middleaward-block {
    background: #fff;
    position: relative;
    padding: 0px 0px 10px;
}

.middleaward-row {
    position: relative;
}

.middleaward-1-img {
    position: absolute;
    right: -25px;
    max-width: 89px;
    top: -37px;
}

.middleaward-1-info {
    text-align: center;
}

.middleaward-1-info h3 {
    font-size: 25px;
    color: #1d1d1f;
    padding-top: 10px;
    font-weight: 500;
    margin: 0px 0px;
}

.middleaward-1-info p {
    color: #1d1d1f;
    font-size: 20px;
    margin: 13px 0px;
    font-weight: 400;
}


/* CELEBRATY BANNERS */

.banner-block {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 4px;
    align-items: center;
    align-content: center;
}

.bannerImg {
    width: 24.5%;
    display: flex;
}

.bannerImg img {
    border-radius: 10px;
}

/* WORLD CLASS TREATMENT */

/* TABS */
.nav {
    position: relative;
    height: 40px;
    border-radius: 50px;
    background-color: transparent;
    box-shadow: 2px 4px 6px rgba(0, 42, 50, 0.1);
    border: 1px solid #EDB34A;
    margin: 5px auto 0px;
}

.nav__list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    height: 100%;
    z-index: 1;
}

.nav__item {
    flex: 1;
    display: flex;
}

.nav__link {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: #fff;
    transition: 0.3s;
    font-weight: 700;
}

.nav__link_active {
    color: #1d1d1f;
    z-index: 1;
}

/* SLIDER */
.nav__slider {
    position: absolute;
    top: 0;
    left: 3px;
    right: 3px;
    bottom: 0;
    pointer-events: none;
}

.nav__slider-rect {
    position: absolute;
    top: 3px;
    left: 0;
    right: 50%;
    bottom: 3px;
    /* background: #EDB34A; */
    background: linear-gradient(0deg, #f1c67a 0%, #fbe1b3 100%) !important;
    border-radius: 50px;
    transition: all 0.3s cubic-bezier(1, 0.48, 0.71, 0.96);
}

.tab-content {
    width: 100%;
    margin: 10px auto 4px;
    font-family: sans-serif;
}

.tab-pane {
    display: none;
    padding: 5px;
    border-radius: 20px;
    background: transparent;
    animation: fade 0.3s ease;
    border: 1px solid #EDB34A;
}

.tab-pane.active {
    display: block;
}

.tabInfo {
    display: flex;
    flex-direction: column;
    gap: 5px;
    border-radius: 22px;
}

.tab-pane img,
.clinicImge img {
    border-radius: 15px;
}

/* OWL CAROUSEL OVERRIDE */

.TreatmentBlock {
    width: 580px;
}

.owl-dots {
    display: none !important;
}

.TreatmentBlock .owl-carousel {
    width: auto !important;
    z-index: 1;
}


.World-Class {
    margin-bottom: 3px;
}

.iframmap iframe {
    width: 100%;
    height: 200px;
    border-radius: 15px;
    overflow: hidden;
}

ul.ClinicDetails {
    margin: 0;
    padding: 10px 16px;
    background: #fff;
    border-radius: 15px;
}

ul.ClinicDetails li {
    list-style: none;
    padding: 0;
    margin: 0px auto;
    width: 100%;
    font-size: 16px;
    color: #1d1d1f;
    text-align: center;
    border-bottom: none;
    padding-bottom: 0px;
    line-height: 23px;
    font-weight: 600;
}

ul.ClinicDetails li i {
    background: #1d1d1f;
    width: 24px;
    height: 24px;
    text-align: center;
    padding: 6px 6px;
    color: #fff;
    border-radius: 41px;
    font-size: 13px;
    margin-right: 5px;
}

ul.ClinicDetails li:last-child {
    border: none;
    margin: 0px;
}

ul.ClinicDetails li a {
    font-size: 15px;
    color: #1d1d1f;
    display: flex;
    align-items: center;
}

li.anchors {
    display: flex;
    gap: 40px;
    justify-content: flex-start;
}

.bothClinics {
    display: flex;
    justify-content: center;
    flex-direction: row;
    gap: 50px;
}

.bothClinics .clinicImge {
    height: 250px;
    overflow: hidden;
    border-radius: 15px;
    margin-bottom: 3px;
    position: relative;
}

.clinicName {
    position: absolute;
    bottom: 0px;
    z-index: 5;
    left: 0;
    right: 0px;
    text-align: center;
    padding: 48px 10px 10px;
}

.clinicName h5 {
    font-size: 38px;
    text-align: left;
    color: #fff;
    line-height: 21px;
    margin: 0px 5px 8px;
    text-shadow: 0px 3px 7px #000;
}

@keyframes fade {
    from {
        opacity: 0;
        transform: translateY(5px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.clinicsContactsDetails ul {
    margin: auto;
    display: flex;
    justify-content: center;
    gap: 18px;
}

.clinicsContactsDetails ul li {
    text-align: center;
    list-style: none;
    float: left;
    margin: 20px 0px 0px;
}

.clinicsContactsDetails ul li a {
    font-family: "SF Pro Display" !important;
    color: #1d1d1f;
    font-size: 15px;
    font-weight: 500;
    line-height: 28px;
    overflow: hidden;
    padding: 9px 12px;
    position: relative;
    text-transform: capitalize;
    z-index: 10;
    border-radius: 60px;
    background: linear-gradient(0deg, #f1c67a 0%, #fbe1b3 100%) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    display: inline-block;
    border: none;
    display: flex;
    margin: auto;
    justify-content: center;
    width: 287px;
    align-items: center;
}
.clinicsContactsDetails ul li a:hover {
    color: #000119;
    -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.clinicsContactsDetails ul li a:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    background: #fff;
    content: "";
    z-index: -1;
    transition: all 0.5s ease 0s;
}

.clinicsContactsDetails ul li a:hover:before {
    width: 100%;
}

.clinicsContactsDetails ul li a i {
    margin-right: 10px;
    font-size: 20px;
}


.clinicsContactsDetails ul li a img {
    max-width: 26px;
    margin: 0 8px 0 0px;
}

/* FOOTER FORM */

.footerWrap {
    background: #062136;
    padding: 15px 10px;
    border-radius: 0;
    margin: 0px auto 0px;
    width: 100%;
}

.footerWrap h2 {
    font-size: 34px;
    line-height: 34px;
    font-weight: 800;
    color: #fff;
    text-align: center;
    margin: 0px 0px 20px;
}


.glass-card-footer {
    background: rgb(255 255 255 / 6%);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-radius: 20px;
    border: 1px solid rgb(255 255 255 / 11%);
    position: relative;
    overflow: hidden;
    padding: 10px 5% 20px;
}

.glass-card-footer::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg,
            transparent,
            rgba(255, 255, 255, 0.8),
            transparent);
}

.glass-card-footer::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 100%;
    background: linear-gradient(180deg,
            rgba(255, 255, 255, 0.6),
            transparent,
            rgba(255, 255, 255, 0.3));
}


.FormWrap p {
    font-size: 17px;
    color: #fff;
    margin: 15px auto 20px;
    text-align: center;
    font-weight: 600;
}

.footerForm {
    text-align: center;
    padding: 0;
}

.footerForm .footerFormRow {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 10px;
}

.footerForm .footerFormRow input,
.footerForm .footerFormRow input[type="email"],
.footerForm .footerFormRow input[type="tel"] {
    width: 100%;
    max-width: 500px;
    padding: 13px 16px;
    border-radius: 10px;
    border: 1px solid rgb(255 255 255 / 18%);
    color: rgb(255,255,255);
    background: rgb(255 255 255 / 10%);
    margin: 0;
}

.footerForm .footerFormRow .iti {
    width: 100%;
    max-width: 500px;
    display: block;
    margin: 0;
}

.footerForm .footerFormRow .iti input[type="tel"] {
    width: 100%;
    max-width: 100%;
    margin: 0;
}

/* .footerForm .footerFormRow .captchaimg {
    width: auto;
    margin: 0;
} */

.footerForm .footerFormRow .g-recaptcha {
    margin: 0;
}

/* @media (min-width: 1200px) {
    .footerForm .footerFormRow {
        flex-wrap: nowrap;
        gap: 8px;
    }

    .footerForm .footerFormRow input,
    .footerForm .footerFormRow input[type="email"],
    .footerForm .footerFormRow input[type="tel"] {
        max-width: 180px;
    }

    .footerForm .footerFormRow .iti {
        max-width: 180px;
    }
} */

.footerForm .captchaimg {
    width: 100%;
    max-width: 500px;
    display: flex;
    justify-content: flex-start;
    margin: 8px 0 12px;
}

.footerForm .g-recaptcha {
      transform-origin: left top;
  -webkit-transform-origin: left top;
}



.footerForm ::placeholder {
    color: #c9c9c9;
    opacity: 1;
}

.footerButton {
    font-family: "SF Pro Display" !important;
    color: #000;
    text-align: center;
    font-size: 15px;
    font-weight: 800;
    line-height: 20px;
    overflow: hidden;
    padding: 8px 12px;
    position: relative;
    text-transform: capitalize;
    z-index: 10;
    border-radius: 40px;
    background-color: #EDB34A;
    /* background: linear-gradient(0deg, #f1c67a 0%, #fbe1b3 100%) !important; */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    display: inline-block;
    border: none;
    display: flex;
    justify-content: center;
    margin: 0px auto 10px;
    width: auto;
    min-width: 160px;
}

.footerButton:hover {
    color: #000119;
    -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.footerButton:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    background: #fff;
    content: "";
    z-index: -1;
    transition: all 0.5s ease 0s;
}

.footerButton:hover:before {
    width: 100%;
}

/* CAPTION */

.caption {
    text-align: center;
}

.caption h3 {
    color: #F0F0F0;
    font-size: 20px;
    line-height: 28px;
    margin: 0px 0px 4px;
}

/* .caption h3 span {
    font-weight: 300;
} */

.caption p {
    font-size: 16px;
    color: #606060;
    margin: 0px auto 0px;
    text-align: center;
    font-weight: 600;
    padding: 0px 0px;
    line-height: 21px;
    font-weight: 400;
}

.caption p span {
    margin-top: 4px;
    display: block;
    font-size: 12px;
    font-weight: 300;
}

/*FLOATING FOOTER SYLE*/
.mobilemode {
    display: none;
}



/* ALL FORM STARTS */
.formus-wraper {
    position: relative;
    padding: 34px 0px;
}

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

.form-title h5 {
    color: #1d1d1f;
    font-size: 32px;
    line-height: 42px;
    margin-bottom: 15px;
    font-weight: 800;
}

.form-title p {
    font-size: 18px;
    line-height: 26px;
    margin: 0 auto;
    color: #a5a5a5;
    text-align: center;
}

.form-title p:last-child {
    margin-top: 20px;
}

.formus-block .formBlock {
    width: 100%;
    padding: 0;
    position: relative;
    margin-bottom: 45px;
}

.formus-block .formBlock label.formlabel {
    z-index: 1;
    text-align: left;
    color: #b1a075;
    font-size: 18px;
    font-family: 'BemboStd-Bold', sans-serif;
    position: absolute;
    top: -10px;
    display: inline-block;
    background: #fff;
    left: 15px;
    padding: 0 10px;
    line-height: 17px;
}

.formBlock:last-child {
    text-align: center;
}

.formus-block .formBlock label.formlabel1 {
    text-align: left;
    color: #b1a075;
    font-size: 19px;
    font-family: 'BemboStd-Bold', sans-serif;
    display: inline-block;
    background: #fff;
    padding: 0 10px;
    line-height: 17px;
    margin-bottom: 15px;
}

.formus-block .formBlock .txtbox {
    width: 100%;
    border: 1px solid #b1a075;
    border-radius: 10px;
    padding: 15px 25px;
}

.formus-block .formBlock select option {
    font-size: 14px;
}

/* BUTTON */
.GabSubmitButton {
    font-family: "SF Pro Display" !important;
    color: #000;
    font-size: 18px;
    font-weight: 800;
    line-height: 20px;
    overflow: hidden;
    padding: 11px 17px;
    position: relative;
    text-transform: capitalize;
    z-index: 10;
    border-radius: 60px;
    background: linear-gradient(0deg, #f1c67a 0%, #fbe1b3 100%) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    display: inline-block;
    border: none;
    display: flex;
    margin: auto;
}

.GabSubmitButton:hover {
    color: #000119;
    -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.GabSubmitButton img {
    max-width: 24px;
    margin: 0px 5px 0 0;
}

.GabSubmitButton:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    background: #fff;
    content: "";
    z-index: -1;
    transition: all 0.5s ease 0s;
}

.GabSubmitButton:hover:before {
    width: 100%;
}
/* BUTTON ENDS */


.formus-block .formBlock .btn-style-one {
    border: none;
    cursor: pointer;
    /*    text-transform: uppercase;*/
    color: #000;
    font-size: 18px;
    padding: 15px 30px;
}

.formus-block .formBlock .btn-style-one:hover {
    color: #000;
}

.formus-block .formBlock .formicon {
    position: absolute;
    top: 14px;
    right: 20px;
    max-width: 25px;
}

.formus-block .formBlock .formicon img {
    max-width: 100%;
}

.formus-block .formBlock .inputBox {
    border: 1px solid #b1a075;
    border-radius: 10px;
    padding: 15px 25px; font-size: 16px;
    height: 100px;
    width: 100%;
}
 */

.formus-1:last-child {
    margin-top: 35px;
}

 */

.formus-1-map {
    text-align: center;
}

.formus-1-map h3 {
    font-size: 32px;
    line-height: 42px;
    margin-bottom: 15px;
}

.formus-1-map iframe {
    width: 100%;
    height: 300px;
    border: 0
}

.radio-tile-group-two.lastitem {
    margin-top: 30px;
}

.radio-tile-group-two {
    display: flex;
    flex-wrap: wrap;
}

.input-container-two {
    position: relative;
    height: 120px;
    width: 150px;
    margin: 0 40px 0 0;
}

.radio-button-two {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    margin: 0;
    cursor: pointer;
}

.radio-tile-two {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    border: 1px solid #bca480;
    background: none;
    border-radius: 5px;
    padding: 1rem;
    transition: transform 300ms ease;
    color: #bca480;
}

.icon-two svg {
    fill: white;
    width: 4rem;
    height: 4rem;
}

.radio-tile-label-two {
    color: #5c5c5c;
    font-size: 19px;
    margin-top: 5px;
}

.radio-button-two:checked + .radio-tile-two {
    background-color: #bca480;
    border: 1px solid #bca480;
    color: white;
}

.radio-button-two:checked + .icon-two svg {
    fill: #fff !important;
}

.radio-button-two:checked + .radio-tile-label-two {
    color: #fff;
}

.input-container-two.checked .radio-tile-two {
    background-color: #bca480;
    border: 1px solid #bca480;
    color: white;
}

.input-container-two.checked .icon-two svg .active-path {
    fill: #fff !important;
}

.input-container-two.checked .radio-tile-two .radio-tile-label-two {
    color: #fff;
}

.active-path {
    fill: #bca480;
}

.radio-button-two:checked + .radio-tile-two .active-path {
    fill: #fff;
}

.radio-button-two:checked + .radio-tile-two .radio-tile-label-two {
    color: #fff;
}

.form-bottom.formBlock {
    margin-bottom: 20px;
}

.form-bottom.formBlock p {
    font-size: 17px;
    text-align: left;
    line-height: 26px;
}

.radio-tile-two i {
    font-size: 40px;
}

.input-container-two:nth-child(2) .radio-tile-two i {
    font-size: 50px;
}

#callme-1 {
    bottom: 65px;
    position: fixed;
    right: 20px;
    z-index: 100;
}

#callme-2 {
    bottom: 15px;
    position: fixed;
    right: 20px;
    z-index: 100;
}

.mobilemode {
    display: none;
}

/*New Design css*/
.close:focus,
.close:hover {
    color: #000;
    text-decoration: none;
    opacity: .75
}

.close:not(:disabled):not(.disabled) {
    cursor: pointer
}

button.close {
    padding: 0;
    background-color: transparent;
    border: 0;
    /* -webkit-appearance: none */
}

.modal-open {
    overflow: hidden
}

.modal {
    position: fixed;
    top: 30px;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    outline: 0
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal-dialog.speakdialog{ max-width:330px; margin: 0 auto;}
.modal-dialog.speakdialog .modal-header h2 {color: #fff;font-size: 20px;text-align: center;font-weight: bold;padding: 13px 50px 13px 13px;line-height: 28px;}
.modal-dialog.speakdialog .formus-block .formBlock{ margin-bottom: 20px;}
.modal-dialog.mp4videodialoge{ max-width:30%; margin:0 auto;}
.mp4videodialoge .modal-header {
	top: 0;
	position: absolute;
	right: 0;
	color: #000;
	background: #F1C67A;
	width: 35px;
	height: 35px;
	line-height: 35px;
	z-index: 100;
}
.mp4videodialoge .modal-header .close {
	background: none;
	color: #fff;
	float: right;
	font-size: 35px;
	/* line-height: 18px; */
	position: relative;
	right: 3px;
	top: 6px;
	z-index: 10;
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: .5rem;
    pointer-events: none
}

.modal.fade .modal-dialog {
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out;
    -webkit-transform: translate(0, -25%);
    transform: translate(0, -25%)
}

.modal.show .modal-dialog {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.modal-dialog-centered {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - (.5rem * 2))
}

.modal-content {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.show {
    opacity: .5
}

.modal-header {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #e9ecef;
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem;
    background: #000119;
    position: relative;
}

.modal-header h2 {
    color: #fff;
    font-size: 23px;
    text-align: center;
    font-weight: bold;
    padding: 13px;
}

.modal-header .close {
    background: none;
    color: #fff;
    float: right;
    font-size: 35px;
    line-height: 18px;
    position: absolute;
    right: 15px;
    top: 15px;
    z-index: 10;
}

.modal-title {
    line-height: 1.5;
    color: #1c1c1c;
    font-size: 23px;
    font-weight: 600;
    margin-top: 10px;
}

.modal-body {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 20px;
    text-align: center;
}

.modal-body p span {
    margin-bottom: 5px;
    display: inline-block;
}

.modal-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 1rem;
    border-top: 1px solid #e9ecef
}

.modal-footer>:not(:first-child) {
    margin-left: .25rem
}

.modal-footer>:not(:last-child) {
    margin-right: .25rem
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}


.modal-body .namecol {
    width: 100%;
    margin-bottom: 10px;
}

.modal-body .namecol input,
.modal-body .namecol.textcol textarea {
    padding: 8px 10px;
}

.modal-body.modalpopupForm h2 {
    border: 1px solid #2271b1;
    display: inline-block;
    font-size: 24px;
    line-height: 39px;
    margin-bottom: 20px;
    padding: 0 0 0 35px;
}

.modal-body.modalpopupForm h2 i {
    background: #2271b1;
    display: inline-block;
    font-size: 20px;
    color: #fff;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
}

.modal-body.modalpopupForm h4 {
    color: #2a2a2a;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 25px;
    text-align: center;
    line-height: 27px;
}

.modalbodyimg {
    max-width: 300px;
    margin: 0 auto 30px;
    border: 1px solid #eee;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    padding: 10px;
}

.modalbodyimg img {
    max-width: 100%;
}

#menu-icon {
    display: none;
}

.iti {
    position: relative;
    display: block;
}

.help-block {
    margin-top: 0px;
    margin-bottom: 5px;
}

.has-error .checkbox,
.has-error .checkbox-inline,
.has-error .control-label,
.has-error .help-block,
.has-error .radio,
.has-error .radio-inline,
.has-error.checkbox label,
.has-error.checkbox-inline label,
.has-error.radio label,
.has-error.radio-inline label {
    color: red;
}

img.guarantLow {
    max-width: 38px;
    position: relative;
    top: -4px;
    left: 6px;
    margin-bottom: -9px;
}

/*MARQUESS STYLE STARTS*/
.promo-carousel {
    margin: 15px 0px 5px;
    padding: 0px;
    overflow: hidden;
}

.promo-carousel .item-wrap {
    transform: translateX(0px);
    width: 400%;
    position: relative;
    white-space: nowrap;
    display: flex;
}

.item {
    text-align: center;
    display: flex;
    flex: 1;
    justify-content: center;
    align-items: center;
    margin: 0px 0px;
}

.item img {
    width: 100px;
}

@media (min-width:768px) {
    .promo-carousel .item-wrap {
        width: 200%;
    }

}

/*MARQUESS STYLE ENDS*/

/*NEW BUTTONS STYLES*/
.button--calypso {
    overflow: hidden;
    font-size: 1.15rem;
    border-radius: 10rem;
    color: #000;
}
.button--calypso:hover{ color:#000!important;}
.button {
    color: #000119 !important;
    background: #F1C67A !important;
    padding: 9px 35px;
    font-size: 14px;
    font-size: 18px;
    line-height: 24px;
    /*    text-transform: uppercase;*/
    font-size: 16px;
    font-weight: 700;
    border: none;
    pointer-events: auto;
    cursor: pointer;
    position: relative;
    display: inline-block;
}

.button::before,
.button::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.button--calypso::before {
    content: '';
    background: #FFF;
    width: 120%;
    height: 0;
    padding-bottom: 120%;
    top: -110%;
    left: -10%;
    border-radius: 50%;
    transform: translate3d(0, 68%, 0) scale3d(0, 0, 0);
}

.button--calypso:hover::before {
    transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);
}

.button--calypso::after {
    content: '';
    background: #FFF;
    transform: translate3d(0, -100%, 0);
    transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);
}

.button--calypso:hover::after {
    transform: translate3d(0, 0, 0);
    transition-duration: 0.05s;
    transition-delay: 0.4s;
    transition-timing-function: linear;
}

.button--calypso span {
    display: block;
    position: relative;    /* mix-blend-mode: difference; */
    /*z-index: 10;*/
    color: #000119;
    font-size: 18px;
}

.button--calypso:hover span {
    animation: MoveScaleUpInitial 0.3s forwards, MoveScaleUpEnd 0.3s forwards 0.3s;
}

/*ENDS*/

/*COLLARGE STYLE*/

.collage {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
    gap: 0px 10px;
    width: 92vw;    /* max-width: 1200px; */
    justify-items: center;
    justify-content: center;
    align-content: center;
    align-items: center;
}

.image-container {
    position: relative;
    perspective: 1000px;
}

.image-card {
    width: 100%;
    height: 100%;
    position: absolute;
    transition: transform 0.8s;
}

.image-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    backface-visibility: hidden;
    border-radius: 23px;
}

.image-card .back {
    width: 100%;
    height: 100%;
    position: absolute;
    backface-visibility: hidden;
    transform: rotateY(180deg);
}

.image-container:hover .image-card {
    transform: rotateY(180deg);
}

@media (max-width:768px) {
    .collage {
        grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
        margin: 0px auto;
    }

    .image-container {
        width: 120% !important;
    }

}

.stripsingle{ padding-top: 20px; padding-bottom: 10px;}
/* .stripsingle-block{} */
.stripsingle-1{ max-width:1000px; margin:0 auto;}
/* .stripsingle-1-inner{} */
.stripsingle-1-img{ margin-bottom:10px;}
.stripsingle-1-img img{ max-width:100%;}


.text-left {

    text-align: left;
}

.formBlock.has-error .iti {
    position: relative;
    display: block;
}
.iti {
    display: flex;
    justify-content: center;
    flex-direction: row;
}

.form__tel-input {
    position: relative;
    width: 100%;
}

.help-block {
    margin-top: 0px;
    margin-bottom: 5px;
}
.help-block, .has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label {
    color: red;
}

.text-danger {
    color:red;
}

.lastbutton.btn-style-one { padding: 13px 45px; cursor: pointer; border: none;}

 .iframe-wrapper video {width: 100%;height: 100%;}
.iframmap{ margin-bottom:0px;}
.iframmap iframe{ width:100%; height:200px;}

.fl-vid, .fl-pl {
			position:fixed;
			transition-timing-function: ease-in;
			transition: 0.25s;
			z-index: 99;
		}
		
		.fl-vid {
			right: -1px;
			bottom: 60px;
		}
		
		.fl-pl {
			 /* right: -102px; */
			 right: 0px;
			bottom: 195px;
		}
		
		.fl-vid:hover, .fl-pl:hover {
			right: 0px;
			transition-timing-function: ease-out;
			transition: 0.25s;
		}
		
/* FORM ENDS */

/* MODEL FORM STYLES */

    /* Modal Background */
    .formModal {
        display: none;
        position: fixed;
        z-index: 20000;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.6);
        backdrop-filter: blur(15px);
        /* display: flex; */
        justify-content: center;
        align-items: flex-start; 
        padding-top: 60px; 
    }


        /* display: none;
        position: fixed;
        z-index: 1000;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.6);
        backdrop-filter: blur(15px);
        display: flex;
        justify-content: center;
        align-items: flex-start; 
        padding-top: 60px;  */

    /* Modal Box */
    .formModalHeader {
        background: #000119;
        border-radius: 10px 10px 0px 0px;
    }
    
    .formModalContent {
      background: #fff;
      padding: 0px;
      width: 380px;
      border-radius: 10px;
      position: relative;
      animation: fadeIn 0.3s ease;
    }

    .formModalBody {
        padding: 20px;
    }

    .formModalBody .phoneField .iti {
        width: 100%;
        max-width: 100%;
        display: block;
    }

    .formBlock.captchaimg {
        margin-top: 10px;
    }

    .formModalBody .phoneField .iti input[type="tel"] {
        width: 100%;
        margin: 0;
    }

    .formModalBody .phoneField .iti__flag-container {
        height: 100%;
    }

    .formModalBody .phoneField .iti--separate-dial-code .iti__selected-flag {
        background: rgb(0 0 0 / 4%);
        border-radius: 50px 0 0 50px;
        border-right: 1px solid #cbcbcb;
    }

    @keyframes slideDown {
    from {
        transform: translateY(-50px);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
    }

    .formModalContent {
    animation: slideDown 0.3s ease;
    }

    /* Close Button */
    .close {
        background: rgb(255 255 255 / 32%);
        position: absolute;
        right: 12px;
        top: 14px;
        font-size: 17px;
        cursor: pointer;
        width: 20px;
        height: 20px;
        text-align: center;
        color: #fff;
        border-radius: 30px;
        padding: 1px;
        font-weight: 400;
    }

    .close:hover {
        background: rgb(255 255 255 / 70%);
        color: #000;
    }

    .formModalHeader h2 {
        margin: 0px 0px 0px;
        padding: 15px;
        color: #fff;
        font-weight: 700;
        font-size: 18px;
    }

    .formModalBody input {
        font-size: 14px;
      width: 100%;
      padding: 11px 17px;
      margin: 0px 0px 13px 0px;
      border-radius: 50px;
      border: 1px solid #cbcbcb;
    }

    .SubmitButton {
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    }

    .g-recaptcha {
        margin-bottom: 10px;
    }

/* MODEL FOMR ENDS HERE */

/*BOOK FORM*/
.booktabbox{}
.booklink{}
.booklink li{ position: relative;}
.booklink li span {display: block;text-transform: uppercase;color: #000; font-weight: 600;}
.booklink li span.monthname{ color: rgb(170, 170, 170); font-size: 15px; line-height: 22px;}
.booklink li span.monthdate{ color: rgb(51, 51, 51); font-size: 24px; line-height: 34px; font-weight: 700;}
.booklink li span.monthday{ color: rgb(102, 102, 102); font-size: 15px; line-height: 22px;}
.tabboxtilte {text-align: center; margin-bottom: 35px;}
.tabboxtilte h3{  display: inline-block; background: #f1c57a;   font-size: 20px; padding: 10px 30px; line-height: 30px; border-radius: 5px; }
.timeslotbox { max-width: 900px; margin: 0 auto 0; text-align: center;}
.timeslotbox ul{ text-align: center;}
.timeslotbox ul li { float: left;position: relative; margin: 10px; width: 70%;}
.timeslotbox ul li .input-timeslot{ position: relative; }
.timeslotbox ul li .input-timeslot input{ z-index: 2; }
.timeslotbox ul li .radio-tile-two { padding: 8px 35px; border: 1px solid #f1c57a;}
.timeslotbox ul li .radio-tile-two label{ color: #000; font-size: 15px; margin-top: 0; font-weight: 600;}

.timeslotbox ul li .radio-button-two:checked + .radio-tile-two { background-color: #f1c57a; border: 1px solid #f1c57a; color: white;}

.timeslotbox.time ul {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: repeat(2, auto); 
    gap: 15px;
}
.timeslotbox.time ul li,
.timeslotbox.time ul li .input-timeslot {
    width: auto;
}
.timeslotbox.time ul li .input-timeslot {
    display: flex;
    flex-direction: column;
}
.formus-block  .timeslotform .formBlock{ float:left; width: 47%; position: relative; margin: 15px;}
.formus-block .timeslotform .formBlock .txtbox { border: 1px solid #f1c57a; background: #fbf9f4; height: 60px; border-radius: 5px;}
.formus-block .timeslotform .formBlock .iti--separate-dial-code .iti__selected-flag {  color: #000;}

.formus-block .timeslotform .formBlock.formBlockSub{ width:100%; margin-top: 30px;}
.formus-block .timeslotform .formBlock.formBlockSub button{ padding:18px 40px; border-radius: 6px;}
.formus-block .timeslotform .formBlock.formBlockSub button span{ font-size: 20px; line-height: 30px;}

.formus-block .booktabbox .formBlock{ margin-bottom:10px;}

.booktabbox .booklink{ max-width: 660px; margin: 0 auto 0;}
#bookslider .disabled{   display: none;  }
#bookslider .owl-nav { position: absolute; width: 100%; left: 0; top: 28%; display: flex; height: 100%;}
#bookslider .owl-nav .owl-prev, #bookslider .owl-nav .owl-next {width: 25px;height: 25px;color: #000;border-radius: 100%;border: 1px solid #000;    line-height: 22px;font-size: 18px;font-weight: bold; cursor: pointer; z-index: -1;}

#bookslider .owl-nav .owl-prev:hover, #bookslider .owl-nav .owl-next:hover{ background: #f1c57a; border: 1px solid #f1c57a;}

#bookslider .owl-nav .owl-prev{ margin: 0 0 0 -30px;}
#bookslider .owl-nav .owl-prev span{}
#bookslider .owl-nav .owl-next {float: right;margin: 0 -30px 0 0;  position: absolute; right:0;}
#bookslider .owl-nav .owl-next span{}
#bookslider.owl-carousel .owl-stage-outer{ z-index: 20;}

.form-title.timeslottitle { margin-bottom: 35px; display: flex; align-items: center; justify-content: center; }
.form-title.timeslottitle h5{ margin:0;}
.backbtn{ margin: 0 30px 0 0}
.backbtn a { letter-spacing: 0; display: inline-block; color: #fff !important; text-transform: none; background: #000!important; border-radius: 50px; font-weight: 800; padding: 12px 30px; font-size: 17px;}
.mntitle{}
.stopbtn{ margin: 0 0 0 30px;}
.stopbtn a{  letter-spacing: 0; display: inline-block; color: #fff !important; text-transform: none; background: #000!important; border-radius: 50px; font-weight: 800; padding: 12px 30px; font-size: 17px;}

/*BOOK FORM*/