/*@media screen and (min-width: 300px) and (max-width: 1024px) {
  #top_head { display: none; } 
  .btn_no{
    display: none;
    }  
}*/

@font-face {
  font-family: "gothambold";
  src: url(../../assets/fonts/gothambold.ttf);
}

@font-face {
  font-family: "gothambook";
  src: url(../../assets/fonts/gothambook.ttf);
  font-weight: normal;
}

@font-face {
  font-family: "gothammedium";
  src: url(../../assets/fonts/gothammedium.ttf);
  font-weight: normal;
}

@font-face {
  font-family: "gothamthin";
  src: url(../../assets/fonts/gothamthin.ttf);
  font-weight: normal;
}

@font-face {
  font-family: "gtamericastandardbold";
  src: url(../../assets/fonts/gtamericastandardbold.ttf);
  font-weight: normal;
}

@font-face {
  font-family: "Rupee_Foradian";
  src: url(../../assets/fonts/Rupee_Foradian.ttf);
}

@font-face {
  font-family: "Baskerville";
  src: url(../../assets/fonts/Baskerville.ttf);
}

@font-face {
  font-family: "BaskervilleSemibold";
  src: url(../../assets/fonts/Baskerville-SemiBold.ttf);
}

@font-face {
  font-family: "BaskervilleBold";
  src: url(../../assets/fonts/Baskerville-Bold.ttf);
}

a {
  text-decoration: none;
}

a:hover {
  color: #000;
}

html {
  scroll-behavior: smooth;
}

body {
  line-height: normal;
}

.themebtn {
  z-index: 100;
  border-radius: 4px;
  padding: 10px 30px;
  font-size: 16px;
  font-family: 'gothambook';
  background-color: #ED1C29;
  color: #fff;
  border: none;
}

hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 2px solid #000;
}

.form-group {
  margin-bottom: 1rem;
}

.btn-close {
  /*float: right;*/
  font-size: 1rem;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: .8;
  background-color: white;
  padding: 6px;
  border-radius: 50%;
}

.desktop {
  display: block;
}

.mobileview {
  display: none;
}

#topNav .navbar {
  padding: 10px 0px;
}

#topNav .navbar-light .navbar-nav {
  margin: auto;
  margin-left: 47%;
}

#topNav .navbar-light .navbar-toggler {
  border: none;
}

#topNav .navbar-light .navbar-nav .nav-item {
  margin-left: 15px;
}

#topNav .navbar-light .navbar-nav .nav-link {
  color: #000000;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
}



/** */

#Schedule {
  padding: 4em 0em;
}

#Schedule .t_hd {
  text-align: -webkit-left;
}

#Schedule .t_hd h4 {
  text-align: center;
  font-size: 65px;
  font-family: 'Baskerville';
  /* border-bottom: 2px solid #bcd6b9; */
  /* width: 50%; */
  text-decoration: underline 2px solid #000;
  text-underline-offset: 20px;
}

#Schedule .subHd {
  padding-bottom: 1em;
  margin-top: 20px;
}

#Schedule .subHd h4 {
  font-size: 44px;
  font-weight: 500;
  padding: 25px 0px 0px 0px;
  font-family: gothambold;
}

#Schedule .subHd h4 span {
  color: #ED1C29;
  font-family: gothambold;
  font-weight: 600;
}

#Schedule .subHd p {
  font-size: 31px;
  font-weight: 500;
  font-family: 'Baskerville';
  margin-bottom: 0px;
  line-height: 40px;
  text-align: center;
}

#Schedule .subHd p strong {
  font-size: 31px;
  font-family: 'gothambook';
  margin-bottom: 0px;
  line-height: 40px;
  text-align: center;
}

#Schedule .download_btn {
  text-align: center;
  padding-top: 15px;
}

#Schedule .download_btn a {
  border-radius: 20px;
  padding: 10px 30px;
  font-size: 20px;
  font-family: gothambook;
  background-color: #ED1C29;
  color: #fff;
}

#companyName {
  padding: 40px 50px 0px 50px;
  /*background-color: #ebeced;*/
  /*border-bottom: 2px solid #000;*/
}

#companyName .marketed span {
  font-size: 22px;
  font-weight: 700;
}

#companyName .marketed p {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

#companyName .rera span {
  font-size: 22px;
  font-weight: 700;
}

#companyName .rera u {
  font-size: 20px;
  font-weight: 400;
}

#companyName .wrtLogo {
  text-align: center;
}

#companyDetail {
  padding: 0px 50px 40px 50px;
  /*background-color: #ebeced;*/
}

