/*===============================================
Template Name: WanderGo – Tourism & Vacation Planner HTML Template
Author:  htwandergos://templatemonoster.net/user/templycraft
Description: Description
Version: 1.0.0
Text Domain: wandergo
Tags: consulting, finance, corporate, business, consultant, multipurpose, technology, it-solution, software, agency, company, portfolio, bangking, insurance.
================================================*/

/*TABLE OF CONTENTS*/
/*=====================
01. wandergo Nav Menu Area Css
02. wandergo hero area css
03. wandergo slider thumb area css
04. wandergo feature-area css
05. wandergo section title Css
06. wandergo about area css
07. wandergo counter area css
08. wandergo destination area css
09. wandergo why choose area css
10. wandergo call to action area css
11. wandergo testimonial area css
12. wandergo gallery area css
13. wandergo faq Accordion css
14. wandergo blog area css
15. wandergo Footer Area Css
16. wandergo hero area css
17. wandergo about area css
18. wandergo-schedule-area css
19. wandergo call to action area css
20. wandergo Client gallery area css
21. wandergo testimonial area css
22. wandergo breadcumb Area css
23. wandergo contact section css
24. wandergo portfolio details css
25. wandergo blog details css
26. wandergo service details css
27. Scroll Up Css
28. wandergoro Loader Css
29. Scroll Up Css 
30. Curser pointer CSS
31. wandergoro Loader Css
=======================*/


/*=====================================
<-- 01. wandergo Nav Menu Area Css -->
=======================================*/
.wandergo_nav_manu {
    transition: 0.5s;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
}

.styl-one .row.menu-bg {
  position: relative;
  border: 1px solid #1E88E5;
  z-index: 1;
  background: #282520;
  border-radius: 10px;
  padding: 0 20px 0 30px;
}

.wandergo_nav_manu.style-2.wandergo_nav_manu {
  margin: 0;
  transition: 0.5s;
}

.sticky {
  left: 0;
  margin: auto;
  position: fixed !important;
  top: 0;
  width: 100%;
  -webkit-box-shadow: 0 2px 5px -2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 5px -2px rgba(0, 0, 0, 0.1);
  background: #050a1e !important;
  z-index: 500;
  padding: 0;
  transition: 0.5s !important;
  z-index: 500;
  -webkit-animation: 300ms running fadeInDown;
  animation: 500ms running fadeInUp;
  animation-name: slideInDown;
}

.sticky .logo {
  margin-top: 0;
}

.sticky.wandergo_nav_manu:before {
  display: none;
}

/* wandergo Menu Css*/

.styl-one nav.wandergo_menu {
  align-items: center !important;
  justify-content: center;
  display: flex;
}

.wandergo_menu ul {
  list-style: none;
  display: inline-block;
  padding: 0;
}

.wandergo_menu > ul > li {
  display: inline-block;
  position: relative;
  z-index: 2;
}

.wandergo_menu > ul > li > a {
    text-decoration: none;
    font-size: 16px;
    color: #333;
    text-transform: capitalize;
    display: inline-block;
    margin: 30px 20px;
    transition: .5s;
    font-weight: 500;
}

.wandergo_menu > ul > li > a:hover {
  color:#1E88E5;
}

nav.wandergo_menu ul li a i {
  display: inline-block;
  font-size: 12px;
  padding-left: 5px;
}

nav.wandergo_menu span {
  font-size: 13px;
  padding-left: 6px;
  font-family: FontAwesome;
  opacity: 0.5;
}

.sticky .wandergo_menu > ul > li > a:hover {
  color: #fff;
}

.logo {
  position: relative;
  top: -3px;
  z-index: 1;
}

/*** Sub Menu Style ***/
.wandergo_menu ul .sub-menu {
  position: absolute;
  left: 0;
  top: 150%;
  width: 217px;
  text-align: left;
  background: #fff;
  margin: 0;
  z-index: 1;
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
  transition: 0.5s;
  visibility: hidden;
  opacity: 0;
  border-bottom: 3px solid #1E88E5;
  border-top: 3px solid #1E88E5;
}

.wandergo_menu ul li:hover > .sub-menu {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  visibility: visible;
  top: 100%;
  opacity: 1;
  z-index: 9999;
}

.wandergo_menu ul .sub-menu li {
  position: relative;
}

.wandergo_menu ul .sub-menu li a {
  display: block;
  padding: 12px 20px;
  margin: 0;
  line-height: 1.3;
  letter-spacing: normal;
  font-size: 16px;
  font-weight: 500;
  -webkit-transition: 0.1s;
  visibility: inherit !important;
  color: #000 !important;
  text-decoration: none;
  transition: 0.5s;
  text-transform: capitalize;
}

.wandergo_menu ul .sub-menu li:hover > a,
.wandergo_menu ul .sub-menu .sub-menu li:hover > a,
.wandergo_menu ul .sub-menu .sub-menu .sub-menu li:hover > a,
.wandergo_menu ul .sub-menu .sub-menu .sub-menu .sub-menu li:hover > a {
  background:#1E88E5;
  color: #fff !important;
}

/* sub menu 2 */

.wandergo_menu ul .sub-menu .sub-menu {
  left: 100%;
  top: 130%;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  visibility: hidden;
}

.wandergo_menu ul .sub-menu li:hover > .sub-menu {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  visibility: visible;
  top: 0%;
}

/* sub menu 3 */

.wandergo_menu ul .sub-menu .sub-menu li {
  position: relative;
}

.wandergo_menu ul .sub-menu .sub-menu .sub-menu {
  right: 100%;
  left: auto;
  top: 130%;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  visibility: hidden;
}

.wandergo_menu ul .sub-menu .sub-menu li:hover > .sub-menu {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  visibility: visible;
  top: 0%;
}

/* sub menu 4 */

.wandergo_menu ul .sub-menu .sub-menu .sub-menu li {
  position: relative;
}

.wandergo_menu ul .sub-menu .sub-menu .sub-menu li:hover > .sub-menu {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  visibility: visible;
  top: 0%;
}

.wandergo_menu li a:hover:before {
  width: 100%;
}

.wandergo_nav_manu.sticky .logo_img {
  display: none;
}

.main_sticky {
  display: none;
}

.wandergo_nav_manu.sticky .main_sticky {
  display: inherit;
}

.sticky .wandergo_menu li a {
  color: #fff;
}

.wandergo_nav_manu.sticky a.dtbtn {
  color: #fff;
  background: #1E88E5;
  border: 2px solid #1E88E5;
}

.wandergo_nav_manu.sticky a.dtbtn:hover {
  color: #43baff;
}

.mobile-menu.mean-container {
  overflow: hidden;
}
.header-btn {
    text-align: right;
}
.header-btn a {
    display: inline-block;
    background: #1E88E5;
    border: 1px solid #1E88E5;
    padding: 12px 30px;
    position: relative;
    z-index: 1;
    transition: 0.5s;
    font-size: 16px;
    color: #ffffff;
    font-weight: 500;
    border-radius: 10px;
}

