* {
  box-sizing: border-box;
}

body {
  overflow-x: hidden;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  font-family: 'Poppins', sans-serif;
}

/* Navigation */
/* _____________________________ */




.navbar{
  background-color: transparent;
  position: fixed;
  transition: top 0.4s ease-in-out;
}

.menuSpanBtn,.closeBlackBtn{
  display: none;
}


.sideNavBlack li a {
  padding: 10px 5px;
  font-weight: 400;
  font-family: 'Poppins', sans-serif;
  letter-spacing: -.1px;
  font-size: .95rem;
  color: white;
}

.sideNavWhite li a {
  color: rgb(112, 112, 112);
}

.sideNavBlack li a:hover{
  text-decoration: none;
}

.sideNavBlack ul li{
  position: relative;
  margin-left: 40px;
  padding-bottom: 8px;
  padding-top: 15px;
}

.sideNavBlack ul{
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  display: flex;
  list-style: none;
}

.sideNavBlack{
  position: absolute;
  right: 0;
  margin-right: 80px;

  display: -webkit-box!important;
  display: -ms-flexbox!important;
  display: flex!important;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
}




/**********************************/
.dropdown  button{
  background-color: transparent;
  border-color: transparent;
  color: white;
  padding: unset;
}

.dropdownDark button{
  color: #535353;
}

.dropdown button:hover{
  color: rgb(211, 211, 211);
}



.dropdown-menu{
  background-color: white;
  border-color: transparent;
  color: black;
}



.sideNavBlack li .dropdown-item{
  color: black;
  padding-left: 20px;
  padding-right: 20px;
  font-weight: 300;
  font-family: 'Poppins', sans-serif;
  letter-spacing: -.1px;
  font-size: .95rem;
}


.navbar-brand{
  margin-top: 0px;
  margin-left: 70px;
}

.navbar-brand img{
    /* width: 16%; */
}

.navbar-nav{
  margin-right: 70px;
}

.navbar-light .navbar-toggler{
  border-color: white!important;
}


/* NavBar Menu Button Custom Styling */

.nav-item .nav-link-dark-mode{
  color: black;
}





:focus{
  outline: unset!important;
}

.nav-item {
  position: relative;
}

.navbar-dark .navbar-nav .nav-link{
  color: white;
}