#companyDetail .bhartiyaUrban h4 {
  font-size: 18px;
  font-weight: 600;
}

#companyDetail .bhartiyaUrban p {
  font-size: 16px;
  font-weight: 450;
  margin: 0px;
}

#companyDetail .wrtLogo {
  text-align: right;
}

#companyDetail .wrtLogo img {
  width: 80%;
  padding: 10px;
}


#companyDetail .disc {
  border-top: 1px solid #000;
}

#companyDetail .disc p {
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  padding: 0px 0px 20px;
  margin: 0px;
}
.fixed-footer-btn {
  text-align: center;
  padding: 10px 0px 10px 0px;
  width: 100%;
  color: #000000;
  position: fixed;
  bottom: 0px;
  z-index: 99;
  border: none;
  background: #ED1C29;
}

.fixed-footer-btn .download_btn a {
  border-radius: 20px;
  padding: 10px 10px;
  font-size: 20px;
  font-family: gothambook;
  background-color: #ED1C29;
  color: #fff;
}


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

@media screen and (min-device-width: 300px) and (max-device-width: 575.98px) {
  .desktop {
    display: none;
  }

  .mobileview {
    display: block;
  }

  #campaign .modal-content {
    padding: 10px 0px !important;
  }

  #campaign .btn-sbmt {
    padding: 13px 50px !important;
  }

  #topNav .navbar {
    padding: 5px 0px;
  }

  #topNav .navbar-light .navbar-nav {
    margin-left: 0px;
  }


  #top_section {
    height: 60em;
  }

  
  #homeMap h4 {
    font-size: 25px;
  }


  #companyName .marketed span {
    font-size: 20px;
  }

  #companyName .rera span {
    font-size: 20px;
  }

  #companyDetail .wrtLogo {
    text-align: center;
  }

  #companyName .wrtLogo {
    text-align: center;
  }

  #companyDetail .disc p {
    padding: 20px 1px;
  }

  #Schedule {
    padding: 30px 15px
  }

  #Schedule .t_hd h4 {
    font-size: 45px;
    line-height: 45px;
  }

  #Schedule .subHd p {
    font-size: 20px;
    line-height: 30px;
  }

}

@media (max-device-width: 767px) {
  .overview-form {
    margin-top: 0px !important;
    margin-bottom: 50px !important;
  }
  .for-mobile-view{
    display: flex;
    flex-direction: column-reverse;

  } 

  .fixed-f {
    display: flex;
    justify-content: space-between;
    padding: 5px 10px;
  }

  .fixed-f a {
    border-radius: 0px !important;
    /* padding: px !important; */
    padding: 0px 15px !important;
    /* border-right: 1px solid white; */
  }

  .border-r {
    border-right: 1px solid white;
  }

}

@media screen and (min-device-width: 575.98px) and (max-device-width: 767.98px) {

  #topNav .navbar-light .navbar-nav {
    margin-left: 0px;
  }

  .desktop {
    display: none;
  }

  .mobileview {
    display: block;
  }

  #companyDetail .disc p {
    font-size: 12px;
  }
}

@media screen and (min-device-width: 767.98px) and (max-device-width: 991.98px) {
  #topNav .navbar {
    padding: 20px 0px;
  }

  #topNav .navbar-light .navbar-nav {
    margin-left: 18%;
  }

  #Schedule .t_hd h4 {
    font-size: 35px;
  }

  #Schedule .subHd p {
    font-size: 26px;
  }
}


.overview-form {
  padding: 30px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1),
    0 1px 3px rgba(0, 0, 0, 0.08);
    margin-top: 60px;
}

.nikoo-form-btn-div{
  display: flex;
  justify-content: center;
}


/*------------------------- wasteMoreTime ---------------------*/

#wasteMoreTime { margin-top: 10px; background-color: #ebeced; }
#wasteMoreTime .wlc_Hd h2{ font-size: 120px; color: #ffffff; text-align: center; font-weight: 700; }
#wasteMoreTime .cont_decs { text-align: justify; padding: 20px; margin-top: 20px; font-size: 22px; font-family: 'Baskerville';}

/* Mobile S */
@media (max-width: 420px) {
  #wasteMoreTime {}
  #wasteMoreTime .wlc_Hd h2{ font-size: 60px; }
}

/* Mobile L */
@media (min-width: 421px) and (max-width: 575px) { 
  #wasteMoreTime {}
  #wasteMoreTime .wlc_Hd h2{ font-size: 70px; }
}

@media (min-width: 575px) and (max-width: 767px) { 
  #wasteMoreTime {}
  #wasteMoreTime .wlc_Hd h2{ font-size: 80px; }
}