.header-btn a::before{
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 0;
  background: rgb(11, 11, 10);
  border-radius: 5px 5px 0 0;
  z-index: -1;
  transition: .5s;
  border-radius: 10px;
}

.header-btn a:hover::before{
  height: 50%;
}

.header-btn a::after{
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0;
  background: rgb(11, 11, 10);
  border-radius: 0 0 5px 5px;
  z-index: -1;
  transition: .5s;
  border-radius: 10px;
}

.header-btn a:hover::after{
  height: 50%;
}

.wandergo_nav_manu.style-2 .wandergo_menu > ul > li > a {
  color: #3e3e3e;
}

.wandergo_nav_manu.style-2 .wandergo_menu > ul > li > a:hover {
  color:#1E88E5;
}

.wandergo_nav_manu.style-2.sticky .wandergo_menu > ul > li > a {
  color: #fff !important;
}


/*
<!-- =======================================-->
 <!--wandergo hero area css-->
<!-- ======================================= -->*/
.wandergo-hero-area {
  padding: 190px 0 120px;
  background-image: url(../images/home-1/bannar-img.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
}

.hero-sub-title {
  text-transform: capitalize;
  font-size: 18px;
  color: #000;
  font-weight: 500;
  margin-bottom: 18px;
}

.hero-title {
  text-transform: capitalize;
  font-size: 70px;
  line-height: 80px;
  color: #000;
  font-weight: 700;
}

.hero-desc {
  font-size: 16px;
  line-height: 28px;
  color: #fff;
  font-weight: 400;
  width: 70%;
  margin-top: 33px;
  margin-bottom: 47px;
}
.hero-btn {
    display: inline-block;
}
.hero-btn a {
    display: inline-block;
    font-size: 16px;
    color: #ffffff;
    font-weight: 500;
    border-radius: 10px;
    background-color: #1E88E5;
    padding: 12px 32px;
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.hero-btn a i{
  display: inline-block;
  margin-left: 7px;
}
.hero-btn:hover a{
  color:#1E88E5;
} 

.hero-btn a::before{
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 0;
  background:#fff;
  border-radius: 5px 5px 0 0;
  z-index: -1;
  transition: .5s;
}

.hero-btn a:hover::before{
  height: 50%;
}

.hero-btn a::after{
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0;
  background:#fff;
  border-radius:0 0 5px 5px;
  z-index: -1;
  transition: .5s;
}

.hero-btn a:hover::after{
  height: 50%;
}

.hero-content-right {
  margin-bottom: 64px;
  padding-top: 35px;
}

.hero-content-right .hero-title {
  margin-bottom: 38px;
}

.hero-title h2 {
  font-size: 22px;
  color: #fefefe;
  font-weight: 600;
  text-transform: capitalize;
  margin-bottom: 7px;
}

/*=====================================
<--  wandergo feature section Css -->
=======================================*/
.popular-destinations {
    padding: 90px 0 90px;
}
.destination-card { 
  transition: transform .25s ease, 
  box-shadow .25s ease; 
  border-radius: .75rem; 
  overflow: hidden; 
  display: flex; 
  flex-direction: column; 
}
  .destination-card:hover { 
    transform: translateY(-6px); 
    box-shadow: 0 12px 30px rgba(24, 39, 75, .08); 
  }
  .card-img-top img { 
    object-fit: cover; 
    height: 100%; 
    width: 100%; 
    display: block; 
    transition: transform .5s ease; 
  }
  .destination-card:hover .card-img-top img { 
    transform: scale(1.06); 
  }
  .card-body {
    padding: 20px 15px 25px;
  }
  .price-badge {
    position: absolute;
    right: 15px;
    top: 15px;
    font-size: 14px;
    background: #ff3d3d;
    color: #fff;
    padding: 10px 15px;
    border-radius: 5px;
    font-weight: 600;
    box-shadow: 0 6px 18px rgba(17, 24, 39, .06);
  }
  .rating { 
    color: #ffc200; 
    font-weight:700; 
  }
  .btn.btn-sm.btn-primary {
    font-size: 14px;
    color: #fff;
    background-color: #1E88E5;
    position: relative;
    transition: .5s;
    border-radius: 5px;
    padding: 6px 15px;
    z-index: 1;
}
  .btn.btn-sm.btn-primary::before{
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #000;
    border-radius: 5px;
    transition: .5s;
    z-index: -1;
    transform: scale(0);
  }
.btn.btn-sm.btn-primary:hover:before{
  transform: scale(1);
}
.card-body h3 {
    font-size: 20px;
    line-height: 30px;
    margin: 0;
    color: #000;
    font-weight: 600;
}
.destination-button a {
    display: inline-block;
    font-size: 16px;
    color: #ffffff;
    font-weight: 500;
    border-radius: 5px;
    background-color: #1E88E5;
    padding: 10px 25px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    margin-top: 45px;
}
.destination-button a i{
  display: inline-block;
  margin-left: 7px;
}
.destination-button a:before {
  position: absolute;
  content: "";
  z-index: -1;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border-radius:10px;
  background:#282520;
  transform: scale(1, 0);
  transition: 0.7s;
}
.destination-button a:hover:before {
	transform: scale(1.1);
}

/*=====================================
<--  wandergo section title Css -->
=======================================*/
.section-title.text-center {
  margin-bottom: 35px;
}

.section-title.text-left {
  margin-bottom: 40px;
}

.section-sub-title h5 {
  font-size: 18px;
  font-weight: 500;
  line-height:28px;
  color: #1E88E5;
  text-transform: capitalize;
}

.section-main-title h2 {
  font-size: 45px;
  line-height: 55px;
  font-weight: 700;
  color: #000;
  margin-top: 7px;
}

.section-desc p {
  color: #3e3e3e;
  font-size: 16px;
  line-height: 28px;
  font-weight: 400;
  margin-top: 7px;
}
.text-muted {
  color: #3e3e3e;
  font-size: 16px;
  line-height: 28px;
  font-weight: 400;
  margin-top: 7px;
}
.testimonial-area .section-desc p {
  color: #3e3e3e;
  font-size: 16px;
  line-height: 28px;
  font-weight: 400;
  width: 87%;
  margin-top: 7px;
  margin-bottom: 0;
}

.faq-section .section-desc p {
  color: #3e3e3e;
  font-size: 16px;
  line-height: 28px;
  font-weight: 400;
  width: 100%;
  margin-top: 7px;
}

.gallery-area .section-main-title h2 {
  color: #fff;
  margin-bottom: 30px;
}

.destination-area .section-title.text-center {
  margin-bottom: 40px;
}

.blog-area .section-title.text-center {
  margin-bottom: 32px;
}

.testimonial-area.style-two .section-title.text-center {
  margin-bottom: 45px;
}

.section-title.left-text {
  margin-bottom: 40px;
}

/*=====================================
 <!--wandergo about area css -->
=======================================*/
.about-area {
  padding: 90px 0 90px;
  background-color: rgb(248 249 250);
}
.about-thumb.upper {
    margin-right: 35px;
}
.about-thumb img {
    width: 100%;
    border-radius: 10px;
}
.about-btn a {
  display: inline-block;
  font-size: 16px;
  color: #ffffff;
  font-weight: 500;
  border-radius: 10px;
  background-color: #1E88E5;
  padding: 12px 30px;
  position: relative;
  z-index: 1;
  overflow: hidden;
  transition: 0.5s;
}
.about-btn a i{
  display: inline-block;
  margin-left: 7px;
}
.about-btn a:before {
  position: absolute;
  content: "";
  z-index: -1;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border-radius:10px;
  background:#282520;
  transform: scale(1, 0);
  transition: 0.7s;
}
.about-btn a:hover:before {
	transform: scale(1.1);
}

.about-list-item {
    margin: 25px 0 30px;
}
.about-list-item ul{
  list-style: none;
}
.about-list-item ul li {
    font-size: 18px;
    line-height: 28px;
    color: #333;
    font-weight: 500;
    margin-bottom: 5px;
}
.about-list-item ul li i{
  font-size: 16px;
  display: inline-block;
  color: #1E88E5;
  margin-right: 7px;
}

/*
<!-- =======================================-->
  <!--wandergo counter area css-->
<!-- ======================================= -->*/
.coutner-area {
  padding: 90px 0 80px;
}

.counter-single-box {
  text-align: center;
  border: 1px solid #1e88e54a;
  border-radius: 5px;
  margin-bottom: 20px;
  background-color: rgb(248 249 250);
  padding: 38px 0 36px;
  transition: 0.5s;
}

.odometer-wrapper.counter-box-title h2 {
  display: inline-block;
  font-size: 35px;
  line-height: 45px;
  color: #000;
  font-weight: 700;
  margin: 0;
}

.odometer-plus {
  position: relative;
  top: 5px;
  display: inline-block;
  font-size: 35px;
  line-height: 45px;
  color: #000;
  font-weight: 700;
  margin: 0;
}

.counter-desc p {
  font-size: 16px;
  line-height: 28px;
  color: #3e3e3e;
  font-weight: 400;
  margin: 0;
}

/*=====================================
   <!--wandergo tour-pacakge area css-->
=======================================*/
.tour-Packages-section {
    padding: 90px 0 90px;
    background-color: rgb(248 249 250);
}
  .tour-card {
    transition: .3s ease;
  }

  .tour-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 30px rgba(0,0,0,0.1);
  }
.text-warning {
    font-size: 22px;
    display: inline-block;
    margin: 5px 0 0;
}
  .tour-card img {
    height: 220px;
    width: 100%;
    object-fit: cover;
  }

  /* Discount Badge */
  .discount-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: #ff3d3d;
    color: #fff;
    padding: 6px 14px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 6px;
    box-shadow: 0 4px 10px rgba(255, 61, 61, 0.3);
  }
  .package-button a {
    display: inline-block;
    font-size: 16px;
    color: #ffffff;
    font-weight: 500;
    border-radius: 5px;
    background-color: #1E88E5;
    padding: 10px 25px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    margin-top: 5px;
}
.package-button a i{
  display: inline-block;
  margin-left: 7px;
}
.package-button a:before {
    position: absolute;
    content: "";
    z-index: -1;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 10px;
    background: #282520;
    transform: scale(1, 0);
    transition: 0.7s;
}
.package-button a:hover:before {
    transform: scale(1.1);
}

