@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
*{
    margin:0;
    padding:0;
    font-family: "Poppins", sans-serif;
    outline:none !important;
}
:root{
  --primary-color:#1E86D9;
  --primary-color-hover:#0f70be;
  --secondary-color:linear-gradient(to right,  rgba(45,107,139,1) 0%,rgba(87,140,162,1) 55%,rgba(87,140,162,1) 55%,rgba(54,117,150,1) 100%);
  --secondary-color-hover:linear-gradient(to right,  rgba(54,117,150,1) 0%,rgba(87,140,162,1) 45%,rgba(87,140,162,1) 45%,rgba(45,107,139,1) 100%);
  --font-roboto:"Roboto", sans-serif;
  --font-inter:"Inter", sans-serif;
}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  font-family: "Poppins", sans-serif;
}
html{
  width: 100%;
}
body, html {
  line-height: 100%;
  color: #000;
  font-size: 14px;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, center {
  display: block;
}
nav ul, ul {
  list-style-type: none;
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none;
}
a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  text-decoration: none;
}
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}
button {
  vertical-align: middle;
}
.btn{
  border-radius:5px;
  min-height: 45px;
  transition: all 0.4s;
}
.text-primary-zs{
  color:var(--primary-color)
}
.text-secondary-zs{
  background: linear-gradient(to right, rgba(45,107,139,1) 0%, rgba(87,140,162,1) 55%, rgba(87,140,162,1) 55%, rgba(54,117,150,1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.bg-secondary-zs{
  background: linear-gradient(to top,  rgba(45,107,139,1) 0%,rgba(87,140,162,1) 55%,rgba(87,140,162,1) 55%,rgba(54,117,150,1) 100%);
}
.bg-primary-light{
  background:rgba(30, 134, 217, 0.15);
}
.bg-primary-zs{
  background-color: var(--primary-color);
}
.btn-primary-zs{
  background-color:var(--primary-color);
  color:#FFF;
  border-color: var(--primary-color);
}
.btn-primary-zs:hover, .btn-primary-zs:active, .btn-primary-zs:focus{
  background-color:var(--primary-color-hover) !important;
  color:#FFF !important;
  border-color: var(--primary-color-hover) !important;
}
.btn-secondary-zs{
  background:var(--secondary-color);
  color:#FFF;
  border:1px solid var(--secondary-color);
}
.btn-secondary-zs:hover, .btn-secondary-zs:active, .btn-secondary-zs:focus{
  background:var(--secondary-color-hover) !important;
  color:#FFF !important;
  border:1px solid var(--secondary-color-hover) !important;
}
.fs-96{font-size:96px;}.rounded-60{border-radius:60px;}.fs-64{font-size:64px;}.fs-36{font-size:36px;}.fs-40{font-size:40px;}.font-inter{font-family: var(--font-inter);}.fs-18{font-size: 18px;}.hidden-desktop{display:none !important;}.fs-20{font-size:20px;}.fs-28{font-size:28px;}.fs-60{font-size: 60px;}.font-roboto{font-family: var(--font-roboto);}.ms-n15{margin-left:-15px;}.me-n13{margin-right:-13px;}.container{max-width:1212px;}.fs-24{font-size:24px;}.fs-45{font-size:45px;}.fs-48{font-size:48px}.fw-mediums{font-weight:600;}.fs-16{font-size:16px;}.fs-10{font-size: 10px;}.fs-11{font-size: 11px;}.fs-12{font-size: 12px;}.fs-13{font-size: 13px;}.transition{transition: all 0.4s;}.lh-100{line-height: 100%;}.lh-125{line-height: 125%;}.lh-150{line-height: 150%;}.lh-175{line-height: 175%;}.lh-200{line-height: 200%;}

/***********************Default CSS Ends Here********************/

.navbar-expand-lg .navbar-nav .nav-link{
  font-size:16px;
  font-weight: 500;
  color: #000;
  border-bottom: 1px solid transparent;
}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show, .navbar-expand-lg .navbar-nav .nav-link:hover, .navbar-expand-lg .navbar-nav .nav-link:active, .navbar-expand-lg .navbar-nav .nav-link:focus{
  color: var(--primary-color);
  font-weight: 700;
  border-bottom: 1px solid var(--primary-color);
}
.home-banner p{
  line-height: 29px;
}
.home-banner span{
  font-size: 30px;
  line-height: 60px;
}
.relax{
  background: url(../images/relax-pattern.png) repeat var(--primary-color);
  border-radius: 50px;
}
.relax h3{
  font-size:38px;
}
.relax .btn{
  width:220px;
  height: 50px;
  line-height: 40px;
}
.relax .btn img{
  margin-top: 12px;
}
.promise-box{
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
  border-radius: 20px;
}
.promise-box strong{
  color: #EDECF8;
}
.promise-box span{
  width: 85px;
  height: 85px;
  background: #F7F7FF;
  border-radius: 10px;
}
.promise-box h3{
  font-size: 20px;
}
.promise-box p{
  color: #74788D;
}
.testimonials-box p, .testimonials-box strong{
  color: #2F3135;
}
.testimonials-box .col-lg-4 img{
  margin-bottom: -2px;
}
.testimonials .carousel-indicators [data-bs-target]{
  width: 20px;
  height: 20px;
  border:1px solid #3D6093;
  background: none;
  border-radius: 50%;
}
.testimonials .carousel-indicators .active{
  border:1px solid #3D6093;
  background: #3D6093;
}
.testimonials .carousel-indicators{
  bottom: -80px;
}
footer h3{
  color: #28283C;
}
footer p, footer ul li a{
  color:#74788D;
  transition: all 0.4s;
}
footer ul.social li a{
  width: 40px;
  height: 40px;
  line-height: 40px;
  background-color: #EAEAEA;
}
footer ul li a:hover, footer ul li a:active, footer ul li a:focus{
  color:#000;
}
.chat-widget{
  width: 470px;
  max-height: 550px;
  min-height: 450px;
  position: fixed;
  height: auto;
  bottom: 90px;
  right: 15px;
  border-radius:10px;
  overflow:hidden;
  border:1px solid #CCC;
  display:none;
  flex-direction:column;
  background:#FFF;
  z-index: 1000;
}
.chat-header{
  background:#F8F8F8;
  padding:10px;
  border-bottom:1px solid #DFDFDF;
  box-shadow:0 2px 5px #DFDFDF;
}
.chat-header .c-logo{
  gap:8px;
}
.chat-header .c-logo strong{
  font-size:15px;
  margin-top:-2px;
}
.chat-body {
  overflow-y: auto;
  overflow-x: hidden;
  height: auto;
  padding: 20px;
  position: absolute;
  bottom: 104px;
  top: 57px;
  right: 0;
  left: 0;
}
.chat-footer {
  height: 103px;
  background: #F8F8F8;
  border-top: 1px solid #DFDFDF;
  box-shadow: 2px 0 5px #DFDFDF;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
}
.chat-screen{
  display: flex;
  flex-direction: column;
  height: 500px;
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 10px;
  box-sizing: border-box;
  overflow-y: auto;
}
.termst{
  background: #F8F8F8;
  padding: 1px 5px 9px 5px;
  font-size: 11px;
  text-align: center;
  position: absolute;
  width: 100%;
  bottom: 0;
}
.default-message p{
  margin:0 !important;
}
.chat-messages {
  flex: 1;
  overflow-y: auto;
  border-radius: 5px;
}
.send-btn{
  background: none;
  border: none;
  background-color: transparent;
  text-decoration: none;
  margin-left: -36px;
  width: 35px;
}
.send-btn:hover{
  cursor: pointer;
}
.zigse-message {
  background-color: #F1F1F0;
  border-radius: 12px 12px 12px 3px;
  margin: 10px 0;
  flex: 1;
  display: flex;
  margin-left: 36px;
  padding-left:15px;
  padding-right:15px;
  position: relative;
  clear:both;
}
.zigse-message img{
  position: absolute;
  bottom: -4px;
  width: 30px;
  left: -36px;
}
.zigse-message p{
  color:#444;
  font-size:13px;
  line-height:130%;
  margin:11px 0;
}
.user-message{
  background-color: #1185FF;
  border-radius: 12px 12px 3px 12px;
  margin: 10px 0;
  flex: 1;
  position: relative;
  float:right;
  display: flex;
  justify-content: end;
  padding-left:15px; 
  margin-right: 0;
  padding-right:15px;
}
.user-message img{
  display:none;
}
.user-message p{
  color:#FFF;
  font-size:13px;
  line-height:130%;
  margin:7px 0;
}
.chat-input{
  display: flex;
  align-items: center;
  padding: 10px;
  height: 70px;
  background-color: #fff;
  position: absolute;
  bottom: 32px;
  left: 0;
  width: 100%;
}
.address_field {
  border: none !important;
  border-radius: 0 !important;
  padding: 11px 25px 11px 5px !important;
  font-size: 14px !important;
}
.address_field:focus{
  outline:none !important;
}
.loader-div p {
  display: flex;
  align-items: center;
}

/***********************Homepage CSS Ends Here**********************/

.form-box{
  min-height: 100vh;
}
.lhs{
  background: url(../images/form-bg.jpg) no-repeat center top;
  background-size: cover;
  width: 50%;
}
.form-overlay{
  background: rgba(113, 113, 113, 0.9);
}
.lhs p{
  margin-top: calc(60% - 200px);
  width: 75%;
}
.rhs{
  width: 50%;
}
.rhs p{
  color: #8692A6;
}
.rhs h1{
  font-size: 30px;
}
.form{
  width:426px;
}
.form label{
  color:#696F79;
}
.form .form-control{
  height: 64px;
  border:1px solid #8692A6;
  color: #494949;
  padding-left: 25px;
}
.form .form-control::placeholder{
  color:#8692A6;
}
.form .form-control:focus{
  box-shadow: 0 4px 10px 3px rgba(0, 0, 0, 0.11);
  border-color:rgb(45,107,139);
}
.form .show{
  right:20px;
  bottom: 38px;
}
.form input[type="checkbox"]{
  height: 17px;
  width: 17px;
}
.form-check-input:checked{
  background-image: linear-gradient(to right,  rgba(45,107,139,1) 0%,rgba(87,140,162,1) 55%,rgba(87,140,162,1) 55%,rgba(54,117,150,1) 100%);;
}
.form-check-input:checked[type=checkbox] + label::after {
  content:'\f00c';
  font-family: var(--fa-style-family, "Font Awesome 6 Free");
  font-weight: var(--fa-style, 900);
  position: absolute;
  display: block;
  left: -28px;
  color: #FFF;
  font-size: 12px;
  bottom: -2px;
  z-index: 1;
}
.top-icon{
  float: right;
  margin-top: 180px;
  margin-right: 190px;
}

/********************Forms Pages CSS Ends Here**********************/

.c-form input{
  height: 61px;
}
.c-form textarea{
  min-height: 184px !important;
  height: 184px !important;
  resize: none;
}
.about-banner{
  background: rgba(68, 145, 173, 0.4);
}
.why-we{
  background: #FFEFEB;
}
.what-we-do-banner{
  background: var(--secondary-color);
  min-height: 590px;
}
.border-primary{
  border-color: var(--primary-color) !important;
}

/******************Contact Us, About Us and What We Do Pages CSS Ends Here************************/

.main-content .side-nav{
  width: 270px;
}
.main-content .side-nav .btn{
  min-height: 0;
}
.main-content .nav-pills .nav-link{
  color:#333;
}
.main-content .nav-pills .nav-link.active, .main-content .nav-pills .show>.nav-link{
  color:#FFF;
  background: var(--primary-color);
}
.table-responsive table .btn{
  min-height: 0;
}
.table-responsive table th{
  min-width: 110px;
}
.active>.page-link, .page-link.active{
  background: var(--primary-color);
}

@media(min-width:1251px) and (max-width:1390px){
  .lhs p{
    width: 100%;
    margin-top: calc(60% - 200px);
  }
  .top-icon{
    display: none;
  }
}
@media(min-width:991px) and (max-width:1250px){
  .navbar-expand-lg .navbar-nav li{
    margin: 15px 0;
  }
  .fs-48, .fs-45{
    font-size: 40px;
  }
  .relax h3{
    font-size: 34px;
  }
  .fs-24, .fs-20{
    font-size: 20px;
  }
  .home-banner span {
    font-size: 24px;
    line-height: 36px;
  }
  .form{
    width: 100%;
  }
  .lhs p{
    width: 100%;
    margin-top: calc(60% - 200px);
  }
  .ww{
    right:-200px !important;
  }
  .top-icon{
    display: none;
  }
}
@media(min-width:768px) and (max-width:990px){
  .container{
    padding: 0 20px;
  }
  .navbar-expand-lg{
    border-bottom: 1px solid #E1E4E8;
  }
  .navbar-expand-lg .navbar-nav li{
    margin: 15px 0;
  }
  .fs-48, .fs-45{
    font-size: 35px;
  }
  .relax h3{
    font-size: 30px;
  }
  .fs-24, .fs-20{
    font-size: 18px;
  }
  .home-banner span {
    font-size: 24px;
    line-height: 36px;
  }
  .form-overlay a img{
    width: 120px;
  }
  .lhs p{
    width: 100%;
    margin-top: 100px;
  }
  .rhs .fs-16, .rhs .fs-18, .rhs .fs-5{
    font-size: 14px !important;
  }
  .form{
    width: 100%;
  }
  .top-icon{
    display: none;
  }
  .ww{
    right:-420px !important;
  }
}
@media(max-width:767px){
  .hidden-mobile{
    display: none !important;
  }
  .hidden-desktop{
    display: block !important;
  }
  .container{
    padding: 0 20px;
  }
  .navbar-expand-lg{
    border-bottom: 1px solid #E1E4E8;
  }
  .navbar-expand-lg .navbar-nav li{
    margin: 15px 0;
  }
  .fs-48{
    font-size: 24px;
    margin-top: 35px;
  }
  .fs-24, .promise-box h3{
    font-size: 14px;
  }
  .home-banner .btn{
    width: 100%;
    margin-top: 30px;
    font-size: 24px;
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
  .robot{
    display: block;
    margin-top: -15px;
  }
  .fs-45{
    font-size: 24px;
  }
  .what-we-do .fs-24{
    font-size:20px;
  }
  .ms-n15{
    margin-left: 0 !important;
  }
  .trusted-source h3{
    font-size: 20px;
  }
  .relax{
    border-radius: 25px;
    padding-bottom: 45px;
  }
  .relax h4{
    font-size: 24px;
    margin-left: -45px;
    text-align: center;
    margin-top: 40px;
  }
  .relax .ms-n1{
    margin-left: -18px;
  }
  .text-center-m{
    text-align: center;
  }
  .fs-60{
    font-size: 33px;
    line-height: 0;
  }
  .promise-box span{
    height: 48px;
    width: 48px;
    padding-top: 8px !important;
  }
  .promise-box span img{
    width:26px;
  }
  .fs-m-12{
    font-size: 12px;
  }
  .pb2{
    margin-bottom: 20px;
  }
  .testimonials span{
    font-size: 9px;
  }
  .testimonials .fs-28{
    font-size: 18px;
  }
  .testimonials-box{
    padding: 20px !important;
    background: #EDF3FC;
  }
  .mob-s{
    margin-bottom: -21px;
  }
  .testimonials-box p{
    font-size: 11px;
    line-height: 250%;
  }
  .testimonials-box strong{
    font-size: 13px;
  }
  footer.border-top, .copyright.border-top{
    border-top:transparent !important;
  }
  .copyright{
    line-height: 2;
  }

  .form-box{
    margin-top: 85px;
  }
  .lhs{
    width: 100%;
    min-height: 363px;
    background-position: center -100px;
  }
  .lhs p{
    font-size: 24px;
    width: 100%;
    margin-top: 20px;
  }
  .rhs{
    width: 100%;
    padding-top: 0 !important;
  }
  .form{
    width: 100%;
  }
  .form label, .form input{
    font-size: 12px;
  }
  .form .form-control{
    height: 49px;
  }
  .form .form-check-label, .form .btn, .form span.fs-16{
    font-size: 12px;
  }
  .rhs h1{
    font-size: 22px;
  }
  .form .show{
    bottom: 31px;
  }
  .fs-40, .fs-64{
    font-size: 28px;
    text-align: center;
  }
  .c-banner p{
    text-align: center;
    font-size: 12px;
    line-height: 150%;
    padding: 20px 0 30px 0;
  }
  .form-contact h3, .fs-36, .team h3, .w-box h3{
    font-size: 20px;
  }
  .form-contact p{
    font-size: 12px;
  }
  .form-contact strong{
    font-size: 14px;
  }
  .strory span{
    font-size: 10px;
  }
  .strory h3, .why-we h3{
    font-size: 20px;
  }
  .strory p, .why-we p{
    font-size: 12px;
  }
  .what-we-do-banner{
    height: 361px;
  }
  .fs-96{
    font-size: 48px;
    font-weight: 500 !important;
    margin-top: 130px;
    line-height: 150%;
  }
  .w-box h3{
    margin-top: 30px;
  }
  .testimonials-box p, .testimonials-box strong{
    color:#000 !important
  }
  .fgt{
    font-size: 12px;
  }
}
@media(max-width:574px){
  .main-content .side-nav{
    width: 100%;
  }
}
@media(max-width:450px){
  .chat-widget{
    width: 90%;
  }
}
.loader-div p {
  display: flex;
  align-items: center;
  margin-top: 5px;
}
      .loader {
          width: 40px; /* control the size */
          aspect-ratio: 8/5;
          --_g: no-repeat radial-gradient(#cecbcb 68%,#7e7e7e00 71%);
          -webkit-mask: var(--_g),var(--_g),var(--_g);
          -webkit-mask-size: 25% 40%;
          background: rgb(159, 159, 159);
          animation: load 2s infinite;
          }

          @keyframes load {
          0%    {-webkit-mask-position: 0% 0%  ,50% 0%  ,100% 0%  }
          16.67%{-webkit-mask-position: 0% 100%,50% 0%  ,100% 0%  }
          33.33%{-webkit-mask-position: 0% 100%,50% 100%,100% 0%  }
          50%   {-webkit-mask-position: 0% 100%,50% 100%,100% 100%}
          66.67%{-webkit-mask-position: 0% 0%  ,50% 100%,100% 100%}
          83.33%{-webkit-mask-position: 0% 0%  ,50% 0%  ,100% 100%}
          100%  {-webkit-mask-position: 0% 0%  ,50% 0%  ,100% 0%  }
          }


.dashboard{
  margin-top: 100px;
}
.dashboard-card-header{
  background-color: var(--secondary-color)!important;
  border: 1px solid var(--secondary-color);
  border-radius: 5px;
  min-height: 45px;
  transition: all 0.4s;
}
.single-tour-container{
  margin-top: 10px;
}
.list-font{
  margin-right: 10px;
}
.cancel-request textarea{
  margin-top: 10px;
  border-radius: 5px;
  width:100%;
  padding: 10px;
}
.content{
  line-height: normal;
  text-align: justify;
}
.content b{
  margin-bottom: 30px;
  color:#0f70be !important;
  font-size: larger;
}
.headingterm{
  font-size: 20px;
  font-weight: 700;
  color: #0f70be;

}
.spinner-border {
  width: 3rem;
  height: 3rem;
  border: 0.25em solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: spinner-border 0.75s linear infinite;
}

@keyframes spinner-border {
  to { transform: rotate(360deg); }
}