/* Tablet */
@media (min-width: 768px) and (max-width: 1023px) { 
  #wasteMoreTime {}
  #wasteMoreTime .wlc_Hd h2{ font-size: 90px; }
}

/* Laptop */
@media (min-width: 1024px) and (max-width: 1279px) { 
  #wasteMoreTime .wlc_Hd h2 { font-size: 100px; }
}

/* Desktop */
@media (min-width: 1280px) {

}


/*------------------------- masterplan ---------------------*/

#masterplan { padding: 40px 50px; }
#masterplan .wlc_Hd h2{ font-size: 60px; font-weight: 700; margin-top: -15px;}
#masterplan .amenity-ul { font-family: 'Baskerville'; font-size: 20px;}

/* Mobile S */
@media (max-width: 420px) {
  #masterplan { padding: 20px 20px;}
  #masterplan .wlc_Hd h2{ font-size: 34px; }
}

/* Mobile L */
@media (min-width: 421px) and (max-width: 575px) { 
  #masterplan { padding: 20px 20px;}
  #masterplan .wlc_Hd h2{ font-size: 44px; }
}

@media (min-width: 575px) and (max-width: 767px) { 
  #masterplan { padding: 30px 30px;}
  #masterplan .wlc_Hd h2{ font-size: 54px; }
}

/* Tablet */
@media (min-width: 768px) and (max-width: 1023px) { 
  #masterplan { padding: 30px 10px;}
  #masterplan .wlc_Hd h2{ font-size: 40px; }
}

/* Laptop */
@media (min-width: 1024px) and (max-width: 1279px) { }

/* Desktop */
@media (min-width: 1280px) {

}

/*------------------------- THE NIKOO WAY OF LIFE ---------------------*/
#nikooWayofLife { background:#ebeced;padding:50px 50px;}
#nikooWayofLife .wlc_Hd h2{ font-size: 60px; margin-bottom: 50px; font-weight: bold;}
#nikooWayofLife .subHd { font-size: 42px; margin-bottom: 0px; font-family: 'Baskerville';}
#nikooWayofLife p { font-size: 22px; text-align: justify; margin-bottom: 25px; font-family: 'Baskerville';}

/* Mobile S */
@media (max-width: 420px) {
  #nikooWayofLife { padding: 20px 20px;}
  #nikooWayofLife .wlc_Hd h2{ font-size: 34px; }
}

/* Mobile L */
@media (min-width: 421px) and (max-width: 575px) { 
  #nikooWayofLife { padding: 20px 20px;}
  #nikooWayofLife .wlc_Hd h2{ font-size: 44px; }
}

@media (min-width: 575px) and (max-width: 767px) { 
  #nikooWayofLife { padding: 30px 30px;}
  #nikooWayofLife .wlc_Hd h2{ font-size: 54px; }
}

/* Tablet */
@media (min-width: 768px) and (max-width: 1023px) { 
  #nikooWayofLife { padding: 30px 10px;}
  #nikooWayofLife .wlc_Hd h2{ font-size: 40px; }
}

/* Laptop */
@media (min-width: 1024px) and (max-width: 1279px) { }

/* Desktop */
@media (min-width: 1280px) {

}
/*------------------------- END THE NIKOO WAY OF LIFE ---------------------*/

/*------------------------- EVERYTHING, JUST DOWNSTAIRS ---------------------*/
#everything { padding:20px 50px;}
#everything .wlc_Hd h2{ font-size: 55px; margin-bottom: 50px; font-weight: bold;}
#everything .subHd { font-size: 42px; margin-bottom: 0px; font-family: 'Baskerville';}
#everything p { font-size: 22px; text-align: justify; margin-bottom: 25px; font-family: 'Baskerville';}

/* Mobile S */
@media (max-width: 420px) {
  #everything { padding: 20px 20px;}
  #everything .wlc_Hd h2{ font-size: 30px; }
}

/* Mobile L */
@media (min-width: 421px) and (max-width: 575px) { 
  #everything { padding: 20px 20px;}
  #everything .wlc_Hd h2{ font-size: 38px; }
}

@media (min-width: 575px) and (max-width: 767px) { 
  #everything { padding: 30px 30px;}
  #everything .wlc_Hd h2{ font-size: 54px; }
}

/* Tablet */
@media (min-width: 768px) and (max-width: 1023px) { 
  #everything { padding: 30px 10px;}
  #everything .wlc_Hd h2{ font-size: 40px; }
}

/* Laptop */
@media (min-width: 1024px) and (max-width: 1279px) { 
  #everything { padding: 30px 10px;}
  #everything .wlc_Hd h2{ font-size: 45px; }
}