/*=====================================
   <!--wandergo testimonial area css-->
=======================================*/
.testimonial_area{
    padding: 100px 0 80px;
    position: relative;
}
.testimonial_area #js-particles-testimonial {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.testimonial_area .swiper {
  max-width: 900px;
  margin: auto;
  padding-bottom: 50px;
}

.testimonial_area .swiper-slide {
  background-color: #1E88E5;
  border-radius: 15px;
  padding: 30px;
  box-shadow: 0 6px 15px rgba(0,0,0,0.08);
  text-align: left;
}

.testimonial_area .swiper-slide p {
  font-size: 18px;
  font-style: italic;
  color: #fff;
  line-height: 1.6;
}
.testi-rating ul li{
    display: inline-block;
}
.testi-rating ul li i{
    display: inline-block;
    font-size: 16px;
    margin-bottom: 15px;
    color: #ffc200;
}
.client-info {
  display: flex;
  align-items: center;
  margin-top: 20px;
}

.client-info img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  margin-right: 15px;
}

.client-info h4 {
    margin: 0;
    font-size: 20px;
    color: #fff;
    font-weight: 500;
}

.client-info span {
  font-size: 15px;
  color: #fff;
}
.quote-icon{
    position: absolute;
    right: 55px;
    bottom: 50px;
}
.swiper-pagination-bullet {
  background: #e2eef5;
}

.swiper-pagination-bullet-active {
  background: #DE4D4D;
  opacity: 1;
}


/*=====================================
  wandergo faq Accordion css
=======================================*/
.faq-section {
  padding: 135px 0 100px;
}

.tab_container {
  overflow: hidden;
  padding: 10px 0 0;
}

.accordion li {
  list-style: none;
  padding: 0px 0px 20px;
}

.accordion li a {
  position: relative;
  width: 100%;
  display: block;
  cursor: pointer;
  color: #000 !important;
  border: 2px solid #ffffff;
  border-radius: 10px;
  background-color: rgb(248 249 250);
  padding: 13px 10px 16px 18px;
  z-index: 1;
  font-size: 18px;
  line-height: 28px;
  font-weight: 600;
}

.accordion li p {
  display: none;
  padding: 15px 0px 10px 0px;
  margin: 0;
  background: #fff;
  overflow: hidden;
}

.accordion a:before {
  width: 3px;
  height: 15px;
  background: #1E88E5;
  position: absolute;
  right: 26px;
  content: " ";
  top: 22px;
  transform: rotate(0deg);
  transition: all 0.5s ease-in-out;
}

.accordion a:after {
  width: 15px;
  height: 3px;
  background: #1E88E5;
  position: absolute;
  right: 20px;
  content: " ";
  top: 28px;
  transition: all 0.5s ease-in-out;
  z-index: 1;
}

.accordion a.active:after {
  transform: rotate(0deg);
  -webkit-transition: all 0.5s ease-in-out;
  background: #fff;
}
/* Active */
.accordion a.active:after {
  transform: rotate(0deg);
  -webkit-transition: all 0.5s ease-in-out;
}

.accordion a.active:before {
  display: none;
}

.accordion a.active {
  color: #fff !important;
  border: 2px solid #1E88E5;
  border-radius:10px;
  background-color: #1E88E5;
}

.accordion li a.active span {
  color: #fff;
}

.faq-thumb {
    margin-left: 40px;
}
.faq-thumb img{
  width: 100%;
  border-radius: 10px;
}

/*=====================================
   <!-- wandergo blog area css-->
=======================================*/
.blog-area {
  background-color: rgb(248 249 250);
  padding: 80px 0 80px;
}

