/* 
@File: Torado Template Styles

* This file contains the styling for the actual template, this
is the file you need to edit to change the look of the
template.

This files table contents are outlined below>>>>>

*******************************************
*******************************************

** - Start Go Top Area
** - Start Section Title
** - Start Default Btn
** - Preloader Area CSS
** - Ripple Animation
** - Start Blog Details Area
** - Start Search Form Area
** - Start Video Modal Area
** - Start Banner Area
** - Start Tour Solutions Area
** - Start Page Banner Area
** - Start video Play Area 
** - Start Our Royal Partner Area
** - start We Are Specialized Area
** - Start Moments Gallery Area 
** - Start Tour Calendar Area 
** - Start About Area 
** - Start Terms & Conditions Area And Privacy Policy Area 
** - Start Faqs Area
** - Start Error Area 
** - Start Contact Map Area
** - Start Contact Us Area
** - Start My Account Area
** - Start Pricing Plan Area 
** - Start Traveler Two Certificate Area
** - Start Who Guide Your Area
** - Start Blog Two Area 
** - Start Adventure Details Area 
** - Start preloader Area
** - Start Gallery Masonry Area
** - Page-navigation Area Styler
** - Start Popular Package Area 
** - Start Who We Are Area
** - Start Among All Area
** - Start Tour Packages Two Area
** - Start Packages Slider Area
** - Start download Area
** - Start Traveler's Certificate Area
** - start blog Area
** - Start Animation  
*/
@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Satisfy&display=swap");
:root {
  --fontFamily: "Oswald", sans-serif;
  --bodyFontFamily: "Rubik", sans-serif;
  --titleFontFamily: "Satisfy", cursive;
  --mainColor: #52595D;
  --secondaryColor: #293133;
  --whiteColor: #FFFFFF;
  --headingColor: #363636;
  --paragraphColor: #666666;
  --transition: all ease 0.8s;
  --fontSize: 16px;
}

body {
  font-size: var(--fontSize);
  font-weight: 400;
  font-family: var(--bodyFontFamily);
  color: var(--paragraphColor);
}

p {
  margin-bottom: 0;
  line-height: 30px;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  margin-bottom: 0;
  font-family: var(--fontFamily);
  font-weight: bold;
  color: var(--headingColor);
}

a {
  text-decoration: none;
  transition: var(--transition);
}

.d-table {
  width: 100%;
  height: 100%;
}

.d-table-cell {
  display: table-cell;
  vertical-align: middle;
}

img {
  height: auto;
  max-width: 100%;
}

.ptb-100 {
  padding-top: 100px;
  padding-bottom: 100px;
}

.pb-75 {
  padding-bottom: 75px;
}

.pb-100 {
  padding-bottom: 100px;
}

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

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

/* ---------------------------------
Start Go Top Area
----------------------------------*/
.scrolltop-wrap a {
  position: fixed;
  display: inline-block;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: all;
  outline: none;
  overflow: hidden;
  width: 51px;
  height: 50px;
  line-height: 57px;
  right: 15px;
  bottom: 15px;
  text-align: center;
  color: var(--whiteColor);
  background-color: var(--secondaryColor);
  transition: var(--transition);
  font-size: 25px;
  border-radius: 5px;
  z-index: 3;
}
.scrolltop-wrap a:hover {
  background-color: var(--mainColor);
  color: var(--whiteColor);
  transform: translateY(-10px);
}
.scrolltop-wrap a #scrolltop-arrow {
  transform: scale(0.66);
  transform-origin: center;
}
@media print {
  .scrolltop-wrap {
    display: none !important;
  }
}

/* -----------------------------------
Start Section Title
--------------------------------------*/
.section-title {
  text-align: center;
  margin-bottom: 40px;
}
.section-title.left-title {
  text-align: left;
}
.section-title.left-title h2 {
  margin-bottom: 24px;
}
.section-title.left-title p {
  line-height: 26px;
}
.section-title.title-two {
  max-width: 769px;
  margin-left: auto;
  margin-right: auto;
}
.section-title .top-title {
  color: var(--secondaryColor);
  font-size: 24px;
  font-weight: 400;
  font-family: var(--titleFontFamily);
  display: inline-block;
  margin-bottom: 10px;
  line-height: 36px;
}
.section-title h2 {
  font-size: 42px;
  font-weight: bold;
  color: var(--headingColor);
  line-height: 58.8px;
}

/* -------------------------------------
Start Default Btn
----------------------------------------*/
.default-btn {
  background-color: var(--mainColor);
  color: var(--whiteColor);
  display: inline-flex;
  justify-content: center;
  padding: 15.5px 28px;
  font-size: 16px;
  border: none;
  border-radius: 50px;
  font-weight: 500;
  font-family: var(--bodyFontFamily);
  position: relative;
  text-align: center;
  overflow: hidden;
  z-index: 1;
  transition: var(--transition);
}
.default-btn::after {
  content: "";
  position: absolute;
  width: 0%;
  height: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background-color: var(--secondaryColor);
  z-index: -1;
  transition: var(--transition);
}
.default-btn:hover::after {
  width: 100%;
}