/* Desktop */
@media (min-width: 1280px) {  }
/*------------------------- END EVERYTHING, JUST DOWNSTAIRS ---------------------*/


/*------------------------- MANY WAYS TO WASTE YOUR TIME ---------------------*/
#manyWaysTosasteYourTime { padding: 20px 50px 0px 50px;  background-color: #102a58;}
#manyWaysTosasteYourTime .wlc_Hd h2{ font-size: 120px; color: white; margin-bottom: 20px; font-weight: bold;}
#manyWaysTosasteYourTime .subHd { font-size: 42px; margin-bottom: 0px; font-family: 'Baskerville';}
#manyWaysTosasteYourTime p { font-size: 22px; color: white; text-align: justify; margin-bottom: 25px;}

/* Mobile S */
@media (max-width: 420px) {
  #manyWaysTosasteYourTime { padding: 20px 30px 0px 30px;}
  #manyWaysTosasteYourTime .wlc_Hd h2{ font-size: 34px; }
}

/* Mobile L */
@media (min-width: 421px) and (max-width: 575px) { 
  #manyWaysTosasteYourTime { padding: 20px 30px 0px 30px;}
  #manyWaysTosasteYourTime .wlc_Hd h2{ font-size: 40px; }
}

@media (min-width: 575px) and (max-width: 767px) { 
  #manyWaysTosasteYourTime { padding: 30px 30px 0px 30px;}
  #manyWaysTosasteYourTime .wlc_Hd h2{ font-size: 58px; }
}

/* Tablet */
@media (min-width: 768px) and (max-width: 1023px) { 
  #manyWaysTosasteYourTime { padding: 30px 30px 0px 30px;}
  #manyWaysTosasteYourTime .wlc_Hd h2{ font-size: 80px; }
}

/* Laptop */
@media (min-width: 1024px) and (max-width: 1279px) { 
  #manyWaysTosasteYourTime .wlc_Hd h2{ font-size: 95px; }
}

/* Desktop */
@media (min-width: 1280px) {  }

/*------------------------- MANY WAYS TO WASTE YOUR TIME ---------------------*/

/*------------------------- NIKOO WAY ---------------------*/

.way-sec{background:#ebeced;padding:70px 0;}
.way-desc{max-width:560px;}
.illus-cards .card-w {
  position: relative;
  overflow: hidden;
  border-radius: 0;
}
.illus-cards .card-w img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .5s;
}
.illus-cards .card-w:hover img {
  transform: scale(1.05);
}
.illus-cards .card-txt {
  position: absolute;
  bottom: 15%;
  left: 0;
  right: 0;
  padding: 20px 22px;
  color: #fff;
  background-color: #ffffffe8;          
  margin-left: 60px;
  margin-right: 60px;
  min-height: 350px;
}
.illus-cards .card-txt h4 {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 15px;
  color: #000000;
  text-align: center;            
}
.illus-cards .card-txt p {
  font-size: 16px;
  font-family: 'Baskerville';
  font-weight: 400;
  color: #000000;
  text-align: justify;
  text-align-last: center;
}

#lifestyle { padding: 40px 50px; }
#lifestyle .wlc_Hd { font-size: 60px; font-weight: 700; }
#lifestyle .cont_decs { padding-right: 25%; text-align: justify; margin-top: 20px; font-size: 18px; font-family: 'BaskervilleSemibold';}

/* Mobile S */
@media (max-width: 420px) {
  #lifestyle { padding: 20px 20px;}
  #lifestyle .wlc_Hd { font-size: 45px; }
  #lifestyle .cont_decs { padding-right: 0; }
  .illus-cards .card-txt { bottom: 10%; margin-left: 30px; margin-right: 30px; padding: 20px 10px; min-height: auto;}
}

/* Mobile L */
@media (min-width: 421px) and (max-width: 575px) { 
  #lifestyle { padding: 20px 20px;}
  #lifestyle .wlc_Hd { font-size: 44px; }
  #lifestyle .cont_decs { padding-right: 0; }
  .illus-cards .card-txt { top: 10% ; min-height: auto;}
}

@media (min-width: 575px) and (max-width: 767px) { 
  #lifestyle { padding: 30px 30px;}
  #lifestyle .wlc_Hd { font-size: 48px; }
  #lifestyle .cont_decs { padding-right: 20px; }
  .illus-cards .card-w { min-height: 360px; }
  .illus-cards .card-txt { margin-left: 30px;  margin-right: 30px; top: 18%; min-height: auto; padding: 30px 50px;}
  .illus-cards .card-txt h4 { font-size: 28px; }
  .illus-cards .card-txt p { font-size: 24px; }
}

