section#content{background:transparent!important;}
#single{display:none}
@font-face {
  font-family: nexa;
  src: url("../fonts/Nexa-Bold_0.otf") format("opentype");
  /*src: url("../fonts/Nexa-Light_0.otf") format("opentype");
  src: url("../fonts/nexa-rust-sans-black.otf") format("opentype");*/
}
.icon-check.full-width{width: 50% !important;
    font-size: 23px;
    padding: 5px 0;
    display: block;
    line-height: 30px!important;
    height: auto;}
@font-face {
  font-family: nexa-rust;
  src: url("../fonts/nexa-rust-sans-black.otf") format("opentype");
}

@font-face {
  font-family: nexa-light;
  src: url("../fonts/Nexa-Light_0.otf") format("opentype");
}
.testimonials {
    width: 100%;
    float: left;
    padding: 40px 20px;
    background-color: #0fbbed;
    text-align: center;
    color: #fff;
}
.testimonials h2 {
    font: 700 44px/50px "Montserrat";
    margin: 0px;
    padding: 0px;
    color:#fff;
}
.testimonials h3 {
    font: 700 22px/40px "Montserrat";
    margin: 0px;
    padding: 0px;
    color:#fff;
}
.testimonials p {
    font: 300 16px/25px "Montserrat";
    margin: 0px;
    padding: 0px 20%;
    color:#fff;
}
.testimonials abbr {
    font: 300 16px/25px "Montserrat";
    margin: 15px 0px;
    padding: 0px 20%;
    color:#fff;
    display: inline-block;
}
.testimonial-slider .owl-nav .owl-prev {
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url(../images/prev.png) no-repeat left center;
    text-indent: -9999px;
    margin: 20px 10px
}
.testimonial-slider .owl-nav .owl-next {
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url(../images/next.png) no-repeat left center;
    text-indent: -9999px;
    margin: 20px 10px
}

 .mobile-call {display:none}
.shad{color:#ff6600}
.shad h1{
       color: #fff;
    font-weight: bold;
   
    text-align: left!important;
    font-size: 3rem;
    text-shadow: 1px 1px 2px #000;
}
.shad h2{
        color: #fff;
    font-weight: bold;
    
    text-align: left!important;
    font-size: 2rem;
    text-shadow: 1px 1px 2px #000;
}
.minus-pos{margin-top:0px;}

:root{
  --theme-purple:#721972;
  /* --theme-purple:#384e84; */
  --dark-text:#141414;
  --sky-color:#81cede;
  --theme-blue :#1d3d89;
}
.purple-btn , .white-purple:hover, .white-purple:visited{
    text-transform: uppercase;
    color: #fff!important;
    background: var(--theme-purple);
    border: 1px solid var(--theme-purple);
    font-size: 11px;
    font-weight: 800;
    border-radius: 29px;
    padding: 8px 10px;
}
.purple-btn , .white-purple:hover, .white-purple:visited{
    text-transform: uppercase;
    color: #fff!important;
    background: var(--theme-purple);
    border: 1px solid var(--theme-purple);
    font-size: 11px;
    font-weight: 800;
    border-radius: 29px;
    padding: 8px 10px;
}
.white-purple:hover{
 
    color: #000;
   
}
.gray-link {
      font-size: 11px;
    color: lightgray;

}
.gray-link:hover{
  color: var(--theme-purple);
}
.flatpickr-day.selected {
  background: #da4194;
  border-color: #da4194;
}
button:focus {
  outline: none;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button,
input[type=date]::-webkit-inner-spin-button,
input[type=date]::-webkit-outer-spin-button,
input[type=tel]::-webkit-inner-spin-button,
input[type=tel]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.theme-button-purple {
  background: var(--theme-purple);
      color: #fff;
    border: 2px solid rgba(255,255,255,0);
    margin-bottom: 15px;
    border-radius: 25px;
    text-align: center;
    padding: 9px 17px;
    font-size: 12px;
    text-transform: uppercase;
    line-height: 14px;
    font-weight: 700;
    cursor: pointer;
}
.theme-button-purple:focus {
  outline: none;
}
/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
body {
  background: #fff;
  color: #666666;
  font-family: "Open Sans", sans-serif;
}

a {
  color: var(--theme-blue);
  transition: 0.5s;
}

a:hover, a:active, a:focus {
  color: var(--theme-blue);
  outline: none;
  text-decoration: none;
}

p {
  padding: 0;
  margin: 0 0 30px 0;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "nexa", sans-serif;
  font-weight: 400;
  margin: 0 0 20px 0;
  padding: 0;
}

.color-white{
  color: #fff;
}

.f-1rem{
  font-size: 1rem;
}

.hidden-md{
    display: none;
}
.navbar-light .navbar-toggler, .navbar-light .navbar-toggler:focus {
 border-color: rgba(0,0,0,0);
 outline:none;
}
.navbar-light .navbar-toggler-icon {
        background: url('../images/menu.png');
    background-repeat: no-repeat;
    background-size: contain;
    transition: all ease-in-out 0.3s;
    width: 20px;
    background-position: 100%;
    }

/* checkbox  */

/* The container */
.checkbox-wrapper {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.checkbox-wrapper 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;
  border-radius: 3px;
}

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

/* When the checkbox is checked, add a blue background */
.checkbox-wrapper input:checked ~ .checkmark {
  background-color: var(--theme-purple);
}

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

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

/* Style the checkmark/indicator */
.checkbox-wrapper .checkmark:after {
left: 10px;
    top: 7px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);}
/* end of checkbox */
/* Back to top button */
.back-to-top {
  position: fixed;
  display: none;
  background: #da4194;
  color: #fff;
  display: inline-block;
  width: 44px;
  height: 44px;
  text-align: center;
  line-height: 1;
  font-size: 16px;
  border-radius: 50%;
  right: 15px;
  bottom: 15px;
  transition: background 0.5s;
  z-index: 11;
}

.back-to-top i {
  padding-top: 12px;
  color: #fff;
}


#page-v1 #footer .footer-top .social-links a.twitter:hover{
  background: #38A1F3;
  border-color: #38A1F3;
}

#page-v1 #footer .footer-top .social-links a.facebook:hover{
  background: #3b5998;
  border-color: #3b5998;
}

#page-v1 #footer .footer-top .social-links a.instagram:hover{
  background: #e4405f;
  border-color: #e4405f;
}

#page-v1 #footer .footer-top .social-links a.linkedin:hover{
  background: #0077B5;
  border-color: #0077B5;
}
#page-v1 #footer .footer-top .social-links a.youtube:hover {
 background: #cc181e;
 border-color:#cc181e

}
#page-v1 #footer .footer-top .social-links a.google:hover
{
  background: #dd4b39;
  border-color: #dd4b39;
}

@media (max-width: 768px) {
  .back-to-top {
    bottom: 15px;
  }
}

.no-padding{
  padding: 0 !important;
}


.btn-hollow {
  font-weight: 500;
    font-size: 14px;
    letter-spacing: 1px;
    display: block;
    /* padding: .6rem 1.5rem; */
    padding: 1.2rem 1.2rem;
    /* width: 10.6vw; */
    position: relative;
    border-radius: 50px;
    transition: 0.5s;
    margin: 7px 11rem 0 0;
    color: #df4190;
    background: #fff;
    border: 1px solid #df4190;
    text-transform: uppercase;
    cursor: pointer;
}

.btn-hollow:hover {
  background: transparent;
  color: #fff;
  background: #df4190;
  border: 1px solid #fff;
  transition: all .2s;
}

.btn-filled {
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 1.2rem 1.2rem;
  border-radius: 50px;
  transition: 0.5s;
  margin: 10px;
  color: #fff;
  background: #df4190;
  border: 1px solid #df4190;
  text-transform: uppercase;
  cursor: pointer;
  box-shadow: 1px 1px 18px 0px #b50e698c;

}

.btn-filled:hover {
  background: transparent;
  color: #df4190;
  border: 1px solid #df4190;
}

.mt-5{
    margin-top: 5rem;
}

.fs-1{
    font-size: 1rem;
}

.fs-2{
    font-size: 2rem;
}

.fs-3{
    font-size: 3rem;
}

.fs-4{
    font-size: 4rem;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header1 {
  padding: 30px 0;
  /* height: 92px; */
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  transition: all 0.5s;
  z-index: 9999;
}
.nav-opt .dropdown-toggle .fa-angle-right {
        display: block !important;
    }

 /* #header1  .dropdown-toggle::after {
        display: none;
    } */
    #header1 .dropdown-toggle::after {
      display: none
    }

#header.header-scrolled {
  background: rgb(251, 251, 253);
  padding: 20px 0;
  height: 72px;
  transition: all 0.5s;
  box-shadow: 1px 1px 13px 1px #da419461;
}

.nav-opt a{
  color: var(--theme-purple)!important;
  border-bottom: none;
  font-weight: 500;
  text-transform: capitalize;
  padding: 0 8px 5px 8px;
  text-decoration: none;
  display: table;
  color: #4d47a5;
  /* font-family: "Montserrat", sans-serif; */
  /* font-weight: 700; */
  font-size: 13px;
}
.navbar-menu a {
  font-size: 18px;
  /*color: var(--theme-blue) !important;*/
  color:#FFFFFF;
}

#header1 #logo h1 {
  font-size: 34px;
  margin: 0;
  padding: 0;
  line-height: 1;
  /*font-family: "Montserrat", sans-serif;*/
  font-weight: 700;
  letter-spacing: 3px;
}

#header1 #logo h1 a, #header1 #logo h1 a:hover {
  /*color: #8452b0;*/
  background: -webkit-linear-gradient(-69deg, #3a4fbd 0%, #8A439D 57%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  padding-left: 10px;
  border-left: 4px solid #8a439e;
}

#header1 #logo img {
  padding: 0;
  margin: 0;
  width: 200px;
  position: absolute;
  top: -1rem;
}

@media (max-width: 768px) {
    .minus-pos{margin-top:0px;max-width:100%;}
  #header1 #logo h1 {
    font-size: 28px;
  }
  #header1 #logo img {
    /*max-height: 40px;*/
    width: 162px;
    top: -.4rem;
  }
}


/* ======Custom Select Dropdown
===========
*/

select {
  /*display: none !important;*/
}

select.currency-selector {
  display: block !important;
}

.custom-dropdown:after {
  height: 0;
  width: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #777;
  -webkit-transform: origin(50% 20%);
          transform: origin(50% 20%);
  transition: all 0.125s ease-in-out;
  content: '';
  display: block;
  margin-top: -2px;
  pointer-events: none;
  position: absolute;
  right: 10px;
  top: 50%;
}
.custom-dropdown.open:after {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}

.custom-dropdown {
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#40FFFFFF', endColorstr='#00FFFFFF', GradientType=0);
  background-color: #f6f6f6;
  border-radius: 6px;
  border: solid 1px #eee;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.0075);
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  float: left;
  font-size: 14px;
  font-weight: normal;
  height: 42px;
  line-height: 40px;
  outline: none;
  padding-left: 0;
  padding-right: 30px;
  position: relative;
  text-align: left !important;
  transition: all 0.2s ease-in-out;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  white-space: nowrap;
  width: auto;
}
.custom-dropdown:focus {
  background-color: #f1f1f1;
}
.custom-dropdown:hover {
  background-color: #f3f3f3;
}
.custom-dropdown .list ul{
  padding: 0;
}
.custom-dropdown:active, .custom-dropdown.open {
  /* background-color: #f0f0f0 !important;
  border-color: #e4e4e4;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05) inset; */
}

.custom-dropdown.open:after {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
.custom-dropdown.open .list {
  -webkit-transform: scale(1);
          transform: scale(1);
  opacity: 1;
  pointer-events: auto;
}
.custom-dropdown.open .option {
  cursor: pointer;
}
.custom-dropdown.wide {
  width: 100%;
}
.custom-dropdown.wide .list {
  left: 0 !important;
  right: 0 !important;
}
.custom-dropdown .list {
  box-sizing: border-box;
  transition: all 0.15s cubic-bezier(0.25, 0, 0.25, 1.75), opacity 0.1s linear;
  -webkit-transform: scale(0.75);
          transform: scale(0.75);
  -webkit-transform-origin: 50% 0;
          transform-origin: 50% 0;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.09);
  background-color: #fff;
  border-radius: 6px;
  margin-top: 4px;
  padding: 3px 0;
  opacity: 0;
  /* overflow: hidden; */
  pointer-events: none;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 999;
  width: 100%;
}
.custom-dropdown .list:hover .option:not(:hover) {
  background-color: transparent !important;
}
.custom-dropdown .option {
  cursor: default;
  font-weight: 400;
  line-height: 35px;
  outline: none;
  padding-left: 15px;
  padding-right: 30px;
  text-align: left;
  list-style-type: none;
  transition: all 0.2s;
  font-size: .9rem;
}
.custom-dropdown .option:hover, .custom-dropdown .option:focus {
  background-color: #f6f6f6 !important;
}
.custom-dropdown .option.selected {
  font-weight: 600;
}
.custom-dropdown .option.selected:focus {
  background: #f6f6f6;
}




/*--------------------------------------------------------------
# Intro Section
--------------------------------------------------------------*/

#intro {
  position: relative;
  background: linear-gradient(90deg, #fff 8px, transparent 1%) center, linear-gradient(#fff 8px, transparent 1%) center, #aaa;
  background-size: 10px 10px;
  width: 100%;
  height: 55rem;

}