.single-blog-box {
    border-radius: 15px;
    background-color: #ffffff;
    margin-bottom: 20px;
    padding: 15px 15px 30px;
}
.blog-thumb{
  position: relative;
  overflow: hidden;
  transition: all 300ms ease;
  border-radius: 10px 10px 0 0;
  z-index: 1;
}
.blog-thumb img {
  width: 100%;
  display: block;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.blog-thumb img:first-child {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 1;
    -webkit-transform: translateX(50%) scaleX(2);
    transform: translateX(50%) scaleX(2);
    opacity: 0;
    -webkit-filter: blur(10px);
    filter: blur(10px);
    transition: all 300ms ease;
}
.single-blog-box:hover .blog-thumb img:first-child {
    -webkit-transform: translateX(0) scaleX(1);
    transform: translateX(0) scaleX(1);
    opacity: 1;
    -webkit-filter: blur(0);
    filter: blur(0);
}
.single-blog-box:hover .blog-thumb img:nth-child(2) {
    -webkit-transform: translateX(-50%) scaleX(2);
    transform: translateX(-50%) scaleX(2);
    opacity: 0;
    -webkit-filter: blur(10px);
    filter: blur(10px);
}

.blog-content {
  padding-top: 25px;
}

.blog-content h3 {
  margin: 0;
  margin-bottom: 30px;
}

.blog-meta a {
  display: inline-block;
  font-size: 15px;
  line-height: 26px;
  color: #333;
  font-weight: 400;
}

.blog-meta p {
  display: inline-block;
  font-size: 15px;
  line-height: 26px;
  color: #333;
  font-weight: 400;
  margin-left: 20px;
}

.blog-meta a span i {
  display: inline-block;
  font-size: 15px;
  line-height: 26px;
  color: #1E88E5;
  margin-right: 10px;
}

.blog-meta p i {
  display: inline-block;
  font-size: 15px;
  line-height: 26px;
  color: #1E88E5;
  margin-right: 10px;
}

.blog-content h3 a {
  display: inline-block;
  font-size: 22px;
  line-height: 28px;
  color: #000;
  font-weight: 600;
  transition: 0.5s;
}

.blog-button a {
  display: inline-block;
  font-size: 16px;
  color: #ffffff;
  font-weight: 500;
  border-radius: 5px;
  background-color: #1E88E5;
  padding: 10px 25px;
  position: relative;
  z-index: 1;
  transition: 0.5s;
  overflow: hidden;
}

.blog-button a:before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 0;
  background:#000;
  border-radius: 5px 5px 0 0;
  z-index: -1;
  transition: .5s;
}

.blog-button a:hover:before {
	height: 50%;
}

.blog-button a::after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0;
  background:#000;
  border-radius: 0 0 5px 5px;
  z-index: -1;
  transition: .5s;
}

.blog-button a:hover::after {
	height: 50%;
}

.blog-button a i {
  display: inline-block;
  margin-left: 7px;
}

.single-blog-box:hover .blog-content h3 a{
  color:#1E88E5;
}

/*---=====================================================
   <!--wandergo Footer Area Css -->
=========================================================---*/
.footer-area {
  background: #000;
  padding: 90px 0 20px;
}

.footer-widget-desc p {
  color: #fff;
  opacity: 0.8;
  margin: 28px 0 0;
}

.wandergo-button a {
  display: inline-block;
  background: #1E88E5;
  border: 1px solid #1E88E5;
  color: #fff;
  padding: 12px 35px;
  font-size: 16px;
  font-weight: 500;
  border-radius: 5px;
  margin-top: 35px;
  position: relative;
  transition: 0.5s;
  z-index: 1;
}

.wandergo-button a:hover{
  color: #1E88E5;
}

.wandergo-button a:before{
  position: absolute;
  content: "";
  width:0;
  height: 100%;
  right: 0;
  top: 0;
  background: #fff;
  z-index: -1;
  transition: 0.5s;
  border-radius: 5px;
}

.wandergo-button a:hover:before{
width: 100%;
left: 0;
}

.footer-widget-content.pl {
  padding-left: 30px;
}

.footer-widget-title h4 {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    margin: 0 0 26px;
}

.footer-widget-menu ul li {
  list-style: none;
}

.footer-widget-menu ul li a {
  font-size: 16px;
  display: inline-block;
  color: #fff;
  line-height: 45px;
  transition: 0.5s;
}

.footer-widget-menu ul li a:hover{
  color: #1E88E5;
}

.footer-widget-content ul li i {
  display: inline-block;
  color: #1E88E5;
  font-size: 16px;
  margin-right: 10px;
}

.footer-newslatter-box input {
  background: transparent;
  border: 1px solid #ffffff52;
  padding: 0 15px;
  height: 60px;
  width: 100%;
  color: #fff;
  border-radius: 3px;
  outline: 0;
}

.footer-newslatter-box input::placeholder {
  color: #fff;
  opacity: 0.5;
}

.footer-newslatter-box button {
  background: #1E88E5;
  color: #fff;
  border: transparent;
  outline: 0;
  padding: 12px 33px;
  border-radius: 3px;
  margin-top: 21px;
}

p.f-desc-2 {
  color: #fff;
  margin: 0 0 27px;
  opacity: 0.8;
}

.footer-bottom-area {
  border-top: 1px solid #ffffff21;
  margin-top: 92px;
  padding-top: 30px;
}

.footer-bottom-content p {
  color: #fff;
  margin: 0;
}

.footer-botton-social-icon {
  text-align: right;
}

.footer-botton-social-icon ul li {
  display: inline-block;
}

.footer-botton-social-icon ul li i {
  position: relative;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  text-align: center;
  line-height: 38px;
  background-color: rgba(255, 255, 255, 0.102);
  color: #fff;
  font-size: 14px;
  margin-left: 7px;
  transition: 0.5s;
  z-index: 1;
}
.footer-botton-social-icon ul li i::after{
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #1E88E5;
  border-radius: 50%;
  transform: scale(0);
  transition: .5s;
  z-index: -1;
}
.footer-botton-social-icon ul li i:hover:after{
  transform: scale(1);
}
p.f-desc-2 {
  color: #fff;
  margin: 0 0 27px;
  opacity: 0.8;
}
.footer-newslatter-box input {
    background: transparent;
    border: 1px solid #ffffff52;
    padding: 0 15px;
    height: 55px;
    width: 100%;
    color: #fff;
    border-radius: 3px;
    outline: 0;
}

.footer-newslatter-box button {
  background: #1E88E5;
  color: #fff;
  border: transparent;
  outline: 0;
  padding: 12px 32px;
  border-radius: 5px;
  margin-top: 20px;
}

/*=========================================
<!--wandergo hero-2 area css-->
===========================================*/

.banner__slider { 
  position: relative; 
  overflow: hidden; 
}
.banner__slider .swiper-slide img { 
  width: 100%; 
  height: auto; 
  display: block; 
}
.banner__slider .slide__content { 
  position: absolute; 
  top: 50%; 
  left: 50%; 
  transform: translate(-50%, -50%); 
  color: #fff; 
  width: 100%; 
  max-width: 800px; 
  text-align: center; 
}
.slide__content.text-left { 
  text-align: left; 
  left: 15%; 
  transform: translate(-5%,-50%); 
}
.slide__content.text-right {
  text-align: right; 
  right: 15%; 
  left: auto; 
  transform: translate(5%,-50%); 
}