/* Tablet */
@media (min-width: 768px) and (max-width: 1023px) { 
  #lifestyle { padding: 30px 10px;}
  #lifestyle .wlc_Hd { font-size: 40px; }
}

/* Laptop */
@media (min-width: 1024px) and (max-width: 1279px) {
  .illus-cards .card-txt { bottom: 5%; min-height: 380px; margin-left: 40px; margin-right: 40px; }
}

/* Desktop */
@media (min-width: 1280px) { }

/*------------------------- township ---------------------*/

#township { padding: 40px 50px; }
#township .wlc_Hd h4{ font-size: 60px; font-weight: 700; text-align: center; padding: 0px 10%; }
#township .cont_decs { text-align: justify; text-align-last: center; padding: 0px 5%; margin-top: 20px; font-size: 15px; font-family: 'BaskervilleSemibold';}

/* Mobile S */
@media (max-width: 420px) {
  #township { padding: 20px 20px;}
  #township .wlc_Hd h4{ font-size: 24px; padding: 0px 1%;}
  #township .cont_decs { padding: 0px; }
}

/* Mobile L */
@media (min-width: 421px) and (max-width: 575px) { 
  #township { padding: 20px 20px;}
  #township .wlc_Hd h4{ font-size: 29px; padding: 0px;}
  #township .cont_decs { padding: 0px; }
}

@media (min-width: 575px) and (max-width: 767px) { 
  #township { padding: 30px 30px;}
  #township .wlc_Hd h4{ font-size: 34px; padding: 0px 1%; }
  #township .cont_decs { padding: 0px 2%; }
}

/* Tablet */
@media (min-width: 768px) and (max-width: 1023px) { 
  #township { padding: 30px 10px;}
  #township .wlc_Hd h4{ font-size: 40px; }
}

/* Laptop */
@media (min-width: 1024px) and (max-width: 1279px) { }

/* Desktop */
@media (min-width: 1280px) {

}


/*------------------------- chooseAPlan ---------------------*/

#chooseAPlan { padding: 40px 50px; background-color: #ebeced; }
#chooseAPlan .wlc_Hd h4{ font-size: 60px; font-weight: 700; text-align: center; padding: 0px 10%; }

#chooseAPlan .myCard {
 background: #ffffff00;
 padding: 30px 30px;
 position: relative;
 /*border: solid 1px #b9b5b4;*/
}

#chooseAPlan .myCard .cardHd {
 /*background-color: white;*/
 /*width: 100%;*/
 bottom: 15%;
 position: absolute;
 padding-left: 20px;
}

#chooseAPlan .myCard .cardHd h4 {
 padding: 12px 10px;
 font-size: 22px;
 font-weight: 600;
 margin: 0px;
 font-family: 'gothambold';
 color: #ffffff;
 /*text-align: center;*/
 text-transform: uppercase;
 margin-bottom: 15px;
}

#chooseAPlan .viewplan-btn {
  position: relative;
  overflow: hidden;
  z-index: 1;
  font-size: 12px;
  line-height: 1.20 !important;
  font-weight: 400;
  text-transform: uppercase;
  padding: 0.8em 3.3em;

  background: transparent;
  border: 1px solid #ffffff;
  color: #ffffff !important;

  transition: color 0.3s ease;
}

#chooseAPlan .viewplan-btn span {
  position: relative;
  z-index: 2;
}

/* Animated white layer */
#chooseAPlan .viewplan-btn::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 0;
  background: #ffffff;
  transition: height 0.3s ease;
  z-index: 1;
}

/* Hover effect */
#chooseAPlan .viewplan-btn:hover::after {
  height: 100%;
}

#chooseAPlan .viewplan-btn:hover {
  color: #000000 !important;
}
/* Mobile S */
@media (max-width: 420px) {
  #chooseAPlan { padding: 20px 20px;}
  #chooseAPlan .wlc_Hd h4{ font-size: 24px; padding: 0px;}
  #chooseAPlan .myCard { padding: 5px 5px; }
  #chooseAPlan .myCard .cardHd { padding-left: 10px; }
  #chooseAPlan .myCard .cardHd h4 { font-size: 11px; padding: 5px 0px; margin-bottom: 8px;}
  #chooseAPlan .viewplan-btn  { font-size: 12px; padding: 0.3em 1em; }
}