#intro:before{
  content: " ";
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: transparent;
  background-image: -webkit-linear-gradient(134deg, #fff 65%,  transparent 35%);
  min-height: 500px;
  position: absolute;
}

#intro .carousel-background img{
  width: 100%;
  margin-top: 4rem;
}

#intro .carousel-container {
    display: flex;
    justify-content: left;
    align-items: normal;
    position: absolute;
    left: 2rem;
    right: 0;
    top: 8rem;
}

#intro .carousel-content {
  text-align: left;
}

#intro h2 span{
  color: #fac40b;
  font-size: 2.5rem;
  text-transform: initial;
}
#intro h2 {
  color: #172458;
  font-size: 3.2rem;
  text-transform: uppercase;
  font-weight: 600;
  line-height: 1.1
}


#intro p {
  width: 80%;
  margin: 0 auto 30px auto;
  color: #fff;
}

@media (min-width: 1024px) {
  #intro p {
    width: 60%;
  }
}

#intro .carousel-fade .carousel-inner .carousel-item {
  -webkit-transition-property: opacity;
  transition-property: opacity;
}

#intro .carousel-fade .carousel-inner .carousel-item,
#intro .carousel-fade .carousel-inner .active.carousel-item-left,
#intro .carousel-fade .carousel-inner .active.carousel-item-right {
  opacity: 0;
}

#intro .carousel-fade .carousel-inner .active,
#intro .carousel-fade .carousel-inner .carousel-item-next.carousel-item-left,
#intro .carousel-fade .carousel-inner .carousel-item-prev.carousel-item-right {
  opacity: 1;
  transition: 0.5s;
}

#intro .carousel-fade .carousel-inner .carousel-item-next,
#intro .carousel-fade .carousel-inner .carousel-item-prev,
#intro .carousel-fade .carousel-inner .active.carousel-item-left,
#intro .carousel-fade .carousel-inner .active.carousel-item-right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

#intro .carousel-control-prev, #intro .carousel-control-next {
  width: 10%;
}

@media (min-width: 1024px) {
  #intro .carousel-control-prev, #intro .carousel-control-next {
    width: 5%;
  }
}

#intro .carousel-control-next-icon, #intro .carousel-control-prev-icon {
  background: none;
  font-size: 32px;
  line-height: 1;
}

#intro .carousel-indicators li {
  cursor: pointer;
}

#intro .btn-get-started {
  /*font-family: "Montserrat", sans-serif;*/
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 8px 32px;
  border-radius: 50px;
  transition: 0.5s;
  margin: 10px;
  color: #fff;
  background: #18d26e;
}

#intro .btn-get-started:hover {
  background: #fff;
  color: #18d26e;
}

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/* Nav Menu Essentials */
.nav-menu, .nav-menu * {
  margin: 0;
  padding: 0;
  list-style: none;
}

.nav-menu ul {
  position: absolute;
  display: none;
  top: 100%;
  left: 0;
  z-index: 99;
}

.nav-menu li {
  position: relative;
  white-space: nowrap;
}

.nav-menu > li {
  float: left;
}

.nav-menu li:hover > ul,
.nav-menu li.sfHover > ul {
  display: block;
}

.nav-menu ul ul {
  top: 0;
  left: 100%;
}

.nav-menu ul li {
  min-width: 180px;
}

/* Nav Menu Arrows */
.sf-arrows .sf-with-ul {
  padding-right: 30px;
}

.sf-arrows .sf-with-ul:after {
  content: "\f107";
  position: absolute;
  right: 15px;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
}

.sf-arrows ul .sf-with-ul:after {
  content: "\f105";
}

/* Nav Meu Container */
#nav-menu-container {
  float: right;
  margin: 0;
}

@media (min-width: 1024px) {
  #nav-menu-container {
    /*padding-right: 60px;*/
  }
}

@media (max-width: 768px) {
  #nav-menu-container {
    display: none;
  }
}

/* Nav Meu Styling */
.nav-menu a {
  padding: 0 8px 5px 8px;
  text-decoration: none;
  display: inline-block;
  color: #4d47a5;
  /*font-family: "Montserrat", sans-serif;*/
  font-weight: 700;
  font-size: 13px;
  text-transform: uppercase;
  outline: none;
}
.nav-menu .dropdown-menu a {
  display: block;
}
.dropdown-item {
  padding :10px !important;
}
.dropdown-menu  {
  padding: 5px;
  border:none;
      box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
      border-radius: none;
}
.nav-menu li:hover > a, .nav-menu > .menu-active > a {
  color: #8452b0;
}

.nav-menu > li {
  margin-left: 10px;
}

.nav-menu ul {
  margin: 4px 0 0 0;
  padding: 10px;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
  background: #fff;
}

.nav-menu ul li {
  transition: 0.3s;
}

.nav-menu ul li a {
  padding: 10px;
  color: #333;
  transition: 0.3s;
  display: block;
  font-size: 13px;
  text-transform: none;
}

.nav-menu ul li:hover > a {
  color: #da4194;
}

.nav-menu ul ul {
  margin: 0;
}

/* Mobile Nav Toggle */
#mobile-nav-toggle {
  position: fixed;
  right: 0;
  top: 0;
  z-index: 999;
  margin: 20px 20px 0 0;
  border: 0;
  background: none;
  font-size: 24px;
  display: none;
  transition: all 0.4s;
  outline: none;
  cursor: pointer;
}
#mobile-nav-toggle i.fa-bars{
  color: #17235b
}
#mobile-nav-toggle i {
  color: #FFF;
}

@media (max-width: 768px) {
  #mobile-nav-toggle {
    display: inline;
  }
}

/* Mobile Nav Styling */
#mobile-nav {
  position: fixed;
  top: 0;
  padding-top: 18px;
  bottom: 0;
  z-index: 998;
  background: rgb(218, 65, 148);
  left: -260px;
  width: 260px;
  overflow-y: auto;
  transition: 0.4s;
}

#mobile-nav ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

#mobile-nav ul li {
  position: relative;
}

#mobile-nav ul li a {
  color: #fff;
  font-size: 13px;
  text-transform: uppercase;
  overflow: hidden;
  padding: 10px 22px 10px 15px;
  position: relative;
  text-decoration: none;
  width: 100%;
  display: block;
  outline: none;
  font-weight: 700;
  /*font-family: "Montserrat", sans-serif;*/
}

#mobile-nav ul li a:hover {
  color: #fff;
}

#mobile-nav ul li li {
  padding-left: 30px;
}

#mobile-nav ul .menu-has-children i {
  position: absolute;
  right: 0;
  z-index: 99;
  padding: 15px;
  cursor: pointer;
  color: #fff;
}

#mobile-nav ul .menu-has-children i.fa-chevron-up {
  color:var(--theme-purple);
}

#mobile-nav ul .menu-has-children li a {
  text-transform: none;
}

#mobile-nav ul .menu-item-active {
  color: var(--theme-purple)
}

#mobile-body-overly {
  width: 100%;
  height: 100%;
  z-index: 997;
  top: 0;
  left: 0;
  position: fixed;
  background: rgba(0, 0, 0, 0.7);
  display: none;
}

/* Mobile Nav body classes */
body.mobile-nav-active {
  overflow: hidden;
}

body.mobile-nav-active #mobile-nav {
  left: 0;
}

body.mobile-nav-active #mobile-nav-toggle {
  color: #fff;
}

/*--------------------------------------------------------------
# Sections
--------------------------------------------------------------*/
/* Sections Header
--------------------------------*/
.section-header h3 {
  font-size: 38px;
  color: #303865;
  text-transform: lowercase;
  text-align: center;
  font-weight: 700;
  position: relative;
  padding-bottom: 15px;
  z-index: 1;
}

.section-header h3 .heading-overlay {
  position: absolute;
  display: block;
  z-index: -1;
  bottom: 1px;
  color: #e8e8e8;
  font-size: 55px;
  left: 0;
  right: 0;
  bottom: 0;
  text-transform: uppercase;
}

.section-header p {
  text-align: center;
  padding-bottom: 30px;
  color: #333;
}

/* Section with background
--------------------------------*/
.section-bg {
  background: #f7f7f7;
}


/*banner-form
---------------------*/
/*======= tabs slide ======/*/


#banner-form .slider
{
  display: inline-block;
  height: 2.5rem;
  border-radius: 30px;
  background-color: #ffffff;
  position: absolute;
  z-index: 0;
  top: 1.5rem;
  transition: all .4s linear;
  left: 0;
  right: 0;
  /*box-shadow: 1px 1px 14px 2px #b50e69;*/

}
#banner-form .nav-tabs a {
  color: var(--theme-blue);
}
#banner-form .nav-tabs .active
{
  border:none!important;
}

/*====== tab slide=========*/


#banner-form .nav.nav-tabs{
    letter-spacing: 1px;
    display: inline-block;
    border-radius: 50px;
    transition: 0.5s;
    margin: 1.23rem 2rem;
    color: #fff;
    background: #df4190;
    border: 1px solid #df4190;
    text-transform: uppercase;
     padding: 0 .3rem;
    height: 3rem;
}

#banner-form .nav.nav-tabs li{
  float: left;
  width: 8rem;

}


#banner-form .nav.nav-tabs li a.active span{

  background: -webkit-linear-gradient(-69deg, #3a4fbd 0%, #8A439D 57%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

}
#banner-form .nav.nav-tabs li a{
  color: #fff;
  position: relative;
  display: block;
  border: none;
  line-height: 2.7;
  border-radius: 35px;

  text-align: center;
  font-size: .8rem;
  font-weight: bolder;
  font-family: "nexa", sans-serif;
}

#banner-form .nav.nav-tabs li a.active{
  background: transparent;
  border-radius: 35px;
  line-height: 2.7;
  text-align: center;
  font-size: .8rem;
  font-weight: bolder;
  font-family: "nexa", sans-serif;

  }

#banner-form {
  background: rgba(255, 255, 255, 0.95);
  position: absolute;
  bottom: 0;
  z-index: 2;
  left: 0;
  right: 0;
  margin: 0rem 12rem;
  box-shadow: 2px 2px 25px 1px #848484;
  height: 24rem;

}

#banner-form .box {
  padding: 30px 20px;
}

#banner-form .box-bg {
  background-image: linear-gradient(0deg, #000000 0%, #242323 50%, #000000 100%);
}

#banner-form h4 {
  font-weight: 400;
  margin: 15px 0;
  font-size: 18px;
}

#banner-form h4 a {
  color: #fff;
}

#banner-form h4 a:hover {
  color: #da4194;
}

#banner-form p {
  font-size: 14px;
  line-height: 24px;
  color: #fff;
  margin-bottom: 0;
}

#banner-form form img.arrow-icon {
  position: absolute;
  left: 0;
  background: #ca2e83;
  border-radius: 30px;
  top: 0;
  bottom: 0;
  height: 2.7rem;
  width: 2.8rem;
  padding: .6rem;
  cursor: pointer;
}

  #banner-form form .active img.arrow-icon{
    right: 0;
    left: auto;
    visibility: visible;
    transition: all 2s;
  }

  #banner-form form button.active{
    visibility: hidden;
    transition: all .2s;
  }

#banner-form form .form-group{
  /*margin-bottom: 1rem;*/
  margin-top: 0rem;
  padding: 0 2rem 0 1rem;

}

#banner-form label{
  /*color: #17235b;*/
  background: -webkit-linear-gradient(-69deg, #3a4fbd 0%, #8A439D 57%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 1px;
  font-family: "nexa", sans-serif;
}

#banner-form form .form-group img.field-icon{
  position: absolute;
  right: 3.3rem;
  bottom: .8rem;
  width: 1rem;
  z-index: 2;
  background: #fff;
}
#banner-form form .form-group img.field-icon.one{
  bottom: 2rem;
}

#banner-form  form .form-group img.share-icon{
  position: absolute;
    right: 0;
    bottom: 0;
}

#banner-form  form{
  position: relative;
  padding: 0 0 0 2rem;

}
#banner-form  form .form-control:focus, #banner-form  form .form-control:hover{
  box-shadow: none;
  text-decoration: none;
  outline: none;
  border-bottom: 1px solid #1f295e;
}
#banner-form  form .form-control{
  display: block;
    width: 90%;
    padding: .5rem 0 .5rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #333;
    background-color: transparent;
    background-clip: padding-box;
    border: none;
    border-bottom: 1px solid #da4194;
    border-radius: 0;
    text-transform: uppercase;
}
#banner-form  form .btn-filled{
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 1px;
  display: inline-block;
  padding: .7rem 1.7rem .7rem 4rem;
  border-radius: 50px;
  transition: 0.5s;
  margin: 1.5rem 4rem 2rem;
    position: relative;
    box-shadow: 1px 1px 18px 0px #b50e698c;
}
#banner-form form .btn-filled:focus, #banner-form form .btn-filled:hover{
  outline: none;
}

/* About Us Section
--------------------------------*/
#about {
  background: url("../img/background/contact.jpg") center top no-repeat;
  background-size: cover;
  padding: 7rem 0 8rem 0;
  position: relative;
}


#about .container {
  position: relative;
}

#about .about-col {
  background: -webkit-linear-gradient(16deg,#4897cdc9, #65d6e0ba);
  border-radius: 0 0 4px 4px;
  box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.08);
  margin: 5rem 4rem 0 4rem;

}