.navbar-packages{
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

.activeMain:after {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 5%;
  width: 90%;
  height: 4px;
  background: #FFF;
}

.navbar-light .activeMain:after {
  background: rgb(112, 112, 112);
}

@media only screen and (max-width: 991px) {
  .activeMain:after {
    content: none;
  }
}

@media (min-width: 992px){

  .nav-item {
      margin-left: 30px;
    }

}




.explorePkgHmSliderBtn {
  background-color: transparent;
  font-size: .9rem;
  font-weight: 400;
  letter-spacing: .4px;
  color: #fff;
  padding: 0px;
  padding-right: 20px;
  position: relative;
  border: none;
  text-transform: uppercase;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
  transition: 0.08s ease-in;
  -o-transition: 0.08s ease-in;
  -ms-transition: 0.08s ease-in;
  -moz-transition: 0.08s ease-in;
  -webkit-transition: 0.08s ease-in;
  z-index: 1;
  text-align: center;
}

.explorePkgHmSliderBtn:hover {
  background-color: transparent;
}

.explorePkgHmSliderBtn::after {
  content: "";
  height: 12px;
  width: 8px;
  background-position: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  transition: transform .3s ease!important;
  display: inline-block;
  position: relative;
  top: 1px;
  margin-left: 6px;
  background-image: url(assets/icons/whiteArrowBtnSlider.svg);
  will-change: transform;
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
}

.explorePkgHmSliderBtn:hover::after {
  -webkit-transform: translateX(4px);
  transform: translateX(4px);
}



.destinationDiv{
  padding: 80px;
  padding-bottom: 0px;
}

.dstnRow{
  margin-bottom: 40px;
}

.dstnHdr{
  margin-bottom: 60px;
  color: rgb(0, 33, 58);
  font-size: 3.7rem;
  font-weight: 500;
  letter-spacing: .6px;
}

.dstnSubHdr{
  font-size: 1rem;
  color: #0061AB;
  font-weight: 500;
  letter-spacing: .4px;
}

.overLayContainer{
  position: relative;
  margin: auto;
  overflow: hidden;
}

.dstnTrContent{
  position: absolute;
  bottom: 0;
}

.overLayContainer > a{
  text-decoration: none;
}

.dstnTrHeader{
  margin-left: 30px;
  margin-bottom: 25px;
  font-size: 34px;
  font-weight: 500;
  letter-spacing: 2px;
  color: #FFF;
}


.dstnTrSubHeader{
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: .4px;
  margin-left: 30px;
  margin-bottom: 5px;
  color: white;
}

.dstnTrImg{
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
  transition: all 0.6s;
  transform: scale(1);
}

.overLayContainer:hover > a > .dstnTrImg{
  transform: scale(1.05);
}

.dstnBtnMoreAhref{
  display: flex;
  justify-content: center;
  padding-top: 60px;
}

.dstnBtnMore{
  color: white;
  background: #0061AB;
  border: none;
  padding: 20px 40px;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: .8px;
  transition-duration: 0.2s; 
}

.dstnBtnMore:hover{
  background: #002541;
  cursor: pointer;
}

.dstnBtnMoreAhref:hover{
  text-decoration: none;
}


/* Package Div ::: HOME PAGE */
.packageDiv{
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.pkgTrDivContainer{
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
  background: white;
  position: relative;
  margin: auto;
  overflow: hidden;
}

.pkgTrDivContainer:hover {
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}



.pkgTrDivContainer > a{
  text-decoration: none;
}

.packageDiv{
  padding: 80px;
  padding-top: 120px;
}

.pkgSubHdr{
  font-size: 1.2rem;
  color: #0061AB;
  font-weight: 500;
  letter-spacing: .4px;
  text-align: center;
}

.pkgHdr{
  margin-bottom: 60px;
  text-align: center;
  color: rgb(0, 33, 58);
  font-size: 3.7rem;
  font-weight: 600;
  letter-spacing: .6px;
}

.pkgTrImg{
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
  transition: all 0.6s;
  transform: scale(1);
}

.pkgTrHeader{
  color: rgb(0, 33, 58);
  margin-left: 15px;
  margin-right: 15px;
  font-size: 1.2rem;
  font-weight: 500;
  letter-spacing: .4px;
}

.pkgTrSubHeader{
  margin-top: 25px;
  margin-left: 15px;
  font-size: 0.95rem;
  font-weight: 500;
  color: #0061AB;
  letter-spacing: .4px;
}

.pkgTrDesc{
  margin-top: 15px;
  margin-left: 15px;
  margin-right: 15px;
  font-size: 1rem;
  font-weight: 300;
  color: rgb(80, 80, 80);
  letter-spacing: .4px;
}

.pkgTrDurationDiv,.pkgTrInclusionDiv{
  overflow: hidden;
}

.pkgTrInclusionDiv{
  padding-bottom: 20px;
  padding-top: 10px;
}

.pkgTrDurationDiv{
  padding-top: 10px;
}

.pkgTrDurHdr{
  margin-left: 15px;
  font-size: 1rem;
  font-weight: 500;
  color: rgb(80, 80, 80);
  letter-spacing: .4px;
  float: left;
}

.pkgTrDurNote{
  font-weight: 400;
  margin-right: 15px;
  font-size: 0.95rem;
  color: rgb(80, 80, 80);
  letter-spacing: .4px;
  float: right;
}

.pkgTrIncHdr{
  margin-left: 15px;
  font-size: 1rem;
  font-weight: 500;
  color: rgb(80, 80, 80);
  letter-spacing: .4px;
  float: left;
}

.pkgTrIncNote{
  margin-right: 20px;
  font-size: 1rem;
  font-weight: 500;
  color: rgb(54, 54, 54);
  letter-spacing: .4px;
  float: right;
}

.pkgTrIcon{
  margin-right: 5px;
}

.pkgTrPriceDiv{
  text-align: center;
  margin-bottom: 20px;
}

.pkgTrPriceSubHdr{
  font-size: 0.7rem;
  font-weight: 400;
  color: rgb(54, 54, 54);
  letter-spacing: .4px;
}

.pkgTrPriceHdr{
  font-family: 'Rubik', sans-serif;
  font-size: 1.5rem;
  font-weight: 600;
  color: #0061AB;
  letter-spacing: .4px;
}


/* About Us Div ::::::: HOME PAGE */

.aboutUsDivHmPage{
  padding: 80px;
  padding-top: 40px;
}

.abtUsSubHdr{
  font-size: 18px;
  color: #0061AB;
  font-weight: 500;
  letter-spacing: .4px;
  text-align: center;
}

.abtUsHdr{
  text-align: center;
  color: rgb(0, 33, 58);
  font-size: 3.7rem;
  font-weight: 600;
  letter-spacing: .6px;
}

.abtUsParaHmPg{
  text-align: justify;
  padding: 80px;
  padding-right: 40px;
  color: rgb(0, 33, 58);
  font-size: 16px;
  font-weight: 300;
  font-family: 'Poppins', sans-serif;
  letter-spacing: 1px;
  line-height: 36px;
  margin-bottom: 0px;
}

.abtUsWhyHdr{
  font-size: 18px;
  color: #0061AB;
  font-weight: 500;
  letter-spacing: .4px;
}

.abtUsWhyDiv{
  padding: 40px;
}

.abtUsWhyHdr{

}

.abtUsWhyIconHdrDiv{
  margin-top: 40px;
}

.abtUsHdrLiDiv{
  margin-bottom: 30px;
}

.abtUsWhyIcon,.abtUsWhyInHdr{
  display: inline-block;
  vertical-align: middle;
}

.abtUsWhyIcon{
  width: 45px;
  height: auto;
}

.abtUsWhyInHdr{
  padding-left: 20px;
  font-size: 22px;
  font-weight: 500;
  color: #535353;
}



.moreAbtUsBtnHmPg{
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  background-color: transparent;
  border: none;
  color: #0061AB;
  letter-spacing: .4px;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  display: inline-block;
  font-size: 18px;
  padding-left: 80px;
  cursor: pointer;
  overflow: hidden;
  transition: 0.08s ease-in;
  -o-transition: 0.08s ease-in;
  -ms-transition: 0.08s ease-in;
  -moz-transition: 0.08s ease-in;
  -webkit-transition: 0.08s ease-in;
  z-index: 1;
}

.moreAbtUsBtnHmPg::after {
  content: "";
  height: 16px;
  width: 10px;
  background-position: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  transition: transform .3s ease!important;
  display: inline-block;
  position: relative;
  top: 2px;
  margin-left: 6px;
  background-image: url(assets/icons/arrowBtn.svg);
  will-change: transform;
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
}

.moreAbtUsBtnHmPg:hover {
  background-color: transparent;
}
.moreAbtUsBtnHmPg:hover::after {
  -webkit-transform: translateX(4px);
  transform: translateX(4px);
}


/* Banner Travel With Us */

.travelWithUsBannerHmPg{
  background: #002541;
  padding: 0px;
  padding-bottom: 0px;
}

.bannerImg{
  width: 100%;
  height: auto;
}

.bannerHdr{
  font-size: 3.7vw;
  font-weight: 600;
  text-align: center;
  padding-top: 80px;
  color: white;
}

.bannerPkgBtn,.bannerContBtn{
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  background-color: transparent;
  border: none;
  color: white;
  letter-spacing: .4px;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  display: inline-block;
  font-size: 22px;
  cursor: pointer;
  overflow: hidden;
  transition: 0.08s ease-in;
  -o-transition: 0.08s ease-in;
  -ms-transition: 0.08s ease-in;
  -moz-transition: 0.08s ease-in;
  -webkit-transition: 0.08s ease-in;
  z-index: 1;
}

.bannerPkgBtn::after,.bannerContBtn::after {
  content: "";
  height: 20px;
  width: 12px;
  background-position: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  transition: transform .3s ease!important;
  display: inline-block;
  position: relative;
  top: 2px;
  margin-left: 6px;
  background-image: url(assets/icons/arrowWhiteBtn.svg);
  will-change: transform;
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
}

.bannerPkgBtn:hover,.bannerContBtn:hover {
  background-color: transparent;
}
.bannerPkgBtn:hover::after,.bannerContBtn:hover::after {
  -webkit-transform: translateX(4px);
  transform: translateX(4px);
}

.bannerBtnDiv{
  margin-top: 40px;
  text-align: center;
}

.bannerBtnDiv>a:hover{
  color: transparent;
}

.bannerPkgBtn{
  padding-right: 40px;
}
.bannerContBtn{
  padding-left: 40px;
}

/* Footer Div */

.footerDiv{
  padding: 80px;
  padding-bottom: 0px;
}

.footerLogo{
  width: 30%;
  height: auto;
}

.footerCaption{
  padding: 30px 30px 0px 0px;
  color: #06333b;
  letter-spacing: 1px;
  font-weight: 500;
  font-size: 28px;
  text-transform: uppercase;
  line-height: 40px;
}

.footerSocialIcon{
  width: 40px;
  height: auto;
  margin-right: 10px;
}

.footerHdr{
  padding-top: 0px;
  padding-bottom: 30px;
  color: #06333b;
  letter-spacing: 1px;
  font-weight: 400;
  font-size: 18px;
}

.footerLi{
  display: block;
  text-decoration: none;
  color: rgb(109, 109, 109);
  font-weight: 300;
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 30px;
  margin-top: 10px;
  margin-bottom: 20px;
}

.footerSocialDiv{
  margin-top: 10px;
}

.footerRow{
  position: relative;
  padding-bottom: 40px;
}

.footerRow:after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 1px;
  display: block;
  background: #f1d479;
  background: radial-gradient(#a3a3a3 40%, rgba(199, 199, 199, 0) 80%);
}

.footerCoffeeDiv {
  padding: 30px 0px;
}

.footerCopyrightHeader {
  text-align: center;
  color: rgb(109, 109, 109);
  letter-spacing: 1px;
  font-weight: 300!important;
  font-size: 16px;
  text-align: right;
}

.footerUnderline{
  text-decoration: underline;
}

.footerCoffeeText{
    text-align: left;
    letter-spacing: 1px;
    font-weight: 300!important;
    font-size: 16px;
    color: rgb(109, 109, 109);
}

#Path_891,#Ellipse_270,#twitter,#Path_890,#Ellipse_271,#Rectangle_264{
  fill: rgb(109, 109, 109);
}

#Path_887,#Ellipse_269{
  stroke: rgb(109, 109, 109);
}