/* Mobile L */
@media (min-width: 421px) and (max-width: 575px) { 
  #chooseAPlan { padding: 20px 20px;}
  #chooseAPlan .wlc_Hd h4{ font-size: 25px; padding: 0px;}
  #chooseAPlan .myCard { padding: 10px 10px; }
  #chooseAPlan .myCard .cardHd { padding-left: 10px; }
  #chooseAPlan .myCard .cardHd h4 { font-size: 12px; padding: 5px 0px; margin-bottom: 8px;}
  #chooseAPlan .viewplan-btn  { font-size: 12px; padding: 0.3em 1em; }
}

@media (min-width: 575px) and (max-width: 767px) { 
  #chooseAPlan { padding: 30px 30px;}
  #chooseAPlan .wlc_Hd h4{ font-size: 42px; padding: 0px 1%;}
  #chooseAPlan .myCard { padding: 15px 15px; }
  #chooseAPlan .myCard .cardHd h4 { font-size: 17px; padding: 5px 0px; margin-bottom: 10px;}
  #chooseAPlan .viewplan-btn  { font-size: 14px; padding: 0.4em 1.2em; }
}

/* Tablet */
@media (min-width: 768px) and (max-width: 1023px) { 
  #chooseAPlan { padding: 30px 10px;}
  #chooseAPlan .wlc_Hd h4{ font-size: 40px; }
  #chooseAPlan .myCard { padding: 20px 20px; }
  #chooseAPlan .myCard .cardHd h4 { padding: 12px 5px; font-size: 18px; margin-bottom: 10px; }
  #chooseAPlan .viewplan-btn  { font-size: 15px; padding: 0.5em 1.3em; }
}

/* Laptop */
@media (min-width: 1024px) and (max-width: 1279px) { 
  #chooseAPlan .myCard { padding: 25px 25px }
  #chooseAPlan .myCard .cardHd h4 { font-size: 20px; }
}

/* Desktop */
@media (min-width: 1280px) {

}

/*------------------------- downloadBrochure ---------------------*/

#downloadBrochure { padding: 40px 50px; }
         
#downloadBrochure .download_btn {
 text-align: center;
 padding: 10px 0em 10px 0em;
}

#downloadBrochure .download_btn a {
  border-radius: 50px;
  padding: 15px 70px;
  font-size: 32px;
  font-family: 'gothambold';
  background: #ED1C29;
  color: #ffffff;
  border: #ffffff solid 4px;
}
/* Mobile S */
@media (max-width: 420px) {
  #downloadBrochure { padding: 20px 20px;}
  #downloadBrochure .download_btn a { padding: 10px 30px; font-size: 10px; border: #000 solid 3px;}
}

/* Mobile L */
@media (min-width: 421px) and (max-width: 575px) { 
  #downloadBrochure { padding: 30px 20px;}
  #downloadBrochure .download_btn a { padding: 15px 30px; font-size: 12px; border: #000 solid 3px;}
}

@media (min-width: 575px) and (max-width: 767px) { 
  #downloadBrochure { padding: 30px 30px;}  
  #downloadBrochure .download_btn a { font-size: 17px; }          
}

/* Tablet */
@media (min-width: 768px) and (max-width: 1023px) { 
  #downloadBrochure { padding: 30px 10px;} 
  #downloadBrochure .download_btn a { font-size: 25px; }
}

/* Laptop */
@media (min-width: 1024px) and (max-width: 1279px) { }

/* Desktop */
@media (min-width: 1280px) {

}

/*------------------------- youTvideo ---------------------*/

#youTvideo { padding: 40px 50px; background-color: #ebeced; }
#youTvideo .wlc_Hd h4{ font-size: 60px; margin-bottom: 3%; font-weight: 700; text-align: center; padding: 0px 10%; }

.video-container{
    position:relative;
    width:100%;
    aspect-ratio:21/10;
    overflow:hidden;
    /*border-radius:12px;*/
    background:#000;
    cursor:pointer;
}

/* Cover Image */
.video-cover{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    z-index:2;
}

/* Play Button */
.play-btn{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width:80px;
    height:80px;
    /*background:rgba(255,0,0,0.85);*/
    color:#fff;
    font-size:34px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    z-index:3;
}

/* iframe */
/*iframe{
    width:100%;
    height:100%;
    border:0;
}*/

/* Mobile S */
@media (max-width: 420px) {
 #youTvideo { padding: 20px 20px;}
 #youTvideo .wlc_Hd h4{ font-size: 24px; padding: 0px 1%;}
}

/* Mobile L */
@media (min-width: 421px) and (max-width: 575px) { 
 #youTvideo { padding: 20px 20px;}
 #youTvideo .wlc_Hd h4{ font-size: 29px; padding: 0px;}
}