#about .about-col .content{
  padding: 2rem 3rem 2rem;
}

#about .about-col .img {
  position: relative;
}

#about .about-col .img img {
  border-radius: 4px 4px 0 0;
}



#about .about-col .icon {
  text-align: center;
  position: absolute;
  background-color: #fff;
  border-radius: 25px;
  text-align: center;
  border: none;
  left: calc( 10% - 32px);
  box-shadow: 2px 2px 9px 4px rgba(86, 157, 197, .5);
  bottom: -1.5rem;
  transition: 0.3s;
  border: none;
}

#about .about-col a.btn {
  font-weight: 600;
  font-size: 13px;
  line-height: 1;
  /*color: #824fb6;*/
  background: -webkit-linear-gradient(-69deg, #3a4fbd 0%, #8A439D 57%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: 0.3s;
  letter-spacing: 1px;
  padding: 20px 18px;
  border-radius: 25px;
  border: none;
}
#about .about-col a.btn:hover{
  background: -webkit-linear-gradient(-69deg, #3a4fbd 0%, #8A439D 57%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  border-radius: 30px;
  /*color: #fff;*/
  transition: all .3s;
  border: none;
}

#about .about-col:hover .icon {
  background-color: #deebeb;
}


#about .about-col h2 {
  color: #fff;
  text-align: left;
  font-weight: 700;
  font-size: 37px;
  padding: 0;
  margin: 6px 0px 10px 0;
  line-height: 1.4;
  /*text-shadow: 1px 1px 1px #00000052;*/
}
#about .about-col h2 span{
  font-size: 60px;
}


#about .about-col p {
  font-size: 16px;
  line-height: 32px;
  color: #fff;
  margin-bottom: 0;
  font-weight: 500;
  /* text-shadow: 1px 1px 1px #00000052; */
  padding: 0 17rem 0 5px;
}


#about form .form-control {
    display: block;
    width: 100%;
    padding: .8rem 1rem .8rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #fff;
    background-color: transparent;
    background-clip: padding-box;
    border: none;
    border-bottom: 2px solid #fff;
    border-radius: 0;
    /*text-transform: uppercase;*/
    margin-top: 1rem;
}

#about form .form-control:focus,#about form .form-control:hover{
  outline: none;
  /* border: none; */
  text-decoration: none;
  box-shadow: none;
}

#about form input::placeholder { color: #fff;}
#about form .btn-hollow{
  border: none;
  padding: 1rem 2rem;
  margin: .97rem 0;
  box-shadow: 1px 1px 18px 0px #277fbc;
  letter-spacing: 2px;

}
#about form .btn-hollow span{
    background: -webkit-linear-gradient(-69deg, #3a4fbd 0%, #8A439D 57%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#about form .btn-hollow:hover span{-webkit-text-fill-color: #fff;}

/* Testimonials Section
--------------------------------*/
#testimonials {
  background: url(../img/background/testimonial.jpg) center top no-repeat;
  background-size: cover;
  padding: 5rem 0 13rem 0;
  position: relative;
}

#testimonials .section-header {
  margin-bottom: 40px;
}

#testimonials .testimonial-item {
  /*text-align: center;*/
  padding: 0 0rem 0 2rem;


}

#testimonials .testimonial-item .testimonial-img {
  object-fit: cover;
  width: 18rem;
  height: 16rem;
  margin-top: 2rem;

}
#testimonials .owl-item.center .testimonial-item .testimonial-img{
    width: 20rem;
    height: 20rem;
    margin: 0 0 0 -8rem;
}

#testimonials .testimonial-item .top-left {
      position: absolute;
      transform: rotate(-90deg) scaleX(-1);
      transform-origin: left;
      background: #df4190;
      top: 0;
      bottom: 0;
      width: 16rem;
      height: 4rem;
      text-align: center;
      color: #fff;
      font-size: 1.7rem;
      letter-spacing: 2px;
      line-height: 2.5;
      font-weight: 700;
      text-shadow: 1px 1px 1px #000000bf;
}
#testimonials .testimonial-item .top-left .content {
  transform: scaleX(-1);
}

#testimonials .testimonial-item .top-right {
  position: absolute;
    right: 2rem;
    transform: rotate(90deg) scaleX(-1);
    transform-origin: right;
    background: #df4190;
    top: 0;
    bottom: 0;
    width: 16rem;
    height: 4rem;
    text-align: center;
    color: #fff;
    font-size: 1.7rem;
    letter-spacing: 2px;
    line-height: 2.5;
    font-weight: 700;
    text-shadow: 1px 1px 1px #000000bf;
}
#testimonials .testimonial-item .top-right .content {
  transform: scaleX(-1);
}
#testimonials .owl-item{
  transform: scale(.9);

}
#testimonials .owl-item.center .testimonial-item .center-testimonial{
  display: block;
    /*transform: scale(1.3);*/
}
#testimonials .owl-item.center .testimonial-item .other-testimonial, #testimonials .owl-item .center-testimonial{
  display: none;
}
#testimonials .owl-item.center{z-index: 2;}
#testimonials .owl-item.center .testimonial-item{
  padding: 0;
}

#testimonials .owl-item.center .testimonial-item .testimonial-content.card{
  background: #da4194;
    color: #fff;
    top: -2rem;
    box-shadow: 1px 1px 14px 2px #b50e69;
    width: 21rem;
    padding: 15px 15px;
    height: 52vh;
    left: -5rem;
    position: absolute;
}


#testimonials .testimonial-item .testimonial-content h3 {
  font-size: 2rem;
    font-weight: 500;
    margin: 25px 8px 16px 0px;
    color: #fff;
    border-bottom: 2px solid #fff;
    padding-bottom: 17px;
    text-transform: capitalize;
}

#testimonials .testimonial-item p {
  font-size: 16px;
    font-weight: 400;
  margin: 0 auto 15px auto;
}

#testimonials .btn-hollow span{
  font-weight: 600;
  font-size: 13px;
  background: -webkit-linear-gradient(-69deg, #3a4fbd 0%, #8A439D 57%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-color: #fff;
}


@media (min-width: 992px) {
  #testimonials .testimonial-item p {
    /*width: 80%;*/
  }
}
#testimonials .owl-nav{
  display: block;
  position: absolute;
  top: 8.5rem;
  display: inline-flex;
  width: 100%;
}
#testimonials .owl-nav .owl-next{
  position: absolute;
  right: -2rem;
}

#testimonials .owl-nav .owl-prev{
  position: absolute;
  left: -2rem;
}
#testimonials .owl-nav{
  margin-top: 5px;
  text-align: center;
}

#testimonials .owl-nav i.fa{
  background: #da4194;
  color: #fff;
  padding: 0.5rem 1rem;
  box-shadow: 0px 0px 9px 0px #b50e69;
  border-radius: 50px;
  font-size: 25px;
  font-weight: 800;
}
#testimonials .owl-nav i.fa:hover{
  background: #fff;
  transition: all .3s;
  color: #4c44ab;
}



/*--------------------------------------------------------------
# blog
--------------------------------------------------------------*/
#blog{
  padding: 6rem 0 6rem;
}

#blog .title {
  font-weight: 600;
  margin-bottom: 15px;
  font-size: 37px;
  color: #313962;
  line-height: 1.4;
}

#blog .title span{
  color: #fac40b;
  font-size: 45px;
  text-transform: uppercase;
}

#blog .description{
  /*font-size: 18px;*/
  color: #848484;
  line-height: 1.7;
  padding: 0 2rem 0 0;
}


#blog .blog-content{
  position: relative;
  padding: 0rem 4rem 0rem;
  align-self: center;
}




/*--------------------------------------------------------------
# travel
--------------------------------------------------------------*/
#travel{
  padding: 0rem 0 6rem;
}

#travel .title {
  font-weight: 700;
  margin-bottom: 15px;
  font-size: 35px;
  color: #313962;
  font-family: "nexa-light", sans-serif;
}

#travel .title strong{
  font-weight: 600;
  font-size: 40px;
  font-family: "nexa", sans-serif;
}
#travel .title span{
  color: #fac40b;
  font-size: 45px;
  text-transform: uppercase;
  font-family: "nexa", sans-serif;
}

#travel .description{
  /*font-size: 18px;*/
  color: #848484;
  line-height: 1.7;
}

#travel .blog-content{
  position: relative;
  padding: 0rem 4rem 0rem;
  align-self: center;
}

#travel .masonry-column:nth-child(2){
  margin-top: 3rem;
}


#travel .masonry-column .thumbnail img{
  padding: .15rem .15rem;
}


#travel .content {
  position: relative;
  width: 17.8rem;

  overflow: hidden;
}

#travel .content .content-overlay {
  background: rgba(0,0,0,0.7);
  position: absolute;
  height: 99%;
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  margin: 0 8.5rem 0;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}
#travel .content.middle .content-overlay{
  margin: 0 5.4rem 0;
}

#travel .second-col .content.middle .content-overlay{
  margin: 0;
  width: 12.5rem;
}

#travel .second-col .content .content-overlay{
  margin: 0;
  width: 9.3rem;
}

#travel .content:hover .content-overlay{
  opacity: 1;
}

#travel .content-image{
}

#travel .content-details {
  position: absolute;
  text-align: center;
  padding-left: 1em;
  padding-right: 1em;
  top: 50%;
  left: 0%;
  opacity: 0;
  -webkit-transform: translate(-0%, -50%);
  -moz-transform: translate(-0%, -50%);
  transform: translate(-0%, -50%);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

#travel .content.middle .content-details{
  -webkit-transform: translate(-10%, -50%);
  -moz-transform: translate(-10%, -50%);
  transform: translate(-10%, -50%);
}

#travel .second-col .content.middle .content-details{
  -webkit-transform: translate(-80%, -50%);
  -moz-transform: translate(-80%, -50%);
  transform: translate(-80%, -50%);
}

#travel .second-col .content .content-details{
  -webkit-transform: translate(-94%, -50%);
  -moz-transform: translate(-94%, -50%);
  transform: translate(-94%, -50%);
}

#travel .content:hover .content-details{
  top: 50%;
  left: 50%;
  opacity: 1;
}

#travel .content-details p{
  color: #fff;
  font-weight: 500;
  letter-spacing: 0.15em;
  margin-bottom: 0.5em;
  text-transform: uppercase;
}


#travel .fadeIn-bottom{
  top: 80%;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer {
  padding: 0;
  color: #eee;
  font-size: 14px;
}

#footer .footer-top {
  /*background: #111;*/
  /* background:linear-gradient(20deg, #cf145d 0, #8a439e 80%); */
  padding: 60px 0 15px 0;
}

#footer .footer-top .footer-info img {
  width: 200px;
  position: absolute;
  top: -2.5rem;
  left: -1rem;
}
#footer .footer-top .footer-info h3 {
  font-size: 34px;
  margin: 0 0 20px 0;
  padding: 2px 0 2px 0px;
  line-height: 1;
  /*font-family: "Montserrat", sans-serif;*/
  font-weight: 700;
  letter-spacing: 3px;
}

#footer .footer-top .footer-info p {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 0;
  /*font-family: "Montserrat", sans-serif;*/
  color: #eee;
}


#footer .footer-top .social-links{display: inline-block;}

#footer .footer-top .social-links a {
  font-size: 18px;
    display: inline-block;
    background: transparent;
    color: #636363;
    border: 1px solid #636363;
    line-height: 1;
    padding: 8px 0;
    margin-right: 2px;
    border-radius: 50%;
    text-align: center;
    width: 36px;
    height: 36px;
    transition: 0.3s;
}

#footer .footer-top .social-links a:hover {
  background: #8741a4;
  color: #fff;
}

#footer .footer-top h4 {
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
  position: relative;
  padding-bottom: 12px;
}

#footer .footer-top h4::before, #footer .footer-top h4::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
}

#footer .footer-top h4::before {
  right: 0;
  background: #555;
}

#footer .footer-top h4::after {
  background: #da4194;
  width: 60px;
}

#footer .footer-top .footer-links {
  margin-bottom: 30px;
}

#footer .footer-top .footer-links ul {
  list-style: none;
  padding: 0;
  margin: 0;
  /*display: inline-block;*/
}

#footer .footer-top .footer-links ul i {
  padding-right: 8px;
  color: #ddd;
}

#footer .footer-top .footer-links ul li {
  /*border-bottom: 1px solid #333;*/
  padding: 10px 0px 0;
  /*float: left;*/
}

#footer .subscribe-form{
  margin: 1.4rem 0 0;
}

#footer .subscribe-form .btn-hollow{
  padding: 0.5rem 1.2rem;
  margin: 0 0 1rem;
}

#footer .footer-top .footer-links .footer-heading{
  margin: 0 0 .5em;
  font-size: 1.2rem;
  font-weight: 600;
  letter-spacing: 1px;
}

.copyright a, .copyright a:hover, .copyright a:active, .copyright a:focus{
  color: #f26821;
}

#footer .footer-top .footer-links ul a {
  color: #fff;
}

#footer .footer-top .footer-links ul a:hover {
  color: #f26821;
}

#footer .footer-top .footer-contact {
  margin-bottom: 30px;
}

#footer .footer-top .footer-contact p {
  float: left;
  padding: .5rem 2rem;
}