/* ------------------------------------
Preloader Area CSS
---------------------------------------*/
.preloader {
  position: fixed;
  z-index: 999999;
  background-color: var(--secondaryColor);
  width: 100%;
  height: 100%;
  text-align: center;
  left: 0;
  right: 0;
}
.preloader .lds-spinner {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.preloader .lds-spinner div {
  transform-origin: 40px 40px;
  animation: lds-spinner 1.2s linear infinite;
}
.preloader .lds-spinner div::after {
  content: " ";
  display: block;
  position: absolute;
  top: 5px;
  left: 35px;
  width: 5px;
  height: 20px;
  border-radius: 20%;
  background: var(--whiteColor);
}
.preloader .lds-spinner div:nth-child(1) {
  transform: rotate(0deg);
  animation-delay: -1.1s;
}
.preloader .lds-spinner div:nth-child(2) {
  transform: rotate(30deg);
  animation-delay: -1s;
}
.preloader .lds-spinner div:nth-child(3) {
  transform: rotate(60deg);
  animation-delay: -0.9s;
}
.preloader .lds-spinner div:nth-child(4) {
  transform: rotate(90deg);
  animation-delay: -0.8s;
}
.preloader .lds-spinner div:nth-child(5) {
  transform: rotate(120deg);
  animation-delay: -0.7s;
}
.preloader .lds-spinner div:nth-child(6) {
  transform: rotate(150deg);
  animation-delay: -0.6s;
}
.preloader .lds-spinner div:nth-child(7) {
  transform: rotate(180deg);
  animation-delay: -0.5s;
}
.preloader .lds-spinner div:nth-child(8) {
  transform: rotate(210deg);
  animation-delay: -0.4s;
}
.preloader .lds-spinner div:nth-child(9) {
  transform: rotate(240deg);
  animation-delay: -0.3s;
}
.preloader .lds-spinner div:nth-child(10) {
  transform: rotate(270deg);
  animation-delay: -0.2s;
}
.preloader .lds-spinner div:nth-child(11) {
  transform: rotate(300deg);
  animation-delay: -0.1s;
}
.preloader .lds-spinner div:nth-child(12) {
  transform: rotate(330deg);
  animation-delay: 0s;
}
@keyframes lds-spinner {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

/* -------------------------------------
Start Blog Details Area
---------------------------------------*/
.blog-details-img {
  margin-bottom: 30px;
}
.blog-details-img img {
  border-radius: 10px;
}

.single-blog-details-left-content .blog-details-text {
  margin-bottom: 45px;
}
.single-blog-details-left-content .blog-details-text ul {
  padding: 0;
  margin: 0;
  margin-bottom: 20px;
}
.single-blog-details-left-content .blog-details-text ul li {
  list-style-type: none;
  display: inline-block;
  margin-right: 30px;
  padding-left: 30px;
  position: relative;
}
.single-blog-details-left-content .blog-details-text ul li img {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.single-blog-details-left-content .blog-details-text ul li i {
  font-size: 22px;
  color: var(--mainColor);
  position: absolute;
  left: 0;
  top: 45%;
  transform: translateY(-50%);
}
.single-blog-details-left-content .blog-details-text ul li:last-child {
  margin-right: 0;
}
.single-blog-details-left-content .blog-details-text ul li a {
  color: var(--paragraphColor);
  margin-left: 5px;
}
.single-blog-details-left-content .blog-details-text ul li a:hover {
  color: var(--mainColor);
}
.single-blog-details-left-content .blog-details-text h2 {
  font-size: 25px;
  margin-bottom: 20px;
  line-height: 40px;
}
.single-blog-details-left-content .blog-details-text p {
  margin-bottom: 15px;
}
.single-blog-details-left-content .blog-details-img-2 {
  margin-bottom: 45px;
}
.single-blog-details-left-content .blog-details-img-2 img {
  border-radius: 10px;
  margin-bottom: 25px;
}
.single-blog-details-left-content .blog-details-img-2 p {
  margin-bottom: 18px;
}
.single-blog-details-left-content .blog-details-card {
  background: #F9F9F9;
  border-radius: 10px;
  padding: 35px 45px 35px 60px;
  position: relative;
  z-index: 1;
  margin-bottom: 40px;
}
.single-blog-details-left-content .blog-details-card i {
  font-size: 60px;
  position: absolute;
  top: 15px;
  left: 38px;
  z-index: -1;
  color: rgba(255, 83, 0, 0.1);
}
.single-blog-details-left-content .blog-details-card p {
  font-style: italic;
  color: var(--headingColor);
  font-size: 15px;
  font-weight: 500;
}
.single-blog-details-left-content .adventure-choose-list {
  margin-bottom: 40px;
}
.single-blog-details-left-content .adventure-choose-list h2 {
  font-size: 25px;
  margin-bottom: 20px;
}
.single-blog-details-left-content .adventure-choose-list ul {
  padding: 0;
  margin: 0;
  margin-bottom: 20px;
}
.single-blog-details-left-content .adventure-choose-list ul li {
  list-style-type: none;
  margin-bottom: 13px;
}
.single-blog-details-left-content .adventure-choose-list ul li:last-child {
  margin-bottom: 0;
}
.single-blog-details-left-content .adventure-choose-list p {
  margin-bottom: 15px;
}
.single-blog-details-left-content .blog-comment-content {
  margin-bottom: 40px;
}
.single-blog-details-left-content .blog-comment-content h2 {
  font-size: 25px;
  margin-bottom: 23px;
}
.single-blog-details-left-content .blog-comment-content .comment-item {
  position: relative;
  border: 1px solid #EEEEEE;
  padding: 20px 20px 20px 150px;
  border-radius: 10px;
  margin-bottom: 20px;
}
.single-blog-details-left-content .blog-comment-content .comment-item img {
  max-width: 100px;
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
}
.single-blog-details-left-content .blog-comment-content .comment-item .comment-text h5 {
  font-family: var(--bodyFontFamily);
  font-weight: 500;
  font-size: 16px;
  margin-bottom: 13px;
}
.single-blog-details-left-content .blog-comment-content .comment-item .comment-text h5 span {
  font-size: 16px;
  font-weight: 400;
  color: var(--paragraphColor);
  margin-left: 5px;
  margin-bottom: 0;
}
.single-blog-details-left-content .blog-comment-content .comment-item .comment-text span {
  margin-bottom: 8px;
  display: inline-block;
}
.single-blog-details-left-content .blog-comment-content .comment-item .default-btn {
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  background: #FFFFFF;
  border: 1px solid #EEEEEE;
  border-radius: 10px;
  color: var(--mainColor);
  font-size: 16px;
  font-weight: 400;
  padding: 9.5px 27px;
}
.single-blog-details-left-content .blog-comment-content .comment-item .default-btn::after {
  background-color: var(--mainColor);
}
.single-blog-details-left-content .blog-comment-content .comment-item .default-btn:hover {
  color: var(--whiteColor);
}
.single-blog-details-left-content .leave-reply-form h2 {
  font-size: 25px;
  margin-bottom: 20px;
}
.single-blog-details-left-content .leave-reply-form p {
  margin-bottom: 20px;
}
.single-blog-details-left-content .leave-reply-form .form-group {
  margin-bottom: 25px;
}
.single-blog-details-left-content .leave-reply-form .form-group .form-label {
  color: var(--headingColor);
}
.single-blog-details-left-content .leave-reply-form .form-group .form-control {
  border: 1px solid #EEEEEE;
  border-radius: 10px;
  background: #FFFFFF;
  padding: 14.5px 30px;
  color: var(--headingColor);
  transition: var(--transition);
}
.single-blog-details-left-content .leave-reply-form .form-group .form-control::-moz-placeholder {
  color: var(--paragraphColor);
}
.single-blog-details-left-content .leave-reply-form .form-group .form-control::placeholder {
  color: var(--paragraphColor);
}
.single-blog-details-left-content .leave-reply-form .form-group .form-control:focus {
  box-shadow: none;
  border: 1px solid var(--mainColor);
}
.single-blog-details-left-content .leave-reply-form .form-group .form-control:focus::-moz-placeholder {
  color: transparent;
  -moz-transition: var(--transition);
  transition: var(--transition);
}
.single-blog-details-left-content .leave-reply-form .form-group .form-control:focus::placeholder {
  color: transparent;
  transition: var(--transition);
}
.single-blog-details-left-content .leave-reply-form .form-group .form-check {
  margin-bottom: 30px;
}
.single-blog-details-left-content .leave-reply-form .form-group .form-check .form-check-input {
  width: 16px;
  height: 16px;
  border-radius: 50px;
  background-color: rgba(90, 104, 239, 0.2);
  border: none;
}
.single-blog-details-left-content .leave-reply-form .form-group .form-check .form-check-input:focus {
  box-shadow: none;
}
.single-blog-details-left-content .leave-reply-form .form-group .form-check .form-check-input:checked[type=checkbox] {
  background-image: none;
  position: relative;
}
.single-blog-details-left-content .leave-reply-form .form-group .form-check .form-check-input:checked[type=checkbox]::after {
  width: 8px;
  height: 8px;
  border-radius: 50px;
  background-color: var(--mainColor);
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  margin: auto;
  top: 50%;
  transform: translateY(-50%);
}
.single-blog-details-left-content .leave-reply-form .form-group .form-check .form-check-label {
  cursor: pointer;
}

.single-blog-left-bar {
  padding-left: 30px;
}

.search-box {
  margin-bottom: 50px;
}
.search-box .search-form {
  position: relative;
}
.search-box .search-form .search-btn {
  position: absolute;
  right: 30px;
  top: 55%;
  transform: translateY(-50%);
  padding: 0;
  color: var(--mainColor);
  background-color: transparent;
  outline: 0;
  border: none;
  font-size: 22px;
}
.search-box .search-form .search-field {
  font-size: 16px;
  font-weight: 400;
  background: #FFFFFF;
  border: 1px solid rgba(255, 83, 0, 0.1);
  border-radius: 50px;
  font-family: var(--bodyFontFamily);
  color: var(--headingColor);
  padding: 15px 60px 15px 25px;
  width: 100%;
  transition: var(--transition);
  outline: 0;
}
.search-box .search-form .search-field::-moz-placeholder {
  color: var(--paragraphColor);
}
.search-box .search-form .search-field::placeholder {
  color: var(--paragraphColor);
}
.search-box .search-form .search-field:focus {
  border: 1px solid var(--mainColor);
}
.search-box .search-form .search-field:focus::-moz-placeholder {
  color: transparent;
  -moz-transition: var(--transition);
  transition: var(--transition);
}
.search-box .search-form .search-field:focus::placeholder {
  color: transparent;
  transition: var(--transition);
}

.categories-content {
  background: #F9F9F9;
  border-radius: 10px;
  padding: 36px 40px;
  margin-bottom: 50px;
}
.categories-content h2 {
  font-size: 22px;
  margin-bottom: 20px;
}
.categories-content ul {
  padding: 0;
  margin: 0;
}
.categories-content ul li {
  list-style-type: none;
  position: relative;
  margin-bottom: 5px;
  transition: var(--transition);
}
.categories-content ul li:last-child {
  margin-bottom: 0;
}
.categories-content ul li a {
  color: var(--paragraphColor);
  line-height: 36px;
  transition: var(--transition);
}
.categories-content ul li a:hover {
  color: var(--mainColor);
  font-weight: 500;
  font-weight: 16px;
  font-family: var(--bodyFontFamily);
}

.recent-posts {
  background-color: #FFFAF9;
  padding: 40px 60px 40px 40px;
  margin-bottom: 50px;
  background: #F9F9F9;
  border-radius: 10px;
}
.recent-posts h2 {
  font-size: 22px;
  margin-bottom: 20px;
}
.recent-posts .recent-post-card {
  padding-left: 100px;
  position: relative;
  max-width: 305px;
  margin-bottom: 25px;
}
.recent-posts .recent-post-card:last-child {
  margin-bottom: 0;
}
.recent-posts .recent-post-card .recent-post-img {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  overflow: hidden;
  border-radius: 5px;
}
.recent-posts .recent-post-card .recent-post-img img {
  max-width: 82px;
  border-radius: 5px;
  transition: var(--transition);
}
.recent-posts .recent-post-card .recent-post-text span {
  color: var(--paragraphColor);
  font-size: 16px;
}
.recent-posts .recent-post-card .recent-post-text span img {
  margin-right: 5px;
  position: relative;
  top: -2px;
}
.recent-posts .recent-post-card .recent-post-text span i {
  color: var(--mainColor);
  position: relative;
  top: 2px;
  margin-right: 5px;
}
.recent-posts .recent-post-card .recent-post-text h4 {
  font-size: 16px;
  line-height: 26px;
  font-weight: 500;
  font-family: var(--bodyFontFamily);
  margin-bottom: 5px;
}
.recent-posts .recent-post-card .recent-post-text h4 a {
  color: var(--headingColor);
}
.recent-posts .recent-post-card:hover .recent-post-text h4 a {
  color: var(--mainColor);
}
.recent-posts .recent-post-card:hover .recent-post-img img {
  transform: scale(1.3);
}

.tags-list {
  background: #F9F9F9;
  border-radius: 10px;
  padding: 35px 67px 35px 40px;
}
.tags-list h2 {
  font-size: 22px;
  margin-bottom: 20px;
}
.tags-list ul {
  padding: 0;
  margin: 0;
}
.tags-list ul li {
  list-style-type: none;
  display: inline-block;
  margin-top: 12px;
  margin-right: 10px;
}
.tags-list ul li:last-child {
  margin-right: 0;
}
.tags-list ul li a {
  background: #F9F9F9;
  border: 1px solid rgba(90, 104, 239, 0.1);
  border-radius: 30px;
  padding: 8px 23px;
  display: inline-block;
  line-height: 20px;
  font-size: 16px;
  color: var(--paragraphColor);
}
.tags-list ul li a:hover {
  background-color: var(--mainColor);
  color: var(--whiteColor);
}

/* -------------------------------------
Start Search Form Area
---------------------------------------*/
.search-area .modal {
  background-color: var(--headingColor);
  transform: translateY(-100%);
  transition: all ease 250ms;
}
.search-area .modal.show {
  transform: translateY(0);
}
.search-area .modal .btn-close {
  background-image: none;
  font-size: 34px;
  padding: 0px;
  color: #ffffff;
  transition: var(--transition);
  z-index: 999;
  position: absolute;
  right: 25px;
  top: 25px;
}
.search-area .modal .btn-close:focus {
  box-shadow: none;
  outline: 0;
}
.search-area .modal .btn-close:hover {
  color: var(--secondaryColor);
}
.search-area .modal.fade .modal-dialog {
  max-width: 40%;
  top: 0;
  transform: translateY(0);
  background-color: transparent;
}
.search-area .modal.fade .modal-dialog .modal-content {
  height: 100%;
}
.search-area .modal.fade .modal-dialog .modal-content .modal-body .form-group {
  position: relative;
}
.search-area .modal.fade .modal-dialog .modal-content .modal-body .form-group .default-btn {
  position: absolute;
  right: 5px;
  top: 5px;
  border-radius: 5px;
  width: 60px;
  height: 50px;
  line-height: 56px;
  font-size: 24px;
  padding: 0;
  display: inline-block;
}
.search-area .modal.fade .modal-dialog .modal-content .modal-body .form-group .form-control {
  background-color: transparent;
  padding: 17px 80px 17px 25px;
  font-size: 16px;
  font-family: var(--bodyFontFamily);
  font-weight: 400;
  color: var(--whiteColor);
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 5px;
}
.search-area .modal.fade .modal-dialog .modal-content .modal-body .form-group .form-control::-moz-placeholder {
  color: var(--whiteColor);
}
.search-area .modal.fade .modal-dialog .modal-content .modal-body .form-group .form-control::placeholder {
  color: var(--whiteColor);
}
.search-area .modal.fade .modal-dialog .modal-content .modal-body .form-group .form-control:focus {
  box-shadow: none;
  border: 1px solid var(--mainColor);
}
.search-area .modal.fade .modal-dialog .modal-content .modal-body .form-group .form-control:focus::-moz-placeholder {
  color: transparent;
  -moz-transition: var(--transition);
  transition: var(--transition);
}
.search-area .modal.fade .modal-dialog .modal-content .modal-body .form-group .form-control:focus::placeholder {
  color: transparent;
  transition: var(--transition);
}

/* -------------------------------------
Start Video Modal Area
---------------------------------------*/
.modal {
  background-color: var(--headingColor);
}
.modal.fade .modal-dialog {
  max-width: 40%;
  position: relative;
  top: 47%;
  transform: translateY(-50%);
}
.modal.fade .modal-dialog .modal-content {
  background-color: transparent;
  border: none;
  height: 500px;
}
.modal.fade .modal-dialog .modal-content .btn-close {
  background-image: none;
  font-size: 34px;
  padding: 0px;
  color: #ffffff;
  transition: var(--transition);
  z-index: 999;
  position: absolute;
  right: 0;
  top: -45px;
}
.modal.fade .modal-dialog .modal-content .btn-close:focus {
  box-shadow: none;
  outline: 0;
}
.modal.fade .modal-dialog .modal-content .btn-close:hover {
  color: var(--secondaryColor);
}
.modal.fade .modal-dialog .modal-content .modal-body {
  width: 100%;
  height: 100%;
  padding: 0;
}
.modal.fade .modal-dialog .modal-content .modal-body .video-bg-btn {
  width: 100%;
  height: 100%;
}

/* --------------------------------------
Start Banner Area
-----------------------------------------*/
.banner-area {
  background-image: url(../../assets/images/banner/banner-bg-1.webp);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  padding-top: 205px;
  padding-bottom: 230px;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.banner-area::after {
  width: 1465px;
  height: 1465px;
  content: "";
  position: absolute;
  left: -66px;
  background: rgba(255, 255, 255, 0.7);
  top: -70%;
  bottom: 0;
  border-radius: 100%;
  z-index: -1;
}
.banner-area .banner-shape {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
}
.banner-area .banner-shape-1 {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
}

.banner-three-area {
  background-color: #EFF0FD;
  padding-top: 325px;
  padding-bottom: 230px;
  position: relative;
  z-index: 1;
}
.banner-three-area .banner-three-shape-1 {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: -1;
}
.banner-three-area .banner-three-shape-2 {
  position: absolute;
  left: 50px;
  bottom: 100px;
  z-index: -1;
}
.banner-three-area .banner-three-shape-2 img {
  max-width: 330px;
  border-radius: 10px;
}
.banner-three-area .banner-three-shape-3 {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: -1;
}
.banner-three-area .banner-three-shape-4 {
  position: absolute;
  right: 0;
  top: 180px;
  left: 25%;
  text-align: center;
  z-index: -1;
}

.banner-two-area {
  background-image: url(../../assets/images/slider/1.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  padding-top: 162px;
  padding-bottom: 184px;
  overflow: hidden;
  z-index: 1;
}
.banner-two-area .container-fluid {
  max-width: 1520px;
}
.banner-two-area::after {
  content: "";
  position: absolute;
  background: #303413;
  width: 1028px;
  height: 1028px;
  border-radius: 100%;
  left: 0;
  top: 0;
  filter: blur(300px);
  z-index: -1;
}

.single-banner-two-content .banner-two-text {
  max-width: 769px;
  margin-bottom: 42px;
}
.single-banner-two-content .banner-two-text h1 {
  color: var(--whiteColor);
  font-size: 70px;
  margin-bottom: 25px;
  line-height: 95.5px;
}
.single-banner-two-content .banner-two-text p {
  color: var(--whiteColor);
  padding-right: 20px;
}

.single-banner-content {
  z-index: 2;
  position: relative;
}
.single-banner-content.banner-three-content h1 {
  max-width: 942px;
}
.single-banner-content h1 {
  text-align: center;
  font-size: 70px;
  line-height: 95.5px;
  max-width: 720px;
  margin: auto;
  margin-bottom: 35px;
}

.banner-form-content {
  max-width: 1080px;
  margin: auto;
  background-color: var(--whiteColor);
  padding: 40px 40px 40px 50px;
  border-radius: 500px;
}
.banner-form-content.banner-two-form-content {
  margin: unset;
}
.banner-form-content .banner-item {
  margin-right: 50px;
}
.banner-form-content .form-group .form-label {
  font-size: 15px;
  font-weight: 500;
  color: var(--headingColor);
  font-family: var(--bodyFontFamily);
}
.banner-form-content .form-group .form-label img {
  margin-right: 9px;
  position: relative;
  top: -2.5px;
}
.banner-form-content .form-group .form-label .map-icon {
  margin-right: 5px;
}
.banner-form-content .form-group .form-control {
  padding: 0;
  border-top: none;
  border-left: none;
  border-right: none;
  color: var(--headingColor);
  border-radius: 0px;
  transition: var(--transition);
  font-size: 14px;
  font-weight: 400;
  font-family: var(--bodyFontFamily);
  padding-bottom: 7px;
}
.banner-form-content .form-group .form-control::-moz-placeholder {
  color: #A1A1A1;
}
.banner-form-content .form-group .form-control::placeholder {
  color: #A1A1A1;
}
.banner-form-content .form-group .form-control:focus {
  box-shadow: none;
  border-bottom: 1px solid var(--mainColor);
}
.banner-form-content .form-group .form-control:focus::-moz-placeholder {
  -moz-transition: var(--transition);
  transition: var(--transition);
  color: transparent;
}
.banner-form-content .form-group .form-control:focus::placeholder {
  transition: var(--transition);
  color: transparent;
}
.banner-form-content .banner-btn {
  margin-left: -47px;
  position: relative;
  top: 5px;
}
.banner-form-content .banner-btn .default-btn {
  background-color: var(--secondaryColor);
}
.banner-form-content .banner-btn .default-btn::after {
  background-color: var(--mainColor);
}

/* -----------------------------------
Start Tour Solutions Area
---------------------------------------*/
.tour-solutions-area .section-title {
  max-width: 548px;
}

.tour-solutions-content {
  position: relative;
}
.tour-solutions-content .solutions-image {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 40px;
  z-index: 2;
  transition: var(--transition);
}
.tour-solutions-content .solutions-image img {
  max-width: 380px;
}
.tour-solutions-content .solutions-image-2 {
  position: absolute;
  top: 44%;
  transform: translateY(-50%);
  right: 28px;
  opacity: 25%;
  transition: var(--transition);
}
.tour-solutions-content .solutions-image-2 img {
  max-width: 380px;
}
.tour-solutions-content .solutions-image-3 {
  position: absolute;
  top: 55%;
  transform: translateY(-50%);
  right: 52px;
  opacity: 25%;
  transition: var(--transition);
}
.tour-solutions-content .solutions-image-3 img {
  max-width: 380px;
}
.tour-solutions-content .tour-solutions-item {
  padding: 47px 0px;
  border-bottom: 1px solid rgba(90, 104, 239, 0.2);
}
.tour-solutions-content .tour-solutions-item:first-child {
  border-top: 1px solid rgba(90, 104, 239, 0.2);
}
.tour-solutions-content .tour-solutions-item h3 {
  font-size: 22px;
}
.tour-solutions-content .tour-solutions-item .solutions-text {
  margin-left: 121px;
}
.tour-solutions-content .tour-solutions-item .solutions-text h4 {
  font-size: 16px;
  font-weight: bold;
  font-family: var(--bodyFontFamily);
  margin-bottom: 16px;
  transition: var(--transition);
}
.tour-solutions-content .tour-solutions-item:hover .solutions-image-2 {
  z-index: 3;
  opacity: 100%;
}
.tour-solutions-content .tour-solutions-item:hover .solutions-image-3 {
  z-index: 3;
  opacity: 100%;
}
.tour-solutions-content .tour-solutions-item:hover .solutions-text h4 {
  color: var(--mainColor);
}

/* -----------------------------------
Start Page Banner Area
---------------------------------------*/
.page-banner-area {
  background-image: url(../../assets/images/about/1.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
}

.single-page-banner-content {
  text-align: center;
}
.single-page-banner-content h1 {
  font-size: 50px;
  line-height: 75px;
  margin-bottom: 10px;
}
.single-page-banner-content ul {
  padding: 0;
  margin: 0;
}
.single-page-banner-content ul li {
  list-style-type: none;
  display: inline-block;
  color: var(--mainColor);
  position: relative;
  margin-right: 20px;
}
.single-page-banner-content ul li:last-child {
  margin-right: 0;
}
.single-page-banner-content ul li:last-child::after {
  display: none;
}
.single-page-banner-content ul li::after {
  content: "~";
  right: -17px;
  top: 54%;
  font-size: 22px;
  transform: translateY(-50%);
  position: absolute;
}
.single-page-banner-content ul li a {
  color: var(--headingColor);
}

/* -----------------------------------
Start video Play Area 
---------------------------------------*/
.video-play-image {
  position: relative;
}
.video-play-image img {
  border-radius: 10px;
}
.video-play-image .video-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  text-align: center;
}
.video-play-image .video-btn .default-btn {
  width: 100px;
  height: 100px;
  line-height: 67px;
  display: inline-block;
}

/* -----------------------------------
Start Our Royal Partner Area
---------------------------------------*/
.partner-logo-item {
  background-color: #F9F9F9;
  padding: 65px 50px;
  border-radius: 10px;
}

.partner-logo {
  text-align: center;
}
.partner-logo img {
  width: auto !important;
  margin: auto !important;
}

/* -----------------------------------
start We Are Specialized Area
---------------------------------------*/
.single-specialized-content {
  padding-right: 47px;
}
.single-specialized-content .section-title {
  margin-bottom: 30px;
}
.single-specialized-content .section-title p {
  margin-bottom: 15px;
}
.single-specialized-content .specialized-list {
  margin-bottom: 37px;
}
.single-specialized-content .specialized-list ul {
  padding: 0;
  margin: 0;
}
.single-specialized-content .specialized-list ul li {
  list-style-type: none;
  color: var(--headingColor);
  padding-left: 20px;
  position: relative;
  margin-bottom: 10px;
}
.single-specialized-content .specialized-list ul li:last-child {
  margin-bottom: 0;
}
.single-specialized-content .specialized-list ul li i {
  font-size: 18px;
  color: var(--mainColor);
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.single-specialized-content .specialized-btn .default-btn {
  margin-right: 30px;
}
.single-specialized-content .specialized-btn .default-btn.video-play {
  margin-right: 0;
  background-color: transparent;
  color: var(--mainColor);
  border: 1px solid rgba(255, 83, 0, 0.5);
  border-radius: 50px;
}
.single-specialized-content .specialized-btn .default-btn.video-play:hover {
  color: var(--whiteColor);
}

.specialized-img {
  text-align: end;
  position: relative;
  margin-bottom: 80px;
}
.specialized-img .specialized-2 {
  position: absolute;
  left: -75px;
  bottom: -80px;
}

/* -----------------------------------
Start Moments Gallery Area 
---------------------------------------*/
.moments-gallery-area {
  position: relative;
}

.gallery-img {
  margin-bottom: 25px;
  position: relative;
}
.gallery-img:hover::after {
  opacity: 1;
  visibility: visible;
}
.gallery-img:hover .gallery-content {
  opacity: 1;
  visibility: visible;
}
.gallery-img::after {
  content: "";
  position: absolute;
  width: 136%;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border-radius: 10px;
  background: linear-gradient(180deg, rgba(54, 54, 54, 0) 0%, rgba(54, 54, 54, 0.79) 70.4%);
  opacity: 0;
  visibility: hidden;
  transition: var(--transition);
}
.gallery-img img {
  max-width: 267px;
}
.gallery-img.gallery-4 {
  position: relative;
  right: 62px;
  margin-bottom: 0;
}
.gallery-img .gallery-content {
  position: absolute;
  bottom: 40px;
  left: 40px;
  margin-right: -75px;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  transition: var(--transition);
}
.gallery-img .gallery-content span {
  font-size: 14px;
  font-weight: 500;
  font-family: var(--bodyFontFamily);
  color: var(--whiteColor);
  display: inline-block;
  margin-bottom: 10px;
}
.gallery-img .gallery-content h3 {
  font-size: 22px;
  color: var(--whiteColor);
}

.gallery-img-2 {
  max-width: 363px;
  position: relative;
}
.gallery-img-2:hover::after {
  opacity: 1;
  visibility: visible;
}
.gallery-img-2:hover .gallery-content {
  opacity: 1;
  visibility: visible;
}
.gallery-img-2::after {
  content: "";
  position: absolute;
  width: 363px;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border-radius: 10px;
  background: linear-gradient(180deg, rgba(54, 54, 54, 0) 0%, rgba(54, 54, 54, 0.79) 70.4%);
  opacity: 0;
  visibility: hidden;
  transition: var(--transition);
}
.gallery-img-2.gallery-3 {
  left: 62px;
  position: relative;
  margin-bottom: 25px;
}
.gallery-img-2 .gallery-content {
  position: absolute;
  bottom: 40px;
  left: 40px;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  transition: var(--transition);
}
.gallery-img-2 .gallery-content span {
  font-size: 14px;
  font-weight: 500;
  font-family: var(--bodyFontFamily);
  color: var(--whiteColor);
  display: inline-block;
  margin-bottom: 10px;
}
.gallery-img-2 .gallery-content h3 {
  font-size: 22px;
  color: var(--whiteColor);
}

/* -----------------------------------
Start Tour Calendar Area 
---------------------------------------*/
.tour-calendar-area {
  overflow: hidden;
}

.single-calendar-content {
  background: #FFFFFF;
  border: 1px solid rgba(90, 104, 239, 0.2);
  border-radius: 10px;
  padding: 36px 30px;
  margin-bottom: 25px;
}
.single-calendar-content.activity-card {
  padding: 0;
  border: none;
}
.single-calendar-content.activity-card .activity-img-3 img {
  border-radius: 10px 10px 0px 0px;
}
.single-calendar-content.activity-card .activity-content {
  border: 1px solid rgba(90, 104, 239, 0.2);
  border-radius: 0px 0px 10px 10px;
  padding: 30px;
}
.single-calendar-content.activity-card:hover {
  border: none;
  box-shadow: none;
}
.single-calendar-content.packages-slider-card {
  background: #FFFFFF;
  box-shadow: 0px 10px 40px rgba(54, 54, 54, 0.05);
  border-radius: 10px;
  border: none;
  margin-top: 30px;
  padding: 0;
  position: relative;
}
.single-calendar-content.packages-slider-card .calendar-icon {
  margin-bottom: 0;
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  top: -30px;
}
.single-calendar-content.packages-slider-card h3 {
  font-size: 20px;
  margin-bottom: 0;
  padding: 120px 30px 30px 30px;
}
.single-calendar-content.packages-slider-card:hover {
  border: none;
  box-shadow: 0px 10px 40px rgba(54, 54, 54, 0.05);
}
.single-calendar-content .calendar-icon {
  position: relative;
  margin-bottom: 26px;
  transition: var(--transition);
}
.single-calendar-content .calendar-icon i {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  transform: translateY(-50%);
  top: 56%;
  font-size: 55px;
  color: var(--headingColor);
  z-index: 2;
  transition: var(--transition);
}
.single-calendar-content .calendar-icon .calendar-shape {
  transition: var(--transition);
  z-index: -1;
}
.single-calendar-content .calendar-icon .calendar-shape-1 {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  transition: var(--transition);
  opacity: 0;
  visibility: hidden;
}
.single-calendar-content h3 {
  font-size: 22px;
  margin-bottom: 20px;
}
.single-calendar-content:hover {
  background: #FFFFFF;
  border: 1px solid rgba(255, 83, 0, 0.2);
  border-radius: 10px;
}
.single-calendar-content:hover .calendar-icon i {
  color: var(--whiteColor);
}
.single-calendar-content:hover .calendar-icon .calendar-shape {
  opacity: 0;
  visibility: hidden;
}
.single-calendar-content:hover .calendar-icon .calendar-shape-1 {
  opacity: 1;
  visibility: visible;
}

/* -----------------------------------
Start About Area 
---------------------------------------*/
.about-area {
  overflow: hidden;
}

.single-about-image {
  position: relative;
}
.single-about-image .about-main {
  max-width: 491px;
}
.single-about-image .about-img-1 {
  max-width: 105px;
  position: absolute;
  top: 40px;
  right: 40px;
}
.single-about-image .about-img-2 {
  max-width: 169px;
  position: absolute;
  bottom: 76px;
  right: 76px;
}

.single-about-content {
  padding-left: 20px;
}
.single-about-content.page-content {
  padding-left: 10px;
}
.single-about-content.page-content .about-list {
  margin-bottom: 40px;
}
.single-about-content .section-title {
  margin-bottom: 30px;
}
.single-about-content .section-title h2 {
  margin-bottom: 20px;
}
.single-about-content .about-list {
  padding: 0;
  margin: 0;
}
.single-about-content .about-list li {
  list-style-type: none;
  color: var(--headingColor);
  margin-bottom: 8px;
  padding-left: 22px;
  position: relative;
}
.single-about-content .about-list li i {
  color: var(--mainColor);
  font-size: 20px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.single-about-content .about-list li:last-child {
  margin-bottom: 0;
}

/* ----------------------------------------------------
Start Terms & Conditions Area And Privacy Policy Area 
-------------------------------------------------------*/
.privacy-text h3 {
  font-size: 22px;
  margin-bottom: 15px;
}
.privacy-text p {
  font-size: 16px;
}
.privacy-text p:nth-child(2) {
  margin-bottom: 28px;
}
.privacy-text p:nth-child(4) {
  margin-bottom: 28px;
}
.privacy-text p:nth-child(6) {
  margin-bottom: 28px;
}
.privacy-text p:nth-child(8) {
  margin-bottom: 28px;
}
.privacy-text p:nth-child(10) {
  margin-bottom: 28px;
}
.privacy-text p:nth-child(12) {
  margin-bottom: 28px;
}
.privacy-text p:nth-child(14) {
  margin-bottom: 28px;
}
.privacy-text p:last-child {
  margin-bottom: 0;
}
.privacy-text p b {
  font-size: 16px;
  color: var(--mainColor);
  font-weight: 500;
  margin: 0px 5px;
  font-family: var(--bodyFontFamily);
}
.privacy-text p a {
  color: var(--mainColor);
  font-weight: 500;
  margin: 0 5px;
  font-size: 16px;
  position: relative;
}
.privacy-text p a::after {
  content: "";
  position: absolute;
  width: 0%;
  height: 1px;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: var(--secondaryColor);
  transition: var(--transition);
}
.privacy-text p a:hover {
  color: var(--secondaryColor);
}
.privacy-text p a:hover::after {
  width: 100%;
}

/* --------------------------------------
Start Faqs Area
-----------------------------------------*/
.faqs-area .section-title {
  max-width: 545px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 90px;
}

.faqs-content-item {
  position: relative;
  z-index: 1;
}
.faqs-content-item .faqs-img {
  position: absolute;
  bottom: -100px;
  right: 0;
  z-index: 1;
}
.faqs-content-item .faqs-shape {
  position: absolute;
  bottom: -80px;
  right: 20px;
  z-index: -1;
}

.faqs-item {
  max-width: 650px;
  position: relative;
  z-index: 2;
}

.accordion .accordion-item {
  border: none;
  margin-bottom: 20px;
}
.accordion .accordion-item:last-child {
  margin-bottom: 0;
}
.accordion .accordion-item .accordion-header .accordion-button {
  background: #FFFFFF;
  border: 1px solid #EDEDED;
  border-radius: 10px;
  padding: 18px 50px 18px 20px;
  font-family: var(--bodyFontFamily);
  font-weight: 500;
  font-size: 16px;
  color: var(--headingColor);
  transition: var(--transition);
}
.accordion .accordion-item .accordion-header .accordion-button:focus {
  box-shadow: none;
  outline: 0;
}
.accordion .accordion-item .accordion-header .accordion-button span {
  color: var(--secondaryColor);
  margin-right: 10px;
}
.accordion .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
  content: "\ea57";
}
.accordion .accordion-item .accordion-header .accordion-button::after {
  background-image: none;
  content: "\ea4a";
  position: absolute;
  top: 46%;
  right: 18px;
  transform: translateY(-50%);
  color: var(--secondaryColor);
  font-family: boxicons !important;
  font-size: 25px;
}
.accordion .accordion-item .accordion-body {
  padding: 10px 20px 0px 20px;
}
.accordion .accordion-item .accordion-body p {
  color: var(--paragraphColor);
}

/* --------------------------------------
Start Error Area 
-----------------------------------------*/
.single-error-content {
  max-width: 500px;
  margin: auto;
}
.single-error-content img {
  margin-bottom: 30px;
}
.single-error-content .error-text h1 {
  font-size: 25px;
  margin-bottom: 25px;
}
.single-error-content .error-text p {
  margin-bottom: 25px;
}

/* --------------------------------------
Start Contact Map Area
-----------------------------------------*/
.maps {
  border-radius: 10px;
}
.maps .map {
  width: 100%;
  height: 720px;
  border-radius: 10px;
  display: block;
}

/* --------------------------------------
Start Contact Us Area
-----------------------------------------*/
.single-contact-box {
  background: #FFFFFF;
  box-shadow: 0px 10px 40px rgba(54, 54, 54, 0.05);
  border-radius: 10px;
  padding: 45px 50px;
}

.single-contact-left-content {
  padding-right: 50px;
}
.single-contact-left-content.contact-right-content {
  padding-right: 0;
  padding-left: 20px;
}
.single-contact-left-content .contact-title {
  margin-bottom: 45px;
}
.single-contact-left-content .contact-title h2 {
  font-size: 22px;
  margin-bottom: 18px;
}
.single-contact-left-content .contact-us-item {
  position: relative;
  padding-left: 90px;
  max-width: 363px;
  margin-bottom: 30px;
}
.single-contact-left-content .contact-us-item .contact-icon {
  background: rgba(90, 104, 239, 0.15);
  border-radius: 10px;
  width: 70px;
  height: 70px;
  line-height: 70px;
  text-align: center;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
}
.single-contact-left-content .contact-us-item h5 {
  font-size: 16px;
  font-weight: 500;
  font-family: var(--bodyFontFamily);
  margin-bottom: 10px;
}
.single-contact-left-content .contact-us-item p {
  line-height: 32px;
}
.single-contact-left-content .contact-us-item p a {
  color: var(--paragraphColor);
}
.single-contact-left-content .contact-us-item p a:hover {
  color: var(--mainColor);
}
.single-contact-left-content .contact-list ul {
  padding: 0;
  margin: 0;
}
.single-contact-left-content .contact-list ul li {
  list-style-type: none;
  display: inline-block;
  margin-right: 10px;
}
.single-contact-left-content .contact-list ul li:last-child {
  margin-right: 0;
}
.single-contact-left-content .contact-list ul li span {
  font-size: 16px;
  font-family: var(--bodyFontFamily);
  font-weight: 500;
  color: #000000;
  margin-right: 10px;
  position: relative;
  top: -2px;
}
.single-contact-left-content .contact-list ul li a {
  width: 30px;
  height: 30px;
  line-height: 34px;
  display: inline-block;
  background: #EFF0FD;
  color: #4267B2;
  border-radius: 50px;
  font-size: 18px;
  text-align: center;
}
.single-contact-left-content .contact-list ul li a img {
  position: relative;
  top: -3px;
  transition: var(--transition);
}
.single-contact-left-content .contact-list ul li a:hover {
  background-color: var(--mainColor);
  color: var(--whiteColor);
}
.single-contact-left-content .contact-list ul li a:hover img {
  filter: brightness(10);
}
.single-contact-left-content .contact-list ul li .bg-icon-color {
  color: #1DA1F2;
}
.single-contact-left-content .contact-list ul li .bg-icon-color-1 {
  color: #E60023;
}
.single-contact-left-content .form-group {
  margin-bottom: 25px;
}
.single-contact-left-content .form-group .form-label {
  font-size: 16px;
  color: var(--headingColor);
  margin-bottom: 10px;
}
.single-contact-left-content .form-group .form-control {
  padding: 14.5px 25px;
  background: #FFFFFF;
  border: 1px solid #D9D9D9;
  border-radius: 10px;
  color: var(--headingColor);
}
.single-contact-left-content .form-group .form-control::-moz-placeholder {
  color: var(--paragraphColor);
}
.single-contact-left-content .form-group .form-control::placeholder {
  color: var(--paragraphColor);
}
.single-contact-left-content .form-group .form-control:focus {
  box-shadow: none;
  transition: var(--transition);
  border: 1px solid var(--mainColor);
}
.single-contact-left-content .form-group .form-control:focus::-moz-placeholder {
  color: transparent;
  -moz-transition: var(--transition);
  transition: var(--transition);
}
.single-contact-left-content .form-group .form-control:focus::placeholder {
  color: transparent;
  transition: var(--transition);
}
.single-contact-left-content .form-group .form-check .form-check-input {
  width: 20px;
  height: 20px;
  border-radius: 50px;
  background: rgba(90, 104, 239, 0.15);
  border: none;
  position: relative;
  top: -2px;
}
.single-contact-left-content .form-group .form-check .form-check-input:checked {
  background-image: none;
  position: relative;
}
.single-contact-left-content .form-group .form-check .form-check-input:checked::after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 50px;
  background-color: var(--mainColor);
  left: 0;
  right: 0;
  margin: auto;
  top: 50%;
  transform: translateY(-50%);
}
.single-contact-left-content .form-group .form-check .form-check-input:focus {
  box-shadow: none;
}
.single-contact-left-content .form-group .form-check .form-check-label {
  cursor: pointer;
}
.single-contact-left-content .form-group .form-check .form-check-label a {
  color: var(--mainColor);
  margin: 0px 5px;
}
.single-contact-left-content .form-group .form-check .form-check-label a:hover {
  color: var(--secondaryColor);
}

/* --------------------------------------
Start My Account Area
-----------------------------------------*/
.single-login-form {
  border-radius: 10px;
  padding: 52px 47px;
  background-color: #F9F9F9;
  margin-bottom: 25px;
}
.single-login-form.login-pages {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}
.single-login-form h2 {
  font-size: 24px;
  margin-bottom: 20px;
}
.single-login-form .form-group {
  margin-bottom: 20px;
  position: relative;
}
.single-login-form .form-group:hover .hide-icon {
  opacity: 1;
  visibility: visible;
}
.single-login-form .form-group .hide-icon {
  position: absolute;
  top: 52%;
  transform: translateY(-50%);
  right: 20px;
  opacity: 0;
  visibility: hidden;
  transition: var(--transition);
}
.single-login-form .form-group .hide-icon i {
  color: var(--mainColor);
  cursor: pointer;
}
.single-login-form .form-group .form-control {
  background-color: var(--whiteColor);
  border: 1px solid var(--whiteColor);
  border-radius: 5px;
  padding: 17px 45px 17px 25px;
  line-height: 10px;
  transition: var(--transition);
  color: var(--headingColor);
  font-size: 16px;
}
.single-login-form .form-group .form-control::-moz-placeholder {
  color: var(--paragraphColor);
}
.single-login-form .form-group .form-control::placeholder {
  color: var(--paragraphColor);
}
.single-login-form .form-group .form-control:focus {
  box-shadow: none;
  border: 1px solid var(--mainColor);
}
.single-login-form .form-group .form-control:focus::-moz-placeholder {
  color: transparent;
  -moz-transition: var(--transition);
  transition: var(--transition);
}
.single-login-form .form-group .form-control:focus::placeholder {
  color: transparent;
  transition: var(--transition);
}
.single-login-form .form-group2 {
  margin: 13px 0px 30px 0px;
}
.single-login-form .form-group2 .form-check .form-check-input {
  border: 1px solid var(--mainColor);
  border-radius: 50px;
  width: 20px;
  height: 20px;
  transition: var(--transition);
  border: none;
  background-color: var(--whiteColor);
  position: relative;
  top: -1px;
}
.single-login-form .form-group2 .form-check .form-check-input:checked {
  background-image: none;
  position: relative;
}
.single-login-form .form-group2 .form-check .form-check-input:checked::after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 50px;
  background-color: var(--mainColor);
  left: 0;
  right: 0;
  margin: auto;
  top: 50%;
  transform: translateY(-50%);
}
.single-login-form .form-group2 .form-check .form-check-input:focus {
  box-shadow: none;
}
.single-login-form .form-group2 .form-check .form-check-label {
  color: var(--paragraphColor);
  cursor: pointer;
}
.single-login-form .form-group2 .form-text a {
  color: var(--mainColor);
  font-size: 16px;
}
.single-login-form .default-btn {
  width: 100%;
}
.single-login-form .default-btn.btn-two {
  background-color: var(--secondaryColor);
}
.single-login-form .default-btn.btn-two:hover {
  background-color: var(--mainColor);
}

/* -----------------------------------
Start Pricing Plan Area 
---------------------------------------*/
.single-pricing-card {
  background: #FFFFFF;
  box-shadow: 0px 10px 40px rgba(54, 54, 54, 0.05);
  border-radius: 10px;
  padding: 40px;
  margin-bottom: 25px;
}
.single-pricing-card .pricing-header-content {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #EBEBEB;
}
.single-pricing-card .pricing-header-content h2 {
  font-size: 18px;
  margin-bottom: 20px;
}
.single-pricing-card .pricing-header-content h3 {
  font-size: 30px;
}
.single-pricing-card .pricing-header-content h3 span {
  font-size: 16px;
  font-family: var(--bodyFontFamily);
  font-weight: 400;
}
.single-pricing-card .pricing-body-list {
  margin-bottom: 30px;
}
.single-pricing-card .pricing-body-list ul {
  padding: 0;
  margin: 0;
}
.single-pricing-card .pricing-body-list ul li {
  list-style-type: none;
  font-size: 16px;
  margin-bottom: 10px;
}
.single-pricing-card .pricing-body-list ul li:last-child {
  margin-bottom: 0;
}
.single-pricing-card .default-btn {
  width: 100%;
  border: 1px solid rgba(255, 83, 0, 0.5);
  border-radius: 50px;
  color: var(--mainColor);
  background-color: transparent;
}
.single-pricing-card .default-btn::after {
  background-color: var(--mainColor);
}
.single-pricing-card .default-btn:hover {
  color: var(--whiteColor);
}
.single-pricing-card:hover .default-btn {
  background-color: var(--mainColor);
  color: var(--whiteColor);
}

/* -----------------------------------
Start Traveler Two Certificate Area
---------------------------------------*/
.traveler-certificate-two-area {
  background-color: #F8F7F7;
  overflow: hidden;
}
.traveler-certificate-two-area .container-fluid {
  padding-left: 0;
  padding-right: 0;
}

.single-certificate-two-content.certificate-three-content {
  background: #FFFFFF;
  border: 1px solid rgba(90, 104, 239, 0.2);
  border-radius: 10px;
  padding: 40px;
}
.single-certificate-two-content.certificate-three-content .feedback-content {
  padding: 0;
}
.single-certificate-two-content.certificate-three-content.testimonials-page {
  margin-bottom: 25px;
}
.single-certificate-two-content .feedback-content {
  background-color: var(--whiteColor);
  border-radius: 10px;
  padding: 35px;
  margin-bottom: 25px;
}
.single-certificate-two-content .feedback-content .certificate-heading {
  margin-bottom: 24px;
}
.single-certificate-two-content .feedback-content .certificate-heading h3 {
  font-size: 22px;
}
.single-certificate-two-content .feedback-content .certificate-heading ul {
  padding: 0;
  margin: 0;
}
.single-certificate-two-content .feedback-content .certificate-heading ul li {
  list-style-type: none;
  display: inline-block;
}
.single-certificate-two-content .feedback-content .certificate-heading ul li i {
  color: #FCA120;
  font-size: 18px;
  position: relative;
  top: 2px;
}
.single-certificate-two-content .certificate-feedback-content img {
  margin-right: 25px;
}
.single-certificate-two-content .certificate-feedback-content .feedback-text h4 {
  font-size: 18px;
  margin-bottom: 5px;
}
.single-certificate-two-content .certificate-feedback-content .quote i {
  font-size: 67px;
  color: rgba(255, 83, 0, 0.1);
  position: absolute;
  bottom: 35px;
  right: 40px;
}

/* -----------------------------------
Start Who Guide Your Area
---------------------------------------*/
.single-guide-card {
  position: relative;
  background: #FFFFFF;
  border: 1px solid rgba(90, 104, 239, 0.2);
  border-radius: 10px;
  transition: var(--transition);
  margin-bottom: 25px;
}
.single-guide-card .guide-list {
  position: relative;
}
.single-guide-card .guide-list:hover ul {
  opacity: 1;
  visibility: visible;
  right: 30px;
}
.single-guide-card .guide-list .share-icon {
  position: absolute;
  right: 30px;
  top: -17px;
  width: 33px;
  height: 33px;
  line-height: 37px;
  border-radius: 50px;
  text-align: center;
  background-color: var(--mainColor);
  color: var(--whiteColor);
  font-size: 16px;
  transition: var(--transition);
  cursor: pointer;
}
.single-guide-card .guide-list .share-icon:hover {
  background-color: var(--secondaryColor);
  color: var(--whiteColor);
}
.single-guide-card .guide-list ul {
  padding: 0;
  margin: 0;
  position: absolute;
  top: -137px;
  right: 0;
  opacity: 0;
  visibility: hidden;
  transition: var(--transition);
}
.single-guide-card .guide-list ul li {
  list-style-type: none;
  margin-bottom: 10px;
}
.single-guide-card .guide-list ul li:last-child {
  margin-bottom: 0;
}
.single-guide-card .guide-list ul li:nth-child(1) {
  transition: 2s;
}
.single-guide-card .guide-list ul li:nth-child(2) {
  transition: 3s;
}
.single-guide-card .guide-list ul li:nth-child(2) a {
  color: #1DA1F2;
}
.single-guide-card .guide-list ul li:nth-child(3) {
  transition: 4s;
}
.single-guide-card .guide-list ul li:nth-child(3) a {
  color: #E60023;
}
.single-guide-card .guide-list ul li a {
  width: 30px;
  height: 30px;
  line-height: 34px;
  border-radius: 50px;
  font-size: 16px;
  background-color: var(--whiteColor);
  color: #4267B2;
  display: inline-block;
  text-align: center;
}
.single-guide-card .guide-list ul li a:hover {
  background-color: var(--mainColor);
  color: var(--whiteColor);
}
.single-guide-card .guide-img img {
  border-radius: 10px;
}
.single-guide-card .guide-content {
  padding: 30px 30px 25px 30px;
}
.single-guide-card .guide-content h3 {
  font-size: 18px;
  margin-bottom: 10px;
}
.single-guide-card:hover {
  background: #FFFFFF;
  box-shadow: 0px 10px 40px rgba(54, 54, 54, 0.05);
  border-radius: 10px;
  border: 1px solid var(--whiteColor);
}

/* -----------------------------------
Start Blog Two Area 
---------------------------------------*/
.blog-two-area {
  position: relative;
  z-index: 2;
}

.single-blog-two-card {
  background: #FFFFFF;
  border: 1px solid rgba(90, 104, 239, 0.2);
  border-radius: 10px;
  margin-bottom: 25px;
}
.single-blog-two-card.blog-style-three {
  margin: 20px 0px 25px 20px;
  z-index: 1;
  transition: var(--transition);
}
.single-blog-two-card.blog-style-three:hover {
  background: #FFFFFF;
  box-shadow: 0px 10px 40px rgba(54, 54, 54, 0.05);
  border: 1px solid var(--whiteColor);
}
.single-blog-two-card.blog-style-three::after {
  background: rgba(255, 83, 0, 0.1);
  border-radius: 10px 0px;
  width: 220px;
  height: 220px;
  content: "";
  position: absolute;
  left: 11px;
  top: 0;
  z-index: -1;
}
.single-blog-two-card.blog-style-three .blog-two-content {
  padding: 25px;
}
.single-blog-two-card .blog-image-2 img {
  border-radius: 10px;
}
.single-blog-two-card .blog-two-content {
  padding: 30px;
}
.single-blog-two-card .blog-two-content ul {
  padding: 0;
  margin: 0;
  margin-bottom: 20px;
}
.single-blog-two-card .blog-two-content ul li {
  list-style-type: none;
  display: inline-block;
  margin-right: 30px;
  padding-left: 30px;
  position: relative;
}
.single-blog-two-card .blog-two-content ul li:last-child {
  margin-right: 0;
}
.single-blog-two-card .blog-two-content ul li a {
  margin-left: 3px;
  color: var(--paragraphColor);
}
.single-blog-two-card .blog-two-content ul li a:hover {
  color: var(--mainColor);
}
.single-blog-two-card .blog-two-content ul li img {
  position: absolute;
  left: 0;
  top: 46%;
  transform: translateY(-50%);
}
.single-blog-two-card .blog-two-content ul li i {
  font-size: 18px;
  color: var(--mainColor);
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.single-blog-two-card .blog-two-content h3 {
  font-size: 22px;
  line-height: 32px;
}
.single-blog-two-card .blog-two-content h3 a {
  color: var(--headingColor);
}
.single-blog-two-card .blog-two-content h3 a:hover {
  color: var(--mainColor);
}
.single-blog-two-card .blog-two-content p {
  margin-top: 17px;
}

/* ----------------------------------
Start Adventure Details Area 
------------------------------------*/
.adventure-details-img {
  margin-bottom: 40px;
}
.adventure-details-img img {
  border-radius: 10px;
}

.single-adventure-details-content {
  padding-right: 75px;
}
.single-adventure-details-content.tags-pages {
  padding-right: 0;
}
.single-adventure-details-content .adventure-text h2 {
  font-size: 25px;
  margin-bottom: 25px;
  font-weight: bold;
}
.single-adventure-details-content .adventure-text p {
  margin-bottom: 15px;
}
.single-adventure-details-content .adventure-text .adventureimg-2 {
  margin-top: 45px;
  margin-bottom: 25px;
}
.single-adventure-details-content .adventure-choose-list {
  margin-top: 38px;
  margin-bottom: 38px;
}
.single-adventure-details-content .adventure-choose-list h2 {
  font-size: 25px;
  margin-bottom: 18px;
}
.single-adventure-details-content .adventure-choose-list ul {
  padding: 0;
  margin: 0;
  margin-bottom: 18px;
}
.single-adventure-details-content .adventure-choose-list ul li {
  list-style-type: none;
  margin-bottom: 10px;
}
.single-adventure-details-content .adventure-choose-list ul li:last-child {
  margin-bottom: 0;
}
.single-adventure-details-content .adventure-table-content {
  margin-bottom: 40px;
}
.single-adventure-details-content .adventure-table-content h2 {
  font-size: 25px;
  margin-bottom: 25px;
}
.single-adventure-details-content .similar-trips h2 {
  font-size: 25px;
  margin-bottom: 25px;
}

.table-responsive {
  background: #FFFFFF;
  box-shadow: 0px 10px 40px rgba(54, 54, 54, 0.05);
}
.table-responsive .table thead {
  background: #FFFFFF;
  box-shadow: 0px 10px 40px rgba(54, 54, 54, 0.05);
  border: none;
}
.table-responsive .table thead tr {
  text-align: center;
}
.table-responsive .table thead tr th {
  font-size: 15px;
  font-family: var(--fontFamily);
  font-weight: bold;
  line-height: 22px;
  padding: 14px 10px;
  border: none;
  white-space: nowrap;
}
.table-responsive .table .table-group-divider {
  border: none;
}
.table-responsive .table .table-group-divider tr {
  text-align: center;
  border-bottom: 1px solid #EBEBEB;
}
.table-responsive .table .table-group-divider tr:last-child {
  border: none;
}
.table-responsive .table .table-group-divider tr:last-child td {
  padding-bottom: 20px;
}
.table-responsive .table .table-group-divider tr td {
  vertical-align: middle;
  color: var(--paragraphColor);
  padding: 28px 0px 18px 0px;
  border: none;
  white-space: nowrap;
}
.table-responsive .table .table-group-divider tr td .default-btn {
  background-color: transparent;
  border: 1px solid rgba(255, 83, 0, 0.5);
  border-radius: 50px;
  color: var(--mainColor);
  font-size: 15px;
  font-weight: 600;
  font-family: var(--bodyFontFamily);
  line-height: 25px;
}
.table-responsive .table .table-group-divider tr td .default-btn::after {
  background-color: var(--mainColor);
}
.table-responsive .table .table-group-divider tr td .default-btn:hover {
  color: var(--whiteColor);
}
.table-responsive .table .table-group-divider tr th {
  font-size: 16px;
  color: var(--headingColor);
  font-family: var(--bodyFontFamily);
  font-weight: 400;
  vertical-align: middle;
  padding: 28px 0px 18px 0px;
  border: none;
  white-space: nowrap;
}

.trip-information {
  background: #F9F9F9;
  border-radius: 10px;
  padding: 35px 40px;
  margin-left: -50px;
}
.trip-information h2 {
  font-size: 22px;
  margin-bottom: 25px;
}
.trip-information ul {
  padding: 0;
  margin: 0;
}
.trip-information ul li {
  list-style-type: none;
  margin-bottom: 15px;
  font-size: 16px;
  font-weight: 500;
  color: var(--headingColor);
  font-family: var(--bodyFontFamily);
  position: relative;
}
.trip-information ul li:last-child {
  margin-bottom: 0;
}
.trip-information ul li span {
  font-size: 16px;
  font-weight: 400;
  color: var(--paragraphColor);
  font-family: var(--bodyFontFamily);
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

/* ------------------------------------
Start preloader Area
---------------------------------------*/
.preloader-whirlpool {
  position: fixed;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background: var(--whiteColor);
  width: 100%;
  height: 100%;
  z-index: 1050;
}
.preloader-whirlpool .whirlpool {
  position: absolute;
  top: 41%;
  left: 0;
  right: 0;
  border: 1px solid rgb(204, 204, 204);
  border-left-color: rgb(0, 0, 0);
  border-radius: 974px;
  margin: auto;
  height: 150px;
  width: 150px;
  animation: cssload-rotate 3s linear infinite;
}
.preloader-whirlpool .whirlpool::before, .preloader-whirlpool .whirlpool::after {
  position: absolute;
  top: 50%;
  left: 50%;
  border: 1px solid rgb(204, 204, 204);
  border-left-color: rgb(0, 0, 0);
  border-radius: 974px;
}
.preloader-whirlpool .whirlpool::before {
  content: "";
  margin: -35px 0 0 -35px;
  height: 70px;
  width: 70px;
  animation: cssload-rotate 2s linear infinite;
}
.preloader-whirlpool .whirlpool::after {
  content: "";
  margin: -61px 0 0 -61px;
  height: 120px;
  width: 120px;
  animation: cssload-rotate 3s linear infinite;
}

@keyframes cssload-rotate {
  100% {
    transform: rotate(360deg);
  }
}
/* ----------------------------------
Start Gallery Masonry Area
------------------------------------*/
.gallery-masonry-img {
  position: relative;
  margin-bottom: 25px;
}
.gallery-masonry-img:hover::after {
  opacity: 1;
  visibility: visible;
}
.gallery-masonry-img:hover .gallery-masonry-icon {
  opacity: 1;
  visibility: visible;
}
.gallery-masonry-img::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(54, 54, 54, 0.6);
  border-radius: 10px;
  opacity: 0;
  visibility: hidden;
  transition: var(--transition);
}
.gallery-masonry-img .gallery-masonry-icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  text-align: center;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  transition: var(--transition);
}
.gallery-masonry-img .gallery-masonry-icon a {
  width: 50px;
  height: 50px;
  line-height: 59px;
  border-radius: 50px;
  font-size: 30px;
  color: var(--mainColor);
  background-color: var(--whiteColor);
  display: inline-block;
  text-align: center;
  transition: var(--transition);
}
.gallery-masonry-img .gallery-masonry-icon a:hover {
  background-color: var(--mainColor);
  color: var(--whiteColor);
}

/* ----------------------------------
Page-navigation Area Styler
------------------------------------*/
.pagination-area {
  text-align: center;
  margin-top: 25px;
}
.pagination-area .page-numbers {
  width: 42px;
  height: 42px;
  line-height: 42px;
  color: var(--headingColor);
  text-align: center;
  display: inline-block;
  position: relative;
  background-color: #EBEBEB;
  font-size: 13px;
  font-family: var(--bodyFontFamily);
  font-weight: 600;
  border-radius: 50px;
  transition: var(--transition);
  margin-right: 10px;
}
.pagination-area .page-numbers i {
  font-size: 20px;
  position: relative;
  top: 5px;
  left: 2px;
  color: var(--headingColor);
  transition: var(--transition);
}
.pagination-area .page-numbers.current {
  color: var(--whiteColor);
  transition: var(--transition);
  background-color: var(--mainColor);
}
.pagination-area .page-numbers.current:hover {
  background-color: var(--secondaryColor);
  color: var(--whiteColor);
}
.pagination-area .page-numbers:last-child {
  margin-right: 0;
}
.pagination-area .page-numbers:hover {
  color: var(--whiteColor);
  background-color: var(--mainColor);
}
.pagination-area .page-numbers:hover i {
  color: var(--whiteColor);
}

/* -----------------------------------
Start Popular Package Area 
---------------------------------------*/
.popular-package-area {
  position: relative;
  overflow: hidden;
  background-color: #F8F7F7;
}
.popular-package-area .container-fluid {
  padding-left: 0;
  padding-right: 0;
}
.popular-package-area .section-title {
  margin-bottom: 20px;
}
.popular-package-area.popular-package-three-area .section-title {
  margin-bottom: 40px;
}

.popular-package-two-area {
  overflow: hidden;
  position: relative;
}
.popular-package-two-area .section-title {
  max-width: 621px;
  margin-left: auto;
  margin-right: auto;
}

.single-popular-package-card {
  margin-bottom: 25px;
}
.single-popular-package-card.popular-card-two .popular-package-img .popular-shape {
  left: 47px;
  top: 47px;
}
.single-popular-package-card.popular-card-two .single-popular-content {
  border: 1px solid rgba(90, 104, 239, 0.2);
  border-radius: 10px;
  transition: var(--transition);
}
.single-popular-package-card.popular-card-two:hover .single-popular-content {
  box-shadow: 0px 10px 40px rgba(54, 54, 54, 0.05);
  border-radius: 10px;
  border: 1px solid var(--whiteColor);
}
.single-popular-package-card.adventure-card {
  background: #FFFFFF;
  box-shadow: 0px 10px 40px rgba(54, 54, 54, 0.05);
  border-radius: 0px 0px 10px 10px;
}
.single-popular-package-card.adventure-card .single-popular-content {
  padding: 35px;
  margin-top: 0;
}
.single-popular-package-card.adventure-card .single-popular-content h3 a {
  color: var(--headingColor);
}
.single-popular-package-card.adventure-card .single-popular-content h3 a:hover {
  color: var(--mainColor);
}
.single-popular-package-card.packages-three-content .popular-package-img {
  padding: 0;
}
.single-popular-package-card.packages-three-content .popular-package-img img {
  border-radius: 10px 10px 0px 0px;
}
.single-popular-package-card.packages-three-content .single-popular-content {
  margin-top: unset;
  padding: 35px;
}
.single-popular-package-card .popular-package-img {
  padding: 35px;
  position: relative;
  transition: var(--transition);
}
.single-popular-package-card .popular-package-img .popular-shape {
  position: absolute;
  left: 70px;
  top: 65px;
  transition: var(--transition);
  opacity: 0;
  visibility: hidden;
}
.single-popular-package-card .popular-package-img img {
  border-radius: 100%;
}
.single-popular-package-card .single-popular-content {
  background-color: var(--whiteColor);
  padding: 190px 35px 35px 35px;
  margin-top: -210px;
  border-radius: 10px;
}
.single-popular-package-card .single-popular-content .popular-package-day {
  margin-bottom: 25px;
}
.single-popular-package-card .single-popular-content .popular-package-day img {
  margin-right: 12px;
  position: relative;
  top: -2px;
}
.single-popular-package-card .single-popular-content .popular-package-day i {
  color: var(--mainColor);
  font-size: 22px;
  position: relative;
  top: 3px;
  margin-right: 14px;
}
.single-popular-package-card .single-popular-content .package-text {
  margin-bottom: 20px;
}
.single-popular-package-card .single-popular-content .package-text h3 {
  font-size: 22px;
}
.single-popular-package-card .single-popular-content .package-text h5 {
  font-size: 22px;
  color: #6B6B6B;
}
.single-popular-package-card .single-popular-content .package-text h5 span {
  font-size: 15px;
  font-weight: 600;
}
.single-popular-package-card .single-popular-content .popular-buttom-content {
  margin-top: 25px;
  transition: var(--transition);
}
.single-popular-package-card .single-popular-content .popular-buttom-content .listing-icon ul {
  padding: 0;
  margin: 0;
  margin-bottom: 8px;
}
.single-popular-package-card .single-popular-content .popular-buttom-content .listing-icon ul li {
  list-style-type: none;
  display: inline-block;
}
.single-popular-package-card .single-popular-content .popular-buttom-content .listing-icon ul li i {
  font-size: 18px;
  color: #FCA120;
}
.single-popular-package-card .single-popular-content .popular-buttom-content .default-btn {
  background-color: transparent;
  background: #FFFFFF;
  border: 1px solid rgba(255, 83, 0, 0.5);
  border-radius: 50px;
  color: var(--mainColor);
  font-size: 15px;
  font-weight: 600;
}
.single-popular-package-card .single-popular-content .popular-buttom-content .default-btn::after {
  background-color: transparent;
}
.single-popular-package-card:hover .popular-package-img .popular-shape {
  opacity: 1;
  visibility: visible;
}
.single-popular-package-card:hover .single-popular-content .popular-buttom-content .default-btn {
  color: var(--whiteColor);
  background-color: var(--mainColor);
}

/* -----------------------------------
Start Who We Are Area
---------------------------------------*/
.traveling-area {
  position: relative;
  overflow: hidden;
}

.single-traveling-content .section-title h2 {
  margin-bottom: 24px;
}
.single-traveling-content .section-title p {
  max-width: 682px;
}
.single-traveling-content .col-lg-6:nth-child(2) .traveling-card {
  position: relative;
  right: 28px;
}

.traveling-card {
  position: relative;
  padding-left: 100px;
}
.traveling-card:hover .traveling-icon .traveling-shape {
  opacity: 0;
  visibility: hidden;
}
.traveling-card:hover .traveling-icon i {
  color: var(--whiteColor);
}
.traveling-card:hover .traveling-icon .traveling-shape-2 {
  opacity: 1;
  visibility: visible;
}
.traveling-card .traveling-icon {
  position: absolute;
  left: 0;
  top: 0;
}
.traveling-card .traveling-icon img {
  max-width: 82px;
}
.traveling-card .traveling-icon .traveling-shape {
  transition: var(--transition);
  z-index: -1;
}
.traveling-card .traveling-icon i {
  position: absolute;
  left: 0;
  right: 0;
  top: 59%;
  transform: translateY(-50%);
  text-align: center;
  font-size: 47px;
  color: var(--headingColor);
  transition: var(--transition);
}
.traveling-card .traveling-icon .traveling-shape-2 {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  transition: var(--transition);
  opacity: 0;
  visibility: hidden;
  z-index: -1;
}
.traveling-card h3 {
  font-size: 22px;
  margin-bottom: 20px;
}

.single-traveling-image {
  margin-left: 14px;
  position: relative;
}
.single-traveling-image .traveling-img-2 {
  position: absolute;
  bottom: 0;
  left: -58px;
}
.single-traveling-image .traveling-img-2 img {
  border-radius: 100%;
}

/* -----------------------------------
Start Among All Area
---------------------------------------*/
.among-area {
  position: relative;
  overflow: hidden;
}

.single-among-card {
  margin-bottom: 25px;
  transition: var(--transition);
}
.single-among-card.take-yourself-card {
  border: 1px solid rgba(90, 104, 239, 0.2);
  border-radius: 10px;
  transition: var(--transition);
}
.single-among-card.take-yourself-card .among-img {
  border-radius: 10px;
}
.single-among-card.take-yourself-card .among-img img {
  border-radius: 10px;
}
.single-among-card.take-yourself-card .among-content {
  border: none;
}
.single-among-card.take-yourself-card .among-content h3 {
  font-size: 22px;
  margin-bottom: 20px;
}
.single-among-card.take-yourself-card:hover {
  background: #FFFFFF;
  box-shadow: 0px 10px 40px rgba(54, 54, 54, 0.05);
  border-radius: 0px 0px 10px 10px;
  border: 1px solid var(--whiteColor);
}
.single-among-card.take-yourself-card:hover .among-img img {
  transform: unset;
}
.single-among-card.take-yourself-card:hover .among-content {
  border: none;
}
.single-among-card .among-img {
  overflow: hidden;
  border-radius: 10px 10px 0px 0px;
}
.single-among-card .among-img img {
  border-radius: 10px 10px 0px 0px;
  transition: var(--transition);
}
.single-among-card .among-content {
  background: #FFFFFF;
  border: 1px solid rgba(90, 104, 239, 0.2);
  border-radius: 0px 0px 10px 10px;
  padding: 25px 30px;
  transition: var(--transition);
}
.single-among-card .among-content .among-text {
  margin-bottom: 20px;
}
.single-among-card .among-content .among-text h3 {
  font-size: 22px;
  transition: var(--transition);
}
.single-among-card:hover .among-img img {
  transform: scale(1.1);
}
.single-among-card:hover .among-content {
  background: #FFFFFF;
  box-shadow: 0px 10px 40px rgba(54, 54, 54, 0.05);
  border-radius: 0px 0px 10px 10px;
  border: 1px solid var(--whiteColor);
}
.single-among-card:hover .among-content .among-text h3 {
  color: var(--mainColor);
}

/* -----------------------------------
Start Tour Packages Two Area
---------------------------------------*/
.tour-packages-two-area {
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.tour-packages-two-area .popular-shape-1 {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
}
.tour-packages-two-area .container-fluid {
  padding-left: 0;
  padding-right: 0;
}

.tour-packgaes-two-img img {
  border-radius: 0px 10px 10px 0px;
  max-width: 840px;
}

.single-tour-packages-content {
  margin-left: 120px;
  max-width: 700px;
  padding-top: 90px;
}
.single-tour-packages-content.about-page-packages {
  margin-left: 0;
  padding-top: 0;
}
.single-tour-packages-content.about-page-packages .default-btn {
  background-color: var(--secondaryColor);
  color: var(--whiteColor);
}
.single-tour-packages-content.about-page-packages .default-btn::after {
  background-color: var(--mainColor);
}
.single-tour-packages-content .default-btn {
  background-color: var(--secondaryColor);
  font-size: 15px;
}
.single-tour-packages-content .default-btn::after {
  background-color: var(--mainColor);
}

.about-packgaes-two-img img {
  border-radius: 10px;
}

/* -----------------------------------
Start Packages Slider Area
---------------------------------------*/
.packages-slider-item {
  margin-top: -304px;
  position: relative;
  z-index: 2;
}
.packages-slider-item.about-packages-slider {
  max-width: 1270px;
  margin-top: -350px;
  margin-bottom: 45px;
}

/* -----------------------------------
Start download Area
---------------------------------------*/
.download-area {
  position: relative;
  background-color: #F8F7F7;
  padding-top: 135px;
  padding-bottom: 135px;
  z-index: 1;
}
.download-area .download-main-img {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}
.download-area .download-shape {
  position: absolute;
  bottom: 30px;
  left: 0;
  right: 325px;
  text-align: center;
  z-index: -1;
}
.download-area .download-shape-2 {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
}

.download-content {
  max-width: 700px;
}
.download-content .section-title {
  margin-bottom: 36px;
}
.download-content .section-title p {
  padding-right: 15px;
}
.download-content .download-btn .default-btn img {
  margin-right: 6px;
}
.download-content .download-btn .default-btn.btn-2 {
  background-color: var(--secondaryColor);
  margin-left: 20px;
}
.download-content .download-btn .default-btn.btn-2::after {
  background-color: var(--mainColor);
}

/* -----------------------------------
Start Traveler's Certificate Area
---------------------------------------*/
.traveler-sertificate-area {
  position: relative;
  z-index: 2;
  overflow: hidden;
}

.single-traveler-slider-item {
  position: relative;
}
.single-traveler-slider-item .nav {
  margin-right: 45px !important;
  position: relative;
  top: 35px;
}
.single-traveler-slider-item .nav .nav-link {
  width: 80px;
  height: 80px;
  border-radius: 50px;
  padding: 0;
  margin-bottom: 25px;
  position: relative;
}
.single-traveler-slider-item .nav .nav-link::after {
  content: "";
  position: absolute;
  top: -9.5px;
  left: -9.5px;
  right: 0;
  bottom: 0;
  width: 100px;
  height: 100px;
  border: 1px solid var(--mainColor);
  border-radius: 100%;
  opacity: 0;
  visibility: hidden;
  transition: var(--transition);
}
.single-traveler-slider-item .nav .nav-link:last-child {
  margin-bottom: 0;
}
.single-traveler-slider-item .nav .nav-link.active {
  background-color: transparent;
}
.single-traveler-slider-item .nav .nav-link.active::after {
  opacity: 1;
  visibility: visible;
}

.traveler-img {
  text-align: center;
}
.traveler-img img {
  max-width: 367px;
  border-radius: 10px;
}

.single-traveler-content {
  padding: 34px 36px 34px 36px;
  background: #FFFFFF;
  border: 1px solid rgba(90, 104, 239, 0.2);
  border-radius: 10px;
  position: relative;
  z-index: 1;
}
.single-traveler-content .traveler-shape {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: -1;
}
.single-traveler-content .traveler-text {
  margin-bottom: 22px;
}
.single-traveler-content .traveler-text h3 {
  font-size: 22px;
}
.single-traveler-content .traveler-text i {
  font-size: 40px;
  color: var(--mainColor);
}
.single-traveler-content p {
  font-size: 20px;
  line-height: 36px;
  font-weight: 300;
  margin-bottom: 17px;
}
.single-traveler-content h5 {
  font-size: 18px;
  margin-bottom: 10px;
}

/* -----------------------------------
start blog Area
---------------------------------------*/
.blog-area {
  position: relative;
  overflow: hidden;
}

.single-blog-card {
  margin-bottom: 25px;
}
.single-blog-card .blog-img {
  border-radius: 10px 10px 0px 0px;
  overflow: hidden;
  position: relative;
}
.single-blog-card .blog-img img {
  border-radius: 10px 10px 0px 0px;
  transition: var(--transition);
}
.single-blog-card .blog-img .blog-date {
  position: absolute;
  top: 20px;
  left: 20px;
  text-align: center;
  background-color: var(--mainColor);
  border-radius: 5px;
  padding: 10px 15px 6px 15px;
}
.single-blog-card .blog-img .blog-date p {
  font-weight: 600;
  color: var(--whiteColor);
  line-height: 18px;
}
.single-blog-card .blog-img .blog-date span {
  color: var(--whiteColor);
  line-height: 18px;
}
.single-blog-card .single-blog-content {
  padding: 25px 30px 25px 30px;
  background: #FFFFFF;
  border: 1px solid rgba(90, 104, 239, 0.2);
  border-radius: 0px 0px 10px 10px;
  transition: var(--transition);
}
.single-blog-card .single-blog-content h3 {
  font-size: 22px;
  margin-bottom: 20px;
}
.single-blog-card .single-blog-content h3 a {
  color: var(--headingColor);
}
.single-blog-card:hover .blog-img img {
  transform: scale(1.2);
}
.single-blog-card:hover .single-blog-content {
  background: #FFFFFF;
  box-shadow: 0px 10px 40px rgba(54, 54, 54, 0.05);
  border-radius: 0px 0px 10px 10px;
  border: 1px solid var(--whiteColor);
}
.single-blog-card:hover .single-blog-content h3 a {
  color: var(--mainColor);
}

/* -----------------------------------
Ripple Animation
---------------------------------------*/
@keyframes ripple {
  0% {
    transform: scale(1);
  }
  75% {
    transform: scale(1.75);
    opacity: 1;
  }
  100% {
    transform: scale(2);
    opacity: 0;
  }
}
@keyframes lds-ripple {
  0% {
    top: 28px;
    left: 28px;
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    top: -1px;
    left: -1px;
    width: 58px;
    height: 58px;
    opacity: 0;
  }
}
/* -------------------------------------- 
Start Animation 
---------------------------------------*/
@keyframes movebounce {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(20px);
  }
  100% {
    transform: translateY(0px);
  }
}
@keyframes moveleftbounce {
  0% {
    transform: translateX(0px);
  }
  50% {
    transform: translateX(20px);
  }
  100% {
    transform: translateX(0px);
  }
}
.rotateme {
  animation-name: rotateme;
  animation-duration: 20s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes rotateme {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes rotate3d {
  0% {
    transform: rotateY(0deg);
  }
  100% {
    transform: rotateY(360deg);
  }
}
@keyframes animationFramesOne {
  0% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
  }
  20% {
    -webkit-transform: translate(73px, -1px) rotate(36deg);
  }
  40% {
    -webkit-transform: translate(141px, 72px) rotate(72deg);
  }
  60% {
    -webkit-transform: translate(83px, 122px) rotate(108deg);
  }
  80% {
    -webkit-transform: translate(-40px, 72px) rotate(144deg);
  }
  100% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
  }
}/*# sourceMappingURL=style.css.map */