.facebookIcon:hover #Path_891{
  fill: #0061AB;
  transition-duration: 0.3s;
}

.instagramIcon:hover #Path_887, .instagramIcon:hover #Ellipse_269{
  stroke: #0061AB;
  transition-duration: 0.3s;
}

.instagramIcon:hover #Ellipse_270{
  fill: #0061AB;
  transition-duration: 0.3s;
}

.twitterIcon:hover #twitter{
  fill: #0061AB;
  transition-duration: 0.3s;
}

.linkedinIcon:hover #Path_890, .linkedinIcon:hover #Ellipse_271, .linkedinIcon:hover #Rectangle_264{
  fill: #0061AB;
  transition-duration: 0.3s;
}

.footerSocialIcons:hover{
  text-decoration: none;
}



/***************

Kerala TOurs PaGe 

*/

.landingKeralaDiv{
  background: url("assets/images/keralaPage.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 80vh;

  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
}

.landingRajasthanDiv{
  background: url("assets/images/rajasthanPage.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 80vh;

  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
}

.landingMadhyaPradeshDiv{
  background: url("assets/images/madhyaPradeshPage.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 80vh;

  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
}

.landingAndamanDiv{
  background: url("assets/images/andamanPage.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 80vh;

  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
}

.landingLakshadweepDiv{
  background: url("assets/images/lakshadweepPage.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 80vh;

  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
}

.landingHimachalDiv{
  background: url("assets/images/himachalPage.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 80vh;

  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
}

.landingThailandDiv{
  background: url("assets/images/thailandPage.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 80vh;

  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
}

.landingTelanganaDiv{
  background: url("assets/images/telanganaPage.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 80vh;

  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
}

.landingGujaratDiv{
  background: url("assets/images/gujaratPage.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 80vh;

  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
}

.landingKarnatakaDiv{
  background: url("assets/images/karnatakaPage.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 80vh;

  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
}

.landingBaliDiv{
  background: url("assets/images/baliPage.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 80vh;

  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
}

.landingSingaporeDiv{
  background: url("assets/images/singaporePage.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 80vh;

  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
}

.landingDubaiDiv{
  background: url("assets/images/dubaiPage.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 80vh;

  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
}

.landingWeekendDiv{
  background: url("assets/images/weekendTripsPage.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 85vh;

  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
}

.landingFixedDepartureDiv{
  background: url("assets/images/fixedDeparture.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 85vh;

  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
}


.landingEuropeDiv{
  background: url("assets/images/europePage.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 80vh;

  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
}

.landingTurkeyDiv{
  background: url("assets/images/turkeyPage.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 80vh;

  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
}

.landingUttarakhandDiv{
  background: url("assets/images/uttarakhandPage.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 80vh;

  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
}

.landingContactDiv{
  background: url("assets/images/contactPage.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 65vh;

  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
}

.tourPageHdrDiv{
  
}

.tourPageTopHdr{
  font-size: 1.3rem;
  letter-spacing: 1px;
  font-weight: 300;
  color: white;
  text-align: center;
  width: 100%;
}

.tourPageHdr{
  font-size: 8rem;
  letter-spacing: 5px;
  font-weight: 500;
  color: white;
  text-align: center;
  width: 100%;
  line-height: 130px;
}

.tourPageSubHdr{
  font-family: 'Old Standard TT', serif;
  font-size: 2rem;
  letter-spacing: -.6px;
  font-weight: 300;
  color: white;
  text-align: center;
  width: 100%;
  margin-top: 20px;
}









/*******************************
  
PACKAGES 

\['_']/ KERALA PAGE

*******************************/

.packagesDivLocPage{
  padding: 40px 80px;
}

.packagesDivList{
  padding: 20px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  border-radius: 8px;
  margin-bottom: 40px;
}

.pkgPgLcImg{
  width: 100%;
  height: 100%;
}

.pkgPgLcHdr{
  color: rgb(0, 33, 58);
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: .6px;
  text-transform: capitalize;
}

.pkgPgIncHdr{
  color: rgb(80, 80, 80);
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: .6px;
  margin-bottom: 10px;
  text-transform: capitalize;
}

.pkgPgLcDuration{
  color: #0061AB;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: .6px;
  margin-bottom: 4px;
  text-transform: capitalize;
}

.pkgPgLcCity{
  text-transform: uppercase;
  color: rgb(80, 80, 80);
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: .6px;
  margin-bottom: 10px;
}

.pkgPgLcDescParaInc{
  font-size: .9rem;
  font-weight: 400;
  letter-spacing: .1px;
  color: rgb(80, 80, 80);
}

.pkgPgLcPriceSubHdr{
  color: rgb(80, 80, 80);
  font-size: .8rem;
  font-weight: 400;
  letter-spacing: .6px;
  text-transform: capitalize;
}


.pkgPgIncHdr{
  font-size: 1rem;
  color: #0061AB;
}

.pkgPgIncLi{
  display: inline-block;
  text-align: center;
  margin-right: 10px;
}

.pkgPgLcDate{
  font-size: 1rem;
  color: #0061AB;
  margin-bottom: 20px;
}

.pkgPgIncIconDesc{
  color: rgb(80, 80, 80);
  padding-top: 8px;
  font-size: 0.98rem;
  font-weight: 400;
  letter-spacing: .6px;
  text-transform: capitalize;
}

.pkgPgCol2{
  border-right: 1px solid rgb(206, 206, 206);
}

.pkgPgLcPriceHdr{
  font-family: 'Roboto', sans-serif;
  color: rgb(0, 33, 58);
  font-size: 2.2rem;
  font-weight: 500;
  letter-spacing: .6px;
}

.pkgPgLcPriceNote{
  color: rgb(80, 80, 80);
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: .6px;
  margin-bottom: 20px;
}

.pkgPgLcBookBtn{
  background-color: #0061AB;
  color: #FFF;
  border-radius: 64px;
  border: none;
  padding: 10px 30px;
  font-size: .9rem;
  font-weight: 400;
  letter-spacing: .2px;
  margin: 10px 0px;
  transition: .3s;
}

.pkgPgLcBookBtn:hover{
  background-color: #002541;
}

.pkgPgLcContBtn{
  background-color: transparent;
  border: none;
  color: red;
  padding: 10px 30px;
  font-size: .9rem;
  font-weight: 500;
  letter-spacing: .2px;
}

.pkgPgLcContBtn::before{
  content: "CLOSE ITINERARY";
}

.pkgPgLcCol3Container .collapsed{
  color: #0061AB;
  transition: .3s;
}

.pkgPgLcCol3Container .collapsed:hover{
  color: #002541;
}

.pkgPgLcCol3Container .collapsed::before{
  content: "VIEW ITINERARY";
}

.pkgPgLcCol3Container .collapsed .fas{
  transform: rotate(-90deg);
  margin-left: 4px;
}

.pkgPgLcCol3Container  .fas{
  transition: .3s transform ease-in-out;
  margin-left: 4px;
}



.pkgPgLcBookBtn:hover,.pkgPgLcContBtn:hover{
  cursor: pointer;
}

.pkgPgCol3{
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.pkgPgLcCol3Container{
  
}

.pkgPgItiDiv{
  margin-top: 20px;
}

.pkgPgItiDiv::before {
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 1px;
  display: block;
  background: radial-gradient(#c4c4c4 30%, rgba(175, 175, 175, 0) 80%);
}

.pkgPgItiDayDiv{
  padding: 20px;
}

.pkgPgItiDayImg{
  width: 100%;
}

.pkgPgItiDayHdr{
  color: #a3a3a3;
  font-size: 1.6rem;
  font-weight: 500;
}

.pkgPgItiDayDescHdr{
  color: rgb(0, 33, 58);
  padding: 0px 30px 0px 0px;
  font-family: 'Roboto', sans-serif;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: .6px;
}

.pkgPgItiDayPara{
  font-size: 1rem;
  font-weight: 300;
  color: rgb(80, 80, 80);
  letter-spacing: .4px;
  text-align: justify;
  padding: 0px 30px 0px 0px;
}

.pkgPgItiHdrM{
  padding: 40px 0px 20px 0px;
  color: rgb(66, 66, 66);
  font-family: 'Poppins', sans-serif;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: .6px;
  padding-left: 20px;
}



.dstnHdrPkgPage{
  color: rgb(0, 33, 58);
  font-size: 3.7rem;
  font-weight: 500;
  letter-spacing: .6px;
}

.siteMapTourPage{
  color: rgb(0, 33, 58);
  font-size: 1rem;
  font-weight: 300;
  letter-spacing: .6px;
}

.siteMapTourPage>a{
  color: rgb(80, 80, 80);
  transition: 0.3s;
  -webkit-transition: 0.3s;
}

.siteMapTourPage>a:hover{
  text-decoration: none;
  color: #0061AB;
}




/****************************************************

                    PACKAGES PAGE 

****************************************************/



#pkgPageImgContainer{
  position:relative;
  height:80vh;
  width:100%
}

#pkgPageImgContainer img {
  position:absolute;
  height: 100%;
  width: 100%;
}



.package-nav-link{
  padding: 10px;
  color: #06333b;
  letter-spacing: 0.4px;
  font-weight: 400;
  font-size: 1rem;
}

.package-nav-link:hover{
  color: #0061AB;
  text-decoration: none;
}


a.active::after{
  content: "";
  position: absolute;
  bottom: -10px;
  left: 5%;
  width: 90%;
  height: 4px;
  background: #0061AB;
}

a.active{
  color: #0061AB;
}

.pkgPageMainHdrDiv{
  position: absolute;
	top: 40%; right: 0;
	bottom: 0; left: 0;
	width: 100%;
	text-align: center;
	vertical-align:middle;
  line-height:0px;
}



.pkgMainHdr{
  color: white;
  font-size: 6rem;
  font-weight: 500;
  letter-spacing: .6px;
  display: inline-table;
  vertical-align:middle; 
}

.pkgMainSubHdr{
  font-size: 1.9rem;
  color: #06333b;
  font-weight: 400;
  letter-spacing: .4px;
  text-align: center;
  padding-top: 30px;
  padding-bottom: 15px;
  text-transform: uppercase;
}

.pkgSortDiv{
  text-align: center;
}

.pkgSortDiv ul {
  display: inline-block;
  margin: 0;
  padding: 0;
}

.pkgSortDiv li {
  float: left;
}

.pkgSortTabNavDiv{
  background-color: white;
  -webkit-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.2);
       -moz-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.2);
            box-shadow: 0 8px 6px -6px rgba(0,0,0,0.2);
  padding-top: 20px;
}

.stickyPkgSortTabNavDiv {
  z-index: 10000000;
  position: fixed;
  top: 0;
  width: 100%;
}

.stickyPkgSortTabNavDiv + .tab-content {
  padding-top: 50px;
}

.tab-content{

}

.nav-pills{
  
}

.pkgTabHdr{
  color: #06333b;
  font-size: 3rem;
  font-weight: 500;
  letter-spacing: .6px;
  padding-top: 60px;
  padding-bottom: 30px;
}

.pkgTabHdrPara{
  color: rgb(0, 33, 58);
  font-size: 1rem;
  font-weight: 300;
  font-family: 'Poppins', sans-serif;
  letter-spacing: 1px;
  padding: 0px 80px;
  padding-bottom: 40px;
}

.pkgTabRowPkgPage{
  padding-bottom: 60px;
}

.pkgTabInnerDstnImg{
  height: 100%;
  width: 100%;
}

.pkgTabInnerDstnDiv{
  border-radius: 1px;
  position: relative;
  margin: auto;
  overflow: hidden;
  transition: transform .4s;
  -webkit-transition: transform .4s;
}

.pkgTabInnerDstnDiv:hover{
  position: relative; 
  transform: translateY(-.5rem);
  -webkit-transform: translateY(-.5rem);
}

.pkgTabInnerDstnHref:hover{
  text-decoration: none;
}

.pkgTabInnerDstnCntDiv{
  position: absolute;
  /*top: 75%; */
  right: 0;
  bottom: 0; 
  left: 0;
	width: 100%;
	text-align: center;
	vertical-align:middle;
  line-height:200px;
  z-index: 100000;
}

.pkgTabInnerDstnHdr{
  color: white;
  font-size: 2rem;
  font-weight: 300;
  padding: 0px 10px;
  font-family: 'Poppins', sans-serif;
}

.pkgTabInnerDstnPkgCnt{
  margin-bottom: 20px;
  color: white;
  letter-spacing: 1px;
  font-size: 1rem;
  font-weight: 200;
  font-style: italic;
  font-family: 'Poppins', sans-serif;
}

.pkgTabSeasonDiv{
  padding-top: 40px;
  text-align: left;
}

.pkgTabSeasonIcon,.pkgTabSeasonHdr{
  display: inline-block;
}

.pkgTabSeasonIcon{
  width: 50px;
  height: auto;
  margin-right: 10px;
  margin-top: -20px;
}

.pkgTabSeasonHdr{
  color: #0061AB;
  font-size: 2.6rem;
  font-weight: 300;
  text-transform: uppercase;
  font-family: 'Poppins', sans-serif;
}

.pkgTabSeasonSubHdr{
  color: #06333b;
  font-size: 1.2rem;
  font-weight: 300;
  padding-top: 10px;
  font-family: 'Poppins', sans-serif;
}

.pkgTabSeasonPara{
  color: #535353;
  font-size: 1rem;
  font-weight: 300;
  font-family: 'Poppins', sans-serif;
  letter-spacing: 1px;
  padding: 20px 0px;
  padding-bottom: 30px;
}


/*****************************************************

Book Package Modal

******************************************************/

.modal-body{
  padding: 0;
}

.modalImgBaliDiv{
  background: url(assets/images/bookingModalBaliBg.jpg);
  background-size: 100% 100%;
  background-repeat: no-repeat;

  position: relative;
}

.modalImgDubaiDiv{
  background: url(assets/images/bookingModalDubaiBg.jpg);
  background-size: 100% 100%;
  background-repeat: no-repeat;

  position: relative;
}

.modalImgSingaporeDiv{
  background: url(assets/images/bookingModalSingaporeBg.jpg);
  background-size: 100% 100%;
  background-repeat: no-repeat;

  position: relative;
}

.modalImgUttarakhandDiv,.modalImgHimachalDiv{
  background: url(assets/images/bookingModalUttarakhandBg.jpg);
  background-size: 100% 100%;
  background-repeat: no-repeat;

  position: relative;
}

.modalImgEuropeDiv{
  background: url(assets/images/bookingModalEuropeBg.jpg);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: relative;
}

.modalImgTurkeyDiv{
  background: url(assets/images/bookingModalTurkeyBg.jpg);
  background-size: 100% 100%;
  background-repeat: no-repeat;

  position: relative;
}

.modalImgRajasthanDiv{
  background: url(assets/images/bookingModalRajasthanBg.jpg);
  background-size: 100% 100%;
  background-repeat: no-repeat;

  position: relative;
}

.modalImgMadhyaPradeshDiv{
  background: url(assets/images/bookingModalMadhyaPradeshBg.jpg);
  background-size: 100% 100%;
  background-repeat: no-repeat;

  position: relative;
}

.modalImgKeralaDiv{
  background: url(assets/images/bookingModalKeralaBg.jpg);
  background-size: 100% 100%;
  background-repeat: no-repeat;

  position: relative;
}

.modalImgLakshadweepDiv{
  background: url(assets/images/bookingModalLakshadweepBg.jpg);
  background-size: 100% 100%;
  background-repeat: no-repeat;

  position: relative;
}

.modalImgThailandDiv{
  background: url(assets/images/bookingModalThailandBg.jpg);
  background-size: 100% 100%;
  background-repeat: no-repeat;

  position: relative;
}

.modalImgTelanganaDiv{
  background: url(assets/images/bookingModalTelanganaBg.jpg);
  background-size: 100% 100%;
  background-repeat: no-repeat;

  position: relative;
}

.modalImgGujaratDiv{
  background: url(assets/images/bookingModalGujaratBg.jpg);
  background-size: 100% 100%;
  background-repeat: no-repeat;

  position: relative;
}

.modalImgKarnatakaDiv{
  background: url(assets/images/bookingModalKarnatakaBg.jpg);
  background-size: 100% 100%;
  background-repeat: no-repeat;

  position: relative;
}

.modalImgGujaratDiv{
  background: url(assets/images/bookingModalGujaratBg.jpg);
  background-size: 100% 100%;
  background-repeat: no-repeat;

  position: relative;
}

.top-center-hdr{
  font-family: 'Poppins', sans-serif;

  font-size: 3rem;
  font-weight: 500;
  padding: 20px;
  color: white;
  padding-top: 80px;
  padding-left: 35px;
  letter-spacing: 1px;
}

.bottomDivCntPage{
  position: absolute;
  bottom: 0;
  padding-bottom: 50px;
  padding-left: 35px;
}

.bottomModalHdr{
  font-family: 'Poppins', sans-serif;
  font-weight: 300;
  font-size: 1.1rem;
  letter-spacing: 1px;
  color: white;
}

.modalCntBtn{
  font-size: .9rem;
  font-weight: 500;
  margin-top: 30px;
  color: white;
  background: transparent;
  border: 2px solid white;
  padding: 13px 30px;
  letter-spacing: 1px;
  transition: .3s;
}

.modalCntBtn:hover{
  color: rgb(0, 33, 58);
  background: white;
  font-weight: 500;
  cursor: pointer;
}

.modal-content{
  border: unset;
  border-radius: unset;
}

@media (min-width: 992px){
  .modal-lg {
    max-width: 850px;
}
}


button.close{
  padding: 20px;
  padding-right: 26px;
  opacity: 1;
  font-size: 2rem;
  font-family: 'Poppins', sans-serif;
  font-weight: 300;
}

.modal-title{
  font-family: 'Poppins', sans-serif;
  font-size: 1rem;
  color: #0061AB;
  font-weight: 300;
}

.package-name-hdr{
  font-family: 'Poppins', sans-serif;
  font-size: 3rem;
  color: rgb(0, 33, 58);
  font-weight: 600;
  padding-bottom: 40px;
  letter-spacing: 1px
}


.bookingModalFormDiv{
  padding: 20px;
  padding-right: 35px;
  padding-top: 80px;
}

.modalBookingInputDiv{
  position: relative;
}

.group 			  { 
  position:relative; 
  padding-bottom:36px; 
}


input,textarea{
  padding:10px 10px 5px 5px;
  display:block;
  width: 100%;
  border:none;
  border-bottom:2px solid #8fadb3;
  font-size: 1rem;
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  letter-spacing: .6px;
}


input:focus,textarea:focus 		
{ 
  outline:none;
  border-bottom: unset; 
}



/* LABEL ======================================= */
.group label{
  color: rgb(0, 33, 58);
  letter-spacing: .6px; 
  font-size: .9rem;
  font-family: 'Poppins', sans-serif;
  font-weight: 300;
  position:absolute;
  pointer-events:none;
  left:5px;
  top:10px;
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
}

.form-group label{
  color: rgb(0, 33, 58);
  letter-spacing: .6px; 
  font-size: .9rem;
  font-family: 'Poppins', sans-serif;
  font-weight: 300;
  margin-left:5px;
}

.input-group>.input-group-append>.btn{
  border: unset;
}

.input-group>.form-control:not(:last-child){
  border: unset;
}


/* active state */
input:focus ~ label, input:valid ~ label 		{
  top:-20px;
  font-size:12px;
  color:#06333b;
  font-weight: 500;
  letter-spacing: 0.4px;
}

textarea:focus ~ label, textarea:valid ~ label 		{
  top:-20px;
  font-size:12px;
  color:#06333b;
  font-weight: 500;
  letter-spacing: 0.4px;
}

/* BOTTOM BARS ================================= */
.bar 	{ 
  position:relative; 
  display:block; 
  width:100%; 
}

.bar:before, .bar:after 	{
  content:'';
  height:4px; 
  width:0;
  bottom:1px; 
  position:absolute;
  background:#0061AB; 
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
}
.bar:before {
  left:50%;
}
.bar:after {
  right:50%; 
}

/* active state */
input:focus ~ .bar:before, input:focus ~ .bar:after {
  width:50%;
}

textarea:focus ~ .bar:before, textarea:focus ~ .bar:after {
  width:50%;
}

/* HIGHLIGHTER ================================== */
.highlight {
  position:absolute;
  height:60%; 
  width:100px; 
  top:25%; 
  left:0;
  pointer-events:none;
  opacity:0.5;
}

/* active state */
input:focus ~ .highlight {
  -webkit-animation:inputHighlighter 0.3s ease;
  -moz-animation:inputHighlighter 0.3s ease;
  animation:inputHighlighter 0.3s ease;
}

textarea:focus ~ .highlight {
  -webkit-animation:inputHighlighter 0.3s ease;
  -moz-animation:inputHighlighter 0.3s ease;
  animation:inputHighlighter 0.3s ease;
}

/* ANIMATIONS ================ */
@-webkit-keyframes inputHighlighter {
    from { background:#F25A38; }
  to 	{ width:0; background:transparent; }
}
@-moz-keyframes inputHighlighter {
    from { background:#F25A38; }
  to 	{ width:0; background:transparent; }
}
@keyframes inputHighlighter {
    from { background:#F25A38; }
  to 	{ width:0; background:transparent; }
}

.modalBookingBtn{
  word-spacing: 2px;
  padding: 15px 30px;
  border: unset;
  background: #0061AB;
  font-size: .9rem;
  font-weight: 400;
  color: white;
  margin-bottom: 25px;
  transition: 0.3s;
  letter-spacing: 1px;
}

.modalBookingBtn:hover{
  cursor: pointer;
  background: #002541;
}


/*********************************************

CONTACT PAGE

**********************************************/

.contactFormDivCntPage{
  padding: 130px 100px 30px 60px;
}

.formImg{
  width: 100%;
  height: auto;
}

.reachUsCol{
  text-align: left;
}

.reachUsDiv{
  padding: 80px;
}

.reachUsHdr{
  padding-top: 80px;
  text-align: center;
  color: rgb(0, 33, 58);
  font-size: 3.7rem;
  font-weight: 500;
  letter-spacing: .6px;
}

.reachUsSubHdr{
  font-size: 1.1rem;
  color: #06333b;
  letter-spacing: 1px;
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  margin-bottom: 20px;
}

.reachUsPara{
  color: rgb(109, 109, 109);
  letter-spacing: 1.1px;
  font-size: 1rem;
  font-family: 'Poppins', sans-serif;
  font-weight: 300;
}

.reachUsEmail, .reachUsEmail:hover{
  text-decoration: none;
  color: #06333b;
}

.reachUsAddress{
  text-align: justify;
}

.formHdrCntPage{
  color: rgb(0, 33, 58);
  font-size: 5rem;
  font-weight: 500;
  letter-spacing: .6px;
  padding-bottom: 30px;
}

.formSubHdrCntPage{
  font-size: 1.2rem;
  color: #0061AB;
  font-weight: 500;
  letter-spacing: .4px;
}

.formDivCntPage{
  padding-right: 80px;
  padding-left: 60px;
}

.cntPageGroup{
  padding-bottom: 42px;
}

.mapDivCntPg{
  padding: 20px 0px 80px 0px;
}

.mapContainer{
  height: 70vh;
  width: 100%;
}

.contactCntPgFormBtn {
  padding: 20px;
  padding-right: 30px;
  padding-left: 30px;
  background-color: #0061AB;
  color: white;
  font-size: 1.2rem;
  letter-spacing: 1px;
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  border-radius: unset;
  transition: .3s;
}

.contactCntPgFormBtn:hover{
  cursor: pointer;
  background: #002541;
}

.footerRowCntPage{
  text-align: center;
}

.footerRowCntPage .footerLogo{
  width: 15%;
  height: auto;
}





/*********************

SLIDER HOME PAGE SLICK

*********************/

.sliderInnerDiv{
  position: relative;
}

.sliderNavSpan{
  height: 4px; 
  position: absolute; 
  background-color: rgb(255, 255, 255); 
  opacity: 0.75; 
  transition: transform 0.35s ease 0s; 
  top: 0px; 
  transform: translate3d(0%, 0px, 0px); 
  width: 25%;
}

/***************************************

About Us Page

****************************************/
.aboutUsLandingDiv{
  padding-top: 120px;
}

.missionVisionDiv{
  padding: 60px 160px 80px 160px;
}

.missionSubHdrAbtPg,.visionSubHdrAbtPg{
  font-size: 1.2rem;
  color: #0061AB;
  font-weight: 500;
  letter-spacing: .4px;
  text-align: center;
}

.missionHdrAbtPg,.visionHdrAbtPg{
  color: rgb(0, 33, 58);
  font-size: 3.7rem;
  font-weight: 600;
  letter-spacing: .6px;
  text-transform: uppercase;
  text-align: center;
}

.missionParaAbtPg{
  padding-top: 30px;
  padding-bottom: 100px;
  text-align: justify;
  color: rgb(0, 33, 58);
  font-size: 16px;
  font-weight: 300;
  font-family: 'Poppins', sans-serif;
  letter-spacing: 1px;
  line-height: 36px;
}

.visionparaAbtPg{
  padding-top: 30px;
  text-align: justify;
  color: rgb(0, 33, 58);
  font-size: 16px;
  font-weight: 300;
  font-family: 'Poppins', sans-serif;
  letter-spacing: 1px;
  line-height: 36px;
  margin-bottom: 0px;
}

.aboutUsDivAbtPage{
  padding: 40px 80px 0px 80px;
}



/* SLider Home Page */

.sliderInnerContentDiv {
  position: absolute;
  top: 20%;
  margin-left: 80px;
}

.sliderNavInnerDivHmPg{
  position: relative;
  margin-left: 60px;
  margin-right: 60px;
}

.sliderInnerSubHdr {
  color: white;
  font-size: 1.2rem;
  font-weight: 500;
  font-family: 'Poppins', sans-serif;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.sliderInnerPara{
  color: white;
  font-size: 1.2rem;
  font-weight: 200;
  font-family: 'Poppins', sans-serif;
  letter-spacing: 1px;
  margin-bottom: 60px;
  width: 70%;
}

.sliderInnerHdr {
  color: white;
  font-size: 5.4rem;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  font-weight: 600;
  font-family: 'Poppins', sans-serif;
  letter-spacing: 1px;
  margin-top: 0px;
  margin-bottom: 30px;
}

.sliderNavInnerContentDiv{
  padding-left: 10px;
}

.sliderNavHdr1::before{
  content: "Lakshadweep";
}
.sliderNavHdr2::before{
  content: "Hyderabad";
}
.sliderNavHdr3::before{
  content: "Bali";
}
.sliderNavHdr4::before{
  content: "Singapore";
}

.sliderNavHdr{
  padding-left: 10px;
  color: white;
  font-size: 1rem;
  font-weight: 300;
  font-family: 'Poppins', sans-serif;
  letter-spacing: 1px;
}

.slick-track {
  height: 100vh;
}


/* trip packages */

.tripDivImg{
  width: 100%;
  height: auto;
}


/* Newsletter */

.newsLetterDiv{
  background-color: #f4fbfe;
  padding: 80px 80px;
}



.newsletterPolicy{
  font-size: 8px;
  font-weight: 200;
  letter-spacing: .1px;
  font-family: 'Poppins', sans-serif;
  margin-bottom: 20px;
  text-align: justify;
}

.newsletterFormDiv{
  margin-bottom: 20px;
}

.newsletterSubheader{
  font-size: 18px;
  color: #0061AB;
  font-weight: 500;
  letter-spacing: .4px;
  margin-bottom: 30px;
}

.newsletterHeader{
  color: rgb(0, 33, 58);
  font-size: 2.4rem;
  font-weight: 600;
  letter-spacing: .2px;
  margin-bottom: 20px;
}

.newsletterFormBtn {
  padding: 18px;
  padding-right: 30px;
  padding-left: 30px;
  background-color: #0061AB;
  color: white;
  font-size: 1rem;
  letter-spacing: 1px;
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  border-radius: unset;
  transition: .3s;
  border: unset;
  width: 100%;
}

.newsletterFormBtn:hover{
  cursor: pointer;
  background: #002541;
}


.newsletterFormDiv input{
  padding:12px 10px 12px 10px;
  display:block;
  width: 100%;
  border:none;
  border:1px solid #8fadb3;
  font-size: 1rem;
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  letter-spacing: .6px;
}

.newsletterImg{
  width: 100%;
  height: auto;
  padding-right: 40px;
}



/* The popup bubble styling. */
.popup-bubble {
  /* Position the bubble centred-above its parent. */
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(-50%, -100%);
  /* Style the bubble. */
  background-color: white;
  padding: 5px;
  border-radius: 5px;
  font-family: sans-serif;
  overflow-y: auto;
  max-height: 60px;
  box-shadow: 0px 2px 10px 1px rgba(0, 0, 0, 0.5);
}

/* The parent of the bubble. A zero-height div at the top of the tip. */
.popup-bubble-anchor {
  /* Position the div a fixed distance above the tip. */
  position: absolute;
  width: 100%;
  bottom: 8px;
  left: 0;
}

/* This element draws the tip. */
.popup-bubble-anchor::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  /* Center the tip horizontally. */
  transform: translate(-50%, 0);
  /* The tip is a https://css-tricks.com/snippets/css/css-triangle/ */
  width: 0;
  height: 0;
  /* The tip is 8px high, and 12px wide. */
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 8px solid white;
}

/* JavaScript will position this div at the bottom of the popup tip. */
.popup-container {
  cursor: auto;
  height: 0;
  position: absolute;
  /* The max width of the info window. */
  width: 200px;
}