#footer .footer-top .footer-newsletter {
  margin-bottom: 30px;
}

#footer .copyright {
  text-align: center;
  border-top: 1px solid #cacaca;
  padding: 1rem 0 6rem 0;
}

#footer .credits {
  text-align: center;
  font-size: 13px;
  color: #ddd;
}


#footer .footer-top .footer-links.policies{
  margin: 0;
}

#footer .footer-top .footer-links.policies ul li{
  padding: 0px .5rem 0 .5rem;
  border-left: 1px solid #fff;
}

#footer .sponser img {
  width: 150px;
}
.sponser {
  list-style: none;

}
/*======== contact us page =======*/

#main-contact {
  position: relative;
  background: linear-gradient(90deg, #fff 8px, transparent 1%) center, linear-gradient(#fff 8px, transparent 1%) center, #aaa;
  background-size: 10px 10px;
  display: table;
  width: 100%;
  /*background: #fff;*/
}

#main-contact:before{
  content: " ";
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: transparent;
  background-image: -webkit-linear-gradient(122deg, #f8f8f8 65%, transparent 35%);
  max-height: 45rem;
  position: absolute;
}

#contact form .form-group{
  margin-bottom: 2rem;
  margin-top: 1rem;
}


#contact a{
  color: #666;
}

#contact a:hover{
  color: #d54198;
}

#contact label{
  /*color: #17235b;*/
  background: -webkit-linear-gradient(-69deg, #3a4fbd 0%, #8A439D 57%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 1px;
  font-family: "nexa", sans-serif;
  text-transform: uppercase;
}

#contact form .form-group img.field-icon{
  position: absolute;
  right: 0rem;
  bottom: .8rem;
  width: 1.3rem;
}

#contact  form{
  position: relative;
  padding: 0 20px;

}
#contact  form .form-control:focus, #banner-form  form .form-control:hover{
  box-shadow: none;
  text-decoration: none;
  outline: none;
  border-bottom: 1px solid #1f295e;
}
/*#contact  form .contact-name{
  width: 80%;
}*/
#contact  form .form-control{
  display: block;
    width: 100%;
    padding: .5rem 0 .8rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: transparent;
    background-clip: padding-box;
    border: none;
    border-bottom: 1px solid #da4194;
    border-radius: 0;
    text-transform: uppercase;
}
#contact  form .btn-filled{
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 1px;
  display: inline-block;
  border-radius: 50px;
  transition: 0.5s;
  margin: 1.5rem 4rem 1rem;
    position: relative;
    box-shadow: 1px 1px 18px 0px #b50e698c;
    padding: 1rem 3rem;
}

#contact{
  background: #fff;
  margin: 8rem 10rem 5rem;
  box-shadow: 1px 1px 1px 1px #aaa;
  position: relative;
  padding: 6rem 4rem 3rem;
}
#contact .contact-info h3{
  margin: 0;
  font-size: 1.2rem;
  color: #2f3768;
}

#contact .contact-info p{
  font-size: .8rem;
}

#contact .contact-info i{
  position: relative;
  transform: rotate(290deg);
  display: table;
  padding: 1rem 0rem;
  color: #d54198;

}
#contact .contact-info .icon{
  color: #000;
  font-size: 2.5rem;
  border: 2px solid #d54198;
  border-bottom-right-radius: 90px;
  border-top-right-radius: 90px;
  border-left-color: #fff;
  transform: rotate(68deg);
  margin-top: -1rem;
  display: inline-block;
  width: 3.4rem;
}

#contact .contact-info{
  margin: 4rem 0rem 2rem 0rem;
}
/*======== contact us page end =======*/


/*============ destination page =======*/
#intro.destination-banner .carousel-item{
  height: auto;
}

#intro.destination-banner{
  height: auto;
}

#main-destination #oneFold{
  position: relative;
  padding: 7rem 0 2rem;

}

#main-destination #oneFold .image-left, #main-destination #oneFold .image-right{
  position: relative;
}

#main-destination #oneFold img{
  position: relative;
  width: 30rem;
  margin: 0 auto;
  box-shadow: 2px 1px 10px 0px #c1c1c1;
}

#main-destination #oneFold .gird-section{
    padding: 3rem 0;
}

#main-destination #oneFold .image-left:before{
  content: " ";
  position: absolute;
  background: #da4194;
  bottom: -2rem;
  left: -2rem;
  z-index: -1;
  right: 0;
  height: 15rem;
  width: 15rem;
}

#main-destination #oneFold .image-right:before{
  content: " ";
  position: absolute;
  background: #da4194;
  top: -2rem;
  right: 2rem;
  z-index: -1;
  height: 15rem;
  width: 15rem;
}

   .description{
    color: #4a4a4a;
    line-height: 28px;
    font-size: .9rem;
  }

#main-destination #oneFold .text-left.description-block{
  align-self: flex-start;
}

#main-destination #oneFold .text-right.description-block{
  align-self: flex-end;
}

#main-destination #oneFold .description-block .top-heading{
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 500;
  font-size: 1rem;
}

#main-destination #oneFold .description-block .title{
  color: #303865;
  text-transform: initial;
  font-size: 2rem;
  padding: 1rem 0;
  margin: 0;
  line-height: 1.2;
}

#mapSection {
  position: relative;
  padding: 5rem 0;
  background: #fff;
}

#mapSection .title{
  color: #303865;
  text-transform: initial;
  font-size: 2rem;
  padding: 1rem 0;
  margin: 0;
  line-height: 1.2;
}


#destinationCarousel .item .about-col:hover{
  box-shadow: 2px 1px 10px 0px #c1c1c1;
  transition: all .3s;
}

#destinationCarousel header .heading{
  color: #303865;
  text-transform: initial;
  font-size: 2rem;
  padding: 1rem 0 0;
  margin: 0;
  line-height: 1.2;
}

#destinationCarousel .about-col{
  border: 1px solid #dadada;
  margin: 0 1.2rem;
}

#destinationCarousel .about-col .img img{
  height: 14rem;
  object-fit: cover;
  /*object-position: top;*/
}

#destinationCarousel .about-col .content{
    padding: .4rem .6rem .1rem;
}

#destinationCarousel .about-col p.top-title{
  margin: .6rem 0 0;
  text-transform: uppercase;
}

#destinationCarousel .about-col .description{
  line-height: 22px;

}

#destinationCarousel .about-col h3.title{
  color: #303865;
  text-transform: initial;
  font-size: 1.4rem;
  padding: .5rem 0 .7rem;
  margin: 0;
  /* line-height: 1.2; */
}



#destinationCarousel .owl-nav .fa{
  background: #da4194;
      color: #fff;
      border-radius: 50%;
      font-size: 2rem;
      font-weight: 900;
      /* padding: .4rem 1rem; */
      height: 3rem;
      width: 3rem;
      text-align: center;
      line-height: 47px;
      box-shadow: 1px 1px 18px 0px #b50e698c;
      transition: all .2s;
}
  #destinationCarousel .owl-nav .fa:hover{
    background: #fff;
    color: #da4194;
    transition: all .2s;
}
#destinationCarousel .owl-nav{
  position: absolute;
  top: 10rem;
  width: 100%;
}
#destinationCarousel .owl-nav .owl-next{
  position: absolute;
  right: -1rem;
}

#destinationCarousel .owl-nav .owl-prev{
  position: absolute;
  left: -1rem;
}



#main-destination #actionBtn .border-gradient{
    width: 100%;
    font-size: 1.3rem;
    font-weight: 500;
    background: -webkit-linear-gradient(-69deg, #3a4fbd 0%, #8A439D 57%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent;
    cursor: pointer;
    margin: 2rem 0rem 4rem;
    height: 70px;
    text-align:left;
    padding: 0 2rem;
}

.border-gradient {
  border-image-slice: 1;
  border-width: 2px;
}

.border-gradient-purple {
  border-image: linear-gradient(to left, #743ad5, #d53a9d);
}

#main-destination #actionBtn .border-gradient i{
  padding: 0 1rem 0rem 0;
  background: -webkit-linear-gradient(-69deg, #3a4fbd 0%, #8A439D 57%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
}

#main-destination #actionBtn .border-gradient:hover i {-webkit-text-fill-color: unset;}
#main-destination #actionBtn .border-gradient:hover{
  -webkit-background-clip: initial !important;
    color: #fff;
    -webkit-text-fill-color: unset;
    background-position: 100% 0;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

#main-destination #actionBtn .border-gradient:focus {
    outline: none;
}

#main-destination #actionBtn .btn-hover.color-3 {
  border-image-slice: 1;
  border-width: 2px;
  border-image: linear-gradient(to left, #743ad5, #d53a9d);


}


#main-destination #actionBtn .border-gradient:before{
  content:"ÃƒÂ¢Ã¢â‚¬Â Ã¢â‚¬â„¢";
  position:absolute;
  color:#fff;
  left: 88%;
  opacity: 0;
  -webkit-transition: all 0.2s ease-in;
}

#main-destination #actionBtn .border-gradient:hover:before{
  left:92%;
  opacity:1;
}

/*======= end destination page =======*/
#contact .contact-info.static-pages{
  margin: 2rem 0rem 2rem 0rem;
}
#contact .contact-info.static-pages p{
  margin: 0;
}
#contact .contact-info.static-pages tr td{
  padding: 15px 15px;

}
#contact .contact-info.static-pages p.p2{
  margin: 13px 0 16px;
  position: relative;
  display: block;
  font-size: 16px;
}

#contact .contact-info.static-pages ul li{
  font-size: .8rem;
}


/*======== responsive =======*/

@media (min-width: 330px) {

}


@media (max-width: 768px) {

  #bannerSection h1{
    font-size: 1.2rem;
    margin: 0 0 10px;
    line-height: 1.4;
  }
  #bannerSection h2.header-des{
    font-size: 1rem;
    padding: 0;
    margin: 0;
    line-height: 1.4;
  }
  #bannerSection .banner-tabs .nav.main-tabs>li>a {
    width: 100%;
    padding: .5rem 1rem;
  }
  .banner-tabs .sub-tabs>li>a{
    margin-bottom: .4rem;
  }
  .main-tabs .main-tab-icon {
    width: 1.5rem !important;
  }
  #error{
    margin: 8rem 1rem 4rem;
  }
  #error .error-card .top{
    padding: 1rem 0rem 0 1rem;
  }
  #error .error-card .bottom{
    padding: 2rem 1rem 1rem;
  }
  #error .error-card .bottom .link{
    padding: 2rem 0;
  }
  #error .error-card p strong {
    font-size: 1.1rem;
  }
  #intro .carousel-background img{
    width: 36rem;
    margin-top: 4rem;
    object-fit: cover;
  }
  #banner-form form .form-group img.field-icon {
    right: 2rem;
  }
  #intro{height: auto; overflow: hidden;}
  #banner-form form .form-group img.field-icon.one{
    bottom: 3.3rem;
  }
  #banner-form form .form-group{
    padding: 0 2rem 0 0rem;
  }
  #banner-form form .form-group img.share-icon{
    display: none;
  }
  .btn-filled{
    margin: 10px 0;
  }
  #blog .blog-content{
    padding: 0rem 1rem 0rem 2rem;
  }
  #blog .title{
    font-size: 30px;
    margin-top: 2rem;

  }
  #blog .title span {
    font-size: 35px;
   }
   #blog{
      padding: 3rem 0 6rem;
   }
   #blog .mt-5{
     margin-top: 1rem !important;
   }

  #banner-form{
    margin: 0rem 1rem;
  height: auto;
  position: relative;
  }

  #banner-form form .form-control{
    width: 100% !important;
  }
  #banner-form form .btn-filled{
    margin: 2.5rem 1rem 2rem !important;
  }
  #banner-form .nav.nav-tabs{
    /*margin: 20px 0px;*/

  }
  #intro h2 {
    font-size: 2rem;
  }
  #intro h2 span {
    font-size: 1.6rem;
  }
  #intro .carousel-container{
    top: 5.5rem;
    left: 2rem;
  }

  #about .about-col{
    margin: 1rem 1rem;
  }
  #about .about-col p{
    padding: 0;
  }
  #about form .btn-hollow{
    margin: 0;
  }
  #about .about-col h2 span {
    font-size: 30px;
    font-weight: 600;
  }
  #about .about-col .content{
    padding: 1rem 2rem 4rem;
  }
  #about .about-col .icon{
    left: calc( 21% - 32px);
  }
  #about .about-col h2{
    font-weight: 500;
    font-size: 28px;
  }
  .section-header h3 .heading-overlay{
    display: none;
  }
  #about{
    padding: 5rem 0 5rem 0;
  }
  #footer .footer-top .footer-links ul li{
    padding: 0px 13px 0;
  }
  #footer .footer-top .footer-contact{
    margin-bottom: 0;
  }
  #footer .footer-top .footer-contact p{
    padding: .5rem 1rem;
  }
  #travel .title span{
    font-size: 40px;
  }
  #travel .title strong {
    font-size: 35px;
  }
  #travel .title{
    font-size: 30px;
  }
  #travel .blog-content{
    padding: 0rem 1rem 0rem 2rem;
  }
  #travel .masonry-column .thumbnail.pull-right{
    float: none;
  }
  #travel .masonry-column .thumbnail img{
  width: 100%;
  height: 45vh;
  float: none;
  object-fit: cover;
}
#travel .content-details p{
  font-size: 2rem;
}
#travel .masonry-column.no-padding{
    padding-right: 15px !important;
    padding-left: 15px !important;
}
#travel .content, #travel .second-col .content .content-overlay, #travel .second-col .content.middle .content-overlay {
    width: 100%;
  }
