@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@200;400;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato&display=swap');
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address,
big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl,
dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside,
canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time,
mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%; font: inherit;  vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;}
body {font-size:16px;font-family: 'Nunito Sans', sans-serif; overflow-x: hidden;}
ol, ul {list-style: none;}
/* remover outline from sweetalert button */
button.confirm.btn.btn-lg.btn-primary:focus{outline: none;}
.checkbox:focus{outline: none;}
/* a:hover, a:focus{color: #000000} */
input[type="checkbox"]:focus{outline: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
/*imge slider*/
.slider-flex-grid img { width: 100%;}
.slider-flex-grid {background: url(../images/bg_about.png); background-repeat: no-repeat; width: 100%; height: 100%; background-position: right 97%; }
#owl-demo .item img{display: block; width: 100%; height: auto; }
.flex-direction-nav{display: none}
.flexslider{border: none}
.slider-flex-grid li{position: relative;}
.slider-flex-grid h1 {position: absolute; top: 36%; font-size: 2.5vw; color: #fff; display: flex; justify-content: center; align-self: center;     font-family: 'Lato', sans-serif;}
.header-top-grid {
    position: fixed;
    top: 0;
    width: 100%;
    left: 0;
    right: 0;
    z-index: 9;
    padding: 5px 0px 10px 0px;
    background: white;
    color: black;
}
/* .header-top-grid {position: fixed; top: 0; width: 100%; left: 0; right: 0; z-index: 9; padding: 20px 0px 20px 0px} */
.header-top-grid img {width: 207px;}
/*nav*/
.dark-header {background: linear-gradient(360deg , rgb(27 65 85 / 0%) 0%, hsl(192deg 54% 34%) 100%)}
.nav-grid li {display: inline-flex; flex-wrap: wrap; margin-right: 15px; }
.nav-grid {padding: 45px 0 0 47px; font-size: 14px; font-family: 'Nunito Sans', sans-serif; color: #fff; font-weight: 600; }
.nav-grid li a {color: #000000; text-transform: uppercase; font-weight: 700;}
.social-grid { padding-top: 30px; text-align: end;}
.social-grid .socail-icon-grid {width: auto; display: inline-block; padding-left: 25px}
.socail-icon-grid a {margin-right: 10px; color: #fff; font-size: 23px; vertical-align: -4px; }
.socail-icon-grid a:last-child { margin: 0;}
.social-grid a.btn-default {background: #F6A51C; width: 171px; display: inline-block; text-align: center; height: 40px; line-height: 42px; border-radius: 30px; font-weight: 700; text-transform: uppercase; color: #fff; font-size: 14px;}
.social-grid a.btn-default:hover{text-decoration: none}
/*login form*/
.login-form-grid {width: 350px; height: auto; position: relative; background: #fff; z-index: 2; right: 40px; float: right; top: 200px; padding: 30px 25px 30px 25px; border-radius: 15px; text-align: center;box-shadow: 1px 0 2px 0px;}
.login-form-grid h2 {font-size: 24px; color: #000; font-weight: 700; text-transform: uppercase; text-align: center; }
.login-form-grid p {font-size: 14px; color: #918f9a; padding: 2px 0 15px 0; font-weight: 600; }
.login-form-box {padding: 20px 0 0 0; }
.login-form-box input.form-control {font-size: 14px; height: 40px; border-radius: 30px; border: none; outline: none; box-shadow: inset 0 0 6px 1px rgb(240 241 252); background: #f6f7ff;font-size: 14px; color: #918f9a; font-weight: 500; }
.login-form-box button{background: #F6A51C;width: 100%;display: inline-block;text-align: center;height: 40px;line-height: 21px;font-weight: 500;text-transform: capitalize;color: #fff;font-size: 18px;border: none;outline: none;}
.login-form-box a {font-size: 14px; padding: 0; margin: 0; color: #918f9a; }
/* switch btn */
.login-form-grid .slider.round {border-radius: 34px; }
.login-form-grid .slider.round:before {border-radius: 50%; }
.login-form-grid .switch {position: relative;display: inline-block;width: 46px;height: 21px;}
.login-form-grid .switch input {opacity: 0; width: 0; height: 0; }
.login-form-grid .slider {position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #2196F3; -webkit-transition: .4s; transition: .4s; }
.login-form-grid .slider:before {position: absolute;content: "";height: 16px;width: 16px;left: 1px;bottom: 3px;background-color: white;-webkit-transition: .4s;transition: .4s;}
.login-form-grid input:checked + .slider {background-color: #ccc; }
.login-form-grid input:focus + .slider {box-shadow: 0 0 1px #ccc; }
.login-form-grid input:checked + .slider:before {-webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); }
.login-form-grid .switch-btn label {padding-right: 8px; font-size: 14px; color: #4a484d; font-weight: 600; }
/*end*/
/*about destination*/
.about-dest-grid { padding: 0px;}
.about-dest-grid .container-fluid {background: url(../images/banner-1.png) no-repeat center center fixed; padding: 20px 0px;margin-top: 105px;}
.about-dest-grid h2 {font-size: 14px;color: #9c9b9d;padding: 0;margin: 0;display: inline-block; width: 100%; font-weight: 700;}
.about-dest-grid h1 {font-size:4.3em;font-weight: 700;color: #4a484d;position: relative;padding: 0 0 30px 0;display: inline-block;width: 100%;margin: -10px 0 0 -3px;}
.about-dest-grid h1:before {content: '';background: url(../images/static-images/bg-heading.png) no-repeat;width: 67px;height: 10px;position: absolute;left: 5px;bottom: 22px;}
.about-dest-grid p {font-size: 16px; color: #929394;display: inline-block; width: 100% }
.about-dest-grid a {width: 201px; height: 60px; background: #F6A51C; display: inline-block; text-align: center; line-height: 60px; border-radius: 50px; margin: 30px 0 20px; color: #fff; text-transform: uppercase; font-weight: 700; }
/*owl slider*/
.owl-dots{display: none}
/*.destnation-dv {padding-left: 152px; width: 36%; float: left; padding-top: 30px}*/
.destnation-dv {padding-left: 15px; width: 36%; float: left; padding-top: 30px}
.owl-slid-grid {float: right; width: 100%; }
.owl-slider .img-slide {height: 400px; cursor: pointer; }
.owl-slider .item{transition: 0.5s all ease-in-out;}
.owl-slider .img-slide img {background-size: auto; object-fit: cover; border-radius: 6px;}
.owl-slider .img-slide {height: 380px; display: flex; transition: transform .2s; /* Animation */ }
.owl-slider .owl-stage-outer {padding: 20px 0px 60px 20px;}
.owl-slider .item:hover{-ms-transform: scale(1.1); /* IE 9 */-webkit-transform: scale(1.1); /* Safari 3-8 */transform: scale(1.1);box-shadow: 0 0 9px 2px #0000004d;border-radius: 16px;}
button.owl-prev {width: 55px; position: absolute; top: 0; height: 55px; background-color: #f1f1f2; border: none; border-radius: 0px; top: 40%; left: -8px; box-shadow: 3px 4px 6px 0px #0000001a; color: #cfcfd0; font-size: 38px; }
button.owl-prev:hover{background: #F6A51C; color: #fff}
button.owl-next {width: 55px; position: absolute; top: 0; height: 55px; background-color: #f1f1f2; border: none; border-radius: 0px; top: 40%; right: 190px; box-shadow: 3px 4px 6px 0px #0000001a; color: #cfcfd0; font-size: 38px; }
button.owl-next:hover{background: #F6A51C;color: #fff}
/*end*/
/*why choose us*/
.whychoose-slider {padding: 50px 0 0;}
/*.why-choose-grid {background: url(../images/static-images/bottom-bg.png) no-repeat; width: 100%; height: 580px; float: left; background-position: center center; background-size: cover;    margin-top: 130px; }*/
.why-choose-grid {background: url(../images/static-images/bottom-bg.png) no-repeat; width: 100%; float: left; background-position: center center; background-size: cover;    margin-top: 130px; margin-top: 30px; }
/*.why-choose-grid {padding: 10%  0 0 0;text-align: center;}*/
.why-choose-grid {padding: 1%  0 0 0;text-align: center;}
.why-choose-grid .whychose-heading h1 {font-size: 36px; font-weight: 700; color: #4a484d; position: relative;}
.why-choose-grid .whychose-heading h1:before {content: '';background: url(../images/static-images/bg-heading-1.png) no-repeat;width: 67px;height: 10px;position: absolute;left: 5px; right: 0px; bottom: 22px; margin: 0 auto; bottom: -15px;}
.whychoose-inner-grid { padding: 0px 43px;}
.why-choose-grid .whychoose-inner-grid h1{color: #2e253d; font-size: 18px; text-transform: uppercase;  font-weight: 700;padding: 20px 0px}
.why-choose-grid .whychoose-inner-grid p {font-size: 16px; color: #5d6d77; }
.owl-carousel .owl-item .whychoose-inner-grid img { width: auto; min-height: auto; margin: 0 auto;}
.why-choose-grid #whychoose button.owl-next {right: -30px; box-shadow: none; background: #e1e4ed; color: #fff; font-size: 45px; line-height: 0; text-align: center; padding: 0 23px; font-weight: 600; top: 20px}
.why-choose-grid #whychoose button.owl-next:hover{background: #F6A51C; color: #fff}
.why-choose-grid #whychoose button.owl-prev {left: 0px; box-shadow: none; background: #e1e4ed; color: #fff; font-size: 45px; line-height: 0; text-align: center; padding: 0px 0px; font-weight: 600; top: 20px}
.why-choose-grid #whychoose button.owl-prev:hover{background: #F6A51C; color: #fff}
.whychoose-inner-grid h1 { padding: 20px 0;}
/*footer*/
.footer-grid{width: 100%; padding: 55px 0px; background: #0d1e26; float: left;}
.footer-grid .brand-info-grid p{font-size: 14px; color: #fff; font-weight: 600; line-height: 18px; padding: 10px 0 0 0}
.footer-grid p.footer-social-icon{padding-top: 40px}
.footer-social-icon a{color: #fff; font-size: 18px;    margin-right: 10px;}
.footer-grid .brand-sitemap-grid h1, .brand-contact-grid h1 {font-size: 18px; color: #fff; padding-bottom: 30px; padding-top: 15px;  display: block; text-transform: capitalize;}
.footer-grid .brand-sitemap-grid li a {padding-bottom: 5px; width: 100%; display: inline-block; color: #fff; padding-bottom: 12px;}
.footer-grid .brand-sitemap-grid ul {margin: 0; padding: 0;}
.footer-grid .brand-sitemap-grid, .brand-contact-grid{padding-left: 40px; }
.footer-grid .brand-contact-grid p {color: #fff;font-size: 15px;padding-bottom: 10px;display: inline-block;width: 100%;}
.footer-grid .brand-contact-grid p a {color: #fff; padding-left: 10px; font-size: 15px;}
.footer-grid .brand-contact-grid i {display: inline-block; vertical-align: top;}
.footer-grid .brand-contact-grid span {display: inline-block; padding-left: 10px;}
.footer-grid .brand-newsletter-grid h1{font-size: 18px; color: #fff;padding-bottom: 30px; padding-top: 15px; display: block;}
.footer-grid .brand-newsletter-grid input.form-control {width: 100%; border-radius: 30px; height: 40px; font-size: 14px; color: #918f9a; padding: 0 25px; background: #fff}
.footer-grid .brand-newsletter-grid button{width: 158px;height: 47px;color: #fff;text-align: center;font-size: 18px;border-radius: 40px;background: #52b8f0;border: none;outline: none;margin-top: 20px;}
.footer-grid .footer-social-icon a:hover{color: #F6A51C;}
/*END*/
.socail-icon-grid a:hover {color: #F6A51C; }
.owl-slid-grid{position: absolute; right: 0px}
.fa {
  	padding: 7px;
  	width: 37px;
  	text-align: center;
  	text-decoration: none;
  	border-radius: 50%;
}
.fa-facebook {
  background: #3B5998 !important;
  color: white;
}

.fa-instagram {
	color: transparent;
	background: -webkit-radial-gradient(30% 107%, circle, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%) !important;
	background: -o-radial-gradient(30% 107%, circle, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%) !important;
	background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%) !important;
	background: -webkit-radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%) !important;
	background-clip: text;
	-webkit-background-clip: text;
	color: white;
}

.fa-linkedin {
  background: #007bb5 !important;
  color: white;
}
/* The checkboxthi */
.checkboxthi {
  display: inline-block;
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding-top: 3px;
}

/* Hide the browser's default checkbox */
.checkboxthi input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.checkboxthi:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.checkboxthi input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.checkboxthi input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.checkboxthi .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.switch-btn{
	padding-top: 10px;
}
.why-choose-grid .fa {
    border: 3px solid #6cb9b8;
    color: white;
    background: #488a89;
}

.why-choose-grid .fa {
    height: 70px;
    width: 65px;
    text-align: center;
    padding-top: 15px;
    font-size: 35px;
    margin-bottom: 28px;
    transition: .4s;
}
.sidenav {
      position: fixed;
      z-index: 999;
      top: 35%;
      left: 0;
      text-align: center;
      overflow-x: hidden;
      line-height: 18px;
  }
  .sidenav a:nth-child(odd) {
      background: #6cb9b8;
      color: #fff;
  }
  sidenav, .sidenav a {
      border-bottom: 1px solid #fff;
  }
  .iirm_url_current {
      padding: 5px;
      text-decoration: none;
      color: #fff;
      display: block;
      font-size: 12px;
      font-weight: 400;
      line-height: 20px;
  }
  .sidenav a:nth-child(even) {
      /*background: #a51c30;*/
      background: #F6A51C;
      color: #fff;
  }
  .gradient-text {
    background: linear-gradient(
      270deg,
      #060d4e,
      #0ab2e6,
      #1abda7
    );
    background-size: 600% 600%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: gradientMove 6s ease infinite;
  }

  @keyframes gradientMove {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
  }

  /* ============================= */
/* Mobile Bottom Sticky Buttons */
/* ============================= */
.mobile-bottom-menu {
  display: none;
}

@media (max-width: 767px) {

  .sidenav { display: none; }

  .mobile-bottom-menu{
    display:flex;
    position:fixed;
    left:0;
    bottom:0;
    width:100%;
    z-index:9999;
    border-top:1px solid rgba(255,255,255,.25);
    height:45px;
  }

  .mobile-bottom-menu a{
    flex:1;
    display:flex;
    align-items:center;
    justify-content:start;
    text-decoration:none;
    color:#fff;
    font-size:12px;
    font-weight:600;
    white-space:nowrap;          /* prevent breaking */
    line-height:1;
  }

  .mobile-bottom-menu a i{
    font-size:18px;
    margin:0 !important;         /* remove margin issues */
    display:inline-block;
  }

  .mobile-bottom-menu a span{
    display:inline-block;
    margin:0;
  }

  /* colors */
  .mobile-bottom-menu a:nth-child(1){ background:#6cb9b8; }
  .mobile-bottom-menu a:nth-child(2){ background:#F6A51C; }
  .mobile-bottom-menu a:nth-child(3){ background:#6cb9b8; }

  /* prevent footer hidden behind bar */
  body{ padding-bottom:70px; }
  .mobile-bottom-menu .fa {
      width: 27px;
  }
}
.login-tabs {
	display: flex;
	margin-bottom: 20px;
	border-radius: 6px;
	overflow: hidden;
}

.tab-btn {
    flex: 1;
    padding: 10px;
    background: #f5f5f5;
    border: none;
    cursor: pointer;
    font-weight: 600;
}

.tab-btn.active {
    background: #1fa2a6;
    color: #fff;
}

.tab-content {
    display: none;
}

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