.slide__content p {
  font-size: 18px;
  line-height: 28px;
  color: #fff;
  margin: 0;
}
.slide__content h2 {
    font-size: 45px;
    line-height: 60px;
    margin: 0 0 20px;
    color: #fff;
    font-weight: 600;
}
.slide__content .btn {
    font-size: 16px;
    color: #fff;
    background-color: #1E88E5;
    padding: 12px 30px;
    border-radius: 5px;
    position: relative;
    z-index: 1;
    transition: .5s;
}
.slide__content .btn::before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 0;
    background: rgb(11, 11, 10);
    border-radius: 5px 5px 0 0;
    z-index: -1;
    transition: .5s;
}
.slide__content .btn::after {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0;
    background: rgb(11, 11, 10);
    border-radius: 0 0 5px 5px;
    z-index: -1;
    transition: .5s;
}
.slide__content .btn:hover::before {
    height: 50%;
}
.slide__content .btn:hover::after {
    height: 50%;
}


/* /////////// IMAGE ZOOM /////////// */
@keyframes zoomInImage {
  from {
    transform: scale3d(1, 1, 1);
  }
  to {
    transform: scale3d(1.1, 1.1, 1.1);
  }
}
.zoomInImage {
  animation-name: zoomInImage;
}

@keyframes zoomOutImage {
  from {
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
.zoomOutImage {
  animation-name: zoomOutImage;
}

button.slick-prev.slick-arrow {
    position: absolute;
    top: 310px;
    left: 0;
    z-index: 999;
}
button.slick-next.slick-arrow{
  position: absolute;
    top: 310px;
    right: 0;
    z-index: 999;
}
@keyframes stroke {
  52% {
    transform: rotate(-180deg);
    stroke-dashoffset: 0;
  }
  52.1% {
    transform: rotate(-360deg);
    stroke-dashoffset: 0;
  }
  100% {
    transform: rotate(-180deg);
    stroke-dashoffset: 126;
  }
}
@keyframes arrow {
  0%, 100% {
    transform: translateX(0);
    opacity: 1;
  }
  23% {
    transform: translateX(17px);
    opacity: 1;
  }
  24%, 80% {
    transform: translateX(-22px);
    opacity: 0;
  }
  81% {
    opacity: 1;
    transform: translateX(-22px);
  }
}
@keyframes arrowUp {
  0%, 100% {
    transform: rotate(-40deg) scaleX(1);
  }
  20%, 80% {
    transform: rotate(0deg) scaleX(0.1);
  }
}
@keyframes arrowDown {
  0%, 100% {
    transform: rotate(40deg) scaleX(1);
  }
  20%, 80% {
    transform: rotate(0deg) scaleX(0.1);
  }
}


/*
<!-- =====================================-->
       <!--wandergo cta Area Css-->
<!-- =====================================-->*/

.video-cta {
    position: relative;
    height: 500px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
    overflow: hidden;
}
.cta-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
}
.cta-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 1;
}
.video-cta .cta-content {
    position: relative;
    z-index: 2;
    max-width: 700px;
    margin: 0 auto;
}
.video-cta h2 {
    font-size: 40px;
    line-height: 55px;
    color: #fff;
    margin: 0 0 8px;
    font-weight: 600;
}
.video-cta p {
    font-size: 18px;
    color: #fff;
    margin-bottom: 30px;
}
.btn-cta {
    font-size: 16px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 40px;
    background-color: #041424;
    color: #fff;
    font-weight: 500;
    border-radius: 50px;
    text-decoration: none;
    position: relative;
    z-index: 1;
    transition: 0.3s;
}
.btn-cta::before{
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #0c5adb;
    border-radius: 50px;
    transform: scale(0);
    transition: .5s;
    z-index: -1;
}
.btn-cta:hover:before{
    transform: scale(1);
}
.btn-cta:hover {
    color: #fff;
    transform: scale(1.05);
}
.arrow-right {
    font-size: 18px;
}

/*=========================================
  <!--wandergo team area css-->
===========================================*/
.team_area {
  padding: 80px 0 50px;
  background-color: rgb(248 249 250);
}

.team_area .swiper {
  max-width: 1140px;
  margin: auto;
  padding-bottom: 50px;
}
.team-member{
    background-color: #1E88E5;
    padding: 30px;
    position: relative;
    border-radius: 15px;
    z-index: 1;
    transition: all 300ms ease;
}
.team-member::before {
    background: #e2eef5;
    bottom: 0;
    content: "";
    left: 50%;
    position: absolute;
    z-index: 1;
    right: 51%;
    top: 0;
    opacity: 0.3;
    pointer-events: none;
    transition: all 300ms ease;
}
.swiper-slide:hover .team-member::before{
    left: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: all 400ms linear;
    transition: all 300ms linear;
}

.team-member h4{
    font-size: 22px;
    color: #fff;
    margin-top: 20px;
    font-weight: 600;
}
.team-member span{
    font-size: 17px;
    display: inline-block;
    margin: 3px 0 12px;
}
.team-member img{
    width: 100%;
    border-radius: 7px;
}
.team-social a i{
   font-size: 14px;
   display: inline-block;
   height: 30px;
   width: 30px;
   color: #fff;
   line-height: 30px;
   border: 1px solid #060129;
   border-radius: 50%;
   margin-right: 4px;
   text-align: center;
   position: relative;
   z-index: 1;
   transition: .5s;
} 
.team-social a i::after{
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #060129;
    z-index: -1;
    border-radius: 50%;
    transform: scale(0);
    transition: .5s;
}
.team-social a:hover i:after{
   transform: scale(1);
}


/*=========================================
 <!--wandergo carousel area css-->
===========================================*/
.swiper.mySwiperBanner .swiper-slide {
  background-position: center;
  background-size: cover;
  width: 350px;
  height: 350px;
}
.gallery-section {
  padding: 80px 0;
}
.gallery-section .swiper{
  max-width: 1140px;
  margin: auto;
  padding: 12px 0 50px;
}

/*=========================================
 <!--wandergo service area css-->
===========================================*/
.service-section {
  padding: 80px 0 80px;
  background: #f8f9fa;
}

.service-card {
  background: #fff;
  padding: 35px 25px;
  border-radius: 15px;
  transition: 0.5s;
}

.service-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 15px 30px rgba(0,0,0,0.1);
}
.service-card h5{
  font-size: 25px;
  color: #000;
  margin: 0;
  font-weight: 600;
}
.service-card p{
  font-size: 16px;
  color: #333;
  margin: 8px 0 0;
  font-weight: 500;
}

/* Icon Image */
.service-icon-img {
    width: 100px;
    height: 100px;
    object-fit: cover;
    margin-bottom: 20px;
}