#travel .content.middle .content-overlay, #travel .content .content-overlay {
    margin: 0;
}
#travel .content.middle .content-details, #travel .content-details, #travel .second-col .content .content-details, #travel .second-col .content.middle .content-details {
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
#travel .masonry-column:nth-child(2){
  margin-top: .2rem;
}
  #testimonials{
    padding: 5rem 0 5rem 0;

  }
  #testimonials .owl-item.center .testimonial-item .testimonial-img {
    position: relative;
    left: 0;
    right: 0;
    width: 100%;
    margin: 0;
    top: 0;
    height: 53vh;
    align-self: center;
  }
  #testimonials .owl-item.center .testimonial-item .testimonial-content.card{
    background: #da4194;
    color: #fff;
    top: 0;
    box-shadow: 1px 1px 14px 2px #b50e69;
    width: 100%;
    padding: 15px 15px;
    height: 53vh;
    left: 0;
    position: relative;
  }
  #testimonials .btn-hollow{
    width: 9rem;
  }
  #testimonials .owl-nav .owl-next{
    right: 12px;
  }
  #testimonials .owl-nav .owl-prev{
    left: 12px;
  }

  #testimonials .owl-item
  {
    transform: scale(.7);
  }
  .testimonials-carousel.mt-5{
    margin-top: -6rem !important;
  }
  .other-testimonial{
    display: none !important;
  }
  #testimonials .owl-nav{
    top: 20.5rem;
  }
  #contact{
    margin: 6rem 0rem 6rem;
    padding: 2rem 0;
  }

  #contact .contact-info{
  margin: 2rem 0rem 1rem 0rem;
  text-align: center;
  }
  .hidden-xs{
    display: none;
  }
  .hidden-md{
    display: block;
  }
  #mobile-nav-toggle i.fa-bars{
    color: #fff;
  }

  #intro.destination-banner .carousel-background img{
    height: 40vh;
    top: 0;
    /*object-fit: contain;*/
  }
  #main-destination #oneFold{
    padding: 4rem 0 0rem;
  }
  #main-destination #oneFold .gird-section{
    padding: 2rem 0;
    margin: 0 !important;
  }
  #main-destination #oneFold .description-block{
    margin: 6rem 0 0;
  }
  #main-destination #oneFold .text-left.description-block{
    margin: 0 0 4rem;
  }
  #footer .footer-top .footer-info img{
    position: relative;
  }

  .control {
    margin: 0 0 15px;
  }
  #page-v1 #bannerSection{
    padding: 6rem 0 3rem 0;
    height: auto;

  }
  #page-v1 #bannerSection .banner-form .search-btn{
    margin-top: 1rem;
  }

  #page-v1 #cardSection .card-three{
     margin: 2rem 0;
   }
}


@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {

  #intro{
    margin-bottom: 0;
  }

  #banner-form form .form-control{
    width: 80%;
  }
  .img-fluid{
    height: 100%;
    object-fit: cover;
  }
  #testimonials .owl-item.center .testimonial-item .testimonial-img, #testimonials .owl-item.center .testimonial-item .testimonial-content.card{
    height: 35vh;
  }
  #contact {
  margin: 8rem 2rem 5rem;
  }
  #main-destination #oneFold .image-left:before{
    height: 10rem;
  }
  #main-destination #oneFold .image-right:before{
    right: -2rem;
  }
  #main-destination #oneFold .text-left.description-block{
    margin: 0 0 14rem;
  }
  #main-destination #oneFold .description-block{
    margin: 0;
  }
  #main-destination #oneFold{
    padding: 2rem 0 2rem;
  }
}


@media all and (device-width: 1440px) and (device-height: 900px){
  #banner-form{
    margin: -4rem 14rem;
  }
}

@media all and (device-width: 1280px) and (device-height: 800px){

}
@media all and (device-width: 1920px) and (device-height: 1080px){
  #banner-form form .form-group img.field-icon{
    right: 4.3rem;
  }
  #banner-form form .form-control{
    /* width: 65%; */
  }
  #banner-form form .form-group img{
    right: 8rem;
  }
  #banner-form{
    margin: -1rem 18rem;
  /* padding: 0; */
  bottom: 0;
  }
  #intro{
    height: 68.5rem;
  }
  #intro .carousel-container{
    top: 10rem;
  }
  #intro h2{
    font-size: 3.3rem;
  }
  #about{
    padding: 8rem 0 15rem 0;
  }

  #about:before {
    content: '';
      position: absolute;
      left: 0;
      bottom: 0;
      /* height: 2px; */
      background: linear-gradient(0deg, #fff 0, transparent 15%);
      z-index: 999;
      top: 0;
      right: 0;
  }
  #contact{
    margin: 8rem 24rem 12rem;
  }
}

@media all and (device-width: 2560px) and (device-height: 1600px){
#banner-form  {
    bottom: 19rem;
    margin: 0 41rem;
  }

}


@media all and (device-width: 2880px) and (device-height: 1800px){
#banner-form  {
    bottom: 24rem;
    margin: 0 41rem;
  }

}



.chicago-img, .florida-img{
  height: 25rem !important;
  object-fit: cover !important;
  object-position:top !important;
}


.twitter-typeahead{
  display: block !important;
}


#banner-form .twitter-typeahead .tt-query,
#banner-form  .twitter-typeahead .tt-hint {
    margin-bottom: 0;
}
#banner-form  .tt-hint {
    display: block;
    width: 100%;
    padding: 8px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #999;
    vertical-align: middle;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
          transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
#banner-form  .tt-dropdown-menu {
    min-width: 160px;
    margin-top: 2px;
    padding: 5px 0;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
          box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;

}
#banner-form  .tt-suggestion {
    display: block;
    padding: 5px 10px;
    font-size: .9rem;
}
#banner-form  .tt-suggestion:hover{
    color: #333;
    background-color: #f6f6f6 !important;
    cursor: pointer;
}
#banner-form  .tt-suggestion.tt-is-under-cursor a {
    color: #000;
}
#banner-form .tt-suggestion p {
    margin: 0;
    color: #000;
}

.select-lang a i.fa{
  display: none;
}

.select-lang .active a i.fa{
  display: inline-block;
}

.nav-menu ul.select-lang li.active > a{
  color: #da4194;
}




/* ======= Error page =======
 */

#error{
  position: relative;
  margin: 8rem 6rem 4rem;
  background: #fff;

}

#error .error-card{
  background: #fff;
  border: 1px solid #f1f1f1;
  box-shadow: 0px 0px 9px 1px #f3f3f3;
}

#error .error-card .top{
  background: #f3e5cd;
  display: -webkit-inline-box;
  padding: 1rem 4rem 0 1rem;
}

#error .error-card .top p{
  margin: 0rem 4rem 1rem .7rem;
}

#error .error-card .bottom{
  padding: 2rem 3rem 1rem;
  background: #f7f7f7;
}

#error .error-card .bottom .link{
  padding: 0;
  margin: 2rem 1rem;
}
#error .error-card a, #error .error-card .bottom p{color: #3a4fbd;}
#error .error-card .bottom .link span{
  border: 1px solid #3a4fbd;
  color: #3a4fbd;
  border-radius: 50%;
  padding: 1px 7px;
  margin: 0 12px;
}
#error .error-card p strong{
  font-size: 1.2rem;
  font-family: "nexa", sans-serif;
}
 /* ======= Error page =======
 */





 /* ====== Page v1 ====== */
 #page-v1 h1, #page-v1 h2, #page-v1 h3, #page-v1 h4, #page-v1 h5, #page-v1 h6 {
  font-family: "Open Sans", sans-serif;
 }


 #page-v1 .btn-blue {
     font-weight: 500;
     font-size: 14px;
     letter-spacing: 1px;
     display: inline-block;
     padding: 0.5rem 1.3rem;
     border-radius: 50px;
     transition: 0.2s;
     color: #fff;
     background: #1e4091;
     border: none;
     cursor: pointer;
  }

#page-v1 .btn-blue:hover, #page-v1 .btn-blue:focus{
    /*background: #f26822;*/
    box-shadow: 1px 1px 13px 0px #17171754;
    color: #fff;
    text-decoration: none;
    outline: none;
    transition: all .2s;
}


#page-v1 .btn-purple {
    font-weight: 500;
    font-size: 14px;
        line-height: 20px;
    letter-spacing: 1px;
    display: inline-block;
    padding: 0.5rem 1.3rem;
    border-radius: 50px;
    transition: 0.2s;
    color: #fff;
    background: var(--theme-purple);
    border: none;
    cursor: pointer;
 }

#page-v1 .btn-purple:hover, #page-v1 .btn-blue:focus{
   /*background: #1e4091;*/
   box-shadow: 1px 1px 13px 0px #17171754;
   color: #fff;
   text-decoration: none;
   outline: none;
   transition: all .2s;
}

/*
#page-v1 .left-menu{
  padding-left: 10rem;
} */
 #page-v1 #bannerSection{
        background: url(../../lib/images/banner-home.jpg) center top no-repeat!important;
    background-size: cover!important;}
   .marker-goto {display: block;
    font-family: "FontAwesome";
    content: "\f073";
    font-size: 14px;
    color: #fff;
    position: absolute;
    right: 9px;
    top: 23px;
    bottom: 0;
    width: 30px;
    height: 100%;
    text-align: center;
        line-height: 34px!important;
    background: #fdb714;
    height: 34px;}
#page-v1 #cardSection a{color: #ef7212;}
/*#page-v1 a:hover, #page-v1 a:active, #page-v1 a:focus{
   color: #ef7212;
 }*/
.navbar.navbar-expand-lg.navbar-light{margin-bottom:0px;}
 #page-v1 #header1 .header-call{
    background: #721972;
    color: #fff !important;
    /*border-radius: 30px;*/
    padding: 0.2rem 0.5rem 0.2rem;
   /* margin: 2rem 0 0; */
   /* font-size: 2.5rem*/
     font-size: 2.2rem;
    border: 1px solid #380e38;
 }

 #page-v1 #header .header-call:hover{
   background: #fff;
   color: #1e3989;
   border: 1px solid #f26822;
   transition: all .2s;
 }

 #page-v1 #header1{
   /* height: 70px; */
   /*background: linear-gradient(to bottom, #204499 0%, #1c3b84 100%);*/
   background: #fff;
   padding: 15px 0 18px;
       box-shadow: 0 0 10px #888;
 }

 #page-v1 #header.header-scrolled{
   box-shadow: 1px 1px 13px 1px #3333333b;
 }

#page-v1 #header1 #logo img{
    padding: 0;
    margin: 0;
    width: 140px;
    position: absolute;
    top: -1px;
}

.nav-opt li, .navbar-menu  li {
  position: relative;
}

.nav-opt .nav-link {
  padding-left: .7rem !important;
  padding-right: .7rem !important;
}
.nav-opt .nav-link::before ,.navbar-menu .nav-link::before {
  position: absolute;
  content: "";
  display: block;
  height: 2px;
  width: 0%;
  bottom: 0;
  left: 0;
  background: var(--theme-purple);
  transition:  all ease-in-out 0.3s 100ms
}
.navbar-menu .nav-item:last-child .nav-link::before{
  position: unset;
}
.nav-opt li:hover a::before , .navbar-menu li:hover .nav-link::before{
  width:100%;
}

/* #page-v1 .nav-menu li:hover > a, #page-v1 .nav-menu > .menu-active > a{
    color: #f26822;
    border-bottom: 1px solid #f26822;
    transition: 0.1s;
} */

#page-v1 .nav-menu a{
    color: #1d3d89;
    border-bottom: none;
    font-weight: 500;
    text-transform: capitalize;
}

#page-v1 .nav-menu .select-lang a, .nav-menu ul.select-lang li{
    color: #333 !important;
}


 #bannerSection{
  /* background: url(../img/v1/1.jpg) center top no-repeat; */
  background-size: cover;
  padding: 3rem 0 6rem 0;
  position: relative;
  height: auto;
  background-size: cover;
  background-position: 0 -311px!important;
 }

 #bannerSection .header-des{
   font-size: 1.5rem;
 }

 #bannerSection .banner-form .form-control , .check-in .form-control {
  display: block;
  width: 100%;
  padding: 0.5rem 0 .5rem 2rem;
  font-size: 14px;
  line-height: 1.5;
  color: #333;
  background-color: transparent;
  background-clip: padding-box;
  border: 1px solid #dadada;
  border-radius: 0;
}

.search-btn:focus, .search-btn:hover, #bannerSection .banner-form .form-control:focus, #bannerSection .banner-form .form-control:hover{
  text-decoration: none;
  outline: none;
  box-shadow: none;
}

#bannerSection .banner-form label , .check-in label{
  background: linear-gradient(to bottom, #204499 0%, #1c3b84 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1px;
}

#bannerSection .banner-form .field-icon , .check-in img {
  position: absolute;
  top: 2.7rem;
  left: .8rem;
}


#bannerSection .banner-form .search-btn{
  background: var(--theme-purple);
  color: #fff;
  padding: .5rem 2rem;
  margin-top: 1.7rem;
  cursor: pointer;
  transition: all .2s;
  border-radius: 30px;
  border: none;
}

