:root {
  --primary: #9D8A6B;
  --black: #454545;
  --secondary:#887455;
  --beige:#C6B168;
}

body{font-family: "Playfair Display", serif;}
p{font-family: "Jost",  sans-serif}
*{padding:0; margin: 0}
.fw-300{font-weight: 300}
.fw-400{font-weight: 400}
.fw-500{font-weight: 500}
.fw-600{font-weight: 600}
.fw-700{font-weight: 700}

.pd-1{padding: 40px 0}
.pd-2{padding: 64px 0}
.pd-3{padding: 88px 0}
.pd-4{padding: 124px 0}

.pdb-1{padding-bottom: 40px}
.pdb-2{padding-bottom: 64px}
.pdb-3{padding-bottom: 88px}
.pdb-4{padding-bottom: 124px}

.pdt-1{padding-top: 40px}
.pdt-2{padding-top: 64px}
.pdt-3{padding-top: 88px}
.pdt-4{padding-top: 124px}



.container-fluid{width: 90%; margin: 0 auto;}
.jost{font-family: "Jost",  sans-serif}
.hero{position: relative;}
.swa-logo{position: absolute; top: 30px; left: 30px; position: absolute; z-index: 2}
.gentle-holidays-logo{position: absolute; top: 40%; right: 30px; width: 100%; position: absolute; z-index: 2; text-align:center; display: block}
.book-now-btn{position: fixed; transition: ease-in-out all 0.3s;font-family: "Jost",  sans-serif;top: 30px; right: 30px; border: none; padding: 10px; width: 150px; text-transform: uppercase; color: white; background: var(--primary); text-align: center; text-decoration: none;z-index: 3}
.enquiry-btn{position: absolute; transition: ease-in-out all 0.3s;font-family: "Jost",  sans-serif;bottom: 30px; right: 30px; border: solid 1px #fff; padding: 10px; width: 150px; text-transform: uppercase; color: white; background:none;text-align: center; text-decoration: none}
.enquiry-btn:hover, .book-now-btn:hover{letter-spacing: 2px}
.hero h1{position: absolute; bottom: 20%;  width: 100%; position: absolute; z-index: 2; text-align:center; color:white; }

.grid .left{padding-right: 17%}
.section-three .right{padding-left: 12%}

.programms{background: var(--primary); color: #fff}
.programms p.price{font-size: 24px}

.Swa-Wellbeing .cover{position: relative; margin: 0 8px; overflow:hidden }
.Swa-Wellbeing .cover img{transition: ease-in-out all 0.5s}
.Swa-Wellbeing .cover:hover img{transform: scale(1.1);}
.Swa-Wellbeing .cover:hover .top{padding: 60px 20px 30px 20px}
.Swa-Wellbeing .top{position: absolute; transition: ease-in-out all 0.5s;width: 100%; bottom: 0; left: 0; right: 0; background: rgb(0,0,0);background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); padding: 60px 20px 20px 20px}
.Swa-Wellbeing .top h5{font-family: "Jost",  sans-serif; font-weight: 300}
.slick-prev{background: url(https://www.cghearth.com/swaswara/gentle-holidays/assets/images/arw-prev.svg) !important;    width: 48px;z-index: 2;height: 48px;left: -17px !important; ;}
.slick-prev:before{content:none  !important;}
.slick-next{background: url(https://www.cghearth.com/swaswara/gentle-holidays/assets/images/arw-next.svg) !important;    width: 48px;z-index: 2;height: 48px;right: -17px !important; ;}
.slick-next:before{content:none  !important;}

.map{margin-top:0px}

.enquiry{background: var(--secondary); margin-top: -10px; color: #fff}

footer{background: var(--primary); padding: 64px 0; color: #fff; font-family: Jost}
footer h5{font-weight: 300; font-size: 16px; padding-bottom: 24px;}
footer .contact a{color:#fff; text-decoration: none; display: block; font-size: 22px}
.social a{display: inline-block; padding: 0px 0px 5px 0px; position: relative; top: 0;transition: ease-in-out all 0.3s;}
.social a:hover{ top:-5px}
.desktop{display: block}
.mobile{display: none}




.rev_slider .slick-slider {
  margin-left: -12%;
  margin-right: -12%;
}

.rev_slider .slick-list {
  padding-top: 10%!important;
  padding-bottom: 10%!important;
  padding-left: 15%!important;
  padding-right: 15%!important;
}

.rev_slider .slick-dots {
  text-align: right;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.rev_slider .slick-track {
  max-width: 100%!important;
  transform: translate3d(0, 0, 0)!important;
  perspective: 100px;
}

.rev_slider .slick-slide {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  opacity: 0;
  width: 100%!important;
  transform: translate3d(0, 0, 0);
  transition: transform 1s, opacity 1s;
}

.rev_slider .slick-snext,
.rev_slider .slick-sprev {
  display: block;
}

.rev_slider .slick-current {
  opacity: 1;
  position: relative;
  display: block;
  transform: translate3d(0, 0, 20px);
  z-index: 2;
}

.rev_slider .slick-snext {
  opacity: 1;
  transform: translate3d(20%, 0, 0px);
  z-index: 1;
}

.rev_slider .slick-sprev {
  opacity: 1;
  transform: translate3d(-20%, 0, 0px);
}

.theed-prev{border: none; background: none; position: absolute; left: -60px; top: 47%}
.theed-next{border: none; background: none; position: absolute; right: -60px; top: 47%}

.slick-dots{display: none !important}


@media only screen and (min-width: 320px) and (max-width: 479px){
  .desktop{display: none}
.mobile{display: block}
.book-now-btn{top: inherit; right: inherit; left: 30px; position: absolute; bottom: 30px; width: 41%; border: solid var(--primary) 1px;}
.enquiry-btn{width: 41%; background:#fff; color: var(--black);}
.btns{position: fixed; width: 100%;bottom:0;height: 100px;background: rgb(0,0,0);background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); z-index:5 }
.programms {padding: 40px 20px !important;}

footer {padding: 64px 0 240px 0; text-align: center;}
footer h5{padding: 32px 0 5px;}
.grid, .section-three{padding: 48px 32px !important;}
.grid img{padding:  48px 0 32px 0;}
.section-three .right { padding: 32px 15px;}
  .pd-3, .pd-4, .pd-2 { padding: 48px 0;}
  .pdt-1{padding-top: 20px}
  .pdt-2{padding-top: 48px}
  .pdt-3{padding-top: 48px}
  .pdt-4{padding-top: 48px}
  .pdb-1{padding-bottom: 40px}
.pdb-2{padding-bottom: 48px}
.pdb-3{padding-bottom: 48px}
.pdb-4{padding-bottom: 48px}
.theed-next{right:-26px; z-index: 4;width: 24px; top: 44%}
.theed-prev{left: -26px; z-index: 4;width: 24px;top: 44%}
.gallery{padding: 40px 32px}
.swa-logo {top: 30px;left: 0;width: 100%;text-align: center;}
.gentle-holidays-logo{    top: 34%;right: 0;}
.gentle-holidays-logo img{width:242px}
.hero h1 {bottom: 35%;width: 84%; left: 8%;font-size: 22px;}
}

@media only screen and (min-width: 480px) and (max-width: 767px){ ... }

@media only screen and (min-width: 768px) and (max-width: 991px){ ... }

@media only screen and (min-width: 992px){ ... }











.contact_enquire {
  background-color: #412516;
  padding: 50px 0 60px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.contact_enquire h2 {
  color: #fff;
  font-size: 24px;
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: 5px;
  text-align: center;
}

.contact_enquire .contact-details h3 {
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  margin-top: 30px;
  text-transform: uppercase;
}

.contact_enquire .contact-details p {
  color: #fff;
  font-size: 16px;
  line-height: 25px;
  margin-bottom: 5px;
}

.contact_enquire .contact-details p a {
  color: #fff;
  text-decoration: none;
  margin-left: 20px;
}

.contact_enquire .contact-details i {
  color: #fff;
  font-size: 23px;
  margin-right: 10px;
}

.contact_enquire .contact-details a {
  text-decoration: none;
}

.contact_enquire .contact-details button {
  background-color: #000;
  border-radius: 2px;
  font-size: 14px;
  color: #4e372a;
  border: none;
  font-weight: 600;
  width: 180px;
  height: 50px;
  margin-top: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.contact_enquire .contact-details button i {
  color: #fff;
  margin-top: -5px;
}

.contact_enquire .contact input {
  border-radius: 2px;
  margin-bottom: 20px;
  height: 55px;
  background-color: #fff;
  border: 1px solid #fff;
}
.contact_enquire .contact input::placeholder {
  color: #7B7B7B;
  font-size: 14px;
}

.contact_enquire .contact .resort-prop {
  background-color: #fff;
  margin-bottom: 20px;
  height: 55px;
  border-radius: 20px;
}

.contact_enquire .contact .resort {
  padding: 8px 10px;
  font-size: 14px;
  color: #7B7B7B;
}

.contact_enquire .contact #medications,
.contact_enquire .contact #treatment,
.contact_enquire .contact #nationality,
.contact_enquire .contact #residence {
  background-color: #fff;
  border: none;
  margin-bottom: 20px;
  height: 55px;
  border-radius: 2px;
  width: 100%;
  /* margin-left: 40px; */
  padding-left: 10px;
  font-size: 13px;
  border: 1px solid #fff;
  color: #7B7B7B;
}

.contact_enquire .contact textarea {
  border-radius: 2px;
  padding: 10px;
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid #fff;
}
.contact_enquire .contact textarea::placeholder {
  color: #7B7B7B;
  font-size: 14px;
}

.contact_enquire .contact .about-select {
  background-color: #fff;
  margin-bottom: 20px;
  height: 55px;
  border-radius: 2px;
  border: 1px solid #fff;
}

.contact_enquire .contact .about-us {
  padding: 9px 12px;
  width: 100%;
  font-size: 14px;
  color: #7B7B7B;
}

.contact_enquire .contact #aboutUs {
  background-color: #E2E2E2;
  border: none;
  margin-bottom: 20px;
  height: 54px;
  border-radius: 2px;
  width: 100%;
  margin-left: 0px;
  padding-left: 10px;
  font-size: 13px;
  border: 1px solid #fff;
  color: #7B7B7B;
}

.contact_enquire .contact .btn {
  background-color: #c5b168;
  color: #fff;
  font-size: 20px;
  width: 100%;
  border: none;
  height: 50px;
  border-radius: 2px;
}

.contact_enquire hr{
  border:1px solid #555555;
  margin-top: 50px;
}

#program {
    font-size: 13px;
    border-radius: 2px;
    margin-bottom: 25px;
    height: 55px;
    background-color: #fff;
    border: 1px solid #fff;
}
#package{
font-size: 13px;
    border-radius: 2px;
    margin-bottom: 25px;
    height: 55px;
    background-color: #fff;
    border: 1px solid #fff;
}
#gender{
font-size: 13px;
    border-radius: 2px;
    margin-bottom: 25px;
    height: 55px;
    background-color: #fff;
    border: 1px solid #fff;
}







.mobiles-number{
    display: block!important;
  }
  .home_banner video {
    height: 100vh;
    width: 100%;
    object-fit: cover;
}

.footer .link-wrap a{
  
   font-family: Manrope;
   font-size: 14px;
   font-weight: 500;
   line-height: 19.12px;
   text-align: left;
   color: #D4D4D4 !important;
   text-underline-position: from-font;
   text-decoration: none;
 }

  .mobile{display: none}
  @media only screen and (min-width: 320px) and (max-width: 479px){
  .mobile{display: block}

  .home_banner video {
    height: 22vh;
    width: 100%;
    object-fit: cover;
}

.footer .text-wrap .link-wrap {
  margin-top: 20px;
  margin-bottom: 30px;
}

}


  #loading {
  height: 0;
  width: 0;
  padding: 15px;
  border: 6px solid #ccc;
  border-right-color: #888;
  border-radius: 22px;
  -webkit-animation: rotate 1s infinite linear;
  /* left, top and position just for the demo! */
/*  position: absolute;*/
  left: 50%;
  top: 50%;
}



/* zoho form code css */
.contact_enquire .contact .zoho-form form{
    display: grid;

}
.contact_enquire .contact .zoho-form form .zcwf_row{
    padding: 6px;
}

.contact_enquire .contact #medications,
.contact_enquire .contact #treatment,
.contact_enquire .contact #nationality,
.contact_enquire .contact #residence,
.contact_enquire .contact .zoho-form select {
  background-color: #fff;
  border: none;
  margin-bottom: 20px;
  height: 55px;
  border-radius: 2px;
  width: 100%;
  /* margin-left: 40px; */
  padding-left: 10px;
  font-size: 13px;
  border: 1px solid #fff;
  color: #7B7B7B;
}
.contact_enquire .contact .zoho-form .zcwf_row select,
.contact_enquire .contact .zoho-form .zcwf_row input,
.contact_enquire .contact .zoho-form .zcwf_row textarea{
    padding-left: 6px;
    padding-right: 6px;
}

.contact_enquire .contact .zoho-form .zcwf_row select,
.contact_enquire .contact .zoho-form .zcwf_row input,
.contact_enquire .contact .zoho-form .zcwf_row textarea,
.contact_enquire .contact .zoho-form .zcwf_row .zcwf_col_fld,
.contact_enquire .contact .zoho-form .zcwf_col_lab{
    width: 100% !important;  
    display: block ;
    margin-bottom: 0;
    color: #000000;
    font-size: 16px;
}
.contact_enquire .contact .zoho-form textarea{
    min-height: 100px;
}
.contact_enquire .contact .zoho-form label {
    color: #fff;
    font-family:"Playfair Display", serif;
    font-size: 16px;
    margin-bottom: 5px;
    display: block !important;
}
.contact_enquire .contact .zoho-form .zcwf_button {
    display: inline-block;
    margin: 5px;
}
.contact_enquire .contact .zoho-form .formsubmit {
  background: #c5b168 !important;
  color: #fff !important;
}
.contact_enquire .contact .zoho-form  .flex-wrap-box {
    display: flex !important;
    flex-wrap: wrap;
}
@media (min-width:600.0px) {
    .contact_enquire .contact .zoho-form form {
    grid-template-columns: repeat(2,1fr);
}
 .contact_enquire .contact .zoho-form form .full-row{
  grid-column: span 2;
 }
}


@-webkit-keyframes rotate {
  /* 100% keyframe for  clockwise. 
     use 0% instead for anticlockwise */
  100% {
    -webkit-transform: rotate(360deg);
  }
}

@-webkit-keyframes rotate {
  /* 100% keyframe for  clockwise. 
     use 0% instead for anticlockwise */
  100% {
    -webkit-transform: rotate(360deg);
  }
}