/* Swiper spacing */
.mySwiperService {
  padding-bottom: 50px;
}



/*=========================================
<!--wandergo breadcumb Area css-->
===========================================*/
.breadcumb-area {
  background: url(../images/inner/breadcume.jpg);
  padding: 160px 0 150px;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.breadcumb-content h4 {
  font-size: 50px;
  line-height: 60px;
  color: #fff;
  font-weight: 600;
  text-align: center;
  text-transform: capitalize;
}

.breadcumb-content ul li {
  display: inline-block;
  text-transform: capitalize;
  margin-right: 5px;
  font-size: 16px;
  line-height: 28px;
  color: #fff;
  font-weight: 500;
}

li.list-arrow {
  font-size: 16px;
  line-height: 28px;
  color: #ffffff !important;
  font-weight: 500;
}

.breadcumb-content ul li a {
  display: inline-block;
  cursor: pointer;
  font-size: 16px;
  line-height: 28px;
  color: #ffffff;
  font-weight: 500;
  text-transform: capitalize;
}

/*=========================================
   <!--wandergo contact section css-->
=========================================*/
.contact-area {
    padding: 100px 0;
    position: relative;
}
.contact-area .single-contact-box {
    margin-right: 50px;
}
.contact-area .single-input-box input {
    height: 52px;
    width: 100%;
    margin-bottom: 20px;
    padding: 0 12px;
    border-radius: 5px;
    outline: 0;
    border: 1px solid #d3d3d3;
}
.contact-area .single-input-box input::placeholder{
   color: #333;
}
.contact-area .single-input-box select#subject{
    height: 52px;
    width: 100%;
    margin-bottom: 20px;
    padding: 0 12px;
    border-radius: 5px;
    outline: 0;
    border: 1px solid #d3d3d3;
}
.contact-area .single-input-box select#subject::placeholder{
   color: #333;
}
.contact-area .single-input-box textarea{
    height: 150px;
    width: 100%;
    margin-bottom: 20px;
    padding: 0 12px;
    border-radius: 5px;
    outline: 0;
    border: 1px solid #d3d3d3;
}
.contact-area .single-input-box textarea::placeholder{
   color: #333;
}
.contact-area .massage-sent-button button {
    height: 52px;
    width: 160px;
    color: #fff;
    background-color: #1E88E5;
    border-radius: 5px;
    outline: 0;
    border: 1px solid #d3d3d3;
    transition: .5s;
}
.contact-area .massage-sent-button button:hover{
    background-color: #000;
}
.contact-area .contact-contetn h3 {
    font-size: 30px;
    margin: 0 0 20px;
}
.contact-area .contact-info-box {
    display: flex;
    align-items: center;
    position: relative;
    gap: 20px;
    padding: 20px 30px 20px;
    background: #1E88E5;
    margin-bottom: 20px;
    border-radius: 10px;
    z-index: 1;
    transition: .5s;
}
.contact-area .contact-info-box::before{
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    height: 100%;
    width: 0;
    background-color: #000;
    border-radius: 10px;
    z-index: -1;
    transition: .5s;
}
.contact-area .contact-info-box:hover:before{
    width: 100%;
    left: 0;
}
.contact-area .contact-info-content h4 {
    font-size: 20px;
    color: #fff;
    margin: 0 0 5px;
    font-weight: 600;
}
.contact-area .contact-info-content p {
    font-size: 16px;
    color: #fff;
    margin: 0 0px;
}
.contact-area .contact-info-icon i {
    font-size: 25px;
    display: inline-block;
    color: #fff;
}
.google-map iframe {
    width: 100%;
    height: 600px;
}

/*---=====================================================
<!--wandergo blog details css-->
=========================================================---*/
.blog-details-area {
  padding: 119px 0 119px;
  background: #f4f5f7;
}

.blog-details-thumb {
  overflow: hidden;
}

.blog-details-area span.mate-text {
  position: relative;
}

.blog-details-area .meta-blog span {
  display: inline-block;
  margin-right: 28px;
  font-weight: 500;
}

.blog-details-content span.mate-text {
  display: inline-block;
  color: #232323;
}

span.mate-comment {
  display: inline-block;
  color: #232323;
  margin-left: 20px;
}

.blog-details-thumb img {
  width: 100%;
  transition: 0.5s;
}

.blog-details-thumb img:hover {
  transform: scale(1.2);
}

.blog-details-content {
  padding: 27px 36px 20px;
  border: 1px solid #2222;
}

.blog-details-area .meta-blog span {
  display: inline-block;
  margin-right: 28px;
  font-weight: 500;
}

.blog-details-area .meta-blog i {
  display: inline-block;
  color: #1E88E5;
  padding-right: 9px;
}

.blog-details-area .meta-blog img {
  margin-right: 8px;
  position: relative;
  top: -1px;
}

h4.blog-details-title {
  font-size: 32px;
  margin: 12px 0 20px;
}

p.blog-details-desc {
  font-size: 16px;
  margin-bottom: 25px;
  color: #333;
}

.blog-details-author-talk {
  display: flex;
  gap: 26px;
  background: #f9f9f9;
  padding: 40px 30px 40px;
  margin-top: 48px;
  border-radius: 10px;
  position: relative;
}

.blog-details-quote img {
  position: relative;
  top: 8px;
}

.blog-details-author-title p {
  font-size: 20px;
  font-style: italic;
  line-height: 30px;
  color: #000;
}

.blog-details-quote img {
  position: relative;
  top: 8px;
  color: #000;
}

.blog-details-author-title span {
  margin-left: 58px;
  display: inline-block;
  color: #000;
  position: relative;
}

.blog-details-author-title span:before {
  position: absolute;
  content: "";
  width: 50px;
  height: 2px;
  left: -58px;
  top: 12px;
  background: #1E88E5;
}

h3.blog-details-title {
  font-size: 28px;
  margin: 54px 0 16px;
  font-weight: 600;
}

.blog-details-list-item {
  margin-bottom: 40px;
}

.blog-details-list-item ul li {
  margin-bottom: 10px;
  font-size: 17px;
}

.blog-details-list-item ul li {
  list-style: none;
}

.blog-details-list-item ul li i {
  display: inline-block;
  color: #1E88E5;
  font-size: 18px;
  margin-right: 16px;
}

h3.blog-details-title.two {
  font-size: 28px;
  margin: 38px 0 16px;
  font-weight: 600;
}


.blog-details-socila-box {
  border: 1px solid #2222;
  border-top: transparent;
  padding: 19px 35px 18px;
  border-radius: 0 0 5px 5px;
}

.blog-details-social-icon ul li {
  display: inline-block;
}

.blog-details-social-icon ul li i {
  display: inline-block;
  background: #1E88E5;
  color: #fff;
  width: 35px;
  height: 35px;
  text-align: center;
  line-height: 35px;
  border-radius: 50%;
  font-size: 15px;
  margin-left: 5px;
  position: relative;
  z-index: 1;
  transition: .5s;
}
.blog-details-social-icon ul li i::after{
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #000;
  border-radius: 50%;
  transition: .5s;
  z-index: -1;
  transform: scale(0);
}
.blog-details-social-icon ul li i:hover:after{
  transform: scale(1);
}

