/**
 * Theme Name:     Twenty Twenty Child
 * Author:         the WordPress team
 * Template:       twentytwenty
 * Text Domain:	   twenty-twenty-child
 * Description:    Our default theme for 2020 is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer. The colors of all elements on your site are automatically calculated based on the colors you pick, ensuring a high, accessible color contrast for your visitors.
 */

:root {
  --themecolor: #004f67;
  --themecolor2: #659935;
  --text-black: #000;
}
#html5lightbox-watermark{ display: none!important;}
/* @font-face {font-family: "Roboto"; src: url("fonts/Roboto-Regular.woff2") format("woff2"); font-weight: 400; font-style: normal;}
@font-face {font-family: "Roboto";src: url("fonts/Roboto-Bold.woff2") format("woff2"); font-weight: 700; font-style: normal;} */
h1,h2,h3,h4{ font-weight: 700;}
.container {
  max-width: 1120px !important;
}
section{ padding: 0px}
.light-bg {
     background: linear-gradient(135deg, #f6fbf4 0%, #e1f5fb 55%, #dcffca 100%);
}
.sbt  .wpcf7-submit{
    background: var(--themecolor2);
    padding:9px 20px 9px;
    border-radius: 5px;
    border: 1px solid;
}
.itemscard  { height: 250px; overflow: hidden;}
.clubehouse_ .slick-prev {
    left: 0px;
}
.clubehouse_ .slick-next {
    right: 0px;
}
.gallery_item  figure{ padding: 4px;}
.sbt  .wpcf7-submit:hover{ color: var(--themecolor2); background:#fff;}
.clubehouse_  .col-md-6 h2{ font-size: 28px; margin-bottom: 20px;}
img,a{ transition: ease all 0.4s; }
img{ max-width: 100%; display: inline-block;} 
body { font-size: 16px; line-height: 26px; color: #111;font-family: "Montserrat", sans-serif;font-weight:500; }
.header_app { position: fixed; top: 0;    transition: ease all 0.4s;    padding: 10px 0px; right: 0; left: 0; z-index: 1030; }
.head-nav-section { display: flex; justify-content: space-between;    align-items: center; }
.logo img{ width: 90px;}
.header_app.scrolled{ background: #fff;}
.scrolled .logo img{ width: 80px;}
li{ padding: 0; margin: 0;}
.navlink ul{ display: flex; list-style: none; padding: 0; gap:20px; margin: 0; }
.navlink ul li a{ color: #fff; text-decoration: none; font-weight: 600; font-size: 18px;}
.scrolled .navlink ul li a{ color: #111; }
.navlink ul li a.active{ color:var(--themecolor2);}
.header_app.scrolled{ background: #fff;    box-shadow: 0px 0px 4px #c3bfbf;}
.bannerinfo{ position: absolute; display: block; top: 50%; left: 0%; margin-right: 0%; transform: translate(0%, -50%); width: 100%; }
.bannerinfo .container{ display: flex; justify-content: space-between; align-items: center; }
.formcontrl{    background: rgb(0 79 103 / 74%); padding: 20px; width: 100%; border-radius:0 0  10px; }
.app-info{ width:350px; }
.timer-container{background: #ffc800; text-align: center; padding: 20px 0px;border-radius: 10px 10px 0 0;}
.countdown{ display: flex; gap: 10px; justify-content: center;}
.time-box{ background-color: #fff3cd;
    color: #000000;
    border-radius: 9px;
    padding: 10px 2px 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    line-height: 20px;}
.time-box .number{  display: block;
    font-size: 27px;
    font-weight: 700;
    margin-right: 0;
    width: 100%;}
.time-box .label{       display: block;
    font-size: 13px;
    color: #000000;}
.timer-container h2{
    margin-bottom:9px;
    font-size: 26px;
}
.row_data{    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
    align-content: flex-start;
    align-items: flex-start;
}
.formcontrl h2{ color: #fff; font-size: 22px; margin-bottom: 13px; }
.form_ .textfield{     width: 100%; padding:9px 16px; border-radius: 5px; border: 0; font-size: 16px;}
.form_ .textfield:focus,.msgbox:focus{ outline: none; }
.form_ .textfield::placeholder,.msgbox::placeholder{ color: #111; }
.form_{ display: flex; flex-direction: column; gap: 15px;     margin-bottom: 7px;}
.msgbox{ width: 100%; padding: 6px 16px; border-radius: 5px; border: 0; font-size: 16px;}
.overflow-hidden{ overflow:hidden;}
.glow-btn{  background: linear-gradient(135deg, #7cb342, #558b2f);
  color: #fff;
  font-weight:500;
  letter-spacing: 1px;
  padding:9px 36px;border: 1px solid #ccc;
  border: none;
  border-radius: 12px;
  cursor: pointer;
  position: relative;
  overflow: hidden; box-shadow:
    0 0 0 rgba(124, 179, 66, 0.6);

  animation: glowPulse 2.5s infinite ease-in-out;
  transition: transform 0.25s ease; }
  /* glowing pulse animation */
@keyframes glowPulse {
  0% {
    box-shadow:
      0 0 0 0 rgba(124, 179, 66, 0.6),
      0 6px 18px rgba(0, 0, 0, 0.2);
  }
  50% {
    box-shadow:
      0 0 18px 8px rgba(124, 179, 66, 0.65),
      0 10px 30px rgba(0, 0, 0, 0.25);
  }
  100% {
    box-shadow:
      0 0 0 0 rgba(124, 179, 66, 0.6),
      0 6px 18px rgba(0, 0, 0, 0.2);
  }
}

/* glossy light sweep */
.glow-btn::after {
  content: "";
  position: absolute;
  top: 0;
  left: -60%;
  width: 40%;
  height: 100%;
  background: linear-gradient(
    120deg,
    transparent,
    rgba(255, 255, 255, 0.5),
    transparent
  );
  animation: shine 3s infinite;
}

@keyframes shine {
  0% {
    left: -60%;
  }
  50% {
    left: 120%;
  }
  100% {
    left: 120%;
  }
}


.banner_info_content h1{      font-size: 33px;
    text-transform: uppercase;
    font-weight: 800;
    color: var(--themecolor);
    padding-left: 20px; margin-bottom: 20px; }
.banner_info_content ul{padding: 0 0 0 20px; margin: 0; list-style: none; }
.banner_info_content ul li{    background: url(images/tick.png) no-repeat 0px 0px;
    background-size: 20px;
    padding-left: 30px;
    font-weight: 500;
    margin:8px 0px;
    font-size: 16px;}
.banner_info_content{        margin-top: 80px;
    width:320px;
    background: rgb(255 255 255);
    padding: 25px 0 0 0;
    border-radius: 7px;
    box-shadow: 0px 0px 2px #000;
    overflow: hidden;}

.more_{
    margin-top: 16px;
    text-align: center;
    background: #094453;
    padding: 14px;
    color: #fdff;
}
.more_ h4{    font-size: 16px;
    text-align: center;
    color: #ffffff;
    font-weight: 400;}

.more_  .price{
    font-size: 37px; color: #fff;
    font-weight: 800;
    text-align: center;
    margin: 15px 0px;
}

.bp3{ border-radius: 10px;}
.aboutsection h2{
    font-size: 30px;
    font-weight: 700;
    color: var(--themecolor);
    margin-bottom: 20px;
}
.aboutsection h2 span{ font-weight: 200;}
.aboutsection h3{
    font-size: 21px;
    color: var(--themecolor2);
    margin-bottom: 16px;
}.counter_div {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 10px;
}

.counter_div li { margin: 0;
   box-shadow:  /* outer shadow */
    8px 8px 16px rgba(0, 0, 0, 0.15),
   -8px -8px 16px rgba(255, 255, 255, 0.9),

    /* inner (inset) shadow */
    inset 3px 3px 6px rgba(0, 0, 0, 0.12),
    inset -3px -3px 6px rgba(255, 255, 255, 0.8);
  border-radius: 16px;
  padding: 30px 20px;
  text-align: center;    border: 1px solid #d7d7d7;
  transition: all 0.35s ease;
  position: relative;
  overflow: hidden; background:#fff;
}


.counter_div li:hover::before {
  transform: scale(1.2);
}

.counter_div li:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.12);
}

/* Counter number */
.counter_div .counter {    font-size: 58px;
    font-weight: 700;
    color: #111;
    display: inline-block;
    margin-bottom: 11px;
    line-height: 18px;
}

/* Plus sign */
.counter_div li > span:nth-child(2) {
     font-size: 16px;
    font-weight: 400;
    color: var(--themecolor2);
}

/* Label text */
.counter_div .lbs {
  display: block;
  font-size: 15px;
  color: #555;
  margin-top: 10px;
  line-height: 1.4;
}  .location-card {
  background: #f8f9fa;
  border-radius: 15px;
  max-width: 400px;
}

.location-list {    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;     gap: 0 32px;
    flex-wrap: wrap;
}

.location-list li {display: flex;
    align-items: center;
    font-size: 16px; color: #343434;
    padding: 9px 0 8px 33px;
    background: url(images/expressway-icon.png) no-repeat 0px 7px;
    border-bottom: 1px solid #e5e5e5;
    transition: 0.3s ease;
    width: 43%;
    background-size: 26px;
}

.location-list li:last-child {
  border-bottom: none;
}



.location-list li span { margin-left: 20px; display: inline-block;
  font-weight: 700;
  color: #000000;
}


.gray{background: #f8f9fa;}
.section-head h2{ font-size:40px;}
.section-head h2 span{ font-weight: 200; }
.section-head span.tags{       color: #d7dbd180;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 129px;
    margin-bottom: -39px;
    display: block;}

.section-head{  margin-top: 54px; margin-bottom: 80px!important;}

    .boxcard {
  background: #fff;
  border-radius: 18px;
  padding: 28px 20px;
  text-align: center;
  box-shadow:  /* outer shadow */
    8px 8px 16px rgba(0, 0, 0, 0.15),
   -8px -8px 16px rgba(255, 255, 255, 0.9),

    /* inner (inset) shadow */
    inset 3px 3px 6px rgba(0, 0, 0, 0.12),
    inset -3px -3px 6px rgba(255, 255, 255, 0.8);

  transition: all 0.35s ease;
  position: relative;
  overflow: hidden;    height: 88%;
    margin: 12px 0px;
}

/* soft gradient glow */
.boxcard::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(46, 125, 50, 0.12), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: 0.4s;
}

.boxcard figure {
  margin: 0 0 18px;
  position: relative;
  z-index: 2;
}

.boxcard figure img {
  width: 70px;
  height: 70px;
  object-fit: contain;
  transition: transform 0.4s ease;
}

/* title */
.boxcard h3 {
  font-size: 16px;
  font-weight: 600;
  color: #333;
  margin: 0;
  position: relative;
  z-index: 2;
  transition: color 0.4s ease;
}

/* Hover effects */
.boxcard:hover {
  transform: translateY(-10px);
  box-shadow: 0 22px 50px rgba(0, 0, 0, 0.15);
}

.boxcard:hover::before {
  opacity: 1;
}

.boxcard:hover figure img {
  transform: scale(1.15) rotate(4deg);
}

.boxcard:hover h3 {
  color: var(--themecolor2);
}



.cycle-run {
  position: relative;
  width: 100%;
  height: 80px;
  overflow: hidden;
}

.cycle-run img {
  position: absolute;
  left: -10%;
  top: 50%;
  transform: translateY(-50%);
  width: 60px;

  animation: cycleMove 4s ease-in-out infinite;
}

/* smooth left-right movement */
@keyframes cycleMove {
  0% {
    left: -10%;
    transform: translateY(-50%) scaleX(1);
  }

  50% {
    left: 70%;
    transform: translateY(-50%) scaleX(1);
  }

  51% {
    transform: translateY(-50%) scaleX(-1);
  }

  100% {
    left: -10%;
    transform: translateY(-50%) scaleX(-1);
  }
}
.clubehouse_ {
  position: relative;
  background: linear-gradient(135deg, #f4f9f4 0%, #ffffff 55%);
  overflow: hidden;
}






/* Explore button */
.exp_btn {
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 1px;
  color: #4e7d13;
  position: relative;
  text-decoration: none;
  padding-bottom: 4px;
}

.exp_btn::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 40px;
  height: 2px;
  background: #4e7d13;
  transition: width 0.35s ease;
}

.exp_btn:hover::after {
  width: 100%;
}

/* image styling */
.clubehouse_ figure {
  position: relative;
  margin: 0;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15);
}

.clubehouse_ figure img {
  width: 100%;
  display: block;
  transition: transform 0.6s ease;
}

.clubehouse_ figure:hover img {
  transform: scale(1.06);
}

/* soft overlay */
.clubehouse_ figure::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.25), transparent 55%);
}
.form_ p{ margin: 0px; padding: 0;}
/* spacing */
.clubehouse_ .row {
  align-items: center;
}
.slide-item { padding:5px 10px;}
.slide-item .plans_card{ background: #ffffff;
    text-align: center;
    overflow: hidden;
    border-radius: 10px;
    box-shadow:0px 0px 4px 0px #c5b8b8;}
.slide-item .plans_card h3{ font-size: 20px; color: var(--themecolor2); margin-bottom: 15px;}
.moreplan a{    padding: 9px 18px 8px;
    border-radius: 5px;
    color: var(--themecolor);
    border: 1px solid;
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 15px;}
.moreplan{margin:5px 0 25px;}
.moreplan a:hover{ background: var(--themecolor); color: #fff;}
/* common arrow styles */
.slick-prev,
.slick-next {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: #ffffff;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
  z-index: 10;
  transition: all 0.3s ease;
}

/* vertical center */
.slick-prev,
.slick-next {
  top: 50%; text-indent: -9999px;
  transform: translateY(-50%); border: 0px; position: absolute;
}

/* left & right position */
.slick-prev {
  left: -50px;
}

.slick-next {
  right: -50px;
}

/* remove default slick text */
.slick-prev::before,
.slick-next::before {
  content: "";
}

/* arrow icon */
.slick-prev::after,
.slick-next::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 12px;
  height: 12px;
  border-top: 3px solid #5c8f2b;
  border-right: 3px solid #5c8f2b;
}

/* left arrow */
.slick-prev::after {
  transform: translate(-50%, -50%) rotate(-135deg);
}

/* right arrow */
.slick-next::after {
  transform: translate(-50%, -50%) rotate(45deg);
}

/* hover effect */
.slick-prev:hover,
.slick-next:hover {
  background: linear-gradient(135deg, #7cb342, #558b2f);
  box-shadow: 0 14px 35px rgba(124, 179, 66, 0.45);
}

/* arrow color on hover */
.slick-prev:hover::after,
.slick-next:hover::after {
  border-color: #ffffff;
}

.location-map h3{     background: url(images/cannectivity-icon.png) no-repeat;
    background-size: 67px;
    padding-left: 79px;
    padding-bottom: 41px;
    padding-top: 12px;    font-size: 27px;}
.enquirybox{ position: relative;}
.enquirybox:before{     height: 140px;
    background: var(--themecolor);
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    width: 100%;
    border-radius: 0 0 30px 30px}
    .enquirybox  h4{    color: #fff;
    font-size: 24px;
    margin-bottom: 15px;
}

.enquirybox .form_ .textfield {
    width: 100%;
    padding: 10px 16px;
    border-radius: 5px;
    font-size: 16px;
    border: 1px solid #a1a1a1;
}
.enquirybox  .msgbox{ border: 1px solid #a1a1a1;padding: 10px 16px;}
.footerapp  {
    background: #333;
    text-align: center;
    color: #fff;
}
.footerapp a{ color: #fff; text-decoration: none;}
.footerapp a:hover{ color: var(--themecolor2);}

/* Base */
.btn-floating:hover img {
  margin-bottom: -3px
}

.btn-floating {
    position: fixed;
    right: 25px;
    overflow: hidden;
    width: 50px;
    height: 50px;
    border-radius: 100px;
    border: 0;
    z-index: 9999;
    color: white;
    transition: .2s;    display: flex;
    justify-content: center;
    align-items: center;
}

.btn-floating:hover {
    width: auto;
    padding: 0 20px;
    cursor: pointer;
}

.btn-floating span {
    font-size: 16px;
    margin-left: 5px;
    transition: .2s;
    line-height: 0px;
    display: none;
}

.btn-floating:hover span {
    display: inline-block;
}.wpcf7-not-valid-tip {
    color: #ffffff;
    font-size: 13px;
    font-weight: normal;
    display: block;
    background: red;
    padding: 4px;
    border-radius: 10px;
}

/* Phone */
.btn-floating.phone {
    bottom: 85px;
    background-color: #760f10;
}

.btn-floating.phone:hover {
    background-color: #c03421;
}

/* WhatsApp */
.btn-floating.whatsapp {
    background-color: #34af23;
    bottom: 25px;
}

.btn-floating.whatsapp:hover {
    background-color: #1f7a12
}

.wpcf7 form .wpcf7-response-output {
    margin: 0;
    padding: 9px;
    border: 1px solid #00a0d2;
    color: #fff;
    font-size: 14px;
    line-height: 17px;
}



.plan-table {
  width: 100%;margin: 15px 0 20px 0;
  border-collapse: collapse;
}

.plan-table tr {
  border-bottom: 1px solid #f0f0f0;
  transition: all 0.3s ease;
}

.plan-table tr:hover {
  background: #f8fbff;
}

.plan-table td {
  padding: 14px 20px;
  font-size: 15px;
}

.plan-table td:first-child {
  font-weight: 400;
  color: #333;
}



.highlight-row td {
  font-weight: 700;
  color: var(--themecolor2) !important;
}
.modal-title {
    font-size: 27px;
    color: var(--themecolor);
    margin: 8px 0 0 0;
}
.plans_card figure img{ height: 350px;}


@media screen and (max-width:1000px) {
.mobile-menu{
    background: var(--themecolor2);
    padding: 10px;
    border-radius: 6px;
}.slick-prev {
    left: 0;
}.slick-next {
    right: 0;
}.bannerinfo {
    position: relative;
    display: block;
    top: 0;
    left: 0%;
    margin-right: 0%;
    transform: none;
    width: 100%;
}.bannerinfo .container {
    flex-wrap: wrap;
}
.formcontrl { width: 100%;   border-radius: 10px;  margin-top: 20px; background:var(--themecolor);}
   .mobile-menu,.d-custom-md-none{
        display: block;
    }.banner_info_content {
    width: 100%;        max-width: 100%;
    padding: 25px 0 0 0;
    margin-top:25px;
}
    .mobile-menu .bar-icon{
        width: 22px;
        cursor: pointer;
    }
    .navlink ul {
    display: flex;
    list-style: none;
    padding: 0;
    gap: 0;
    margin: 0;
    flex-wrap: wrap;
}
   .navlink ul li{ width: 100%;        margin: 0;}
.navlink ul li a {        color: #020202;
        text-decoration: none;
        font-weight: 600;
        font-size: 16px;
        display: block;
        border-top: 1px solid #ccc;
        padding: 8px 0px;
}.offcanvas-title {
    margin-bottom: 0;
    line-height: 1.5;
    font-size: 18px;
}
    .mobile-menu .offcanvas-body{
        display: flex;
        flex-direction: column;
        gap: 15px;
    }
    .mobile-menu .offcanvas-body .mob-link{
        color: #000;
        font-family: 'Poppins', sans-serif;
        font-weight: 500;
        font-size: 17px;
    }
    .mobile-menu .offcanvas-body ul .mob-sublink{
        font-size: 16px;
        font-weight: 400;
        color: var(--primary-color);
        font-family: 'Poppins', sans-serif;
        text-decoration: none;
        margin-top: 15px;
        display: inline-block;

    }  .section-head h2,.aboutsection h2 {
    font-size: 25px;
}.clubehouse_ .col-md-6 h2 {
    font-size: 22px;
    margin-bottom: 20px;
}.enquirybox h4 {
    color: #fff;
    font-size: 25px;
    margin-bottom: 20px;
} .counter_div {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 30fr));
    gap: 4px;
} .counter_div{ margin-bottom: 30px;}

.counter_div .counter{ font-size: 35px;}
.time-box {
    padding: 7px 2px 1px;
    flex-wrap: wrap;
}.time-box .number { margin-right: 0; width: 100%;}
.timer-container {
    padding: 14px 13px;
    margin-top: -39px;
}.timer-container h2 {
    margin-bottom:15px;
    font-size: 22px;
}
.section-head span.tags{ display: none;}
.section-head {
    margin-top: 14px;
    margin-bottom: 13px !important;
}.logo img,.scrolled .logo img {
    width: 60px;
}.banner_info_content h1 { font-size: 28px;  margin-bottom: 19px;}.app-info {
    width: 100%;
}
}