@media (min-width: 575px) and (max-width: 767px) { 
 #youTvideo { padding: 30px 30px;}
 #youTvideo .wlc_Hd h4{ font-size: 34px; padding: 0px 1%; }
}

/* Tablet */
@media (min-width: 768px) and (max-width: 1023px) { 
 #youTvideo { padding: 30px 10px;}
 #youTvideo .wlc_Hd h4{ font-size: 40px; }
}

/* Laptop */
@media (min-width: 1024px) and (max-width: 1279px) { }

/* Desktop */
@media (min-width: 1280px) {  }

/*------------------------- location Map ---------------------*/

#locationMap { padding: 40px 50px; }
#locationMap .wlc_Hd h4{ font-size: 60px; margin-bottom: 3%; font-weight: 700; text-align: center; padding: 0px 10%; }

.video-container {
   position: relative;
   width: 100%;
   aspect-ratio: 21 / 9; /* 21:9 Ratio */
   overflow: hidden;
}

.video-container iframe {
   width: 100%;
   height: 100%;
   border: 0;
}

/* Mobile S */
@media (max-width: 420px) {
 #locationMap { padding: 20px 20px;}
 #locationMap .wlc_Hd h4{ font-size: 24px; padding: 0px 1%;}
}

/* Mobile L */
@media (min-width: 421px) and (max-width: 575px) { 
 #locationMap { padding: 20px 20px;}
 #locationMap .wlc_Hd h4{ font-size: 29px; padding: 0px;}
}

@media (min-width: 575px) and (max-width: 767px) { 
 #locationMap { padding: 30px 30px;}
 #locationMap .wlc_Hd h4{ font-size: 34px; padding: 0px 1%; }
}

/* Tablet */
@media (min-width: 768px) and (max-width: 1023px) { 
 #locationMap { padding: 30px 10px;}
 #locationMap .wlc_Hd h4{ font-size: 40px; }
}

/* Laptop */
@media (min-width: 1024px) and (max-width: 1279px) { }

/* Desktop */
@media (min-width: 1280px) {  }

/*------------------------- location Advantage ---------------------*/

#locationAdvantage {
  padding: 40px 50px;
  background-color: #ebeced;
}

#locationAdvantage .t_Hd {
 text-align: center;
}

#locationAdvantage .t_Hd h4 {
 font-weight: 600;
 font-size: 48px;
 font-family: 'gothambold';
 margin-bottom: 30px;
 color: #000;
}

#locationAdvantage .myCard {
 background: #ffffff00;
 padding: 20px 20px 20px 20px;
 border-right: solid 2px #000000;
 /*text-align: center;*/
}

/* Remove border from last card */
#locationAdvantage .col-md-4:last-child .myCard {
   border-right: 0;
}

#locationAdvantage .myCard img {
 height: 100px;
}

#locationAdvantage .myCard .cardHd {
 width: 100%;
 /*position: absolute;*/
 bottom: 44px;
}

#locationAdvantage .myCard .cardHd h4 {
 padding: 5px 20px 5px 0px;
 font-size: 28px;
 font-weight: 600;
 margin: 0px;
 font-family: 'gothambold';
 color: #000;
}

#locationAdvantage .myCard .cardHd p { 
 font-family: 'Baskerville';
 font-size: 17px;
 line-height: 30px;
}

#locationAdvantage .download_btn {
 text-align: center;
 padding: 1em 0em 1em 0em;
}

#locationAdvantage .download_btn a {
 border-radius: 4px;
 padding: 18px 30px;
 font-size: 16px;
 font-family: gothambook;
 background-color: #ED1C29;
 color: #fff;
}


/*-------------------------Media Query---------------------*/
/* Mobile S */
@media (max-width: 420px) {
 #locationAdvantage { padding: 20px 0px;}
}

/* Mobile L */
@media (min-width: 421px) and (max-width: 575px) { 
 #locationAdvantage { padding: 20px 20px;}
}

@media (min-width: 575px) and (max-width: 767px) { 
 #locationAdvantage { padding: 30px 30px;}
}

/* Tablet */
@media (min-width: 768px) and (max-width: 1023px) { 
 #locationAdvantage { padding: 30px 10px;}
}

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

 #locationAdvantage .t_Hd h4 { font-size: 25px; letter-spacing: -2px; line-height: 40px;  text-underline-offset: 8px; }
 #locationAdvantage .myCard { padding: 10px 10px 10px 10px; }
 #locationAdvantage .myCard img { height: 70px; }
 #locationAdvantage .myCard .cardHd p { font-size: 12px; line-height: 18px;  }
 #locationAdvantage .myCard .cardHd h4 { font-size: 18px; padding: 5px 10px 5px 0px; }

}