/* details form */
.blog-details-contact-title h4 {
    font-size: 22px;
    font-weight: 600;
    margin: 30px 0 0;
    padding-bottom: 20px;
}

.blog-details-area .contact-input-box input {
  background: #fff;
  border: transparent;
  width: 100%;
  height: 60px;
  padding: 22px;
  outline: 0;
  margin-bottom: 11px;
}

.blog-details-area .contact-input-box textarea {
  background: #fff;
  border: transparent;
  width: 100%;
  height: 170px;
  padding: 12px 22px 0;
  outline: 0;
  margin-top: 11px;
  margin-bottom: 20px;
}
.blog-details-area .contact-input-box textarea::placeholder {
  color: #333;
}

.blog-details-area input::placeholder {
  color: #333;
}

.input-check-box span {
  font-size: 15px;
  margin-left: 7px;
  color: #232323;
}

.blog-details-submi-button button {
  background: #1E88E5;
  color: #fff;
  text-transform: uppercase;
  border: transparent;
  padding: 12px 26px;
  font-size: 15px;
  margin-top: 34px;
  position: relative;
  z-index: 1;
  transition: 0.5s;
  border: 1px solid #1E88E5;
  border-radius: 5px;
  font-weight: 500;
}

.blog-details-submi-button button:hover {
  color: #1E88E5;
}

.blog-details-submi-button button:before {
  position: absolute;
  content: "";
  width: 0;
  height: 100%;
  left: 50%;
  top: 0;
  background: #fff;
  transition: 0.5s;
  z-index: -1;
  border-radius: 5px;
}

.blog-details-submi-button button:hover:before {
  width: 100%;
  left: 0;
}


/*=========================================
<!-- blog details sidebar area css-->
===========================================*/
.widget-sidber {
  border-radius: 5px;
  background-color: #f9f9f9;
  padding: 32px 41px 29px;
  margin-bottom: 27px;
}

.widget_search {
  position: relative;
}

.widget_search input {
  border-radius: 4px;
  padding-left: 20px !important;
  height: 60px;
  width: 100% !important;
  position: relative;
  color: #012549;
  outline: 0 !important;
  border: transparent !important;
}

button.icons {
  border: 0;
  font-size: 16px;
  position: absolute;
  right: 14px;
  top: 20px;
  color: #1E88E5;
  background: transparent;
}

.widget-sidber-content h4 {
  font-size: 25px;
  margin: 0 0 20px;
  font-weight: 600;
}

.widget-category ul li {
  list-style: none;
}

.widget-category ul li a {
  padding: 14px 26px;
  width: 100%;
  display: inline-block;
  margin-bottom: 14px;
  color: #000;
  font-weight: 500;
  border-radius: 5px;
  position: relative;
  z-index: 1;
  transition: 0.5s;
  border: 1px solid #1E88E5;
  text-transform: capitalize;
}

.widget-category ul li a:before {
  position: absolute;
  content: "";
  width: 0;
  height: 100%;
  left: 50%;
  top: 0;
  background: #1E88E5;
  z-index: -1;
  transition: 0.5s;
}

.widget-category ul li a:hover:before {
  width: 100%;
  left: 0;
}

.widget-category ul li a:hover {
  color: #fff;
}

.widget-category ul li i {
  color: #000;
  display: inline-block;
  float: right;
  font-size: 17px;
  opacity: 0;
  transition: 0.5s;
}

.widget-category ul li a:hover i {
  opacity: 1;
  color: #fff;
}
.sidber-widget-recent-post {
  margin-bottom: 27px;
  display: flex;
  align-items: center;
  gap: 19px;
}
.recent-widget-thumb img {
    border-radius: 3px;
}
.recent-widget-content a {
  transition: 0.5s;
  width: 100%;
  display: inline-block;
  font-size: 18px;
  line-height: 24px;
  color: #000;
  font-weight: 600;
}

.recent-widget-content a:hover {
  color: #1E88E5;
}

.recent-widget-content p {
  font-size: 14px;
  margin: 0;
  color: #1E88E5;
  text-transform: uppercase;
}

.widget-catefories-tags a {
  display: inline-block;
  color: #000;
  font-weight: 500;
  background: #fff;
  padding: 6px 17px;
  margin: 6px 3px;
  position: relative;
  z-index: 1;
  font-size: 15px;
  border-radius: 5px;
}

.widget-catefories-tags a:before {
  position: absolute;
  content: "";
  width: 0;
  height: 100%;
  left: 50%;
  top: 0;
  background: #1E88E5;
  transition: 0.5s;
  z-index: -1;
  border-radius: 5px;
}

.widget-catefories-tags a:hover {
  color: #fff;
}

.widget-catefories-tags a:hover:before {
  width: 100%;
  left: 0;
}

/* comments box */
.sidebar__comments {
  position: relative;
  display: block;
  color: #fff;
  background-color: #f2f3f5;
  padding: 46px 50px 43px;
  border-radius: 10px;
  overflow: hidden;
  z-index: 1;
}

.sidebar__single + .sidebar__single {
  margin-top: 30px;
}

.sidebar__title {
  margin: 0;
  font-size: 20px;
  margin-bottom: 5px;
  font-weight: 400;
}

.sidebar__comments .sidebar__title {
  margin-bottom: 25px;
}

.sidebar__comments-list {
  position: relative;
  display: block;
}

.sidebar__comments-list li + li {
  margin-top: 23px;
}

.sidebar__comments-list li {
  position: relative;
  display: block;
  padding-left: 65px;
  color: #fff;
}

.sidebar__comments-icon {
  height: 45px;
  width: 45px;
  background-color: #1E88E5;
  border-radius: 50%;
  font-size: 15px;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.sidebar__comments-text-box p {
  font-size: 18px;
  margin: 0;
  line-height: 26px;
  font-weight: 500;
  color: #333;
}

.sidebar__comments-text-box h5 {
  font-weight: 400;
  font-size: 18px;
}

/*---=====================================================
<!--wandergo service details css-->
=========================================================---*/
.service-details-area {
  padding: 100px 0 100px;
  background: #f4f5f7;
}

.services-details-thumb {
  position: relative;
}

.services-details-thumb::before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: rgba(34, 32, 71, 0.5);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.services-details-thumb img {
  width: 100%;
}

.service-video-icon {
  position: absolute;
  left: 50%;
  top: 50%;
  display: inline-block;
  z-index: 9;
}

.service-video-icon a {
  display: inline-block;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: #fff;
  width: 83px;
  height: 83px;
  border-radius: 83px;
  line-height: 83px;
  text-align: center;
  font-size: 30px;
  -webkit-animation: spineerb 2s infinite;
  animation: spineerb 2s infinite;
}

.services-details-content h4 {
  font-size: 30px;
  margin-top: 30px;
  margin-bottom: 30px;
  font-weight: 500;
}

p.services-details-desc {
  color: #232323;
}

.service-detalis-text-box h4 {
  font-size: 30px;
  margin-bottom: 10px;
  font-weight: 500;
}

.service-details-content h5 {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 10px;
}

.service-details-content p {
  color: #232323;
}

.service-details-content {
  margin-bottom: 30px;
  padding: 26px;
  border: 1px solid #ebebeb;
}

p.details-desc,
.service-details-des {
  color: #232323;
  margin: 20px 0;
}

.widget-instagram ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 10px;
}