#bannerSection .banner-form .search-btn:hover{
  /*background: #1c3b84;*/
  transition: all .2s;
  box-shadow: 1px 1px 13px 0px #17171754;

}


 #page-v1 #footer .footer-top .social-links a:hover{
  background: #f26822;
  color: #fff;
  border: 1px solid #f26822;
  transition: all .2s;
}

 #mobile-nav{
  background: linear-gradient(to bottom, #204499 0%, #1c3b84 100%);
}

.banner-tabs .main-tabs li a{
  /* background: #00000061; */
/* border-radius: 5px !important; */
}

.main-tabs .fa{
  display: block;
  text-align: center;
  font-size: 1.3rem;
  margin: 0 0 3px;
}

.banner-tabs .nav.main-tabs>li>a{
  width: 6rem;
  margin-right: 0;
  text-align: center;
}
.banner-tabs ul {
  border-bottom: none;
}
.main-tabs .main-tab-icon{
  width: 1.5rem;
  display: block;
  text-align: center;
  margin: 0 auto 6px;
  filter: brightness(1) invert(1);
}

.banner-tabs .nav>li>a:hover .main-tab-icon,  .banner-tabs .nav>li>a.show .main-tab-icon{
  filter: brightness(1) invert(0);
}

 .banner-tabs .nav-tabs>li>a {
  margin-right: .5rem;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}

.banner-tabs .nav>li>a {
  position: relative;
  display: block;
  padding: .5rem;
  color: #fff;
  border-radius: 0;
  font-weight: 500;
}

.nav-tabs.sub-tabs{
  border-bottom: none;
}

.banner-tabs .sub-tabs>li>a{
  padding: .6rem 1rem;
  font-size: 12px;
  color: #555;
  cursor: default;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 30px;
}

.banner-tabs .sub-tabs li a.show{
  background: linear-gradient(to bottom, var(--theme-purple) 0%, var(--theme-purple) 100%);
  color: #fff !important;
  cursor: pointer;
}


.banner-tabs .sub-tabs>li>a:hover{
  background-color: #f5f5f5 !important;
}

.banner-tabs .nav>li>a:hover, .banner-tabs .nav>li>a.show{
  color: var(--theme-blue);
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #ddd;
 }

 .banner-tabs .tab-content{
  padding: 1rem 1rem 0;
  background: #fff;
  border-radius: 0px 5px 5px 5px;
 }

 #bannerSection .banner-form .twitter-typeahead .tt-query,
 #bannerSection .banner-form  .twitter-typeahead .tt-hint {
    margin-bottom: 0;
}
#bannerSection .banner-form  .tt-hint {
    display: block;
    width: 100%;
    /* padding: 8px 12px; */
    font-size: 14px;
    line-height: 1.428571429;
    color: #999;
    vertical-align: middle;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
          transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
#bannerSection .banner-form  .tt-dropdown-menu {
    min-width: 300px;
    margin-top: 2px;
    padding: 5px 0;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
          box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;

}
#bannerSection .banner-form  .tt-suggestion {
    display: block;
    padding: 10px 10px;
    font-size: .9rem;
    border-bottom: 1px solid #dadada;
}

#bannerSection .banner-form  .tt-suggestion:hover{
    color: #333;
    background-color: #f6f6f6 !important;
    cursor: pointer;
}
#bannerSection .banner-form  .tt-suggestion.tt-is-under-cursor a {
    color: #000;
}
#bannerSection .banner-form .tt-suggestion p {
    margin: 0;
    color: #000;
}


/* popular  */
.popular .popular-h5 {
      font-size: 15px;
      color: var(--dark-text);
}
.popular .popular-limit {
  color: var(--dark-text);
  font-size: 13px;
}
.popular .popular-text span {
  color: var(--theme-purple);
}
.popular .popular-limit span {
  color: var(--theme-purple);
    font-weight: 600;
    font-size: 16px;
}
.popular .view {
  line-height: 2.3;
}
.popular .popular-sub {
      border-bottom: 5px solid;
    width: 88px;
    margin: auto;
    padding: 12px 0;
}
.popular .card-image img {
  height: 214px;
}
.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
  display: block;
}
.popular .popular-carousel .card:hover {
  transform: scale(1.04);
  box-shadow: 0px 3px 9px rgba(0,0,0,0.2);
  transition: all 0.4s;
}
.popular .popular-carousel .card {
  transition: all 0.4s;
}
.popular .owl-prev {
  position: absolute;
    top: 0;
    height: 35px;
    top: 50%;
    color: #fff;
    text-align: center;
    line-height: 1.9;
    left: -23px;
    width: 35px;
    font-weight: 800;
    background: var(--theme-purple);
    border-radius: 50%;
    border: 2px solid var(--theme-purple);
}
.popular .owl-prev:hover, .popular .owl-next:hover  {
  border: 2px solid var(--theme-purple);
  background: #fff;
  color: var(--dark-text);
}
.popular .owl-next {
    position: absolute;
    top: 0;
    right: -23px;
    top: 50%;
    height: 35px;
    color: #fff;
    text-align: center;
    line-height: 1.9;
    width: 35px;
    font-weight: 800;
    background: var(--theme-purple);
    border-radius: 50%;
    border: 2px solid var(--theme-purple);
}
/* END OF POPULAR */

/* best flights  */
.best-flights .bestf-sub , .popular .popular-sub, .section-text{
  color: var(--dark-text);
  letter-spacing: 1.2px;
}
.best-flights .bestf-sub {
   border-bottom: 5px solid;
    width: 135px;
    margin: auto;
    padding: 12px 0;
}

.best-flights .bestf-darktext {
  font-size: 13px;
    font-weight: 600;
    color: var(--dark-text);
}
.best-flights .best-list img {
      width: 92px;
    padding: 16px 0;
}
.best-flights .best-list .bestf-price{
  color: var(--theme-purple);
  font-size: 14px;
}
.best-flights .best-list .del-price {
      font-size: 14px;
}
.best-flights .card-one {
  border:none;
}
.best-flights .card-image {
  border-radius: 12px;
}
.best-flights .card-image img {
    border-radius: 12px;
        height: 242px;
        object-fit: cover;
    width: 100%;
}

.best-flights .card:hover {
  cursor: pointer;
}
.best-flights .card-image:before {
  content:"";
  background: rgba(0,0,0,0.4);
  border-radius: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
}
.best-flights .bestf-img-text {
         left: 50%;

    width: 100%;
    transform: translate(-50%,3%);
}
.best-flights .bestf-img-text .b-text-1 {
      font-size: 14px;
      letter-spacing: 1.2px;
      line-height: 18px;
}
.best-flights .bestf-img-text .b-text-2 {
      font-size: 22px;
    line-height: 30px;
      /* width: 108px; */
      position: relative;
}
.best-flights .bestf-img-text .b-text-2:after {
    width: 0%;
    right: 0px;
    background: var(--theme-purple);
    height: 5px;
    position: absolute;
    display: block;
    margin: 0;
    float: none;
    content: '';
    padding: 0px 0;
    z-index: 2;
      bottom: 0%;
    -webkit-transition: all 800ms cubic-bezier(0.23, 1, 0.32, 1.1);
    -moz-transition: all 800ms cubic-bezier(0.23, 1, 0.32, 1.1);
    -o-transition: all 800ms cubic-bezier(0.23, 1, 0.32, 1.1);
    transition: all 800ms cubic-bezier(0.23, 1, 0.32, 1.1);

}
.best-flights .bestf-img-text .b-text-2:before {
    width: 100%;
    right: 0;
    background: #fff;
    height: 5px;
    position: absolute;
    display: block;
    margin: 0;
    float: none;
    content: '';
    padding: 0px 0;
    z-index: 2;
        bottom: 0%;
    -webkit-transition: all 800ms cubic-bezier(0.23, 1, 0.32, 1.1);
    -moz-transition: all 800ms cubic-bezier(0.23, 1, 0.32, 1.1);
    -o-transition: all 800ms cubic-bezier(0.23, 1, 0.32, 1.1);
    transition: all 800ms cubic-bezier(0.23, 1, 0.32, 1.1);
}
.best-flights .bestf-img-text:hover .b-text-2:after{
     width: 100%;
    background: var(--theme-purple);
}
.best-flights .abs-content {
      /* border-bottom: 5px solid #fff; */

    margin: auto;
}
.best-flights .bestf-text ,.popular .popular-text{
  font-size: 11px;
    font-weight: 600;
    color: #aeaeae;
}
/* end of best flights */
/* tour cards */
.tour-cards .card {
  border: none;
}
.tour-cards .tcard-img img {
    height: 196px;
    width: 100%;
    object-fit: cover;

}
.tour-cards .card  .tcard-img:after {
    transition: all 0.4s;
}
.tour-cards .card:hover {
  cursor: pointer;
}
.tour-cards .card:hover .tcard-img:after {
  content: "";
  position: absolute;
  /* border: 1px solid; */
  background: rgba(0,0,0,0.3);
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  transition: all 0.4s;
}
.tour-cards .card:hover .price p {
  color: var(--theme-purple);
      background: rgba(255,255,255,0.8);
}
.tour-cards .tour-l-text1 {
  font-size: 15px;
  color: #aeaeae;
    font-weight: 600;
    letter-spacing: 1.2px;
}
.tour-cards .tour-l-text2 {
      color: #fff;
    font-size: 28px;
    letter-spacing: 2.2px;
    font-weight: 600;
}
.tour-cards .tour-l-text2 span {
  display: -webkit-inline-box
}
.tour-cards .tour-l-text2 span::before {
 content: "";
 position: absolute;
 height: 5px;
 width: 100%;
 bottom:0;
 left: 0;
 background: #fff;
}

.tour-cards .tour-l-p{
      text-transform: initial;
    font-size: 12px;
    font-weight: 300;
}
.tour-cards {
  background: var(--theme-purple);
}
.tour-cards h5 {
  font-size: 15px;
    font-weight: 600;
    letter-spacing: 1.2px;
    color: var(--dark-text);
}
.tour-cards .tour-s-text {
      font-size: 13px;
    font-weight: 600;
    color: #aeaeae;
}
.tour-cards .card-p {
  font-size: 13px;
    color: #aeaeae;
}
.tour-cards .price {
  top: 4%;
    left: 6%;
}
.tour-cards .price p {
  background: rgba(0,0,0,0.3);
    border-radius: 5px;
    /* padding: 2px 10px; */
    font-size: 12px;
    color: #fff;
    padding: 2px 10px;
    font-weight: 600;
}

.tour-cards .temp {
 right: 2%;
    top: 4%;

}
.tour-card .temp p img{
    margin-right: 8px;
}
.tour-cards .rating {
  font-size: 12px;
}
.tour-cards .fas {
  padding-right: 2px;
  color: purple;
}
.tour-cards .temp p {
   background: #fff;
    color: var(--dark-text);
    /* padding: 1%; */
    border-radius: 7px;
    padding: 2px 10px;
    font-weight: 700;
    font-size: 12px;
}
.tour-cards .temp .fas {
  color: var(--sky-color);
    /* padding-right: 36%; */
    font-size: 19px;
    padding: 0 6px 0 0;
}

/* eend of tour cards */
/* our tour */

.our_tour .section-head p:first-child{
    letter-spacing: 1.2px;
}
.our_tour .sec-card:hover {
      box-shadow: 0px 2px 8px rgba(0,0,0,0.4);
      transition: all 0.3s;
      cursor: pointer;
}
.our_tour .section-head h1, .best-flights .bestf-p, .popular .popular-p, .section-heading {
    font-size: 30px;
    letter-spacing: 6px;
    color: var(--dark-text);
    font-style: italic;
}
.our_tour .icon .fas{
  font-size :30px;
  color: var(--theme-purple);
}
.our_tour .sec-card h3{
  color: #00a38c;
  font-size: 16px;
  letter-spacing: 1.2px;
}
.our_tour .sec-card p {
  font-size: 15px;
}
.our_tour .sec-card a {
  color: var(--dark-text);
      border: 2px solid var(--theme-purple);
    font-size: 13px;
    padding: 3% 4%;
    border-radius: 6px;
}
.our_tour .sec-card a:hover {
   color: #fff;
   background: var(--theme-purple);
      border: 2px solid var(--theme-purple);
}

/* end of our tour */

/* destination list  section*/
.destination-list h2 {
  color: var(--dark-text);
  font-size: 22px;
}
.destination-list ul, .best-flights ul {
  list-style: none
}
.destination-list h3 a {
  font-size: 15px;
}
.travel-link h3 {
    line-height: 1;
}
.travel-link a:hover{
  color: var(--theme-purple) !important;
}
.destination-list  {
  background: #f8f9fb;
  border-top: 1px solid #fff;
}
.destination-list .dest-row {
  border-bottom: 1px solid #aeaeae;
}
.destination-list ul li a:hover {
  color: var(--theme-purple) !important;
}
/* end of destination list section */
 #secondFold{
   margin: 4rem 0;
   position: relative;
   display: none;
 }
 #secondFold .icon-content h5{
  margin: 1rem 0 .3rem 0;
  background: linear-gradient(to bottom, #204499 0%, #1c3b84 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 600;
  font-size: 1.2rem;
 }