@media screen and (min-width: 575.98px) and (max-width: 767px) {           
 #locationAdvantage .t_Hd h4 { font-size: 45px; letter-spacing: -3px; }
 #locationAdvantage .myCard { padding: 10px 10px 10px 10px }
 #locationAdvantage .myCard img { height: 160px; }
 #locationAdvantage .myCard .cardHd h4 { font-size: 22px; padding: 5px 10px 5px 0px; }
 #locationAdvantage .myCard .cardHd p { line-height: 24px; }
 
}

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

 #locationAdvantage .t_Hd h4 { font-size: 34px; letter-spacing: -3px; }

 #locationAdvantage .myCard { padding: 10px 10px 10px 10px; }
 #locationAdvantage .myCard img { height: 155px; }
 #locationAdvantage .myCard .cardHd h4 { font-size: 21px; padding: 5px 10px 5px 0px; }
 #locationAdvantage .myCard .cardHd p { font-size: 16px; line-height: 24px; }
}
@media screen and (min-width: 1260px) {
 #locationAdvantage .t_Hd h4 { font-size: 60px; }
 #locationAdvantage .myCard .cardHd p { font-size: 20px; }
 #locationAdvantage .myCard { min-height: 380px; }  
}


/*------------------------- Schedule your visit ---------------------*/

#ScheduleYourVisit { padding: 40px 50px; min-height: 500px !important; background: url(../image/banner/visit.webp) no-repeat 50% / cover!important; }
#ScheduleYourVisit .wlc_Hd h4{ font-size: 60px; margin-bottom: 3%; font-weight: 700; padding: 0px; }

#ScheduleYourVisit .imbtn {
 min-width: 303px;
 font-size: 24px;
 line-height: 1.15 !important;
 font-weight: 400;
 font-style: normal;
 text-transform: uppercase;
 letter-spacing: 0em;
 border-radius: 0em;
 padding: 0.73em 1.73em;
 background: transparent;
 border-color: #999999;
 border: 2px solid;
 color: #333333 !important;
 z-index: 1;
 position: relative;
 overflow: hidden;
 transition: color 0.3s ease;
}

#ScheduleYourVisit .imbtn span {
position: relative;
z-index: 2;
}

/* Animated white layer */
#ScheduleYourVisit .imbtn::after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 0;
background: #000000;
transition: height 0.3s ease;
z-index: 1;
}

/* Hover effect */
#ScheduleYourVisit .imbtn:hover::after {
height: 100%;
}

#ScheduleYourVisit .imbtn:hover {
color: #ffffff !important;
}

/* Mobile S */
@media (max-width: 420px) {
#ScheduleYourVisit { padding: 20px 20px; min-height: 350px !important;}
#ScheduleYourVisit .wlc_Hd h4{ font-size: 24px; padding: 0px; margin-bottom: 12%;}
#ScheduleYourVisit .imbtn { min-width: 200px; font-size:  15px;}
}

/* Mobile L */
@media (min-width: 421px) and (max-width: 575px) { 
#ScheduleYourVisit { padding: 20px 20px; min-height: 350px !important;}
#ScheduleYourVisit .wlc_Hd h4{ font-size: 29px; padding: 0px; margin-bottom: 12%;}
#ScheduleYourVisit .imbtn { min-width: 200px; font-size:  17px;}
}

@media (min-width: 575px) and (max-width: 767px) { 
#ScheduleYourVisit { padding: 30px 30px; min-height: 450px !important;}
#ScheduleYourVisit .wlc_Hd h4{ font-size: 34px; padding: 0px; margin-bottom: 12%;}
#ScheduleYourVisit .imbtn { min-width: 200px; font-size: 20px;}
}

/* Tablet */
@media (min-width: 768px) and (max-width: 1023px) { 
#ScheduleYourVisit { padding: 30px 10px;}
#ScheduleYourVisit .wlc_Hd h4{ font-size: 40px; margin-bottom: 10%;}
}

/* Laptop */
@media (min-width: 1024px) and (max-width: 1279px) { 
 #ScheduleYourVisit .wlc_Hd h4{ font-size: 40px; margin-bottom: 8%;}
}


/* Desktop */
@media (min-width: 1280px) {  }


@media (max-width: 420px) { 
  #companyName { padding: 20px 20px 0px 20px; }
  #companyDetail { padding: 0px 20px 20px 20px; }
}
@media (min-width: 421px) and (max-width: 575px) {
    #companyName { padding: 20px 20px 0px 20px; }
  #companyDetail { padding: 0px 20px 20px 20px; }
}