@import "https://fonts.googleapis.com/css?family=Nothing+You+Could+Do|Rubik:300,300i,400,400i,500,500i,700,700i,900,900i&display=swap";
@import "https://fonts.googleapis.com/css?family=Nothing+You+Could+Do|Rubik:300,300i,400,400i,500,500i,700,700i,900,900i&display=swap";

.flex-center-start {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
}

body {
  font-family: rubik, sans-serif;
  font-weight: 400;
  font-style: normal;
}

.img {
  max-width: 100%;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

a,
.button {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

a:focus,
.button:focus,
button:focus {
  text-decoration: none;
  outline: none;
}

a:focus {
  text-decoration: none;
}

a:focus,
a:hover,
.portfolio-cat a:hover,
.footer -menu li a:hover {
  text-decoration: none;
}

a,
button {
  color: #1f1f1f;
  outline: medium;
}

h1,
h2,
h3,
h4,
h5 {
  font-family: rubik, sans-serif;
  color: #001d38;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: inherit;
}

ul {
  margin: 0;
  padding: 0;
}

li {
  list-style: none;
}

p {
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  color: #7a838b;
  margin-bottom: 0;
  font-family: rubik, sans-serif;
}

label,
.label {
  color: #7e7e7e;
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
}

*::-moz-selection {
  background: #444;
  color: #fff;
  text-shadow: none;
}

::-moz-selection {
  background: #444;
  color: #fff;
  text-shadow: none;
}

::selection {
  background: #444;
  color: #fff;
  text-shadow: none;
}

*::-webkit-input-placeholder {
  color: #ccc;
  font-size: 14px;
  opacity: 1;
}

*:-ms-input-placeholder {
  color: #ccc;
  font-size: 14px;
  opacity: 1;
}

*::-ms-input-placeholder {
  color: #ccc;
  font-size: 14px;
  opacity: 1;
}

*::placeholder {
  color: #ccc;
  font-size: 14px;
  opacity: 1;
}

h3 {
  font-size: 24px;
}

.mb-65 {
  margin-bottom: 67px;
}

.black-bg {
  background: #020c26 !important;
}

.white-bg {
  background: #fff;
}

.gray-bg {
  background: #f5f5f5;
}

.bg-img-1 {
  background-image: url(../img/slider/slider-img-1.html);
}

.bg-img-2 {
  background-image: url(../img/background-img/bg-img-2.html);
}

.cta-bg-1 {
  background-image: url(../img/background-img/bg-img-3.html);
}

.overlay {
  position: relative;
  z-index: 0;
}

.overlay::before {
  position: absolute;
  content: "";
  background-color: #040e27;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  opacity: 0.1;
}

.overlay2 {
  position: relative;
  z-index: 0;
}

.overlay2::before {
  position: absolute;
  content: "";
  background-color: #001d38;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  opacity: 0.6;
}

.overlay_03 {
  position: relative;
  z-index: 0;
}

.overlay_03::before {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: #001d38;
  opacity: 0.6;
  content: "";
  z-index: -1;
}

.bradcam_overlay {
  position: relative;
  z-index: 0;
}

/*<style>*/
.headimg{
  margin-left:50px; 
  margin-top:-10px;
}

.nav-tabs {
  border-bottom: 2px solid #ddd;
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}

.nav-tabs .nav-item {
  flex: 1;
  text-align: center;
}

.nav-tabs .nav-link {
  border: none;
  color: #555;
  font-weight: 600;
  font-size: 16px;
  padding: 12px 15px;
  border-radius: 0;
  transition: all 0.3s ease;
  background-color: #f8f9fa;
  margin-right: 5px;
}

.nav-tabs .nav-link:last-child {
  margin-right: 0;
}

.nav-tabs .nav-link:hover {
  background-color: #e9ecef;
  color: #333;
}

.nav-tabs .nav-link.active {
  color: #fff;
  background-color: #ff6b6b;
  border: none;
  position: relative;
}

.nav-tabs .nav-link.active:after {
  content: '';
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #ff6b6b;
}

/* Tab Content Styles */
.tab-content {
  padding: 20px;
  /* background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.05); */
}

/* Button Styles */
.contact_join {
  margin-top: 2rem;
}

.contact_join h3 {
  margin-bottom: 1.5rem;
  font-size: 1.5rem;
  color: #333;
}

.button-row {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}

.submit_btn {
  margin: 0.5rem;
}

.boxed-btn4 {
  display: inline-block;
  padding: 0.8rem 2rem;
  background-color: #ff6b6b;
  color: white;
  border: none;
  border-radius: 4px;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.3s ease;
  min-width: 250px;
}

.boxed-btn4:hover {
  background-color: #e05555;
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

/* Responsive adjustments */
@media (max-width: 600px) {
  .button-row {
      flex-direction: column;
  }
  
  .boxed-btn4 {
      width: 100%;
      max-width: 250px;
  }
}

/* General Styles */
.container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px;
}
.breadcrumb {
  font-size: 14px;
  color: #666;
  margin-bottom: 10px;
}
.breadcrumb a {
  color: #4b4a4a;
  text-decoration: none;
  cursor: pointer;
}
.breadcrumb a:hover{
  color: #007bff;
}
.top-section {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
  margin-top: 20px;
}
.left-top {
  display: flex;
  align-items: center;
  gap: 20px;
}
.tour-count {
  font-size: 40px;
  font-weight: bold;
}
.tour-count span {
  display: block;
  font-size: 16px;
  font-weight: normal;
}
.vertical-line {
  width: 2px;
  height: 70px;
  background-color: #f5c518;
}
.header {
  font-size: 36px;
  font-weight: bold;
  margin: 0;
}
.links {
  margin-left: 10px;
}
.links a {
  color: #666;
  text-decoration: none;
  font-size: 14px;
  margin-right: 5px;
}
.right-top {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.right-top a {
  padding: 10px 20px;
  border-radius: 5px;
  cursor: pointer;
  font-weight: bold;
  text-align: center;
}
.right-top .book-now {
  background-color: #f5c518;
}
.right-top .view-all {
  background-color: #d4f4f4;
}
.main-content {
  display: grid;
  grid-template-columns: 3fr 1fr;
  gap: 20px;
}
.carousel-container {
  position: relative;
  overflow: hidden;
}
.carousel {
  display: flex;
  transition: transform 1.0s ease-in-out;
}
.carousel img {
  width: 100%;
  height: 560px;
  object-fit: cover;
  border-radius: 10px;
}
.carousel-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  border: none;
  padding: 10px;
  cursor: pointer;
}
.prev-btn {
  left: 10px;
}
.next-btn {
  right: 10px;
}
.right-section {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.box {
  background-color: #f0f0f0;
  padding: 10px;
  border-radius: 10px;
}
.box h3 {
  font-size: 16px;
  font-weight: bold;
  margin: 0 0 20px 0;
  text-align: center;
}
.box p{
  font-size: 12px;
}
.destinations {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.destination {
  font-size: 14px;
  font-weight: bold;
}
.dest{
  font-size: 12px;
}
.box h4 {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
}
/* .view-all-btn {
  background-color: #f5c518;
  border: none;
  padding: 10px 20px;
  font-weight: bold;
  cursor: pointer;
  margin-top: 20px;
  align-self: center;
} */

/* Responsive Design */
@media (max-width: 768px) {
  .header {
      font-size: 24px;
  }
  .tour-count {
      font-size: 22px;
  }
  .tour-count span {
      font-size: 12px;
  }
  .carousel img {
      height: 200px;
  }
  .main-content {
      grid-template-columns: 1fr;
  }
}
@media (max-width: 480px) {
  .top-section {
      flex-direction: column;
      align-items: flex-start;
  }
  .left-top {
      flex-direction: row;
      align-items: flex-start;
  }
  .right-top {
      width: 100%;
  }
  .right-top button {
      width: 100%;
  }
  .destinations {
      grid-template-columns: 1fr;
  }
}
/* Travel Brand Section */
.travel-brand {
  text-align: center;
  padding: 20px;
  background-color: #f9f9f9;
  margin: 20px 0;
}

.travel-brand h2 {
  font-size: 24px;
  margin-bottom: 20px;
}

.highlights {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
  margin-top: 20px;
}

.highlight-item {
  flex: 1;
  min-width: 200px;
  max-width: 250px;
  padding: 15px;
  background-color: white;
  border-radius: 8px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

.highlight-item h2 {
  font-size: 18px;
  margin-bottom: 10px;
  color: #333;
}

.highlight-item p {
  font-size: 14px;
  color: #666;
}

/* Facts Section */
.facts-section {
  padding: 20px;
}

.facts-section h2 {
  font-size: 24px;
  margin-bottom: 15px;
}

.facts-list {
  list-style-type: none;
  padding: 0;
}

.facts-list li {
  padding: 8px 0;
  border-bottom: 1px solid #eee;
}

/* Responsive */
@media (max-width: 768px) {
  .btn-container {
      flex-direction: column;
  }
  
  .highlights {
      flex-direction: column;
      align-items: center;
  }
  
  .highlight-item {
      max-width: 100%;
  }
}
/* Slider Area */
.slider_area {
  position: relative;
}

/* Single Slide */
.single_slider {
  position: relative;
}

/* Fixed Card */
.fixed_card {
  margin-right: 10px;
  position: absolute;
  justify-content: center;
  align-items: center;
  top: 50%;
  right: 3%;
  height: 400px;
  transform: translateY(-50%);
  width: 350px;
  padding: 30px;
  border-radius: 16px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 2px 2px rgba(0, 0, 0, 0);
  margin-left: 10px;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 10px;
}


/* Card Links - Same Size */
.fixed_card .card_link {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  color: #007bff;
  text-decoration: none;
  padding: 0 10px;
  height: 50px;
  background: #f8f9fa;
  border-radius: 10px;
  transition: 0.3s;
  min-width: 250px;
}

/* Hover Effect */
.fixed_card .card_link:hover {
  background: #007bff;
  color: #fff;
}

/* Slider Text - Heading */
.slider_text h3 {
  font-size: 30px;
  font-weight: 700;
  color: white;
  line-height: 1.2;
}

/* Slider Text - Paragraph */
.slider_text p {
  font-size: 18px;
  color: white;
  margin-top: 10px;
}

/* 📱 Mobile and Tablet Responsive */
@media (max-width: 991px) {
  .fixed_card {
    position: static;
    margin: 20px auto 0 auto;
    transform: none;
    width: 95%;
    height: auto;
    padding: 25px;
  }

  .fixed_card .card_link {
    font-size: 16px;
    height: 60px;
    min-width: 100%;
  }

  .slider_text h3 {
    font-size: 30px;
  }
}

@media (max-width: 576px) {
  .fixed_card {
    width: 90%;
    height: auto;
    margin-top: 30px;
    padding: 20px;
  }

  .fixed_card .card_link {
    font-size: 14px;
    height: 55px;
  }

  .slider_text h3 {
    font-size: 22px;
  }
}

/*</style>*/

.bradcam_overlay::before {
  position: absolute;
  content: "";
  background: -moz-linear-gradient(left,
      #5db2ff 0%,
      #65b4f9 24%,
      rgba(124, 185, 233, 0) 96%,
      rgba(125, 185, 232, 0) 100%);
  background: -webkit-linear-gradient(left,
      #5db2ff 0%,
      #65b4f9 24%,
      rgba(124, 185, 233, 0) 96%,
      rgba(125, 185, 232, 0) 100%);
  background: linear-gradient(to right,
      #5db2ff 0%,
      #65b4f9 24%,
      rgba(124, 185, 233, 0) 96%,
      rgba(125, 185, 232, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5db2ff', endColorstr='#007db9e8', GradientType=1);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  opacity: 1;
}

.section-padding {
  padding-top: 120px;
  padding-bottom: 120px;
}

.pt-120 {
  padding-top: 120px;
}

.owl-carousel .owl-nav div {
  background: 0 0;
  height: 50px;
  left: 0;
  position: absolute;
  text-align: center;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 50px;
  color: #707070;
  background-color: transparent;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  left: 50px;
  font-size: 15px;
  line-height: 50px;
  border: 1px solid #4d6174;
  left: 150px;
  color: #fff;
}

.owl-carousel .owl-nav div.owl-next {
  left: auto;
  right: 150px;
}

.owl-carousel .owl-nav div.owl-next i {
  position: relative;
  right: 0;
}

.owl-carousel .owl-nav div.owl-prev i {
  position: relative;
  top: 0;
}

.owl-carousel:hover .owl-nav div {
  opacity: 1;
  visibility: visible;
}

.owl-carousel:hover .owl-nav div:hover {
  color: #fff;
  background: #001d38;
  border: 1px solid transparent;
}

.mb-20px {
  margin-bottom: 20px;
}

.mb-55 {
  margin-bottom: 55px;
}

.mb-40 {
  margin-bottom: 40px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mb-60 {
  margin-bottom: 50px !important;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 999;
  background-color: #000;
}

.custom_search_pop .modal-content .serch_form {
  position: relative;
}

.custom_search_pop .modal-content .serch_form input {
  width: 100%;
  height: 70px;
  background: #fff;
  border: none;
  padding-left: 20px;
  color: #000;
  font-size: 15px;
  padding-right: 120px;
}

@media (max-width: 767px) {
  .custom_search_pop .modal-content .serch_form input {
    height: 50px;
  }
}

.custom_search_pop .modal-content .serch_form input::placeholder {
  color: #000;
  font-size: 15px;
}

.custom_search_pop .modal-content .serch_form input:focus {
  outline: none;
}

.custom_search_pop .modal-content .serch_form button {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 18px;
  height: 100%;
  padding: 20px;
  color: #fff;
  background: #ff4a52;
  display: inline-block;
  border: none;
  line-height: 50px;
  height: 70px;
  padding: 0 30px;
  cursor: pointer;
}

@media (max-width: 767px) {
  .custom_search_pop .modal-content .serch_form button {
    height: 50px;
  }
}

.modal::before {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  z-index: 1062;
  opacity: 1;
  position: fixed;
  content: "";
  opacity: 0.8;
  z-index: -1;
}

.boxed-btn {
  background: #1ec6b6;
  color: #fff;
  display: inline-block;
  padding: 14px 44px;
  font-family: rubik, sans-serif;
  font-size: 14px;
  font-weight: 400;
  border: 0;
  border: 1px solid #1ec6b6;
  text-align: center;
  color: #fff !important;
  text-transform: uppercase;
  cursor: pointer;
}

.boxed-btn:hover {
  background: #ff4a52;
  color: #fff !important;
  border: 1px solid #ff4a52;
}

.boxed-btn:focus {
  outline: none;
}

.boxed-btn.large-width {
  width: 220px;
}

.boxed-btn3 {
  background: #1ec6b6;
  color: #fff;
  display: inline-block;
  padding: 5px 9px;
  font-family: rubik, sans-serif;
  font-size: 16px;
  font-weight: 500;
  border: 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  text-align: center;
  text-transform: capitalize;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer;
}

.boxed-btn3:hover {
  background: #ff4a52;
  color: #fff !important;
}

.boxed-btn3:focus {
  outline: none;
}

.boxed-btn3.large-width {
  width: 220px;
}

.boxed-btn4 {
  background: #ff4a52;
  color: #fff;
  display: inline-block;
  padding: 10px 5px;
  font-family: rubik, sans-serif;
  font-size: 16px;
  font-weight: 500;
  width: 10px;
  border: 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  text-align: center;
  text-transform: capitalize;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer; 
}

.boxed-btn4:hover {
  background: #1ec6b6;
  color: #fff !important;
}

.boxed-btn4:focus {
  outline: none;
}

/* .boxed-btn4.large-width {
  width: 220px;
} */

.section_title h3 {
  font-size: 38px;
  font-weight: 400;
  color: #040e27;
  position: relative;
  z-index: 0;
  padding-bottom: 7px;
}

@media (max-width: 767px) {
  .section_title h3 {
    font-size: 30px;
    line-height: 36px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .section_title h3 {
    font-size: 36px;
    line-height: 42px;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  .section_title h3 {
    font-size: 35px;
    line-height: 42px;
  }
}

@media (max-width: 767px) {
  .section_title h3 br {
    display: none;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .section_title h3 br {
    display: none;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  .section_title h3 br {
    display: none;
  }
}

.section_title p {
  font-size: 16px;
  color: #7a838b;
  line-height: 28px;
  margin-bottom: 0;
  font-weight: 400;
}

@media (max-width: 767px) {
  .section_title p br {
    display: none;
  }
}

.section_title h4 {
  font-size: 22px;
  font-weight: 500;
  color: #001d38;
  padding-bottom: 21px;
}

.mb-50 {
  margin-bottom: 50px;
}

@media (max-width: 767px) {
  .mb-50 {
    margin-bottom: 40px;
  }
}

.mb_70 {
  margin-bottom: 62px;
}

@media (max-width: 767px) {
  .mb_70 {
    margin-bottom: 40px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .mb_70 {
    margin-bottom: 40px;
  }
}

@media (max-width: 767px) {
  .mobile_menu {
    position: absolute;
    right: 0;
    width: 100%;
    z-index: 9;
  }
}

@media (max-width: 500px) {
  .number1 {
    display: none !important;
  }
}

.slicknav_menu .slicknav_nav {
  background: #fff;
  float: right;
  margin-top: 0;
  padding: 0;
  width: 95%;
  padding: 0;
  border-radius: 0;
  margin-top: 5px;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 11px;
}

.slicknav_menu .slicknav_nav a:hover {
  background: 0 0;
  color: #ff4a52;
}

.slicknav_menu .slicknav_nav a.active {
  color: #ff4a52;
}

@media (max-width: 767px) {
  .slicknav_menu .slicknav_nav a i {
    display: none;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .slicknav_menu .slicknav_nav a i {
    display: none;
  }
}

.slicknav_menu .slicknav_nav .slicknav_btn {
  background-color: transparent;
  cursor: pointer;
  margin-bottom: 10px;
  margin-top: -40px;
  position: relative;
  z-index: 99;
  border: 1px solid #ddd;
  top: 3px;
  right: 5px;
  top: -36px;
}

.slicknav_menu .slicknav_nav .slicknav_btn .slicknav_icon {
  margin-right: 6px;
  margin-top: 3px;
  position: relative;
  padding-bottom: 3px;
  top: -11px;
  right: -5px;
}

@media (max-width: 767px) {
  .slicknav_menu {
    margin-right: 0;
  }
}

.slicknav_nav .slicknav_arrow {
  float: right;
  font-size: 22px;
  position: relative;
  top: -9px;
}

.slicknav_btn {
  background-color: transparent;
  cursor: pointer;
  margin-bottom: 10px;
  position: relative;
  z-index: 99;
  border: none;
  border-radius: 3px;
  top: 5px;
  padding: 5px;
  right: 5px;
  margin-top: -5px;
  top: -31px;
}

.slicknav_btn {
  background-color: transparent;
  cursor: pointer;
  margin-bottom: 10px;
  position: relative;
  z-index: 99;
  border: none;
  border-radius: 3px;
  top: 5px;
  padding: 5px;
  right: 0;
  margin-top: -5px;
  top: -33px;
}

.header-area {
  left: 0;
  right: 0;
  height: 100px;
  width: 100%;
  top: 0;
  z-index: 9;
  position: relative;
}

@media (max-width: 767px) {
  .header-area {
    padding-top: 0;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .header-area {
    padding-top: 0;
  }
}

.header-area .main-header-area {
  background: #fff;
  background: 0 0;
  padding: 18px;
}

.header-area .main-header-area.details_nav_bg {
  background: #727272;
  padding-bottom: 0;
}

@media (max-width: 767px) {
  .header-area .main-header-area.details_nav_bg {
    padding-bottom: 10px;
  }
}

.header-area .main-header-area.details_nav {
  background: #001d38;
}

@media (max-width: 767px) {
  .header-area .main-header-area {
    padding: 10px;
  }
}


@media (min-width: 768px) and (max-width: 991px) {
  .header-area .main-header-area {
    padding: 10px;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  .header-area .main-header-area {
    padding: 10px 20px;
  }
}

@media (min-width: 1200px) and (max-width: 1500px) {
  .header-area .main-header-area {
    padding: 10px 20px;
  }
}

.header-area .main-header-area .logo-img {
  text-align: center;
}

@media (max-width: 767px) {
  .header-area .main-header-area .logo-img {
    text-align: left;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .header-area .main-header-area .logo-img {
    text-align: left;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  .header-area .main-header-area .logo-img {
    text-align: left;
  }
}

@media (max-width: 767px) {
  .header-area .main-header-area .logo-img img {
    width: 70px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .header-area .main-header-area .logo-img img {
    width: 70px;
  }
}

.header-area .main-header-area .main-menu {
  padding: 12px 0;
  position: relative;
}

.header-area .main-header-area .main-menu::before {
  position: absolute;
  left: 0;
  height: 35px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 1px;
  /* background: #eaeaea; */
  content: "";
  left: -10%;
}

@media (min-width: 992px) and (max-width: 1200px) {
  .header-area .main-header-area .main-menu::before {
    display: none;
  }
}

@media (min-width: 1200px) and (max-width: 1500px) {
  .header-area .main-header-area .main-menu::before {
    display: none;
  }
}

.header-area .main-header-area .main-menu ul li {
  display: inline-block;
  position: relative;
  margin: 0 35px 0 0;
}

@media (min-width: 992px) and (max-width: 1200px) {
  .header-area .main-header-area .main-menu ul li {
    margin-right: 15px;
  }
}

.header-area .main-header-area .main-menu ul li a {
  color: #040e27;
  font-size: 16px;
  text-transform: capitalize;
  font-weight: 400;
  display: inline-block;
  padding: 0;
  font-family: rubik, sans-serif;
  position: relative;
  text-transform: capitalize;
}

.header-area .main-header-area .main-menu ul li a:hover {
  color: #1ec6b6;
}

@media (min-width: 992px) and (max-width: 1200px) {
  .header-area .main-header-area .main-menu ul li a {
    font-size: 15px;
  }
}

@media (min-width: 1200px) and (max-width: 1500px) {
  .header-area .main-header-area .main-menu ul li a {
    font-size: 15px;
  }
}

.header-area .main-header-area .main-menu ul li a i {
  font-size: 9px;
}

@media (max-width: 767px) {
  .header-area .main-header-area .main-menu ul li a i {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .header-area .main-header-area .main-menu ul li a i {
    display: none !important;
  }
}

.header-area .main-header-area .main-menu ul li .submenu {
  position: absolute;
  left: 0;
  top: 160%;
  background: #fff;
  width: 200px;
  z-index: 2;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.02);
  opacity: 0;
  visibility: hidden;
  text-align: left;
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}

.header-area .main-header-area .main-menu ul li .submenu li {
  display: block;
}

.header-area .main-header-area .main-menu ul li .submenu li a {
  padding: 10px 15px;
  position: inherit;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  display: block;
  color: #040e27;
  font-size: 14px;
}

.header-area .main-header-area .main-menu ul li .submenu li a::before {
  display: none;
}

.header-area .main-header-area .main-menu ul li .submenu li:hover a {
  color: #000;
}

.header-area .main-header-area .main-menu ul li:hover>.submenu {
  opacity: 1;
  visibility: visible;
  top: 225%;
}

.header-area .main-header-area .main-menu ul li:hover>a::before {
  opacity: 1;
  transform: scaleX(1);
}

.header-area .main-header-area .main-menu ul li:first-child a {
  padding-left: 0;
}

.header-area .main-header-area.sticky {
  box-shadow: 0 3px 16px 0 rgba(0, 0, 0, 0.1);
  position: fixed;
  width: 100%;
  top: -70px;
  left: 0;
  right: 0;
  z-index: 990;
  transform: translateY(70px);
  transition: transform 500ms ease, background 500ms ease;
  -webkit-transition: transform 500ms ease, background 500ms ease;
  box-shadow: 0 3px 16px 0 rgba(0, 0, 0, 0.1);
  background: rgba(255, 255, 255, 0.96);
}

@media (max-width: 767px) {
  .header-area .main-header-area.sticky {
    padding: 10px;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  .header-area .main-header-area.sticky {
    padding: 10px;
  }
}

@media (min-width: 1200px) and (max-width: 1500px) {
  .header-area .main-header-area.sticky {
    padding: 10px;
  }
}

.header-area .main-header-area.sticky .main-menu {
  padding: 0;
}

.header-area .main-header-area.sticky .header_bottom_border {
  border-bottom: none;
}

.header-area .main-header-area.sticky .header_bottom_border.white_border {
  border-bottom: none !important;
}

@media (min-width: 992px) and (max-width: 1200px) {
  .header-area .social_wrap {
    margin-right: 100px;
  }
}

@media (min-width: 1200px) and (max-width: 1500px) {
  .header-area .social_wrap {
    margin-right: 55px;
  }
}

.header-area .social_wrap .social_links {
  margin-right: 4px;
}

.header-area .social_wrap .social_links li {
  display: inline-block;
}

.header-area .social_wrap .social_links li a {
  display: inline-block;
  color: #aab1b7;
  font-size: 16px;
  margin: 0 11px;
}

.header-area .social_wrap .social_links li a:hover {
  color: #ff4a52;
}

.header-area .social_wrap .number {
  margin-right: 20px;
  padding-right: 20px;
  /* border-right: 1px solid #eaeaea; */
}

@media (min-width: 1200px) and (max-width: 1500px) {
  .header-area .social_wrap .number {
    margin-right: 0;
    padding-right: 10px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .header-area .social_wrap .number {
    border-right: 1px solid transparent;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  .header-area .social_wrap .number {
    border-right: 1px solid transparent;
  }
}

.header-area .social_wrap .number p {
  font-size: 16px;
  color: #040e27;
  margin-bottom: 0;
  font-weight: 400;
}

@media (min-width: 1200px) and (max-width: 1500px) {
  .header-area .social_wrap .number p {
    font-size: 14px;
  }
}

.header-area .social_wrap .number p i {
  color: #ff4a52;
  font-size: 16px;
  margin-right: 5px;
}

.header-area .seach_icon {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 9;
  background: #ff4a52;
  width: 100px;
}

@media (max-width: 767px) {
  .header-area .seach_icon {
    width: 50px;
    right: 60px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .header-area .seach_icon {
    width: 100px;
    right: 85px;
  }
}

@media (min-width: 1200px) and (max-width: 1500px) {
  .header-area .seach_icon {
    width: 80px;
  }
}

.header-area .seach_icon a {
  text-align: center;
  color: #fff;
  width: 100%;
  height: 100%;
  display: block;
}

.header-area .seach_icon a i {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.slider_bg_1 {
  /* background-image: url(../img/banner/banner.jpg); */
  background-image: url(../img/banner/1.webp);
  height: 100px;
}

.slider_bg_2 {
  /* background-image: url(../img/banner/banner2.jpg); */
  background-image: url(../img/trichy/trichy.jpg);
}

.slider_bg_3 {
  /* background-image: url(../img/banner/banner3.jpg); */
  background-image: url(../img/kolli_hills.webp);
}

.slider_bg_4 {
  /* background-image: url(../img/banner/banner3.jpg); */
  background-image: url(../img/rameshwaram/rameshwaram1.jpg);
}

.slider_bg_5 {
  /* background-image: url(../img/banner/banner3.jpg); */
  background-image: url(../img/madurai/madurai11.jpg);
}

.slider_bg_6 {
  /* background-image: url(../img/banner/banner3.jpg); */
  background-image: url(https://wallpaperaccess.com/full/1921682.jpg);
}

.slider_area {
  position: relative;
  z-index: 0;
}

.slider_area .single_slider {
  height: 600px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

@media (max-width: 767px) {
  .slider_area .single_slider {
    height: auto;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .slider_area .single_slider {
    height: 600px;
  }
}

@media (max-width: 767px) {
  .slider_area .single_slider .slider_text {
    margin: 100px 0 50px;
  }
}

.slider_area .single_slider .slider_text h3 {
  font-family: nothing you could do, cursive;
  font-size: 100px;
  text-transform: capitalize;
  font-weight: 400;
  /* line-height: 0.5; */
  line-height: 1;
  color: #fff;
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .slider_area .single_slider .slider_text h3 {
    font-size: 40px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .slider_area .single_slider .slider_text h3 {
    font-size: 70px;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  .slider_area .single_slider .slider_text h3 {
    font-size: 100px;
  }
}

@media (min-width: 1200px) and (max-width: 1500px) {
  .slider_area .single_slider .slider_text h3 {
    font-size: 120px;
  }
}

.slider_area .single_slider .slider_text p {
  font-size: 20px;
  font-weight: 400;
  color: #fff;
  margin-top: 33px;
  margin-bottom: 49px;
}

@media (max-width: 767px) {
  .slider_area .single_slider .slider_text p {
    font-size: 16px;
    margin-top: 20px;
    margin-bottom: 20px;
  }
}

.slider_area .owl-carousel .owl-nav div {
  height: 120px;
  left: 0;
  width: 50px;
  color: #fff;
  background-color: transparent;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  left: 50px;
  font-size: 14px;
  border: none;
  left: 150px;
  line-height: 120px;
  background: rgba(255, 255, 255, 0.2);
  left: 0;
  border: none !important;
}

.slider_area .owl-carousel .owl-nav div.owl-next {
  right: 0;
  left: auto;
}

.slider_area .owl-carousel .owl-nav div:hover {
  background: #fff;
  color: #001d38;
  border: none;
}

.property_bg {
  background-image: url(../img/banner/property.html);
}

.about_story {
  padding-top: 10px;
  padding-bottom: 10px;
}

@media (max-width: 767px) {
  .about_story {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .about_story {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}

.about_story .story_heading h3 {
  font-size: 38px;
  font-weight: 400;
  color: #040e27;
  margin-bottom: 10px;
}

@media (max-width: 767px) {
  .about_story .story_heading h3 {
    margin-bottom: 30px;
  }
}

.about_story .story_info {
  margin-bottom: 52px;
}

.about_story .story_info p {
  margin-bottom: 18px;
}

.about_story .story_thumb {
  margin-bottom: 60px;
}

@media (max-width: 767px) {
  .about_story .story_thumb .thumb {
    margin-bottom: 30px;
  }
}

.about_story .story_thumb .thumb.padd_1 {
  padding-right: 58px;
}

@media (max-width: 767px) {
  .about_story .story_thumb .thumb.padd_1 {
    padding-right: 0;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .about_story .story_thumb .thumb.padd_1 {
    padding-right: 0;
  }
}

.about_story .story_thumb .thumb img {
  width: 100%;
}

.counter_wrap .single_counter {
  margin-bottom: 30px;
}

@media (max-width: 767px) {
  .counter_wrap .single_counter {
    text-align: center;
  }
}

.counter_wrap .single_counter h3 {
  color: #ff4a52;
  font-weight: 400;
  font-size: 60px;
  margin-bottom: 17px;
}

.counter_wrap .single_counter p {
  color: #7a838b;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 0;
  line-height: 28px;
}

.team_area {
  padding-top: 180px;
  padding-bottom: 150px;
}

.team_area .single_team {
  margin-bottom: 30px;
}

.team_area .single_team .team_thumb {
  overflow: hidden;
  margin-bottom: 26px;
}

.team_area .single_team .team_thumb img {
  width: 100%;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.team_area .single_team .team_info h3 {
  font-size: 24px;
  font-weight: 300;
  color: #2c2c2c;
  margin-bottom: 0;
}

.team_area .single_team .team_info p {
  font-size: 13px;
  font-weight: 300;
  color: #2c2c2c;
  margin-top: 6px;
  margin-bottom: 8px;
}

.team_area .single_team .team_info .social_link li {
  display: inline-block;
}

.team_area .single_team .team_info .social_link li a {
  font-size: 15px;
  color: #c7c7c7;
  margin: 0 5px;
}

.team_area .single_team .team_info .social_link li a:hover {
  color: #ffd35a;
}

.team_area .single_team:hover .team_thumb img {
  width: 100%;
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.testimonial_area {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  padding: 10px 0 80px;
  background: #f7fafd;
}

@media (max-width: 767px) {
  .testimonial_area {
    padding: 50px 0;
  }
}

.testimonial_area .single_testmonial {
  margin-bottom: 20px;
}

.testimonial_area .single_testmonial p {
  color: #040e27;
  font-weight: 400;
  font-size: 18px;
  line-height: 32px;
  margin: 34px 0 10px;
}

.testimonial_area .single_testmonial .author_thumb {
  width: 106px;
  height: 106px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  margin: auto;
  margin: auto auto 15px;
  position: relative;
}

.testimonial_area .single_testmonial .author_thumb::before {
  position: absolute;
  right: -15px;
  bottom: -12px;
  width: 50px;
  height: 50px;
  content: "\f100";
  font-family: flaticon;
  text-align: center;
  line-height: 50px;
  background: #1ec6b6;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: #fff;
  font-size: 17px;
}

.testimonial_area .single_testmonial .testmonial_author h3 {
  color: #7a838b;
  font-size: 16px;
  font-weight: 400;
}

.testimonial_area .owl-carousel .owl-item img {
  display: inline-block;
  width: auto;
}

.testimonial_area .owl-carousel .owl-nav div.owl-next {
  left: auto;
  right: 0;
}

.testimonial_area .owl-carousel .owl-nav div {
  left: 0;
}

.testimonial_area .owl-dots {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
}

.testimonial_area .owl-dots .owl-dot {
  width: 12px;
  height: 12px;
  background: #aab1b7;
  display: inline-block;
  border-radius: 50%;
  margin: 0 5px;
}

.testimonial_area .owl-dots .owl-dot.active {
  background: #ff4a52;
}

.footer {
  background-repeat: no-repeat;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background: #040e27;
  position: relative;
  z-index: 0;
}

.footer .footer_top {
  padding-top: 50px;
  padding-bottom: 0px;
}

@media (max-width: 767px) {
  .footer .footer_top {
    padding-top: 20px;
    padding-bottom: 0px;
  }
}

@media (max-width: 767px) {
  .footer .footer_top .footer_widget {
    margin-bottom: 15px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .footer .footer_top .footer_widget {
    margin-bottom: 10px;
  }
}

.footer .footer_top .footer_widget .links {
  position: relative;
  top: -14px;
}

.footer .footer_top .footer_widget .links.double_links li {
  width: 80%;
  float: left;
}

.footer .footer_top .footer_widget .footer_title {
  font-size: 20px;
  font-weight: 400;
  color: #fff;
  text-transform: capitalize;
  margin-bottom: 45px;
  font-family: rubik, sans-serif;
}

@media (max-width: 767px) {
  .footer .footer_top .footer_widget .footer_title {
    margin-bottom: 20px;
  }
}

.footer .footer_top .footer_widget .footer_logo {
  font-size: 22px;
  font-weight: 400;
  color: #fff;
  text-transform: capitalize;
  margin-bottom: 40px;
}

@media (max-width: 767px) {
  .footer .footer_top .footer_widget .footer_logo {
    margin-bottom: 20px;
  }
}

.footer .footer_top .footer_widget p {
  color: #aab1b7;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  color: #aab1b7;
}

.footer .footer_top .footer_widget p a {
  color: #aab1b7;
}

.footer .footer_top .footer_widget p a:hover {
  color: #ff4a52;
}

.footer .footer_top .footer_widget p.footer_text {
  font-size: 16px;
  color: #b2b2b2;
  margin-bottom: 23px;
  font-weight: 400;
  line-height: 26px;
}

.footer .footer_top .footer_widget p.footer_text a.domain {
  color: #b2b2b2;
  font-weight: 400;
}

.footer .footer_top .footer_widget p.footer_text a.domain:hover {
  color: #ff4a52;
  border-bottom: 1px solid #ff4a52;
}

.footer .footer_top .footer_widget p.footer_text.doanar a {
  font-weight: 500;
  color: #b2b2b2;
}

.footer .footer_top .footer_widget p.footer_text.doanar a:hover {
  color: #ff4a52;
  border-bottom: 1px solid #ff4a52;
}

.footer .footer_top .footer_widget p.footer_text.doanar a.first {
  margin-bottom: 10px;
}

.footer .footer_top .footer_widget ul li {
  color: #acacac;
  font-size: 14px;
  line-height: 36px;
}

.footer .footer_top .footer_widget ul li a {
  color: #aab1b7;
  font-weight: 400;
  font-family: rubik, sans-serif;
}

.footer .footer_top .footer_widget ul li a:hover {
  color: #ff4a52;
}

.footer .footer_top .footer_widget .newsletter_form {
  position: relative;
  margin-bottom: 20px;
}

.footer .footer_top .footer_widget .newsletter_form input {
  width: 100%;
  height: 50px;
  background: #f5fbff;
  padding-left: 20px;
  font-size: 15px;
  color: #000;
  border: none;
  border: 1px solid #e8e8e8;
  border-radius: 30px;
  font-family: rubik, sans-serif;
  padding-right: 120px;
}

.footer .footer_top .footer_widget .newsletter_form input::placeholder {
  font-size: 15px;
  color: #aab1b7;
}

.footer .footer_top .footer_widget .newsletter_form input:focus {
  outline: none;
}

.footer .footer_top .footer_widget .newsletter_form button {
  position: absolute;
  top: 0;
  right: 0;
  height: 40px;
  border: none;
  font-size: 14px;
  color: #fff;
  background: #ff4a52;
  padding: 10px;
  padding: 0 22px;
  cursor: pointer;
  border-radius: 30px;
  top: 5px;
  right: 5px;
  font-size: 14px;
  font-weight: 500;
  font-family: rubik, sans-serif;
}

.footer .footer_top .footer_widget .newsletter_text {
  font-size: 14px;
  color: #aab1b7;
  line-height: 26px;
  font-family: rubik, sans-serif;
}

.footer .footer_top .footer_widget .instagram_feed {
  margin: -7.5px -7.5px 0;
}

.footer .footer_top .footer_widget .instagram_feed .single_insta {
  width: 33.33%;
  float: left;
  padding: 7.5px;
  overflow: hidden;
}

.footer .footer_top .footer_widget .instagram_feed .single_insta img {
  width: 100%;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.footer .copy-right_text {
  padding-bottom: 0px;
}

.footer .copy-right_text .footer_border {
  border-top: 1px solid #363e52;
  padding-bottom: 20px;
}

.footer .copy-right_text .copy_right {
  font-size: 14px;
  color: #7a838b;
  margin-bottom: 0;
  font-weight: 400;
}

@media (max-width: 767px) {
  .footer .copy-right_text .copy_right {
    font-size: 14px;
  }
}

.footer .copy-right_text .copy_right a {
  color: #ff4a52;
}

.footer .socail_links {
  margin-top: 47px;
}

@media (max-width: 767px) {
  .footer .socail_links {
    margin-top: 30px;
  }
}

.footer .socail_links ul li {
  display: inline-block;
}

.footer .socail_links ul li a {
  font-size: 15px;
  color: #c3b2f0;
  width: 30px;
  display: inline-block;
  text-align: center;
  background: 0 0;
  margin-right: 7px;
  color: #fff;
  line-height: 40px !important;
  color: #e8e8e8;
}

.footer .socail_links ul li a:hover {
  color: #ff4a52 !important;
  border-color: transparent;
}

.bradcam_bg_1 {
  background-image: url(../img/banner/bradcam.png);
}

.bradcam_bg_2 {
  background-image: url(../img/banner/bradcam2.png);
}

.bradcam_bg_3 {
  background-image: url(https://svmsolutions.b-cdn.net/wp-content/uploads/2020/01/converting-about-us-page.jpg);
}

.bradcam_bg_4 {
  background-image: url(../img/banner/booking.jpg);
  background-size: cover;
  /* Change from cover to contain */
  background-position: center center;
  background-repeat: no-repeat;
  width: 100%;
  min-height: 100vh;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
}

/* Mobile screens */
@media (max-width: 767px) {
  .bradcam_bg_4 {
    min-height: 200px;
    background-size: cover;
  }
}

/* Tablet screens */
@media (min-width: 768px) and (max-width: 991px) {
  .bradcam_bg_4 {
    min-height: 230px;
    background-size: cover;
  }
}

/* Larger screens */
@media (min-width: 992px) and (max-width: 1199px) {
  .bradcam_bg_4 {
    min-height: 280px;
  }
}

/* Extra large screens */
@media (min-width: 1200px) {
  .bradcam_bg_4 {
    min-height: 320px;
  }
}


.bradcam_bg_5 {
  background-image: url(../img/banner/contact.jpg);
  background-size: cover;
  /* Change from cover to contain */
  background-position: center center;
  background-repeat: no-repeat;
  width: 100%;
  min-height: 100vh;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
}

/* Mobile screens */
@media (max-width: 767px) {
  .bradcam_bg_5 {
    min-height: 200px;
    background-size: cover;
  }
}

/* Tablet screens */
@media (min-width: 768px) and (max-width: 991px) {
  .bradcam_bg_5 {
    min-height: 230px;
    background-size: cover;
  }
}

/* Larger screens */
@media (min-width: 992px) and (max-width: 1199px) {
  .bradcam_bg_5 {
    min-height: 280px;
  }
}

/* Extra large screens */
@media (min-width: 1200px) {
  .bradcam_bg_5 {
    min-height: 320px;
  }
}

/*.bradcam_area {
  background-size: cover;
  background-position: center center;
  padding: 265px 0;
  background-repeat: no-repeat;
  position: relative;
  z-index: 0;
}
.bradcam_booking {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  z-index: 0;
}

@media (min-width: 768px) and (max-width: 991px) {
  .bradcam_area {
    padding: 120px 0;
  }
}*/

.bradcam_area::before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #040e27;
  opacity: 0.1;
  z-index: -1;
  content: "";
}

@media (max-width: 767px) {
  .bradcam_area {
    padding: 150px 0;
  }
}

.bradcam_area h3 {
  font-size: 80px;
  color: #fdfbfb;
  font-weight: 500;
  margin-bottom: 0;
  line-height: 90px;
  text-transform: capitalize;
  font-family: nothing you could do, cursive;
}

@media (max-width: 767px) {
  .bradcam_area h3 {
    font-size: 40px;
  }
}

.bradcam_area p {
  font-size: 18px;
  color: #fdfbfb;
  font-weight: 400;
  text-transform: capitalize;
}

.bradcam_area p a {
  color: #fff;
}

.bradcam_area p a:hover {
  color: #fff;
}

.bradcam_area .bradcam_text2 h3 {
  font-size: 50px;
  margin-bottom: 10px;
}

@media (max-width: 767px) {
  .bradcam_area .bradcam_text2 h3 {
    font-size: 30px;
  }
}

.bradcam_area .bradcam_text2 p {
  font-size: 20px;
  margin-bottom: 0;
}

.bradcam_area.Extra_padding {
  padding: 399px 0;
}

@media (max-width: 767px) {
  .bradcam_area.Extra_padding {
    padding: 150px 0;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .bradcam_area.Extra_padding {
    padding: 150px 0;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  .bradcam_area.Extra_padding {
    padding: 150px 0;
  }
}

.popup_box {
  background: #fff;
  display: inline-block;
  z-index: 9;
  width: 558px;
}

.popup_box .boxed-btn3 {
  width: 100%;
  text-transform: capitalize;
}

.popup_box .popup_header {
  background: #f5fbff;
  padding: 28px 0;
  display: block;
}

.popup_box .popup_header h3 {
  text-align: center;
  font-size: 20px;
  color: #2c2c2c;
  margin-bottom: 0;
  font-weight: 400;
}

.popup_box .custom_form {
  padding: 60px 68px;
}

.popup_box input {
  width: 100%;
  height: 50px;
  border: none;
  border-bottom: 1px solid #c7c7c7;
  padding: 15px 0;
  margin-bottom: 20px;
}

.popup_box input::placeholder {
  color: #919191;
  font-weight: 400;
}

.popup_box input:focus {
  outline: none;
}

.popup_box textarea {
  width: 100%;
  border: none;
  margin-top: 112px;
  border-bottom: 1px solid #c7c7c7;
  padding: 15px 0;
  margin-bottom: 20px;
  height: 55px;
  resize: none;
  margin-bottom: 40px;
}

.popup_box textarea::placeholder {
  color: #919191;
  font-weight: 400;
}

.popup_box textarea:focus {
  outline: none;
}

.popup_box .nice-select {
  -webkit-tap-highlight-color: transparent;
  background-color: #fff;
  border: solid 1px #e2e2e2;
  box-sizing: border-box;
  clear: both;
  cursor: pointer;
  display: block;
  float: left;
  font-family: rubik, sans-serif;
  font-weight: 400;
  width: 100% !important;
  line-height: 50px;
  outline: none;
  padding-left: 18px;
  padding-right: 30px;
  position: relative;
  text-align: left !important;
  -webkit-transition: all 0.2s ease-in-out;
  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;
  border-radius: 0;
  margin-bottom: 30px;
  height: 50px !important;
  font-size: 16px;
  font-weight: 400;
  color: #919191;
}

.popup_box .nice-select::after {
  content: "\f0d7";
  display: block;
  height: 5px;
  margin-top: -5px;
  pointer-events: none;
  position: absolute;
  right: 17px;
  top: 3px;
  transition: all 0.15s ease-in-out;
  width: 5px;
  font-family: fontawesome;
  color: #919191;
  font-size: 15px;
}

.popup_box .nice-select.open .list {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: scale(1) translateY(0);
  -ms-transform: scale(1) translateY(0);
  transform: scale(1) translateY(0);
  height: 200px;
  overflow-y: scroll;
}

.popup_box .nice-select.list {
  height: 200px;
  overflow-y: scroll;
}

#test-form {
  display: inline-block;
  margin: auto;
  text-align: center;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

#test-form .mfp-close-btn-in .mfp-close {
  color: #333;
  display: none !important;
}

#test-form button.mfp-close {
  display: none !important;
}

.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #000;
  opacity: 0.7;
}

.service_area {
  padding-top: 100px;
  padding-bottom: 70px;
}

.service_area.minus_padding {
  padding-bottom: 0;
}

.service_area .single_service {
  padding: 30px;
  border: 1px solid #e8e8e8;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  margin-bottom: 30px;
}

.service_area .single_service .service_icon {
  line-height: 94px;
  text-align: center;
  width: 98px;
  height: 98px;
  margin: auto;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #0181f5;
  background: -moz-linear-gradient(top, #0181f5 0%, #5db2ff 100%);
  background: -webkit-linear-gradient(top, #0181f5 0%, #5db2ff 100%);
  background: linear-gradient(to bottom, #0181f5 0%, #5db2ff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0181f5', endColorstr='#5db2ff', GradientType=0);
}

.service_area .single_service h3 {
  font-size: 22px;
  color: #001d38;
  font-weight: 300;
  margin-top: 35px;
  margin-bottom: 23px;
}

.service_area .single_service p {
  font-size: 15px;
  font-weight: 400;
  color: #727272;
  line-height: 28px;
  margin-bottom: 6px;
}

.service_area .single_service a.learn_more {
  color: #5db2ff;
  font-weight: 400;
  font-size: 15px;
}

.service_area .single_service:hover {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.04);
  border-color: transparent;
}

.service_area .col-xl-4:nth-child(2) .single_service .service_icon {
  background: #00d363;
  background: -moz-linear-gradient(top, #00d363 0%, #37ef8d 100%);
  background: -webkit-linear-gradient(top, #00d363 0%, #37ef8d 100%);
  background: linear-gradient(to bottom, #00d363 0%, #37ef8d 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00d363', endColorstr='#37ef8d', GradientType=0);
}

.service_area .col-xl-4:nth-child(3) .single_service .service_icon {
  background: #fd8e5e;
  background: -moz-linear-gradient(top, #fd8e5e 0%, #fd8e5e 100%);
  background: -webkit-linear-gradient(top, #fd8e5e 0%, #fd8e5e 100%);
  background: linear-gradient(to bottom, #fd8e5e 0%, #fd8e5e 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fd8e5e', endColorstr='#fd8e5e', GradientType=0);
}

.service_area .col-xl-4:nth-child(4) .single_service .service_icon {
  background: #615cfd;
  background: -moz-linear-gradient(top, #615cfd 0%, #d465ef 100%);
  background: -webkit-linear-gradient(top, #615cfd 0%, #d465ef 100%);
  background: linear-gradient(to bottom, #615cfd 0%, #d465ef 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#615cfd', endColorstr='#d465ef', GradientType=0);
}

.service_area .col-xl-4:nth-child(6) .single_service .service_icon {
  background: #a64eee;
  background: -moz-linear-gradient(top, #a64eee 0%, #3c35ce 100%);
  background: -webkit-linear-gradient(top, #a64eee 0%, #3c35ce 100%);
  background: linear-gradient(to bottom, #a64eee 0%, #3c35ce 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a64eee', endColorstr='#3c35ce', GradientType=0);
}

.where_togo_area {
  background: #040e27;
  padding: 50px 0;
}

.where_togo_area .form_area h3 {
  font-size: 24px;
  color: #fff;
  font-weight: 400;
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .where_togo_area .form_area h3 {
    margin-bottom: 15px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .where_togo_area .form_area h3 {
    margin-bottom: 30px;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  .where_togo_area .form_area h3 {
    font-size: 18px;
  }
}

.where_togo_area .search_wrap .search_form {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
}

@media (max-width: 767px) {
  .where_togo_area .search_wrap .search_form {
    display: block !important;
  }
}

.where_togo_area .search_wrap .input_field {
  width: 220px;
}

@media (min-width: 768px) and (max-width: 991px) {
  .where_togo_area .search_wrap .input_field {
    max-width: 150px;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  .where_togo_area .search_wrap .input_field {
    max-width: 170px;
  }
}

@media (max-width: 767px) {
  .where_togo_area .search_wrap .input_field {
    width: 100%;
    margin-bottom: 15px;
  }
}

.where_togo_area .search_wrap .input_field input {
  width: 100%;
  height: 50px;
  background: 0 0;
  border: 1px solid #363e52;
  padding-left: 15px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
}

.where_togo_area .search_wrap .input_field input::placeholder {
  font-size: 16px;
  color: #aab1b7;
  font-weight: 300;
}

.where_togo_area .search_wrap .input_field input:focus {
  outline: none;
}

.where_togo_area .search_wrap .input_field .nice-select {
  width: 100%;
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  color: #aab1b7;
  font-weight: 300;
  background: 0 0;
  border: 1px solid #363e52;
}

@media (max-width: 767px) {
  .where_togo_area .search_wrap .input_field .nice-select {
    margin-bottom: 15px;
  }
}

.where_togo_area .search_wrap .input_field .nice-select::after {
  content: "\f0d7 ";
  right: 21px;
  top: 5px;
  font-family: fontawesome;
  color: #aab1b7;
  font-size: 16px;
}

.where_togo_area .search_wrap .input_field .nice-select .option {
  cursor: pointer;
  font-weight: 400;
  line-height: 40px;
  list-style: none;
  min-height: 40px;
  outline: none;
  padding-left: 18px;
  padding-right: 29px;
  text-align: left;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  color: #000;
  font-weight: 400;
}

.where_togo_area .search_wrap .input_field .nice-select.open .list {
  width: 100%;
}

.gj-datepicker-md [role="right-icon"] {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 16px;
  color: #919191;
  margin-right: 15px;
  position: absolute;
  top: 16px;
  right: 10px;
  color: #aab1b7;
}

.gj-picker-md div[role="navigator"] {
  padding-left: 30px !important;
}

.popular_destination_area {
  padding-top: 40px;
  padding-bottom: 20px;
}

@media (max-width: 767px) {
  .popular_destination_area {
    padding-top: 60px;
    padding-bottom: 30px;
  }
}

.popular_destination_area .single_destination {
  position: relative;
  margin-bottom: 30px;
  border-radius: 5px;
  overflow: hidden;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.popular_destination_area .single_destination:before {
  background: -moz-linear-gradient(top,
      rgba(4, 14, 39, 0) 0%,
      rgba(4, 14, 39, 0.7) 100%);
  background: -webkit-linear-gradient(top,
      rgba(4, 14, 39, 0) 0%,
      rgba(4, 14, 39, 0.7) 100%);
  background: linear-gradient(to bottom,
      rgba(4, 14, 39, 0) 0%,
      rgba(4, 14, 39, 0.7) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00040e27', endColorstr='#b3040e27', GradientType=0);
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  position: absolute;
}

.popular_destination_area .single_destination .thumb img {
  width: 100%;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.popular_destination_area .single_destination .content {
  position: absolute;
  left: 30px;
  bottom: 30px;
  z-index: 7;
}

.popular_destination_area .single_destination .content p {
  margin-bottom: 0;
  font-size: 22px;
  color: #fff;
  font-weight: 400;
  font-family: rubik, sans-serif;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.hide {
  display: none;
}

.popular_destination_area .single_destination .content p a {
  display: inline-block;
  background: #1ec6b6;
  font-size: 12px;
  border-radius: 30px;
  font-weight: 400;
  padding: 0 12px;
  height: 25px;
  line-height: 25px;
  color: #fff;
  margin-left: 10px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.popular_destination_area .single_destination .thumb .prise {
  position: absolute;
  background: #1ec6b6;
  padding: 7px 18px 4px;
  display: inline-block;
  top: 20px;
  left: 20px;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  border-radius: 18px;
  color: #fff;
  font-size: 16px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.popular_destination_area .single_destination:hover {
  -webkit-transform: translateY(-10px);
  -moz-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  transform: translateY(-10px);
}

.popular_destination_area .single_destination:hover .content p {
  color: #ff4a52;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.popular_destination_area .single_destination:hover .content p a {
  background: #ff4a52;
  color: #fff;
}

.destination_banner_wrap {
  background-image: url(../img/banner/banner2.png);
  padding: 340px 0;
  background-size: cover;
  background-position: center center;
}

.destination_banner_wrapOoty {
  background-image: url("../img/place/ooty-aj.jpg");
  padding: 340px 0;
  background-size: cover;
  background-position: center center;
}

.destination_banner_wrapValparai {
  background-image: url("../img/place/valparai-aj.jpg");
  padding: 340px 0;
  background-size: cover;
  background-position: center center;
}

.destination_banner_wrapVagamon {
  background-image: url("../img/place/vagamon-aj.jpg");
  padding: 340px 0;
  background-size: cover;
  background-position: center center;
}

.destination_banner_wrapWayanad {
  background-image: url("../img/place/wayanad-aj.jpg");
  padding: 340px 0;
  background-size: cover;
  background-position: center center;
}

.destination_banner_wrapKerala {
  background-image: url("../img/place/kerala-aj.jpg");
  padding: 340px 0;
  background-size: cover;
  background-position: center center;
}

.destination_banner_wrapW1 {
  background-image: url("../img/place/wrapw1-aj.jpg");
  padding: 340px 0;
  background-size: cover;
  background-position: center center;
}

.destination_banner_wrapkanyakumari {
  background-image: url("../img/place/Kanyakumari-aj.jpg");
  padding: 340px 0;
  background-size: cover;
  background-position: center center;
}

.destination_banner_wrapchikmagalur {
  background-image: url("https://images.unsplash.com/photo-1603478556015-57146ee3853c?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1050&q=80");
  padding: 250px 0;
  background-size: cover;
  background-position: center center;
}

/* .destination_banner_wrapkochi {
  background-image: url("https://cdn.bluebirdtravels.in/wp-content/uploads/kochi-ernakulam/wonderla-kochi-1140x530.jpg");
  padding: 250px 0;
  background-size: cover;
  background-position: center center;
} */

.destination_banner_wrapkodai {
  background-image: url("../img/place/kodai.jpg");
  padding: 250px 0;
  background-size: cover;
  background-position: center center;
}

.destination_banner_wrapandaman {
  background-image: url("https://wallpaperaccess.com/full/1921682.jpg");
  padding: 250px 0;
  background-size: cover;
  background-position: center center;
}

.destination_banner_wrap8daypack {
  background-image: url("https://www.skyplanetholidays.com/wp-content/uploads/2020/11/periyar.jpg");
  padding: 250px 0;
  background-size: cover;
  background-position: center center;
}

.destination_banner_wrapmaldives {
  background-image: url("data:image/jpeg;base64,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");
  padding: 250px 0;
  background-size: cover;
  background-position: center center;
}

.destination_banner_wrapnavagraha {
  background-image: url("../img/place/navagraha-aj.jpg");
  padding: 340px 0;
  background-size: cover;
  background-position: center center;
}

.destination_banner_wrapmysore {
  background-image: url("../img/trichy/trichy.jpg");
  padding: 100px 0;
  background-size: cover;
  background-position: center center;
}

.destination_banner_wrapmadurai {
  background-image: url("../img/madurai/madurai.jpg");
  padding: 100px 0;
  background-size: cover;
  background-position: center center;
}

.destination_banner_wraprameshwaram {
  background-image: url("../img/rameshwaram/rameshwaram1.jpg");
  padding: 100px 0;
  background-size: cover;
  background-position: center center;
}

.destination_banner_wrapkanyakumari {
  background-image: url("../img/kanyakumari/kanyakumari.jpg");
  padding: 100px 0;
  background-size: cover;
  background-position: center center;
}

.destination_banner_wrapmahabalipuram {
  background-image: url("../img/Mahabalipuram/9.jpg");
  padding: 100px 0;
  background-size: cover;
  background-position: center center;
}

.destination_banner_wrappondichery {
  background-image: url("../img/Pondicherry/Pondicherry1.jpg");
  padding: 100px 0;
  background-size: cover;
  background-position: center center;
}

.destination_banner_wrapyercaud {
  background-image: url("../img/Yercaud/Yercaud1.jpg");
  padding: 100px 0;
  background-size: cover;
  background-position: center center;
}

.destination_banner_wrapkodaikanal {
  background-image: url("../img/Kodaikanal/kodaikanal.jpg");
  padding: 100px 0;
  background-size: cover;
  background-position: center center;
}

.destination_banner_wrapooty {
  background-image: url("../img/ooty/ooty.jpg");
  padding: 100px 0;
  background-size: cover;
  background-position: center center;
}

.destination_banner_wrapcoimbatore {
  background-image: url("../img/coimbatore/coimbatore.jpeg");

  padding: 100px 0;

  background-size: cover;
  background-position: center center;
}

.destination_banner_wrapchennai {
  background-image: url("../img/chennai/chennai11.jpg");
  padding: 100px 0;
  background-size: cover;
  background-position: center center;
}

.destination_banner_wrapmunnar {
  background-image: url("../img/place/munnar-aj.jpg");
  padding: 340px 0;
  background-size: cover;
  background-position: center center;
}

.destination_banner_wrapalapuzha {
  background-image: url("../img/place/alapuzha-aj.jpg");
  padding: 340px 0;
  background-size: cover;
  background-position: center center;
}

.destination_banner_wrappalani {
  background-image: url("../img/place/palani-aj.jpg");
  padding: 340px 0;
  background-size: cover;
  background-position: center center;
}

.destination_banner_wrapisha {
  background-image: url("../img/place/isha-yog.jpg");
  padding: 100px 0;
  background-size: cover;
  background-position: center center;
}

.destination_banner_wrapguruvayur {
  background-image: url("../img/place/guruvayur-aj.jpg");
  padding: 340px 0;
  background-size: cover;
  background-position: center center;
}

.destination_banner_wrapblackthunder {
  background-image: url("../img/place/Black_Thunder-aj.jpg");
  padding: 340px 0;
  background-size: cover;
  background-position: center center;
}

.destination_banner_wrapvehicle {
  background-image: url("../img/banner/hotel1.jpg");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  width: 100%;
  min-height: 100vh;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
}

/* Mobile screens */
@media (max-width: 767px) {
  .destination_banner_wrapvehicle {
    min-height: 200px;
    background-size: cover;
  }
}

/* Tablet screens */
@media (min-width: 768px) and (max-width: 991px) {
  .destination_banner_wrapvehicle {
    min-height: 230px;
    background-size: cover;
  }
}

/* Larger screens */
@media (min-width: 992px) and (max-width: 1199px) {
  .destination_banner_wrapvehicle {
    min-height: 280px;
  }
}

/* Extra large screens */
@media (min-width: 1200px) {
  .destination_banner_wrapvehicle {
    min-height: 320px;
  }
}

.destination_banner_wrapdestination {
  background-image: url("../img/banner/destination_Mesa\ de\ trabajo\ 1.jpg");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  width: 100%;
  min-height: 100vh;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
}

/* Mobile screens */
@media (max-width: 767px) {
  .destination_banner_wrapdestination {
    min-height: 200px;
    background-size: cover;
  }
}

/* Tablet screens */
@media (min-width: 768px) and (max-width: 991px) {
  .destination_banner_wrapdestination {
    min-height: 230px;
    background-size: cover;
  }
}

/* Larger screens */
@media (min-width: 992px) and (max-width: 1199px) {
  .destination_banner_wrapdestination {
    min-height: 280px;
  }
}

/* Extra large screens */
@media (min-width: 1200px) {
  .destination_banner_wrapdestination {
    min-height: 320px;
  }
}

.destination_banner_wrapabout {
  background-image: url("../img/place/globe-aj.jpg");
  background-size: cover;
  background-size: cover;
  /* Change from cover to contain */
  background-position: center center;
  background-repeat: no-repeat;
  width: 100%;
  min-height: 100vh;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
}

/* Mobile screens */
@media (max-width: 767px) {
  .destination_banner_wrapabout {
    min-height: 200px;
    background-size: cover;
  }
}

/* Tablet screens */
@media (min-width: 768px) and (max-width: 991px) {
  .destination_banner_wrapabout {
    min-height: 230px;
    background-size: cover;
  }
}

/* Larger screens */
@media (min-width: 992px) and (max-width: 1199px) {
  .destination_banner_wrapabout {
    min-height: 280px;
  }
}

/* Extra large screens */
@media (min-width: 1200px) {
  .destination_banner_wrapabout {
    min-height: 320px;
  }
}

.destination_banner_wrap.overlay:before {
  opacity: 0.3;
}

.destination_banner_wrap .destination_text h3 {
  font-size: 60px;
  line-height: 90px;
  color: #0a0a0a;
  font-family: nothing you could do, cursive;
  margin-bottom: 0;
}

.destination_text h3 {
  font-size: 60px;
  line-height: 90px;
  color: white;
  font-family: nothing you could do, cursive;
  margin-bottom: 100;

}

.destination_text1 h3 {
  font-size: 80px;
  line-height: 90px;
  color: rgb(0, 0, 0);
  font-family: nothing you could do, cursive;
  margin-bottom: 0;
}

.destination_text2 h3 {
  font-size: 40px;
  line-height: 90px;
  color: rgb(255, 255, 255);
  font-family: nothing you could do, cursive;
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .destination_banner_wrap .destination_text h3 {
    font-size: 40px;
    line-height: 50px;
  }
}

@media (max-width: 767px) {
  .destination_text h3 {
    font-size: 40px;
    line-height: 50px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .destination_banner_wrap .destination_text h3 {
    font-size: 60px;
    line-height: 70px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .destination_text h3 {
    font-size: 60px;
    line-height: 70px;
  }
}

.destination_banner_wrap .destination_text p {
  font-size: 20px;
  font-weight: 400;
  color: #fff;
}

.destination_text p {
  font-size: 20px;
  font-weight: 400;
  color: #fff;
}

.destination_details_info {
  padding-bottom: 20px;
  padding-top: 20px;
}

@media (min-width: 507px) {
  .front {
    padding-left: 50px;
    padding-right: 10px;
  }
}

@media (max-width: 767px) {
  .destination_details_info {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .destination_details_info {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}


.destination_details_info .bordered_1px {
  border-top: 1px solid #e4e6e8;
  margin-top: 65px;
  padding-bottom: 65px;
}

.destination_details_info .destination_info h3 {
  font-size: 24px;
  font-weight: 500;
  color: #001d38;
  margin-bottom: 25px;
  margin-top:5px;
}

.destination_details_info .destination_info p {
  margin-bottom: 20px;
}

.destination_details_info .destination_info .single_destination {
  margin-bottom: 22px;
}

.destination_details_info .destination_info .single_destination h4 {
  font-size: 16px;
  font-weight: 500;
}

.destination_details_info .contact_join h3 {
  font-size: 24px;
  font-weight: 500;
  color: #001d38;
  margin-bottom: 32px;
}

.destination_details_info .contact_join .single_input {
  margin-bottom: 20px;
}

.destination_details_info .contact_join .single_input input,
.destination_details_info .contact_join .single_input textarea {
  width: 100%;
  background: #f4f4f4;
  height: 50px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #000;
  padding-left: 15px;
  border: none;
}

.destination_details_info .contact_join .single_input input::placeholder,
.destination_details_info .contact_join .single_input textarea::placeholder {
  color: #727272;
  font-size: 14px;
  font-weight: 300;
}

.destination_details_info .contact_join .single_input input:focus,
.destination_details_info .contact_join .single_input textarea:focus {
  outline: none;
}

.destination_details_info .contact_join .single_input textarea {
  height: 115px;
  padding: 15px;
}

.destination_details_info .contact_join .submit_btn button {
  width: 100%;
  text-align: center;
  border-radius: 100px;
}

.newletter_area {
  background-image: url(../img/banner/newsletter.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding: 67px 0;
}

.newletter_area.overlay::before {
  opacity: 0.7;
}

@media (max-width: 767px) {
  .newletter_area .newsletter_text {
    margin-bottom: 20px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .newletter_area .newsletter_text {
    margin-bottom: 20px;
  }
}

.newletter_area .newsletter_text h4 {
  font-size: 24px;
  font-weight: 400;
  color: #fff;
  margin-bottom: 0;
  margin-bottom: 11px;
}

.newletter_area .newsletter_text p {
  color: #aab1b7;
  font-size: 16px;
  line-height: 28px;
  margin-bottom: 0;
}

.newletter_area .mail_form .newsletter_field {
  margin-right: 10px;
}

@media (max-width: 767px) {
  .newletter_area .mail_form .newsletter_field {
    margin-right: 0;
    margin-bottom: 15px;
  }
}

.newletter_area .mail_form .newsletter_field input {
  width: 100%;
  height: 50px;
  background: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 0;
  padding-left: 15px;
  color: #000;
  font-size: 16px;
  font-family: rubik, sans-serif;
  font-weight: 300;
}

.newletter_area .mail_form .newsletter_field input::placeholder {
  color: #aab1b7;
  font-size: 16px;
  font-family: rubik, sans-serif;
  font-weight: 300;
}

.newletter_area .mail_form .newsletter_field input:focus {
  outline: none;
}

.newletter_area .mail_form .newsletter_btn button {
  width: 100%;
  text-align: center;
  padding: 13px 10px;
}

@media (min-width: 768px) and (max-width: 991px) {
  .newletter_area .mail_form .newsletter_btn button {
    width: auto;
    padding: 13px 40px;
  }
}

.popular_places_area {
  padding-top: 12px;
  background: #f7fafd;
}

@media (max-width: 767px) {
  .popular_places_area {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

.popular_places_area .single_place {
  background: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  margin-bottom: 30px;
}

.popular_places_area .single_place .thumb {
  position: relative;
  overflow: hidden;
}

.popular_places_area .single_place .thumb img {
  width: 100%;
}

.popular_places_area .single_place .thumb .prise {
  position: absolute;
  background: #1ec6b6;
  padding: 7px 18px 4px;
  display: inline-block;
  top: 20px;
  left: 20px;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  border-radius: 18px;
  color: #fff;
  font-size: 16px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.popular_places_area .single_place .place_info {
  padding: 27px 20px 25px;
}

.popular_places_area .single_place .place_info h3 {
  font-size: 22px;
  font-weight: 400;
  color: #040e27;
  margin-bottom: 0;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.popular_places_area .single_place .place_info p {
  font-size: 14px;
  font-weight: 400;
  color: #7a838b;
  margin-top: 2px;
  margin-bottom: 7px;
}

.popular_places_area .single_place .place_info .rating_days span i {
  font-size: 12px;
  color: #fdae5c;
}

.popular_places_area .single_place .place_info .rating_days span a {
  font-size: 14px;
  color: #7a838b;
  margin-left: 5px;
}

.popular_places_area .single_place .place_info .rating_days .days {
  font-size: 14px;
  font-weight: 400;
  color: #7a838b;
}

.popular_places_area .single_place .place_info .rating_days .days i {
  margin-right: 8px;
}

.popular_places_area .single_place .place_info .rating_days .days a {
  font-size: 14px;
  color: #7a838b;
}

.popular_places_area .single_place:hover {
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
}

.popular_places_area .single_place:hover .place_info h3 {
  color: #ff4a52;
}

.popular_places_area .single_place:hover .thumb .prise {
  background: #ff4a52;
}

.popular_places_area .more_place_btn {
  margin-top: 40px;
}

.filter_result_wrap h3 {
  font-size: 16px;
  font-weight: 500;
  color: #001d38;
  margin-bottom: 26px;
}

.filter_result_wrap .filter_bordered {
  border: 1px solid #dee2e7;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 25px;
}

@media (max-width: 767px) {
  .filter_result_wrap .filter_bordered {
    margin-bottom: 30px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .filter_result_wrap .filter_bordered {
    margin-bottom: 30px;
  }
}

.filter_result_wrap .filter_inner {
  display: block;
  overflow: visible;
}

.filter_result_wrap .filter_inner .nice-select {
  width: 100%;
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  color: #aab1b7;
  font-weight: 300;
  background: 0 0;
  border: 1px solid #dee2e7;
  margin-bottom: 15px;
}

.filter_result_wrap .filter_inner .nice-select::after {
  content: "\f0d7 ";
  right: 21px;
  top: 5px;
  font-family: fontawesome;
  color: #aab1b7;
  font-size: 16px;
}

.filter_result_wrap .filter_inner .nice-select .option {
  cursor: pointer;
  font-weight: 400;
  line-height: 40px;
  list-style: none;
  min-height: 40px;
  outline: none;
  padding-left: 18px;
  padding-right: 29px;
  text-align: left;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  color: #000;
  font-weight: 400;
}

.filter_result_wrap .filter_inner .nice-select.open .list {
  width: 100%;
}

.filter_result_wrap .range_slider_wrap span.range {
  color: #040e27;
  font-size: 16px;
  font-weight: 400;
  display: block;
  margin-bottom: 15px;
}

.filter_result_wrap .range_slider_wrap p {
  margin-top: 14px;
  margin-bottom: 27px;
}

.filter_result_wrap .range_slider_wrap p input {
  background-color: transparent;
}

.filter_result_wrap .range_slider_wrap .ui-widget.ui-widget-content {
  border: 0;
  background: #ffd8da;
}

.filter_result_wrap .range_slider_wrap .ui-slider-horizontal {
  height: 2px;
}

.filter_result_wrap .range_slider_wrap .ui-state-default,
.filter_result_wrap .range_slider_wrap .ui-widget-content .ui-state-default,
.filter_result_wrap .range_slider_wrap .ui-widget-header .ui-state-default,
.filter_result_wrap .range_slider_wrap .ui-button,
.filter_result_wrap .range_slider_wrap html .ui-button.ui-state-disabled:hover,
.filter_result_wrap .range_slider_wrap html .ui-button.ui-state-disabled:active {
  border: 2px solid #ff4a52;
  background: #fff;
  font-weight: 400;
  width: 14px;
  height: 16px;
  border-radius: 5px;
}

.filter_result_wrap .range_slider_wrap .ui-widget-header {
  background: #ff4a52;
}

.filter_result_wrap .range_slider_wrap .ui-slider-horizontal .ui-slider-handle {
  top: -7px;
  margin-left: -0.6em;
}

.filter_result_wrap .reset_btn button {
  width: 100%;
}

.video_bg {
  background-image: url(../img/banner/video.jpg);
}

.video_area {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding: 190px 0;
}

@media (max-width: 767px) {
  .video_area {
    padding: 100px 0;
  }
}

.video_area.overlay:before {
  opacity: 0.2;
}

.video_area .video_wrap h3 {
  font-family: nothing you could do, cursive;
  font-weight: 400;
  font-size: 80px;
  line-height: 90px;
  color: #fff;
  margin-bottom: 55px;
}

@media (max-width: 767px) {
  .video_area .video_wrap h3 {
    font-size: 50px;
  }
}

.video_area .video_wrap .video_icon a {
  width: 84px;
  height: 84px;
  text-align: center;
  line-height: 84px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #1ec6b6;
  display: inline-block;
  color: #fff;
  font-size: 17px;
}

.video_area .video_wrap .video_icon a i {
  font-size: 17px;
  line-height: 84px;
  position: relative;
  left: 2px;
  top: -1px;
}

.video_play_button {
  position: relative;
}

.video_play_button:before {
  content: "";
  position: absolute;
  z-index: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: #1ec6b6;
  border-radius: 50%;
  animation: pulse-border 1500ms ease-out infinite;
  left: 0;
  bottom: 0;
  z-index: -1;
}

@keyframes pulse-border {
  0% {
    transform: scale(1);
    opacity: 1;
  }

  100% {
    transform: scale(1.8);
    opacity: 0;
  }
}

.recent_trip_area {
  padding-top: 150px;
  padding-bottom: 120px;
}

.recent_trip_area .single_trip {
  margin-bottom: 30px;
}

.recent_trip_area .single_trip .thumb {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden;
}

.recent_trip_area .single_trip .thumb img {
  width: 100%;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.recent_trip_area .single_trip .info {
  padding-top: 16px;
}

.recent_trip_area .single_trip .info .date span {
  font-size: 14px;
  font-weight: 400;
  color: #7a838b;
  display: block;
}

.recent_trip_area .single_trip .info a h3 {
  color: #040e27;
  font-size: 22px;
  font-weight: 400;
  margin-bottom: 0;
  margin-top: 10px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.recent_trip_area .single_trip:hover .info a h3 {
  color: #ff4a52;
}

.travel_variation_area {
  padding-top: 50px;
  padding-bottom: 90px;
  background-color: rgb(255 215 215);
}

@media (max-width: 767px) {
  .travel_variation_area {
    padding: 60px 0;
  }
}

.travel_variation_area .single_travel {
  margin-bottom: 30px;
}

.travel_variation_area .single_travel h3 {
  font-size: 22px;
  font-weight: 400;
  color: #040e27;
  margin-bottom: 10px;
  margin-top: 41px;
}

@media (max-width: 767px) {
  .travel_variation_area .single_travel h3 {
    margin-top: 20px;
  }
}

.travel_variation_area .single_travel p {
  font-size: 16px;
  font-weight: 400;
  color: #6e6e6e;
}

.dropdown .dropdown-menu {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.contact-info {
  margin-bottom: 25px;
}

.contact-info__icon {
  margin-right: 20px;
}

.contact-info__icon i,
.contact-info__icon span {
  color: #8f9195;
  font-size: 27px;
}

.contact-info .media-body h3 {
  font-size: 16px;
  margin-bottom: 0;
  font-size: 16px;
  color: #2a2a2a;
}

.contact-info .media-body h3 a:hover {
  color: #ff5e13;
}

.contact-info .media-body p {
  color: #8a8a8a;
}

.contact-title {
  font-size: 27px;
  font-weight: 600;
  margin-bottom: 20px;
}

.form-contact label {
  font-size: 14px;
}

.form-contact .form-group {
  margin-bottom: 30px;
}

.form-contact .form-control {
  border: 1px solid #e5e6e9;
  border-radius: 0;
  height: 48px;
  padding-left: 18px;
  font-size: 13px;
  background: 0 0;
}

.form-contact .form-control:focus {
  outline: 0;
  box-shadow: none;
}

.form-contact .form-control::placeholder {
  font-weight: 300;
  color: #999;
}

.form-contact textarea {
  border-radius: 0;
  height: 100% !important;
}

.modal-message .modal-dialog {
  position: absolute;
  top: 36%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%) !important;
  margin: 0;
  max-width: 500px;
  width: 100%;
}

.modal-message .modal-dialog .modal-content .modal-header {
  text-align: center;
  display: block;
  border-bottom: none;
  padding-top: 50px;
  padding-bottom: 50px;
}

.modal-message .modal-dialog .modal-content .modal-header .close {
  position: absolute;
  right: -15px;
  top: -15px;
  padding: 0;
  color: #fff;
  opacity: 1;
  cursor: pointer;
}

.modal-message .modal-dialog .modal-content .modal-header h2 {
  display: block;
  text-align: center;
  padding-bottom: 10px;
}

.modal-message .modal-dialog .modal-content .modal-header p {
  display: block;
}

.contact-section {
  padding: 100px 0 100px;
}

@media (max-width: 991px) {
  .contact-section {
    padding: 50px 0 20px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .contact-section {
    padding: 80px 0 50px;
  }
}

.contact-section .btn_2 {
  background-color: #191d34;
  padding: 18px 60px;
  border-radius: 50px;
  margin-top: 0;
}

.contact-section .btn_2:hover {
  background-color: #ff5e13;
}

.sample-text-area {
  background: #fff;
  padding: 100px 0 70px;
}

.text-heading {
  margin-bottom: 30px;
  font-size: 24px;
}

b,
sup,
sub,
u,
del {
  color: #ff4a52;
}

h1 {
  font-size: 36px;
}

h2 {
  font-size: 30px;
}

h3 {
  font-size: 24px;
}

h4 {
  font-size: 18px;
}

h5 {
  font-size: 16px;
}

h6 {
  font-size: 14px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.2em;
}

.typography h1,
.typography h2,
.typography h3,
.typography h4,
.typography h5,
.typography h6 {
  color: #828bb2;
}

.button-area {
  background: #fff;
}

.button-area .border-top-generic {
  padding: 70px 15px;
  border-top: 1px dotted #eee;
}

.button-group-area .genric-btn {
  margin-right: 10px;
  margin-top: 10px;
}

.button-group-area .genric-btn:last-child {
  margin-right: 0;
}

.genric-btn {
  display: inline-block;
  outline: none;
  line-height: 40px;
  padding: 0 30px;
  font-size: 0.8em;
  text-align: center;
  text-decoration: none;
  font-weight: 500;
  cursor: pointer;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.genric-btn:focus {
  outline: none;
}

.genric-btn.e-large {
  padding: 0 40px;
  line-height: 50px;
}

.genric-btn.large {
  line-height: 45px;
}

.genric-btn.medium {
  line-height: 30px;
}

.genric-btn.small {
  line-height: 25px;
}

.genric-btn.radius {
  border-radius: 3px;
}

.genric-btn.circle {
  border-radius: 20px;
}

.genric-btn.arrow {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.genric-btn.arrow span {
  margin-left: 10px;
}

.genric-btn.default {
  color: #415094;
  background: #f9f9ff;
  border: 1px solid transparent;
}

.genric-btn.default:hover {
  border: 1px solid #f9f9ff;
  background: #fff;
}

.genric-btn.default-border {
  border: 1px solid #f9f9ff;
  background: #fff;
}

.genric-btn.default-border:hover {
  color: #415094;
  background: #f9f9ff;
  border: 1px solid transparent;
}

.genric-btn.primary {
  color: #fff;
  background: #ff5e13;
  border: 1px solid transparent;
}

.genric-btn.primary:hover {
  color: #ff5e13;
  border: 1px solid #ff5e13;
  background: #fff;
}

.genric-btn.primary-border {
  color: #ff5e13;
  border: 1px solid #ff5e13;
  background: #fff;
}

.genric-btn.primary-border:hover {
  color: #fff;
  background: #ff5e13;
  border: 1px solid transparent;
}

.genric-btn.success {
  color: #fff;
  background: #4cd3e3;
  border: 1px solid transparent;
}

.genric-btn.success:hover {
  color: #4cd3e3;
  border: 1px solid #4cd3e3;
  background: #fff;
}

.genric-btn.success-border {
  color: #4cd3e3;
  border: 1px solid #4cd3e3;
  background: #fff;
}

.genric-btn.success-border:hover {
  color: #fff;
  background: #4cd3e3;
  border: 1px solid transparent;
}

.genric-btn.info {
  color: #fff;
  background: #38a4ff;
  border: 1px solid transparent;
}

.genric-btn.info:hover {
  color: #38a4ff;
  border: 1px solid #38a4ff;
  background: #fff;
}

.genric-btn.info-border {
  color: #38a4ff;
  border: 1px solid #38a4ff;
  background: #fff;
}

.genric-btn.info-border:hover {
  color: #fff;
  background: #38a4ff;
  border: 1px solid transparent;
}

.genric-btn.warning {
  color: #fff;
  background: #f4e700;
  border: 1px solid transparent;
}

.genric-btn.warning:hover {
  color: #f4e700;
  border: 1px solid #f4e700;
  background: #fff;
}

.genric-btn.warning-border {
  color: #f4e700;
  border: 1px solid #f4e700;
  background: #fff;
}

.genric-btn.warning-border:hover {
  color: #fff;
  background: #f4e700;
  border: 1px solid transparent;
}

.genric-btn.danger {
  color: #fff;
  background: #f44a40;
  border: 1px solid transparent;
}

.genric-btn.danger:hover {
  color: #f44a40;
  border: 1px solid #f44a40;
  background: #fff;
}

.genric-btn.danger-border {
  color: #f44a40;
  border: 1px solid #f44a40;
  background: #fff;
}

.genric-btn.danger-border:hover {
  color: #fff;
  background: #f44a40;
  border: 1px solid transparent;
}

.genric-btn.link {
  color: #415094;
  background: #f9f9ff;
  text-decoration: underline;
  border: 1px solid transparent;
}

.genric-btn.link:hover {
  color: #415094;
  border: 1px solid #f9f9ff;
  background: #fff;
}

.genric-btn.link-border {
  color: #415094;
  border: 1px solid #f9f9ff;
  background: #fff;
  text-decoration: underline;
}

.genric-btn.link-border:hover {
  color: #415094;
  background: #f9f9ff;
  border: 1px solid transparent;
}

.genric-btn.disable {
  color: #222, 0.3;
  background: #f9f9ff;
  border: 1px solid transparent;
  cursor: not-allowed;
}

.generic-blockquote {
  padding: 30px 50px 30px 30px;
  background: #f9f9ff;
  border-left: 2px solid #ff5e13;
}

.progress-table-wrap {
  overflow-x: scroll;
}

.progress-table {
  background: #f9f9ff;
  padding: 15px 0 30px;
  min-width: 800px;
}

.progress-table .serial {
  width: 11.83%;
  padding-left: 30px;
}

.progress-table .country {
  width: 28.07%;
}

.progress-table .visit {
  width: 19.74%;
}

.progress-table .percentage {
  width: 40.36%;
  padding-right: 50px;
}

.progress-table .table-head {
  display: flex;
}

.progress-table .table-head .serial,
.progress-table .table-head .country,
.progress-table .table-head .visit,
.progress-table .table-head .percentage {
  color: #415094;
  line-height: 40px;
  text-transform: uppercase;
  font-weight: 500;
}

.progress-table .table-row {
  padding: 15px 0;
  border-top: 1px solid #edf3fd;
  display: flex;
}

.progress-table .table-row .serial,
.progress-table .table-row .country,
.progress-table .table-row .visit,
.progress-table .table-row .percentage {
  display: flex;
  align-items: center;
}

.progress-table .table-row .country img {
  margin-right: 15px;
}

.progress-table .table-row .percentage .progress {
  width: 80%;
  border-radius: 0;
  background: 0 0;
}

.progress-table .table-row .percentage .progress .progress-bar {
  height: 5px;
  line-height: 5px;
}

.progress-table .table-row .percentage .progress .progress-bar.color-1 {
  background-color: #6382e6;
}

.progress-table .table-row .percentage .progress .progress-bar.color-2 {
  background-color: #e66686;
}

.progress-table .table-row .percentage .progress .progress-bar.color-3 {
  background-color: #f09359;
}

.progress-table .table-row .percentage .progress .progress-bar.color-4 {
  background-color: #73fbaf;
}

.progress-table .table-row .percentage .progress .progress-bar.color-5 {
  background-color: #73fbaf;
}

.progress-table .table-row .percentage .progress .progress-bar.color-6 {
  background-color: #6382e6;
}

.progress-table .table-row .percentage .progress .progress-bar.color-7 {
  background-color: #a367e7;
}

.progress-table .table-row .percentage .progress .progress-bar.color-8 {
  background-color: #e66686;
}

.single-gallery-image {
  margin-top: 30px;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: cover !important;
  height: 200px;
}

.list-style {
  width: 14px;
  height: 14px;
}

.unordered-list li {
  position: relative;
  padding-left: 30px;
  line-height: 1.82em !important;
}

.unordered-list li:before {
  content: "";
  position: absolute;
  width: 14px;
  height: 14px;
  border: 3px solid #ff5e13;
  background: #fff;
  top: 4px;
  left: 0;
  border-radius: 50%;
}

.ordered-list {
  margin-left: 30px;
}

.ordered-list li {
  list-style-type: decimal-leading-zero;
  color: #ff5e13;
  font-weight: 500;
  line-height: 1.82em !important;
}

.ordered-list li span {
  font-weight: 300;
  color: #828bb2;
}

.ordered-list-alpha li {
  margin-left: 30px;
  list-style-type: lower-alpha;
  color: #ff5e13;
  font-weight: 500;
  line-height: 1.82em !important;
}

.ordered-list-alpha li span {
  font-weight: 300;
  color: #828bb2;
}

.ordered-list-roman li {
  margin-left: 30px;
  list-style-type: lower-roman;
  color: #ff5e13;
  font-weight: 500;
  line-height: 1.82em !important;
}

.ordered-list-roman li span {
  font-weight: 300;
  color: #828bb2;
}

.single-input {
  display: block;
  width: 100%;
  line-height: 40px;
  border: none;
  outline: none;
  background: #f9f9ff;
  padding: 0 20px;
}

.single-input:focus {
  outline: none;
}

.input-group-icon {
  position: relative;
}

.input-group-icon .icon {
  position: absolute;
  left: 20px;
  top: 0;
  line-height: 40px;
  z-index: 3;
}

.input-group-icon .icon i {
  color: #797979;
}

.input-group-icon .single-input {
  padding-left: 45px;
}

.single-textarea {
  display: block;
  width: 100%;
  line-height: 40px;
  border: none;
  outline: none;
  background: #f9f9ff;
  padding: 0 20px;
  height: 100px;
  resize: none;
}

.single-textarea:focus {
  outline: none;
}

.single-input-primary {
  display: block;
  width: 100%;
  line-height: 40px;
  border: 1px solid transparent;
  outline: none;
  background: #f9f9ff;
  padding: 0 20px;
}

.single-input-primary:focus {
  outline: none;
  border: 1px solid #ff5e13;
}

.single-input-accent {
  display: block;
  width: 100%;
  line-height: 40px;
  border: 1px solid transparent;
  outline: none;
  background: #f9f9ff;
  padding: 0 20px;
}

.single-input-accent:focus {
  outline: none;
  border: 1px solid #eb6b55;
}

.single-input-secondary {
  display: block;
  width: 100%;
  line-height: 40px;
  border: 1px solid transparent;
  outline: none;
  background: #f9f9ff;
  padding: 0 20px;
}

.single-input-secondary:focus {
  outline: none;
  border: 1px solid #f09359;
}

.default-switch {
  width: 35px;
  height: 17px;
  border-radius: 8.5px;
  background: #f9f9ff;
  position: relative;
  cursor: pointer;
}

.default-switch input {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}

.default-switch input+label {
  position: absolute;
  top: 1px;
  left: 1px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #ff5e13;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.2);
  cursor: pointer;
}

.default-switch input:checked+label {
  left: 19px;
}

.primary-switch {
  width: 35px;
  height: 17px;
  border-radius: 8.5px;
  background: #f9f9ff;
  position: relative;
  cursor: pointer;
}

.primary-switch input {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.primary-switch input+label {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

.primary-switch input+label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: 0 0;
  border-radius: 8.5px;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}

.primary-switch input+label:after {
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #fff;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.2);
  cursor: pointer;
}

.primary-switch input:checked+label:after {
  left: 19px;
}

.primary-switch input:checked+label:before {
  background: #ff5e13;
}

.confirm-switch {
  width: 35px;
  height: 17px;
  border-radius: 8.5px;
  background: #f9f9ff;
  position: relative;
  cursor: pointer;
}

.confirm-switch input {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.confirm-switch input+label {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

.confirm-switch input+label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: 0 0;
  border-radius: 8.5px;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  cursor: pointer;
}

.confirm-switch input+label:after {
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #fff;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.2);
  cursor: pointer;
}

.confirm-switch input:checked+label:after {
  left: 19px;
}

.confirm-switch input:checked+label:before {
  background: #4cd3e3;
}

.primary-checkbox {
  width: 16px;
  height: 16px;
  border-radius: 3px;
  background: #f9f9ff;
  position: relative;
  cursor: pointer;
}

.primary-checkbox input {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.primary-checkbox input+label {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  border-radius: 3px;
  cursor: pointer;
  border: 1px solid #f1f1f1;
}

.primary-checkbox input:checked+label {
  background: url(../img/elements/primary-check.png) no-repeat center center/cover;
  border: none;
}

.confirm-checkbox {
  width: 16px;
  height: 16px;
  border-radius: 3px;
  background: #f9f9ff;
  position: relative;
  cursor: pointer;
}

.confirm-checkbox input {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.confirm-checkbox input+label {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  border-radius: 3px;
  cursor: pointer;
  border: 1px solid #f1f1f1;
}

.confirm-checkbox input:checked+label {
  background: url(../img/elements/success-check.png) no-repeat center center/cover;
  border: none;
}

.disabled-checkbox {
  width: 16px;
  height: 16px;
  border-radius: 3px;
  background: #f9f9ff;
  position: relative;
  cursor: pointer;
}

.disabled-checkbox input {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.disabled-checkbox input+label {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  border-radius: 3px;
  cursor: pointer;
  border: 1px solid #f1f1f1;
}

.disabled-checkbox input:disabled {
  cursor: not-allowed;
  z-index: 3;
}

.disabled-checkbox input:checked+label {
  background: url(../img/elements/disabled-check.png) no-repeat center center/cover;
  border: none;
}

.primary-radio {
  width: 16px;
  height: 16px;
  border-radius: 8px;
  background: #f9f9ff;
  position: relative;
  cursor: pointer;
}

.primary-radio input {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.primary-radio input+label {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  cursor: pointer;
  border: 1px solid #f1f1f1;
}

.primary-radio input:checked+label {
  background: url(../img/elements/primary-radio.png) no-repeat center center/cover;
  border: none;
}

.confirm-radio {
  width: 16px;
  height: 16px;
  border-radius: 8px;
  background: #f9f9ff;
  position: relative;
  cursor: pointer;
}

.confirm-radio input {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.confirm-radio input+label {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  cursor: pointer;
  border: 1px solid #f1f1f1;
}

.confirm-radio input:checked+label {
  background: url(../img/elements/success-radio.png) no-repeat center center/cover;
  border: none;
}

.disabled-radio {
  width: 16px;
  height: 16px;
  border-radius: 8px;
  background: #f9f9ff;
  position: relative;
  cursor: pointer;
}

.disabled-radio input {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.disabled-radio input+label {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  cursor: pointer;
  border: 1px solid #f1f1f1;
}

.disabled-radio input:disabled {
  cursor: not-allowed;
  z-index: 3;
}

.disabled-radio input:checked+label {
  background: url(../img/elements/disabled-radio.png) no-repeat center center/cover;
  border: none;
}

.default-select {
  height: 40px;
}

.default-select .nice-select {
  border: none;
  border-radius: 0;
  height: 40px;
  background: #f9f9ff;
  padding-left: 20px;
  padding-right: 40px;
}

.default-select .nice-select .list {
  margin-top: 0;
  border: none;
  border-radius: 0;
  box-shadow: none;
  width: 100%;
  padding: 10px 0 10px 0;
}

.default-select .nice-select .list .option {
  font-weight: 300;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  line-height: 28px;
  min-height: 28px;
  font-size: 12px;
  padding-left: 20px;
}

.default-select .nice-select .list .option.selected {
  color: #ff5e13;
  background: 0 0;
}

.default-select .nice-select .list .option:hover {
  color: #ff5e13;
  background: 0 0;
}

.default-select .current {
  margin-right: 50px;
  font-weight: 300;
}

.default-select .nice-select::after {
  right: 20px;
}

.form-select {
  height: 40px;
  width: 100%;
}

.form-select .nice-select {
  border: none;
  border-radius: 0;
  height: 40px;
  background: #f9f9ff;
  padding-left: 45px;
  padding-right: 40px;
  width: 100%;
}

.form-select .nice-select .list {
  margin-top: 0;
  border: none;
  border-radius: 0;
  box-shadow: none;
  width: 100%;
  padding: 10px 0 10px 0;
}

.form-select .nice-select .list .option {
  font-weight: 300;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  line-height: 28px;
  min-height: 28px;
  font-size: 12px;
  padding-left: 45px;
}

.form-select .nice-select .list .option.selected {
  color: #ff5e13;
  background: 0 0;
}

.form-select .nice-select .list .option:hover {
  color: #ff5e13;
  background: 0 0;
}

.form-select .current {
  margin-right: 50px;
  font-weight: 300;
}

.form-select .nice-select::after {
  right: 20px;
}

.mt-10 {
  margin-top: 10px;
}

.section-top-border {
  padding: 50px 0;
  border-top: 1px dotted #eee;
}

.mb-30 {
  margin-bottom: 30px;
}

.mt-30 {
  margin-top: 30px;
}

.switch-wrap {
  margin-bottom: 10px;
}

.latest-blog-area .area-heading {
  margin-bottom: 70px;
}

.blog_area a {
  color: #666 !important;
  text-decoration: none;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.blog_area a:hover,
.blog_area a :hover {
  background: -webkit-linear-gradient(131deg, #ff4a52 0%, #ff4a52 99%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-decoration: none;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.single-blog {
  overflow: hidden;
  margin-bottom: 30px;
}

.single-blog:hover {
  box-shadow: 0 10px 20px 0 rgba(42, 34, 123, 0.1);
}

.single-blog .thumb {
  overflow: hidden;
  position: relative;
}

.single-blog .thumb:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.single-blog h4 {
  border-bottom: 1px solid #dfdfdf;
  padding-bottom: 34px;
  margin-bottom: 25px;
}

.single-blog a {
  font-size: 20px;
  font-weight: 600;
}

.single-blog .date {
  color: #666;
  text-align: left;
  display: inline-block;
  font-size: 13px;
  font-weight: 300;
}

.single-blog .tag {
  text-align: left;
  display: inline-block;
  float: left;
  font-size: 13px;
  font-weight: 300;
  margin-right: 22px;
  position: relative;
}

.single-blog .tag:after {
  content: "";
  position: absolute;
  width: 1px;
  height: 10px;
  background: #acacac;
  right: -12px;
  top: 7px;
}

@media (max-width: 1199px) {
  .single-blog .tag {
    margin-right: 8px;
  }

  .single-blog .tag:after {
    display: none;
  }
}

.single-blog .likes {
  margin-right: 16px;
}

@media (max-width: 800px) {
  .single-blog {
    margin-bottom: 30px;
  }
}

.single-blog .single-blog-content {
  padding: 30px;
}

.single-blog .single-blog-content .meta-bottom p {
  font-size: 13px;
  font-weight: 300;
}

.single-blog .single-blog-content .meta-bottom i {
  color: #fdcb9e;
  font-size: 13px;
  margin-right: 7px;
}

@media (max-width: 1199px) {
  .single-blog .single-blog-content {
    padding: 15px;
  }
}

.single-blog:hover .thumb:after {
  opacity: 0.7;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

@media (max-width: 1199px) {
  .single-blog h4 {
    transition: all 300ms linear 0s;
    border-bottom: 1px solid #dfdfdf;
    padding-bottom: 14px;
    margin-bottom: 12px;
  }

  .single-blog h4 a {
    font-size: 18px;
  }
}

.full_image.single-blog {
  position: relative;
}

.full_image.single-blog .single-blog-content {
  position: absolute;
  left: 35px;
  bottom: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

@media (min-width: 992px) {
  .full_image.single-blog .single-blog-content {
    bottom: 100px;
  }
}

.full_image.single-blog h4 {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  border-bottom: none;
  padding-bottom: 5px;
}

.full_image.single-blog a {
  font-size: 20px;
  font-weight: 600;
}

.full_image.single-blog .date {
  color: #fff;
}

.full_image.single-blog:hover .single-blog-content {
  opacity: 1;
  visibility: visible;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.l_blog_item .l_blog_text .date {
  margin-top: 24px;
  margin-bottom: 15px;
}

.l_blog_item .l_blog_text .date a {
  font-size: 12px;
}

.l_blog_item .l_blog_text h4 {
  font-size: 18px;
  border-bottom: 1px solid #eee;
  margin-bottom: 0;
  padding-bottom: 20px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.l_blog_item .l_blog_text p {
  margin-bottom: 0;
  padding-top: 20px;
}

.causes_slider .owl-dots {
  text-align: center;
  margin-top: 80px;
}

.causes_slider .owl-dots .owl-dot {
  height: 14px;
  width: 14px;
  background: #eee;
  display: inline-block;
  margin-right: 7px;
}

.causes_slider .owl-dots .owl-dot:last-child {
  margin-right: 0;
}

.causes_item {
  background: #fff;
}

.causes_item .causes_img {
  position: relative;
}

.causes_item .causes_img .c_parcent {
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
  height: 3px;
  background: rgba(255, 255, 255, 0.5);
}

.causes_item .causes_img .c_parcent span {
  width: 70%;
  height: 3px;
  position: absolute;
  left: 0;
  bottom: 0;
}

.causes_item .causes_img .c_parcent span:before {
  content: "75%";
  position: absolute;
  right: -10px;
  bottom: 0;
  color: #fff;
  padding: 0 5px;
}

.causes_item .causes_text {
  padding: 30px 35px 40px 30px;
}

.causes_item .causes_text h4 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 15px;
  cursor: pointer;
}

.causes_item .causes_text p {
  font-size: 14px;
  line-height: 24px;
  font-weight: 300;
  margin-bottom: 0;
}

.causes_item .causes_bottom a {
  width: 50%;
  border: 1px solid;
  text-align: center;
  float: left;
  line-height: 50px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
}

.causes_item .causes_bottom a+a {
  border-color: #eee;
  background: #fff;
  font-size: 14px;
}

.latest_blog_area {
  background: #f9f9ff;
}

.single-recent-blog-post {
  margin-bottom: 30px;
}

.single-recent-blog-post .thumb {
  overflow: hidden;
}

.single-recent-blog-post .thumb img {
  transition: all 0.7s linear;
}

.single-recent-blog-post .details {
  padding-top: 30px;
}

.single-recent-blog-post .details .sec_h4 {
  line-height: 24px;
  padding: 10px 0 13px;
  transition: all 0.3s linear;
}

.single-recent-blog-post .date {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.single-recent-blog-post:hover img {
  transform: scale(1.23) rotate(10deg);
}

.tags .tag_btn {
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  border: 1px solid #eee;
  display: inline-block;
  padding: 1px 18px;
  text-align: center;
}

.tags .tag_btn+.tag_btn {
  margin-left: 2px;
}

.blog_categorie_area {
  padding-top: 30px;
  padding-bottom: 30px;
}

@media (min-width: 900px) {
  .blog_categorie_area {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}

@media (min-width: 1100px) {
  .blog_categorie_area {
    padding-top: 120px;
    padding-bottom: 120px;
  }
}

.categories_post {
  position: relative;
  text-align: center;
  cursor: pointer;
}

.categories_post img {
  max-width: 100%;
}

.categories_post .categories_details {
  position: absolute;
  top: 20px;
  left: 20px;
  right: 20px;
  bottom: 20px;
  background: rgba(34, 34, 34, 0.75);
  color: #fff;
  transition: all 0.3s linear;
  display: flex;
  align-items: center;
  justify-content: center;
}

.categories_post .categories_details h5 {
  margin-bottom: 0;
  font-size: 18px;
  line-height: 26px;
  text-transform: uppercase;
  color: #fff;
  position: relative;
}

.categories_post .categories_details p {
  font-weight: 300;
  font-size: 14px;
  line-height: 26px;
  margin-bottom: 0;
}

.categories_post .categories_details .border_line {
  margin: 10px 0;
  background: #fff;
  width: 100%;
  height: 1px;
}

.categories_post:hover .categories_details {
  background: rgba(222, 99, 32, 0.85);
}

.blog_item {
  margin-bottom: 50px;
}

.blog_details {
  padding: 30px 0 20px 10px;
  box-shadow: 0 10px 20px 0 rgba(221, 221, 221, 0.3);
}

@media (min-width: 768px) {
  .blog_details {
    padding: 60px 30px 35px 35px;
  }
}

.blog_details p {
  margin-bottom: 30px;
}

.blog_details a {
  color: #ff8b23;
}

.blog_details a:hover {
  color: #ff4a52;
}

.blog_details h2 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 8px;
}

@media (min-width: 768px) {
  .blog_details h2 {
    font-size: 24px;
    margin-bottom: 15px;
  }
}

.blog-info-link li {
  float: left;
  font-size: 14px;
}

.blog-info-link li a {
  color: #999;
}

.blog-info-link li i,
.blog-info-link li span {
  font-size: 13px;
  margin-right: 5px;
}

.blog-info-link li::after {
  content: "|";
  padding-left: 10px;
  padding-right: 10px;
}

.blog-info-link li:last-child::after {
  display: none;
}

.blog-info-link::after {
  content: "";
  display: block;
  clear: both;
  display: table;
}

.blog_item_img {
  position: relative;
}

.blog_item_img .blog_item_date {
  position: absolute;
  bottom: -10px;
  left: 10px;
  display: block;
  color: #fff;
  background-color: #ff4a52;
  padding: 8px 15px;
  border-radius: 5px;
}

@media (min-width: 768px) {
  .blog_item_img .blog_item_date {
    bottom: -20px;
    left: 40px;
    padding: 13px 30px;
  }
}

.blog_item_img .blog_item_date h3 {
  font-size: 22px;
  font-weight: 600;
  color: #fff;
  margin-bottom: 0;
  line-height: 1.2;
}

@media (min-width: 768px) {
  .blog_item_img .blog_item_date h3 {
    font-size: 30px;
  }
}

.blog_item_img .blog_item_date p {
  font-size: 18px;
  margin-bottom: 0;
  color: #fff;
}

@media (min-width: 768px) {
  .blog_item_img .blog_item_date p {
    font-size: 18px;
  }
}

.blog_right_sidebar .widget_title {
  font-size: 20px;
  margin-bottom: 40px;
}

.blog_right_sidebar .widget_title::after {
  content: "";
  display: block;
  padding-top: 15px;
  border-bottom: 1px solid #f0e9ff;
}

.blog_right_sidebar .single_sidebar_widget {
  background: #fbf9ff;
  padding: 30px;
  margin-bottom: 30px;
}

.blog_right_sidebar .single_sidebar_widget .btn_1 {
  margin-top: 0;
}

.blog_right_sidebar .search_widget .form-control {
  height: 50px;
  border-color: #f0e9ff;
  font-size: 13px;
  color: #999;
  padding-left: 20px;
  border-radius: 0;
  border-right: 0;
}

.blog_right_sidebar .search_widget .form-control::placeholder {
  color: #999;
}

.blog_right_sidebar .search_widget .form-control:focus {
  border-color: #f0e9ff;
  outline: 0;
  box-shadow: none;
}

.blog_right_sidebar .search_widget .input-group button {
  background: #fff;
  border-left: 0;
  border: 1px solid #f0e9ff;
  padding: 4px 15px;
  border-left: 0;
}

.blog_right_sidebar .search_widget .input-group button i,
.blog_right_sidebar .search_widget .input-group button span {
  font-size: 14px;
  color: #999;
}

.blog_right_sidebar .newsletter_widget .form-control {
  height: 50px;
  border-color: #f0e9ff;
  font-size: 13px;
  color: #999;
  padding-left: 20px;
  border-radius: 0;
}

.blog_right_sidebar .newsletter_widget .form-control::placeholder {
  color: #999;
}

.blog_right_sidebar .newsletter_widget .form-control:focus {
  border-color: #f0e9ff;
  outline: 0;
  box-shadow: none;
}

.blog_right_sidebar .newsletter_widget .input-group button {
  background: #fff;
  border-left: 0;
  border: 1px solid #f0e9ff;
  padding: 4px 15px;
  border-left: 0;
}

.blog_right_sidebar .newsletter_widget .input-group button i,
.blog_right_sidebar .newsletter_widget .input-group button span {
  font-size: 14px;
  color: #999;
}

.blog_right_sidebar .post_category_widget .cat-list li {
  border-bottom: 1px solid #f0e9ff;
  transition: all 0.3s ease 0s;
  padding-bottom: 12px;
}

.blog_right_sidebar .post_category_widget .cat-list li:last-child {
  border-bottom: 0;
}

.blog_right_sidebar .post_category_widget .cat-list li a {
  font-size: 14px;
  line-height: 20px;
  color: #888;
}

.blog_right_sidebar .post_category_widget .cat-list li a p {
  margin-bottom: 0;
}

.blog_right_sidebar .post_category_widget .cat-list li+li {
  padding-top: 15px;
}

.blog_right_sidebar .popular_post_widget .post_item .media-body {
  justify-content: center;
  align-self: center;
  padding-left: 20px;
}

.blog_right_sidebar .popular_post_widget .post_item .media-body h3 {
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 6px;
  transition: all 0.3s linear;
}

.blog_right_sidebar .popular_post_widget .post_item .media-body a:hover {
  color: #fff;
}

.blog_right_sidebar .popular_post_widget .post_item .media-body p {
  font-size: 14px;
  line-height: 21px;
  margin-bottom: 0;
}

.blog_right_sidebar .popular_post_widget .post_item+.post_item {
  margin-top: 20px;
}

.blog_right_sidebar .tag_cloud_widget ul li {
  display: inline-block;
}

.blog_right_sidebar .tag_cloud_widget ul li a {
  display: inline-block;
  border: 1px solid #eee;
  background: #fff;
  padding: 4px 20px;
  margin-bottom: 8px;
  margin-right: 3px;
  transition: all 0.3s ease 0s;
  color: #888;
  font-size: 13px;
}

.blog_right_sidebar .tag_cloud_widget ul li a:hover {
  background: #ff4a52;
  color: #fff !important;
  -webkit-text-fill-color: #fff;
  text-decoration: none;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.blog_right_sidebar .instagram_feeds .instagram_row {
  display: flex;
  margin-right: -6px;
  margin-left: -6px;
}

.blog_right_sidebar .instagram_feeds .instagram_row li {
  width: 33.33%;
  float: left;
  padding-right: 6px;
  padding-left: 6px;
  margin-bottom: 15px;
}

.blog_right_sidebar .br {
  width: 100%;
  height: 1px;
  background: #eee;
  margin: 30px 0;
}

.blog-pagination {
  margin-top: 80px;
}

.blog-pagination .page-link {
  font-size: 14px;
  position: relative;
  display: block;
  padding: 0;
  text-align: center;
  margin-left: -1px;
  line-height: 45px;
  width: 45px;
  height: 45px;
  border-radius: 0 !important;
  color: #8a8a8a;
  border: 1px solid #f0e9ff;
  margin-right: 10px;
}

.blog-pagination .page-link i,
.blog-pagination .page-link span {
  font-size: 13px;
}

.blog-pagination .page-item.active .page-link {
  background-color: #fbf9ff;
  border-color: #f0e9ff;
  color: #888;
}

.blog-pagination .page-item:last-child .page-link {
  margin-right: 0;
}

.single-post-area .blog_details {
  box-shadow: none;
  padding: 0;
}

.single-post-area .social-links {
  padding-top: 10px;
}

.single-post-area .social-links li {
  display: inline-block;
  margin-bottom: 10px;
}

.single-post-area .social-links li a {
  color: #ccc;
  padding: 7px;
  font-size: 14px;
  transition: all 0.2s linear;
}

.single-post-area .blog_details {
  padding-top: 26px;
}

.single-post-area .blog_details p {
  margin-bottom: 20px;
  font-size: 15px;
}

.single-post-area .quote-wrapper {
  background: rgba(130, 139, 178, 0.1);
  padding: 15px;
  line-height: 1.733;
  color: #888;
  font-style: italic;
  margin-top: 25px;
  margin-bottom: 25px;
}

@media (min-width: 768px) {
  .single-post-area .quote-wrapper {
    padding: 30px;
  }
}

.single-post-area .quotes {
  background: #fff;
  padding: 15px 15px 15px 20px;
  border-left: 2px solid;
}

@media (min-width: 768px) {
  .single-post-area .quotes {
    padding: 25px 25px 25px 30px;
  }
}

.single-post-area .arrow {
  position: absolute;
}

.single-post-area .arrow .lnr {
  font-size: 20px;
  font-weight: 600;
}

.single-post-area .thumb .overlay-bg {
  background: rgba(0, 0, 0, 0.8);
}

.single-post-area .navigation-top {
  padding-top: 15px;
  border-top: 1px solid #f0e9ff;
}

.single-post-area .navigation-top p {
  margin-bottom: 0;
}

.single-post-area .navigation-top .like-info {
  font-size: 14px;
}

.single-post-area .navigation-top .like-info i,
.single-post-area .navigation-top .like-info span {
  font-size: 16px;
  margin-right: 5px;
}

.single-post-area .navigation-top .comment-count {
  font-size: 14px;
}

.single-post-area .navigation-top .comment-count i,
.single-post-area .navigation-top .comment-count span {
  font-size: 16px;
  margin-right: 5px;
}

.single-post-area .navigation-top .social-icons li {
  display: inline-block;
  margin-right: 15px;
}

.single-post-area .navigation-top .social-icons li:last-child {
  margin: 0;
}

.single-post-area .navigation-top .social-icons li i,
.single-post-area .navigation-top .social-icons li span {
  font-size: 14px;
  color: #999;
}

.single-post-area .blog-author {
  padding: 40px 30px;
  background: #fbf9ff;
  margin-top: 50px;
}

@media (max-width: 600px) {
  .single-post-area .blog-author {
    padding: 20px 8px;
  }
}

.single-post-area .blog-author img {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  margin-right: 30px;
}

@media (max-width: 600px) {
  .single-post-area .blog-author img {
    margin-right: 15px;
    width: 45px;
    height: 45px;
  }
}

.single-post-area .blog-author a {
  display: inline-block;
}

.single-post-area .blog-author a:hover {
  color: #ff4a52;
}

.single-post-area .blog-author p {
  margin-bottom: 0;
  font-size: 15px;
}

.single-post-area .blog-author h4 {
  font-size: 16px;
}

.single-post-area .navigation-area {
  border-bottom: 1px solid #eee;
  padding-bottom: 30px;
  margin-top: 55px;
}

.single-post-area .navigation-area p {
  margin-bottom: 0;
}

.single-post-area .navigation-area h4 {
  font-size: 18px;
  line-height: 25px;
}

.single-post-area .navigation-area .nav-left {
  text-align: left;
}

.single-post-area .navigation-area .nav-left .thumb {
  margin-right: 20px;
  background: #000;
}

.single-post-area .navigation-area .nav-left .thumb img {
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.single-post-area .navigation-area .nav-left .lnr {
  margin-left: 20px;
  opacity: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.single-post-area .navigation-area .nav-left:hover .lnr {
  opacity: 1;
}

.single-post-area .navigation-area .nav-left:hover .thumb img {
  opacity: 0.5;
}

@media (max-width: 767px) {
  .single-post-area .navigation-area .nav-left {
    margin-bottom: 30px;
  }
}

.single-post-area .navigation-area .nav-right {
  text-align: right;
}

.single-post-area .navigation-area .nav-right .thumb {
  margin-left: 20px;
  background: #000;
}

.single-post-area .navigation-area .nav-right .thumb img {
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.single-post-area .navigation-area .nav-right .lnr {
  margin-right: 20px;
  opacity: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.single-post-area .navigation-area .nav-right:hover .lnr {
  opacity: 1;
}

.single-post-area .navigation-area .nav-right:hover .thumb img {
  opacity: 0.5;
}

@media (max-width: 991px) {
  .single-post-area .sidebar-widgets {
    padding-bottom: 0;
  }
}

.comments-area {
  background: 0 0;
  border-top: 1px solid #eee;
  padding: 45px 0;
  margin-top: 50px;
}

@media (max-width: 414px) {
  .comments-area {
    padding: 50px 8px;
  }
}

.comments-area h4 {
  margin-bottom: 35px;
  font-size: 18px;
}

.comments-area h5 {
  font-size: 16px;
  margin-bottom: 0;
}

.comments-area .comment-list {
  padding-bottom: 48px;
}

.comments-area .comment-list:last-child {
  padding-bottom: 0;
}

.comments-area .comment-list.left-padding {
  padding-left: 25px;
}

@media (max-width: 413px) {
  .comments-area .comment-list .single-comment h5 {
    font-size: 12px;
  }

  .comments-area .comment-list .single-comment .date {
    font-size: 11px;
  }

  .comments-area .comment-list .single-comment .comment {
    font-size: 10px;
  }
}

.comments-area .thumb {
  margin-right: 20px;
}

.comments-area .thumb img {
  width: 70px;
  border-radius: 50%;
}

.comments-area .date {
  font-size: 14px;
  color: #999;
  margin-bottom: 0;
  margin-left: 20px;
}

.comments-area .comment {
  margin-bottom: 10px;
  color: #777;
  font-size: 15px;
}

.comments-area .btn-reply {
  background-color: transparent;
  color: #888;
  padding: 5px 18px;
  font-size: 14px;
  display: block;
  font-weight: 400;
}

.comment-form {
  border-top: 1px solid #eee;
  padding-top: 45px;
  margin-top: 50px;
  margin-bottom: 20px;
}

.comment-form .form-group {
  margin-bottom: 30px;
}

.comment-form h4 {
  margin-bottom: 40px;
  font-size: 18px;
  line-height: 22px;
}

.comment-form .name {
  padding-left: 0;
}

@media (max-width: 767px) {
  .comment-form .name {
    padding-right: 0;
    margin-bottom: 1rem;
  }
}

.comment-form .email {
  padding-right: 0;
}

@media (max-width: 991px) {
  .comment-form .email {
    padding-left: 0;
  }
}

.comment-form .form-control {
  border: 1px solid #f0e9ff;
  border-radius: 5px;
  height: 48px;
  padding-left: 18px;
  font-size: 13px;
  background: 0 0;
}

.comment-form .form-control:focus {
  outline: 0;
  box-shadow: none;
}

.comment-form .form-control::placeholder {
  font-weight: 300;
  color: #999;
}

.comment-form .form-control::placeholder {
  color: #777;
}

.comment-form textarea {
  padding-top: 18px;
  border-radius: 12px;
  height: 100% !important;
}

.comment-form ::-webkit-input-placeholder {
  font-size: 13px;
  color: #777;
}

.comment-form ::-moz-placeholder {
  font-size: 13px;
  color: #777;
}

.comment-form :-ms-input-placeholder {
  font-size: 13px;
  color: #777;
}

.comment-form :-moz-placeholder {
  font-size: 13px;
  color: #777;
}

.blog_part {
  margin-bottom: 140px;
}

@media (max-width: 576px) {
  .blog_part {
    margin-bottom: 0;
    padding: 0 0 70px;
  }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .blog_part {
    margin-bottom: 0;
    padding: 0 0 70px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog_part {
    margin-bottom: 0;
    padding: 0 0 70px;
  }
}

.blog_part .blog_right_sidebar .widget_title {
  font-size: 20px;
  margin-bottom: 40px;
  font-style: inherit !important;
}

@media (max-width: 576px) {
  .blog_part .single-home-blog {
    margin-bottom: 140px;
    margin-top: 20px;
  }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .blog_part .single-home-blog {
    margin-bottom: 140px;
    margin-top: 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog_part .single-home-blog {
    margin-bottom: 140px;
    margin-top: 20px;
  }
}

.blog_part .single-home-blog .card-img-top {
  border-radius: 0;
}

.blog_part .single-home-blog .card {
  border: 0 solid transparent;
  border-radius: 0;
  background-color: transparent;
  position: relative;
}

.blog_part .single-home-blog .card .card-body {
  padding: 25px 10px 29px 40px;
  background-color: #fff;
  position: absolute;
  left: 20px;
  bottom: -140px;
  box-shadow: -7.552px 9.326px 20px 0 rgba(1, 84, 85, 0.1);
  border-radius: 10px;
}

@media (max-width: 576px) {
  .blog_part .single-home-blog .card .card-body {
    padding: 15px;
    left: 10px;
    bottom: -140px;
  }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .blog_part .single-home-blog .card .card-body {
    padding: 15px;
    left: 10px;
    bottom: -140px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .blog_part .single-home-blog .card .card-body {
    padding: 20px;
  }
}

.blog_part .single-home-blog .card .card-body a {
  color: #ff4a52;
  text-transform: uppercase;
  -webkit-transition: 0.8s;
  transition: 0.8s;
}

.blog_part .single-home-blog .card .card-body a:hover {
  background: -webkit-linear-gradient(131deg, #ff7e5f 0%, #feb47b 99%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.blog_part .single-home-blog .card .dot {
  position: relative;
  padding-left: 20px;
}

.blog_part .single-home-blog .card .dot:after {
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  top: 5px;
  left: 0;
  background-color: #ff4a52;
  border-radius: 50%;
}

.blog_part .single-home-blog .card span {
  color: #8a8a8a;
  margin-bottom: 10px;
  display: inline-block;
  margin-top: 10px;
}

@media (max-width: 576px) {
  .blog_part .single-home-blog .card span {
    margin-bottom: 5px;
    margin-top: 5px;
  }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .blog_part .single-home-blog .card span {
    margin-bottom: 5px;
    margin-top: 5px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog_part .single-home-blog .card span {
    margin-bottom: 5px;
    margin-top: 5px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .blog_part .single-home-blog .card span {
    margin-bottom: 5px;
    margin-top: 5px;
  }
}

.blog_part .single-home-blog .card h5 {
  font-weight: 600;
  line-height: 1.5;
  font-size: 20px;
  -webkit-transition: 0.8s;
  transition: 0.8s;
  text-transform: capitalize;
  margin-bottom: 22px;
}

@media (max-width: 576px) {
  .blog_part .single-home-blog .card h5 {
    margin-bottom: 10px;
  }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .blog_part .single-home-blog .card h5 {
    margin-bottom: 10px;
    font-size: 16px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog_part .single-home-blog .card h5 {
    margin-bottom: 10px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .blog_part .single-home-blog .card h5 {
    margin-bottom: 10px;
    font-size: 18px;
  }
}

.blog_part .single-home-blog .card h5:hover {
  -webkit-transition: 0.8s;
  transition: 0.8s;
  background: -webkit-linear-gradient(131deg, #feb47b 0%, #ff7e5f 99%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-animation: 1s;
}

.blog_part .single-home-blog .card ul li {
  display: inline-block;
  color: #8a8a8a;
  margin-right: 14px;
}

@media (max-width: 576px) {
  .blog_part .single-home-blog .card ul li {
    margin-right: 10px;
  }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .blog_part .single-home-blog .card ul li {
    margin-right: 10px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog_part .single-home-blog .card ul li {
    margin-right: 10px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .blog_part .single-home-blog .card ul li {
    margin-right: 10px;
  }
}

.blog_part .single-home-blog .card ul li span {
  margin-right: 10px;
  font-size: 12px;
}

.callback-services {
  border-top: 1px solid #eee;
  padding-top: 140px;
}

.contact-us {
  background-color: #f7f7f7;
  padding: 60px 0px;
}

.contact-us .contact-form {
  background-color: transparent !important;
  padding: 0 !important;
}

.callback-form {
  margin-top: 0px;
}

.callback-form .contact-form {
  background-color: #a4c639;
  padding: 60px;
  border-radius: 5px;
  text-align: center;
}

.callback-form .contact-form input {
  border-radius: 20px;
  height: 40px;
  line-height: 40px;
  display: inline-block;
  padding: 0px 15px;
  background-color: white;
  font-size: 13px;
  text-transform: none;
  box-shadow: none;
  border: none;
  margin-bottom: 35px;
}

.callback-form .contact-form input:focus {
  outline: none;
  box-shadow: none;
  border: none;
}

.callback-form .contact-form textarea {
  border-radius: 20px;
  height: 120px;
  max-height: 200px;
  min-height: 120px;
  display: inline-block;
  padding: 15px;
  background-color: white;
  font-size: 13px;
  text-transform: none;
  box-shadow: none;
  border: none;
  margin-bottom: 35px;
}

.callback-form .contact-form textarea:focus {
  outline: none;
  box-shadow: none;
  border: none;
}

.callback-form .contact-form ::-webkit-input-placeholder {
  /* Edge */
  color: #aaa;
}

.callback-form .contact-form :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #aaa;
}

.callback-form .contact-form ::placeholder {
  color: #aaa;
}

.callback-form .contact-form button.border-button {
  background-color: transparent;
  color: #fff;
  border: 2px solid #fff;
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 700;
  padding: 10px 28px;
  border-radius: 30px;
  display: inline-block;
  transition: all 0.3s;
  outline: none;
  box-shadow: none;
  text-shadow: none;
  cursor: pointer;
}

.callback-form .contact-form button.border-button:hover {
  background-color: #fff;
  color: #a4c639;
}

.contact-us .contact-form button.filled-button {
  background-color: #a4c639;
  color: #fff;
  border: none;
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 700;
  padding: 12px 30px;
  border-radius: 30px;
  display: inline-block;
  transition: all 0.3s;
  outline: none;
  box-shadow: none;
  text-shadow: none;
  cursor: pointer;
}

.contact-us .contact-form button.filled-button:hover {
  background-color: #fff;
  color: #a4c639;
}

.services {
  margin-top: 90px;
}

.service-item img {
  width: 100%;
  overflow: hidden;
}

.service-item .down-content {
  background-color: #f7f7f7;
  padding: 30px;
}

.service-item .down-content h4 {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.25px;
  margin-bottom: 15px;
}

.service-item .down-content p {
  margin-bottom: 20px;
}

.page-link:hover,
.page-link {
  color: #a4c639;
}

.btn-primary {
  border-color: #a4c639;
  background-color: #a4c639;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary:active:focus {
  opacity: 0.6;
  border-color: #a4c639;
  background-color: #a4c639;
}

.paddin {
  text-align: center;
  padding-bottom: 50px;
}

@media (min-width: 768px) {
  .header-area .social_wrap .number1 {
    padding: 10px !important;
    display: none;
  }
}

.header-area .social_wrap .number1 i {
  color: #ff4a52;
  font-size: 16px;
  margin-right: 5px;
}

@media (max-width: 768px) {
  .header-area .seach_icon {
    display: none;
  }
}

/************** Travel Packages Page Style Start Here ************/
.travel-hero {
  min-height: 500px;
  background: url('../img/travel/hero-bg.png') no-repeat center center;
  background-size: cover;
  position: relative;
  /* overflow: hidden; */
}

.travel-packages {
  padding: 70px 0px;
}

.package_card {
  padding: 15px 15px 0;
  border-radius: 15px;
  margin-top: 20px;
  cursor: pointer;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
}

.package_card h5 {
  margin: 15px 0 10px;
  font-size: 18px;
  font-weight: normal;
}

.traveler_count {
  font-size: 14px;
  font-weight: normal;
  background: #f6f6f6;
  border-radius: 200px;
  margin-bottom: 15px;
}

.package_card small {
  font-size: 12px;
}

.package_card .hours_price {
  font-size: 13px;
  border: 1px solid #eee;
  padding: 10px 15px;
  border-radius: 200px;
  color: #000;
  margin-bottom: 20px;
}

.package_card .hours_price span {
  line-height: 13px;
}

.package_card .status {
  width: 8px;
  height: 8px;
  border-radius: 200px;
  background: #fdae5c;
  display: inline-block;
}

.package_card .tolal_km {
  font-size: 14px;
  color: #000;
}

.total_price {
  width: calc(100% + 30px);
  position: relative;
  left: -15px;
  border-radius: 0 0 15px 15px;
  padding: 10px 15px;
  background: #f6f6f6;
  font-size: 24px;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
}

.package_card:hover .total_price {
  background: #ff4a52;
  color: #fff;
}

.package_card:hover {
  border-color: rgba(255, 74, 82, 0.2);
}

.travel-hero:before {
  position: absolute;
  right: -20vw;
  top: 0px;
  content: '';
  width: 40vw;
  height: 45vw;
  border-radius: 100%;
  background: #fff;
}

.travel-hero:after {
  position: absolute;
  right: 0px;
  top: 0px;
  content: '';
  width: 350px;
  height: 450px;
  background: url('../img/travel/hero-bus.png') no-repeat left bottom;
}

.travel_form {
  padding: 20px 18px 30px;
  border-radius: 15px;
  border: 0px;
}

.travel_form h1 {
  font-size: 20px;
  font-weight: 600;
}

.travel_form .nav-link.active {
  border: 0px;
  color: #000;
}

.travel_form .nav-link,
.travel_form .nav-link:hover,
.travel_form .nav-link:focus {
  padding: 0;
  font-size: 14px;
  font-weight: normal;
  margin-right: 40px;
  color: #aaa;
  border: 0px;
  padding-bottom: 5px;
  position: relative;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
}

.travel_form .nav-link.active {
  color: #000;
}

.travel_form .nav-link:after {
  content: '';
  left: 0%;
  bottom: -2px;
  width: 0px;
  height: 3px;
  background: #333;
  border-radius: 200px;
  position: absolute;
  margin-left: 0px;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
}

.travel_form .nav-link.active:after {
  content: '';
  left: 50%;
  margin-left: -25px;
  width: 50px;
}

.travel_form .nav-tabs {
  border: 0px;
  border-bottom: 2px solid #eeeeee;
}

.travel_form .nav-tabs .nav-item {
  margin-bottom: 0px;
}

.travel_form #first .form-group,
.travel_form #first-hero .form-group {
  position: relative;
}

.country_code {
  position: absolute;
  bottom: 11px;
  font-size: 14px;
  font-weight: normal;
  left: 0;
  width: 46px;
  padding: 0 11px;
  border-right: 1px solid #ddd;
  line-height: normal;
  white-space: nowrap;
}

.travel_form #first label,
.travel_form #first-hero label {
  color: #000;
  font-size: 13px;
}

.travel_form #first input,
.travel_form #first-hero input {
  min-height: 40px;
  padding-left: 60px;
}

.travel_form #third h5,
.travel_form #third-hero h5 {
  font-size: 18px;
  font-weight: normal;
}

.travel_form #third p,
.travel_form #third-hero p {
  font-size: 14px;
}

.travel_form .boxed-btn4 {
  padding: 10px 39px;
  font-size: 15px;
  font-weight: normal;
}

.travel_list li {
  padding: 0;
  background: #fff;
  margin: 8px 0;
  display: flex;
  align-items: center;
  border-radius: 200px 0 0 200px;
  font-size: 14px;
  line-height: 14px;
  width: 100%;
  float: right;
}

.travel_list li:last-child {
  flex-wrap: wrap;
}

.travel_list li:last-child p {
  font-size: 11px;
  margin-bottom: 0px;
  display: block;
  width: 100%;
  line-height: 13px;
}

.travel_list li:nth-child(5) {
  max-width: 95%;
}

.travel_list li:nth-child(4) {
  max-width: 90%;
}

.travel_list li:nth-child(3) {
  max-width: 85%;
}

.travel_list li:nth-child(2) {
  max-width: 80%;
}

.travel_list li:nth-child(1) {
  max-width: 75%;
}

.travel_list li span {
  width: 40px;
  height: 40px;
  border-radius: 200px;
  display: inline-block;
  overflow: hidden;
  border: 1px solid #0c0;
  margin-right: 15px;
}

.red_txt {
  color: #ff4a52;
}

.travel_form #second input,
.travel_form #second-hero input {
  width: 100%;
  min-height: 40px;
  font-size: 14px;
  font-weight: normal;
  color: #000;
}

.travel_form #second input~label {
  position: absolute;
  left: 22px;
  width: auto;
  top: -10px;
  color: #aaa;
  transition: 0.3s;
  z-index: -1;
  font-size: 11px;
  font-weight: normal;
  background: #fff;
  z-index: 1;
  margin: 0px;
  line-height: 14px;
  padding: 2px 3px;
}

/* .travel_form #second-hero input ~ label{position: absolute;left: 26px;width: auto;top: 12px;color: #aaa;transition: 0.3s;z-index: -1;font-size:13px; font-weight:normal;background: #fff;z-index: 1;margin: 0px;line-height: 14px;padding: 2px 3px;} */

.travel_form #second-hero input~label,
.fieldsetLegend,
.priceInput~label {
  position: absolute;
  left: 22px;
  width: auto;
  top: -10px;
  color: #aaa;
  transition: 0.3s;
  z-index: -1;
  font-size: 11px;
  font-weight: normal;
  background: #fff;
  z-index: 1;
  margin: 0px;
  line-height: 14px;
  padding: 2px 3px;
}

.travel_form #second input:focus~label,
.travel_form #second input.has-content~label {
  top: -10px;
  left: 22px;
  font-size: 11px;
  color: #aaa;
  transition: 0.3s;
}

.travel_form #second-hero input:focus~label,
.travel_form #second input.has-content~label {
  top: -10px;
  left: 22px;
  font-size: 11px;
  color: #aaa;
  transition: 0.3s;
}

.travel_form #second-hero input:focus,
.travel_form #second input:focus {
  border: 2px solid #1ec6b6;
  box-shadow: none;
}

.coupon {
  position: absolute;
  /* right: 25px; */
  right: 0;
  top: 6px;
  font-size: 12px;
  font-weight: normal;
  color: #6ebf03;
  padding-right: 20px;
}

/* .coupon:before {
    content: 'X';
    right: 0px;
    background: #d5d5d5;
    width: 13px;
    height: 13px;
    position: absolute;
    top: 5px;
    border-radius: 200px;
    color: #fff;
    font-size: 9px;
    line-height: 14px;
    text-align: center;
} */
.offer-applied_cnt {
  font-size: 13px;
  color: #aaa;
  font-weight: normal;
  line-height: 18px;
  letter-spacing: 0.5px;
}

.pointer-events-none {
  pointer-events: none;
}

.cursor-pointer {
  cursor: pointer;
}

.height40 {
  height: 40px;
}

.verifyOtp {
  background: #1ec6b6;
  color: #fff !important;
}

.change_number {
  background: #ff4a52;
  color: #1f1f1f !important;
}

.verifyOtp:hover {
  background: #ff4a52;
  color: #1f1f1f !important;
}

.change_number:hover {
  background: #ff4a52;
  color: #1f1f1f !important;
}

.green_txt {
  color: #3bb54a;
}

.green_bg {
  background: #3bb54a;
}

.tripErrorMessage {
  position: relative;
  top: 8px;
}

.font16 {
  font-size: 16px;
}

.getQuoteDiv div {
  padding: 0px 16px 10px 16px;
}

.borderless td,
.borderless th,
.borderless tr {
  border: none;
}

.table td,
.table th {
  padding: 6px;
}

.waysSpan {
  position: absolute;
  left: 48%;
  top: 34%;
  cursor: pointer;
}

.white-space-nowrap {
  white-space: nowrap;
}

.selectSwitch {
  position: absolute !important;
  top: 17px;
  left: 50%;
}

.wayText {
  font-size: 10px;
  position: absolute;
  top: 13px;
  right: -14px;
}

@media screen and (max-width:767px) {
  .nice-select .option {
    white-space: nowrap;
    padding-right: 0;
    padding-left: 10px;
  }
}

@media screen and (max-width:1199px) {
  .travel-hero:before {
    position: absolute;
    right: -300px;
    top: 0px;
    content: '';
    width: 550px;
    height: 600px;
    border-radius: 100%;
    background: #fff;
  }
}

@media screen and (max-width:991px) {
  .travel-hero:after {
    right: -125px;
  }

  .travel_form .nav-link,
  .travel_form .nav-link:hover,
  .travel_form .nav-link:focus {
    margin-right: 10px;
  }
}

@media screen and (max-width:767px) {
  .travel-hero {
    background: #f6f6f6;
    min-height: inherit;
    padding: 30px 0;
  }

  .travel-hero:after,
  .travel-hero:before {
    display: none;
  }

  .travel-packages {
    padding: 30px 0;
  }
}

.customSelectPackagesWithImage {
  z-index: 2;
  width: calc(100% - 2rem);
}

html,
body {
  max-width: 100%;
  overflow-x: hidden;
}

#navigation a.active {
    color: #ff5722;
    font-weight: 600;
    border-bottom: 2px solid #ff5722;
}