#page-v1 #footer .footer-top, #page-v1 .back-to-top{
  /*background: linear-gradient(to bottom, #204499 0%, #1c3b84 100%);*/
  /* background: #fff; */
 }

 #page-v1 .back-to-top{
   /*background: linear-gradient(to bottom, #204499 0%, #1c3b84 100%);*/
   background: var(--theme-purple);
   transition: all .2s;
  }

  #page-v1 .back-to-top:hover{
    box-shadow: 1px 1px 13px 0px #17171754;
    transition: all .2s;
   }

  #page-v1 #footer{
    color: var(--dark-text);
    background: #f8f9fa!important;
    float: left;
    width: 100%;
  }

  #footer .footer-top .footer-links ul a{
    color: #636363;
  }


 #page-v1 .nav-menu ul.select-lang li.active > a{
  color: #F26822;
 }

 #page-v1 .nav-menu ul.select-lang li.active > a, #page-v1 .nav-menu ul li:hover > a{
  background: linear-gradient(to bottom, #f6996a 0%, #F26822 100%);
  -webkit-background-clip: text;
  border: none;
  /*-webkit-text-fill-color: transparent;*/
 }

 #page-v1 #footer .subscribe-form .btn-hollow{
   color: #1f3c8e;
   border: 1px solid #fff;
 }

 #page-v1 #bannerSection .banner-form .form-control.traveller-select{
   display: none;
   position: absolute;
   top: 4.4rem;
   /* bottom: 0; */
   background: #fff;
   left: 5px;
   right: 0;
   height: auto;
   width: 20rem;
   padding: 1rem;
   z-index: 3;
 }

 #page-v1 .traveller-hover{
  height: 2.88rem;
}

 #page-v1 .traveller-hover:hover .traveller-select{
  display: block;
 }

#bannerSection .banner-form .select-class{
  position: relative;
  display: inline-block;
  border-bottom: 1px solid #eeee;
  padding: 0 0 1rem 0;
  margin: 0 0 1rem 0;
  width: 100%;
}

#bannerSection .banner-form .select-class .field-icon {
    bottom: 1.65rem;
    left: .5rem;
}

#page-v1 #bannerSection .form-group{
  margin-bottom: .5rem;
}



.flatpickr-day.selected{
  border-color: #ef8744;
  background: linear-gradient(to bottom, #f6996a 0%, #F26822 100%);

}


#cardSection{
  background: #f5f6f7;
  padding: 4rem 0 4rem;
}

#cardSection .header-card .header{
    background: linear-gradient(to bottom, #204499 0%, #1c3b84 100%);
    color: #fff;
    font-size: 1.4rem;
    font-weight: 400;
    margin: 0;
    padding: .75rem 0;
    text-align: center;
}

#cardSection .card-one, #cardSection .card-two, #cardSection .card-three{
  background: #fff;
  box-shadow: 1px 1px 1px 1px #eee;
  height: 31.5rem;
}

#cardSection .card-one .card-image img{
  width: 100%;
  height: 13.2rem;

}

#cardSection ul, #cardSection ul li{
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#cardSection  ul li{border-bottom: 1px solid #f5f4f7; padding: 1rem 2rem 1rem 1rem;}
#cardSection .card-one ul li img{
  width: 3.3rem;
}
#cardSection .card-one ul li .content{
  text-align: center;
  font-size: .9rem;
}
#cardSection .card-one ul li .amount{
  font-size: 1.4rem;
}


#cardSection .card-three .header-card{
    background: #1c3b84;
}
#cardSection .card-three .header {
    padding: 1.2rem 2rem;
    line-height: 1.6;
    background: transparent;
}

#cardSection .card-three .call-icon {
    color: #5aa9d7;
    display: block;
    margin: .25rem 0;
    position: relative;
    text-align: center;
}

#cardSection .card-three .call-icon .icon {
    background: #1c3b84;
    display: inline-block;
    padding: 0 1rem;
    position: relative;
    font-size: 3rem;
}

#cardSection .card-three .call-icon:before {
    content: "";
    background: #5aa9d7;
    height: 1px;
    left: 1.5rem;
    position: absolute;
    top: 43%;
    right: 1.5rem;
}

#cardSection .card-three img.arrow-icon{
  filter: brightness(0) invert(0);
  float: right;
}

 #cardSection .card-three ul li:hover{
   background: #f4f4f4;
 }


#cardSection .card-three .content{
  vertical-align: middle;
}

#cardSection .card-three ul li{
  padding: 1.5rem 2rem 1.6rem 1rem;
}

#page-v1 #cardSection .card-three a{
   color: #ef7212;
 }

#cardSection .card-two .owl-carousel .owl-item img{
  height: 13.2rem;
  object-fit: cover;
}

#cardSection .card-two .desc{
  padding: 1rem 1rem .66rem;
}



#cardSection .card-two .desc h3{
    margin: 1rem 0 .3rem 0;
    background: linear-gradient(to bottom, #204499 0%, #1c3b84 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 600;
    font-size: 1.2rem;
}

#cardSection .card-two .desc p{
  margin: 1rem 0;
  color: #333;
  font-size: .9rem;
}

 #cardSection .card-two .readmore-btn {
    background: #f26822;
    color: #fff;
    cursor: pointer;
    transition: all .2s;
    border-radius: 30px;
    border: none;
    font-size: 14px;
    letter-spacing: 1px;
    padding: 0.5rem 1.3rem;
}

#cardSection .card-two .readmore-btn:hover{
  /*background: #1c3b84;*/
  box-shadow: 1px 1px 13px 0px #17171754;
  color: #fff;
  border: none;
  outline: none;
  transition: all .2s;
}


#cardSection .card-two .owl-nav i.fa {
    background: #f26822;
    color: #fff;
    padding: 0.5rem 1rem;
    border-radius: 50px;
    font-size: 25px;
    font-weight: 800;
}

#cardSection .card-two .owl-nav .owl-next {
    position: absolute;
    right: -1rem;
}

#cardSection .card-two .owl-nav .owl-prev {
    position: absolute;
    left: -1rem;
}

#cardSection .card-two .owl-nav {
    display: block;
    position: absolute;
    top: 12rem;
    display: inline-flex;
    width: 100%;
    opacity: .4;
}

#cardSection .card-two:hover .owl-nav{
      opacity: 1;
      transition: all .2s;
}


#cardSection .card-two .card-carousel.owl-carousel .owl-item img.content-image{
  height: 9.3rem;
  /*object-position: top;*/
}

#cardSection .card-two .card-carousel.owl-carousel .two-destination img.content-image{
  height: 14rem;
}

#cardSection .card-two .content {
  position: relative;
  width: 100%;
  max-width: 400px;
  margin: auto;
  overflow: hidden;
}

#cardSection .card-two .content .content-overlay {
  background: rgba(0,0,0,0.7);
  position: absolute;
  height: 99%;
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}

#cardSection .card-two .content:hover .content-overlay{
  opacity: 1;
}

#cardSection .card-two .content-image{
  width: 100%;
}


#cardSection .card-two .content-details {
  position: absolute;
  text-align: center;
  padding-left: 1em;
  padding-right: 1em;
  width: 100%;
  top: 50%;
  left: 50%;
  /*opacity: 0;*/
  background: rgba(0,0,0,0.7);
  width: 60%;

  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

#cardSection .card-two .content:hover .content-details{
  top: 50%;
  left: 50%;
  opacity: 1;
}

#cardSection .card-two .content-details h3{
  color: #fff;
  font-weight: 500;
  letter-spacing: 0.15em;
  margin-bottom: 0.5em;
  font-size: 1.4rem;
  margin-top: .5rem;
  text-transform: uppercase;
}

#cardSection .card-two .fadeIn-bottom{
  top: 80%;
}


#bannerSection .small-btn{
  border: none;
  background: transparent;
  cursor: pointer;
  margin: -.3rem .2rem 0 .4rem;
  transition: all .2s;
  border-radius: 50%;
  transition: all .2s;
  font-size: 1.5rem;
  color: #dadada;
}

.select-traveller input:hover{
  border: 1px solid #1f3b8e;
  color: #1f3b8e;
  transition: all .2s;
}

#bannerSection .small-btn:hover .select-traveller input{
  color: #1f3b8e;
  border: 1px solid #1f3b8e;
}

#bannerSection .small-btn:hover, #bannerSection .small-btn:focus{
  text-decoration: none;
  outline: none;
  color: #1f3b8e;
  transition: all .2s;
}

.note{
  line-height: 1.5;
  margin-bottom: 1rem;
  position: relative;
  display: block;
}

.room-heading{
    display: inline-block;
    color: #1c3b84;
    -webkit-background-clip: text;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 1px;
}

.select-traveller input{
  border-radius: 30px;
    width: 6rem;
    text-align: center;
    padding: 4px 0;
    border: 1px solid #dadada;
    text-decoration: none;
    outline: none;
    box-shadow: none;
}

.incDec-btn{
  position: relative;
  display: inline-block;
  float: right;
  margin-right: 1rem;
}

.incDec-btn .small-btn{
  position: absolute;
  top: 0;
}

.incDec-btn .adding.small-btn{
  right: 0;
}

.traveller-class{
  display: none;
  position: absolute;
  left: 2.2rem;
  bottom: 12px;
  width: 100%;
  font-size: 14px;
  line-height: 1.5;
  color: #333;
  background-color: transparent;
  border-radius: 0;
}

.traveller-class.active{
  display: block;
}

.travellersSelect.active::placeholder{
  visibility: hidden;
}

.travellersSelect::placeholder{
  visibility: visible;
}


/*=== advanced options ====*/
.advance-arrow{
  position: absolute;
  bottom: -1rem;
  cursor: pointer;
  font-size: 13px;
}
/* .advance-arrow:after {
  height: 0;
      width: 0;
      border-left: 4px solid transparent;
      border-right: 4px solid transparent;
      border-top: 4px solid #777;
      -webkit-transform: origin(50% 20%);
      transform: origin(50% 20%);
      transition: all 0.125s ease-in-out;
      content: '';
      display: block;

      pointer-events: none;
      position: absolute;

      top: 50%;
      right: -1rem;
} */
.advance-arrow.open .fa {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}

#page-v1 #bannerSection #advancedOptionsCar .form-group{
  margin-bottom: 1.5rem;
}

#returnAnotherFields{
  display: none;
}

#bannerSection .banner-form  #advancedOptions .field-icon{
  bottom: .7rem;
}

#bannerSection .banner-form .field-icon.icon{
    bottom: .8rem;
}

#currencySelector{
  /* margin: -.33rem 0; */
}

#currencySelector .form-control:focus{
  border: none;
  box-shadow: none;
}

.currency-selector, .currency-symbol{
  outline: none;
  height: auto;
  border: none;
  color: #1d3d89;
  border-bottom: none;
  font-weight: 500;
  font-size: 13px;

}

.nav-opt .fa{
  width: auto;
  display: block;
  text-align: center;
  margin: 0 auto 1px;
  font-size: 1.4rem;
}

/* #nav-menu-container {
  padding-top: .5rem;
} */




#thirdFold{
    padding: 5rem 0 5rem;
}
#thirdFold .icon-content{
  padding: 0 3rem 0 0;
}

#thirdFold .icon-content img{
  width: 10rem;
}

#thirdFold .icon-content .content{
  font-size: 1.6rem;
  font-weight: 600;
  margin: 11px 0;
  color: #1c3b84;
}

#thirdFold .icon-content .des{
    line-height: 2;
    font-size: .9rem;
}

#thirdFold .header-card .header{
    background: linear-gradient(to bottom, #204499 0%, #1c3b84 100%);
    color: #fff;
    font-size: 1.4rem;
    font-weight: 400;
    margin: 0;
    padding: .75rem 0;
    text-align: center;
}

#thirdFold .card-one{
  background: #fff;
  box-shadow: 1px 1px 1px 1px #eee;
  height: 31.5rem;
}

#thirdFold .card-one .card-image img{
  width: 100%;
  height: 13.2rem;

}

#thirdFold ul, #thirdFold ul li{
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#thirdFold  ul li{border-bottom: 1px solid #f5f4f7; padding: 1rem 2rem 1rem 1rem;}
#thirdFold .card-one ul li img{
  width: 3.3rem;
}
#thirdFold .card-one ul li .content{
  text-align: center;
  font-size: .9rem;
}
#thirdFold .card-one ul li .amount{
  font-size: 1.4rem;
}


 /* ====== Page v1 end====== */


 /* term and condition  */
 .tnc .card {
   box-shadow: 1px 3px 10px #aaa;
 }
/* Accordion  */
.accordion-chooser {
  border-radius: 5px;
}
.accordion-chooser a {
  color: #b9b9b9;
  padding: 14.5px 25px;
  display: block;
      font-size: 13px;
      letter-spacing: 1px;
  margin-bottom: 1px;
    background: #fff;

}
/* .accordion-chooser .list-group-item:first-child a{
  color: #fff;
  border-radius: 5px;
} */
.accordion-chooser li {
  border: none;
  margin-bottom: 1px;
  background: transparent;
}

.accordion-chooser .acc-link a:hover , .accordion-chooser .acc-link a.active {
   background: #e4e4e4;
  color: var(--theme-purple);
  border-radius: 5px;
}
.accordion-chooser a{
   background: #e4e4e4;
  color: var(--dark-text);
}