.widget-instagram img {
  width: 100%;
}


/* service sd wiget */

.sd-info_widget {
  -webkit-filter: drop-shadow(0px 3px 45px rgba(64, 40, 229, 0.06));
  filter: drop-shadow(0px 3px 45px rgba(64, 40, 229, 0.06));
  padding: 35px 30px 40px;
  margin-bottom: 50px;
  background: #fff;
}

h3.sd-info-title {
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  width: 50%;
  color: #3e3e3e;
}

h3.sd-info-title {
  font-size: 16px;
  font-weight: 600;
  width: 50%;
}

p.sd-info-subtitle {
  display: inline;
}

.service-details-area ul.sd-info_list li {
  list-style: none;
}

.service-details-area .sd-booking-widget {
  padding: 25px 25px 35px;
  margin-top: 46px;
  background: #f5f5f5;
  border-radius: 10px;
}

h3.sd-widget-title {
  font-size: 24px;
  margin-bottom: 30px;
  font-weight: 600;
}

.service-details-area .sd-input-field {
  width: 100%;
  border-radius: 5px;
  padding: 13px 20px 13px 20px;
  background: #fff;
  display: flex;
  margin-bottom: 20px;
}

.service-details-area input.sd-form-field {
  width: 100%;
  border-radius: 5px;
  border: none;
  background: #fff;
  color:#1E88E5;
}

.service-details-area .sd-input-field textarea {
  width: 100%;
  border: 0;
}

.service-details-area .sd-input-field span {
  display: inline-block;
  color:#1E88E5;
  margin-right: 10px;
}

.service-details-area input::placeholder {
  color:#1E88E5;
}

.service-details-area textarea::placeholder {
  color:#1E88E5;
}

.service-details-area input:not(:focus) {
  background: inherit !important;
  border: none !important;
  outline-color:0;
}

.service-details-area input:focus,
button:focus {
  outline-color:transparent;
  border: 1px solid transparent;
}

.service-details-area textarea:focus {
  border: 1px solid transparent;
  outline-color: transparent;
}

form.sd-booking-form button {
  border: none;
  padding: 11px 30px;
  line-height: 1.6em;
  outline: none;
  color: #fff;
  background: #1E88E5;
  border-radius: 5px;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  width: 100%;
}

.service-details-area .reviews-ratting {
  display: inline-block;
}

.service-details-area .reviews-ratting ul li {
  display: inline-block;
  color: #ffc107;
}

.service-details-area li.half-star {
  color: #d9d9d9 !important;
}

.service-details-area .contact-input-box input {
  background: #fff !important;
  border: transparent;
  width: 100%;
  height: 60px;
  padding: 22px;
  outline: 0;
  margin-bottom: 11px;
}

.service-details-area .contact-input-box textarea {
  background: #fff;
  border: transparent;
  width: 100%;
  height: 170px;
  padding: 12px 22px 0;
  outline: 0;
  margin-top: 11px;
  margin-bottom: 20px;
}


/*============================
/* Scroll Up Css 
==============================*/

#progress {
  height: 70px;
  width: 70px;
  border-radius: 50%;
  position: fixed;
  bottom: 110px;
  right: 40px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  display: grid;
  place-items: center;
  z-index: 99999;
  cursor: pointer;
}

.progress.hide {
  display: none !important;
  transition: 0.5s !important;
}

#progress-value {
  display: block;
  height: calc(100% - 15px);
  width: calc(100% - 15px);
  background-color: #ffffff;
  border-radius: 50%;
  display: grid;
  place-items: center;
  font-weight: 600;
  font-size: 20px;
  color: var(--primary-color);
}

#container {
  overflow-y: scroll;
  scroll-behavior: smooth;
}

/* Start  Curser pointer CSS */

.cursor {
  position: fixed;
  width: 40px;
  height: 40px;
  margin-left: -20px;
  margin-top: -20px;
  border-radius: 50%;
  border: 1px solid #1E88E5;
  transition: 0.3s;
  transform: translate(-50%, -50%);
  pointer-events: none;
  z-index: 1000;
}

.cursor2 {
  position: fixed;
  width: 4px;
  height: 4px;
  margin-left: -20px;
  margin-top: -20px;
  border-radius: 50%;
  background-color: #fff;
  transform: translate(-50%, -50%);
  transition: 0.1s;
  pointer-events: none;
  z-index: 1000;
}

.grow,
.grow-small {
  transform: scale(3);
  background: white;
  mix-blend-mode: difference;
  border: none;
}

.grow-small {
  transform: scale(1.7);
}

/* End curser point */

/*===========================
<-- wandergoro Loader Css -->
=============================*/
.loader-wrapper {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    transition: 0.8s 1s ease;
    z-index: 99999;
}

.loader {
    position: relative;
    display: block;
    z-index: 201;
    top: 50%;
    left: 50%;
    width: 100px;
    height: 100px;
    margin: -50px 0 0 -50px;
    border-radius: 50%;
    transition: all 1s 1s ease;
    border: 3px solid transparent;
    border-top-color: #f3297c;
    -webkit-animation: spin 1.5s linear infinite;
    -moz-animation: spin 1.5s linear infinite;
    -o-animation: spin 1.5s linear infinite;
    animation: spin 1.5s linear infinite;
}

.loader:before {
    position: absolute;
    content: '';
    top: 6px;
    left: 6px;
    right: 6px;
    bottom: 6px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-left-color:#0c5adb;
    -webkit-animation: spin 2s linear infinite;
    -moz-animation: spin 2s linear infinite;
    -o-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

.loader:after {
    position: absolute;
    content: '';
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-right-color: #fff;
    -webkit-animation: spin 2.5s linear infinite;
    -moz-animation: spin 2.5s linear infinite;
    -o-animation: spin 2.5s linear infinite;
    animation: spin 2.5s linear infinite;
}

/*/ Here comes the Magic /*/

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.loader-wrapper .loder-section {
    position: fixed;
    top: 0;
    width: 50%;
    height: 100%;
    background: #111;
    z-index: 2;
}

.loader-wrapper .loder-section.left-section {
    left: 0;
    transition: 1s 1.4s ease;
}

.loader-wrapper .loder-section.right-section {
    right: 0;
    transition: 1s 1.4s ease;
}

/*/ When page loaded /*/
.loaded .loder-section.left-section {
    left: -100%;
}

.loaded .loder-section.right-section {
    right: -100%;
}

.loaded .loader-wrapper {
    visibility: hidden;
}

.loaded .loader {
    top: -100%;
    opacity: 0;
}