.accordion-chooser a.main{
  background: var(--theme-purple);
  color: #fff;
  border-radius: 5px;
  pointer-events: none;
}
/* .accordion-chooser a:hover, .accordion-chooser a.active:first-child{
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
} */

.accordion-chooser .list-group-item {
  padding: 0;
}
.accordion-chooser li.active {
  background: var(--theme-purple);
  border-color: var(--theme-purple);
}
.acc-title,.acc-icon {
    background: var(--theme-purple);
}
.accordion .acc-icon:before {

    content: "\f068";
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 14px;
    height: 14px;
    margin-top: -7px;
    margin-left: -7px;
    text-align: center;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}
/* .accordion.style-5 .acc-icon:before {
    color: #fff;
} */
.accordion.style-5 .acc-body {
    background: #fff;
    color: #b9b9b9;
    font-size: 13px;
    /* display: none; */
    line-height: 22px;
    padding: 30px 30px 10px 50px;
}

.accordion.style-5 .acc-body p{
    margin: 0 0 12px 0;
}

.accordion.style-5 .acc-body span{
  color: #212121;
}

.accordion.style-5 .acc-body h5{
  margin-top: 30px;
}

.acc-title.first .acc-body {
    display: block;
}
.accordion .acc-body h5 {
    margin-bottom: 8px;
        color: #222222;
}
.detail-content h5, .acc-body h5 {
    font-size: 14px;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    margin-bottom: 21px;
}
.accordion .acc-title {
    position: relative;
    font-size: 14px;
    line-height: 21px;
    font-weight: 700;
    color:#fff;
    letter-spacing: 0.8px;
    padding: 14px 45px 14px 70px;
    text-transform: uppercase;
    cursor: pointer;
    border-radius: 5px;
}
.accordion.style-5 .acc-title.active .acc-icon {
   background: var(--theme-purple);
}
.accordion .acc-title.active .acc-icon:before {
    content: "\f067";

}
.accordion.style-5 .acc-title.active .acc-icon:before {
 color: #fff;
}

.accordion .acc-icon {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    width: 50px;
    border-radius: 5px;
}

#link .form-control:focus {
  box-shadow: unset !important;
}
/* end of accordion */

.rotates {
  -moz-transition: all 0.4s linear;
  -webkit-transition: all 0.4s linear;
  transition: all 0.4s linear;
}

.rotates.rotate {
  -moz-transition: rotate(180deg);
  -webkit-transition: rotate(180deg);
  transition: rotate(180deg);
}

.dropdown.show .rotates {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

/* tnc  */
.inner-banner
{
  position: relative;
      text-align: center;
}
#tnc .vertical-align {
      transform: translateY(-50%);
    top: 50%;
    position: absolute;
    width: 100%;
    left: 0px;
}
#tnc .banner-breadcrumb {
      margin-bottom: 20px;
          list-style: none;

}
#tnc .banner-breadcrumb li {
    display: inline-block;
    margin-right: 2px;
}
 #tnc .banner-breadcrumb li, .banner-breadcrumb a {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 18px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
}
#tnc .inner-banner.style-6 {
    min-height: 211px;
}
.background-block {
    -moz-background-size: cover;
    background-size: cover;
    background-position: center center;
}
#tnc .inner-banner {
  background: url('../img/v1/tncbanner.jpeg');
  background: cover;
}
 #tnc .inner-banner h2 {
  font-size: 38px;
    line-height: 40px;
    letter-spacing: 7.5px;
    margin-bottom: 20px;
}

#tnc .simple-tab.type-2 .nav-tab-item.active {
    background: var(--theme-purple);
}
#tnc .simple-tab.type-2 .nav-tab-item.active {
  color: #fff;
}
.simple-tab.type-2 .nav-tab-item {
    position: relative;
    font-size: 10px;
    line-height: 39px;
    font-weight: 700;
    color: #b9b9b9;
    letter-spacing: 0.5px;
    display: inline-block;
    height: 39px;
    background: #f8f8f8;
    padding: 0 14px;
    text-transform: uppercase;
    border: none;
    margin-right: 5px;
}
#tnc.simple-tab.type-2 .nav-tab-item.active:before {
    border-color: #ff6600 transparent transparent transparent;
}

#tnc .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link:before {
  content: '';
    display: block;
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 9px 10px 0 10px;
    border-color: transparent transparent transparent transparent;
}
.simple-tab .nav-tab-item {
      cursor: pointer;
    border-radius: 3px;
}
.tabs-wrap-style {
      border: 1px solid rgba(185,185,185,0.4);
    border-radius: 5px;
    padding: 30px;
    margin-bottom: 30px;
}
#tnc .nav-tabs{
  border-bottom: none;
  display: block;
}
 #tnc .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link {
  position: relative;
    font-size: 10px;
    line-height: 39px;
    font-weight: 700;
    color: #b9b9b9;
    letter-spacing: 0.5px;
    display: inline-block;
    height: 39px;
    background: #f8f8f8;
    padding: 0 14px;
    text-transform: uppercase;
    border: none;
    margin-right: 5px;
    border-color:transparent;
}
 #tnc .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  background: var(--theme-purple);
  border-radius: 3px;
  color: #fff;

}
 #tnc .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active:before {
  border-color: #ff6600 transparent transparent transparent;
}
 #tnc .tab-content>.active {
      border: 1px solid rgba(185,185,185,0.4);
    border-radius: 5px;
    padding: 30px;
    margin-bottom: 30px;
}
#tnc .tab-content  h5 {
      color: #222222;
    font-size: 14px;
    letter-spacing: 1.2px;
}
 #tnc .tab-content  p ,.tab-content ul li{
      font-size: 13px;
    line-height: 22px;
    color: #fff;
}
/* end of tnc */

/* Customer support */
.cs-banner  {
      /* height: 350px;
    width: 100%;
    object-fit: none;
    position: relative; */
    position: relative;
  width: 100%;
  height: 350px;
  background: url('../img/banners/customerbanner.jpg') center center no-repeat;
  background-size: cover;
      /* background: #eb01a5;
      background-image: url('../img/banners/customerbanner.jpg');
    background-image: url('../img/banners/customerbanner.jpg') no-repeat,  linear-gradient(to right, rgba(255,0,0,0), rgba(255,0,0,0.3));
    background-size: cover;
    height: 350px;
    width: 100%; */



}
.cs-banner:before {
   content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-image: linear-gradient(to right,#1d3d89,#f26928);
	opacity: .7;
}



.pos-search {
  transform:translate(-50%,-50%);
  left: 50%;
  top: 50%;
  bottom: 0;
  width: 100%;
  height: auto;
}
.pos-search .search {
  padding:18px;
      border-radius: 8px !important;
    border-color: transparent;
}
.pos-search .s-btn {
      background: #fff;
    right: 1%;
    top: 7%;
    z-index: 999;
}
.s-btn .fa {
  color: var(--theme-blue)
}
.section2-cs {
  background: #f1f5f8;
}
.section2-cs h2 {
  font-size:23px;
  color: var(--theme-blue);

}
.section2-cs .card-header{
  background: #fff
}
.faq-heading {
  color: var(--dark-text);
  font-size: 20px;
}
.section2-cs .card-body ul {
  list-style: none;
  line-height: 2.2;
}
.section2-cs .all-list .side-list  a{
  display: block;
         padding: 0.95rem 1.25rem;
}
.accordion-chooser .link-tabs {
      color: #b9b9b9;
    padding: 14.5px 25px;
    display: block;
    font-size: 13px;
    letter-spacing: 1px;
    margin-bottom: 1px;
    background: #fff;
    width: 100%;
    outline: none;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}
.accordion-chooser .link-tabs.active,.link-tabs:hover,.link-tabs:focus {
  background: var(--theme-purple);
  color: #fff;
}
/* .link-tabs:focus {
   background: var(--theme-purple);
  color: #fff;
} */
/* end of customer support  */
/*  */
.content h2 {
  font-size: 26px;
  color: var(--dark-text);
}
.content h3 {
  color: var(--dark-text);
  font-size: 21px;
}
.contact-btn {
  color: #fff;
    background: var(--theme-purple);
    border: 1px solid var(--theme-purple);
    font-size: 16px;
    font-weight: 800;
    border-radius: 29px;
    padding: 6px 32px;
    margin-bottom: 11px;
}
/* dropdown */
.drop-wrap.type-2.no-bg {
    background: none;
    border: 1px solid #dadada;
    color: #333;
    /* border-radius: 5px; */

}
.dropdown-wrap .drop-wrap.type-2 {
    /* background: #222; */
    height: 35px;
}


.drop-wrap {
    position: relative;
    float: left;
    width: 100%;
    display: block;
    height: 19px;
    transition: all ease .2s;
    height: 40px;
}

.drop-wrap.type-2.no-bg .drop {
    color: #333;
}
.drop {
    position: absolute;
    display: block;
    left: 0px;
    top: 0px;
    width: 100%;
    /* color: rgba(255, 255, 255, 0.6); */
    font-size: 13px;
    font-weight: 400;
    height: 100%;
    cursor: pointer;
}
.drop-wrap.type-2 .drop .drop-list {
    line-height: 39px;
    right: 10px;
}
.drop .drop-list {
    position: absolute;
    font-size: 13px;
    top: 0px;
    right: 0px;
    padding-left: 10px;
}
.drop span {
    position: absolute;
    left: 0;
    top: 31px;
    width: calc(100% + 2px);
    display: none;
    z-index: 50;
    border: 1px solid rgba(255, 255, 255, 0.6);
    margin: 0;
    margin-left: -1px;
    background: #fff;
    padding: 10px 0px;
    min-width: 100px;
    border: 1px solid rgba(219, 219, 219, 0.6);
    border-top: none;
}
.drop span a {
    display: block;
    font-family: 'Open Sans', sans-serif;
    float: left;
    position: relative;
    width: 100%;
    text-decoration: none;
    text-align: left;
    line-height: 20px;
    color: #777;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    z-index: 52;
    text-transform: capitalize;
    padding: 6px 18px;
}
.drop-wrap.type-2 .drop span a {
    font-size: 12px;
}
.drop-wrap-rect {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
.drop-wrap.type-2 .drop b {
   padding: 0px 28px;
    line-height: 40px;
    font-size: 14px;
}
.drop b {
    position: relative;
    float: left;
    text-transform: capitalize;
    width: 100%;
    /* font-family: 'Source Sans Pro', sans-serif; */
    font-weight: 400;
}
.partners li {
  display: inline-block;
}
.partners li img {
  width: 3.5rem;
  filter: grayscale(90%)
}
.alert-b {
      border: 1px solid #C83939;
    height: 38px;
    width: 39px;
    /* line-height: 4.2; */
    text-align: center;
}
.alert-b img {
  height: 31px;
    width: 29px;
    padding: 2px;
}
.alert p{
  font-size:  13px;
      line-height: 3.2;
      margin: 0;
}
.alert {
  border-left: 4px solid #C83939;
}
.d-inherit {
  display: inherit;
}
.alert a {
  font-size: 14px;

    line-height: 2.5;
  text-decoration: underline;
}


/* CTA */
.strip {
  height: 190px;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;

}
.strip h2 {
      font-size: 45px;
    font-weight: 300;
}
.strip .cta-book-btn {
  padding: 1.2rem 2.9rem;
    font-size: 20px;
    text-transform: uppercase;
    border-radius: 37px;
    box-shadow: 0px 6px 10px rgba(0,0,0,0.2);
    color: var(--theme-blue);
    transition: all 0.3s;
  }
.strip .cta-book-btn:hover {
  color: var(--theme-purple);
  box-shadow:none;
  transition: all 0.3s;
}
.cta-pos-content{
  top: 0;
  z-index: 3;
}

/* 404 page */
.error-container {
  background: url('../img/banners/404-bg.jpg') no-repeat;
  background-size: cover;
  height: 100vh;
}

.error-container h1 {
  font-family: 'Oswald', sans-serif !important;
  font-size: 51px;
}

.tnc p{
  color: #333;
}

.tnc h5{
  text-transform: uppercase;
  color: #333;
}

.pnp.tnc h5{
  margin-top: 50px;
  text-transform: uppercase;
  color: #333;
}

.tnc ul li{
  color: #333;
}
/* End of 404 PAge */

/* for fixed footer on moblile */
.footer-fixed-mobile {
    background: url(../../lib/images/call-bottom-bg.jpg) no-repeat;
    background-size: cover;
    width: 100%;
    padding: 10px 15px;
    position: fixed;
    bottom: 0;
    left: 0;
    filter: drop-shadow(0 1px 8px rgba(0,0,0,0.2));
    z-index: 100;
}
.bg-img {
    background: url(../../lib/images/call-center-007.png) no-repeat;
    background-size: 16%;
    font-weight: bold;
    background-position: right top;
    text-align: left;
    padding-bottom: 10px;
}
.call-number a {
    border-radius: 100px;
    background: #721972;
    filter: drop-shadow(0 3px 6px rgba(69, 186, 17, 0.5));
    width: 100%;
    margin: 0 auto;
    padding: 10px;
    justify-content: center;
    align-items: center;
    color: #fff;
    height: 58px;
    font-size: 20px;
    margin-left: 66px;
    font-weight: 600;
}
.bg-img strong {
    font-weight: 600;
    color: #721972;
}

/* for fixed footer on moblile */





/* for fixed footer on moblile */

