@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@700&family=Great+Vibes&family=Kalnia:wght@300;400;500&family=Libre+Caslon+Display&family=Open+Sans:ital@1&family=Overpass:wght@200&family=Raleway:ital,wght@0,300;1,200;1,300;1,500&family=Work+Sans:wght@700&display=swap');
  /* font-family: 'Dancing Script', cursive;
  font-family: 'Great Vibes', cursive;
  font-family: 'Kalnia', serif;
  font-family: 'Libre Caslon Display', serif;
  font-family: 'Open Sans', sans-serif;
  font-family: 'Overpass', sans-serif;
  font-family: 'Raleway', sans-serif;
  font-family: 'Work Sans', sans-serif; */
  
   
.loc{
    background: blue;
      width: 30px;
      height: 30px;
      border-radius: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
      margin-right: 16px;
  
  }
  
  .loc i{
    color: white;
    font-size: 16px;
  }
  .adres-sec{
    display: flex;
    justify-content: center;
    
    margin-top: 6px;
  }
  .adres-sec a{
    text-decoration: none;
    color: black;
  }
  .nav-item{
    margin: 0 10px;
  }
  .nav-bar.nav-sticky {
      position: sticky;
      width: 100%;
      top: 0;
      left: 0;
      box-shadow: 0 2px 5px rgba(0, 0, 0, .3);
      z-index: 999;
  }
  .nav-bar{
    background: #000;
    
 }
 .nav-item a,.navbar-nav .nav-link.active{
     color: white !important;
 }
 .navbar-brand img,.footer-logo img{
     width: 200px;
    
 }
 .top-bar{
     height: 100px;
 }
 .header{
    height: 300px;
    overflow: hidden;
    position: relative;
 }
 .header h3{
    position: absolute;
    color: white;
    bottom: 30px;
    right: 30px;
    Z-INDEX: 1;
 }
 .main{
    background: white;
    position: absolute;
    width: 200px;
    height: 70px;
    border-radius: 10px;
    bottom: -10px;
    left: 114px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    z-index: 1;
 }
 .main a{
    text-decoration: none;
    color: black;
 }
 .main span{
    color: #3877eb;
 }
 .col1{
    display: flex;
    justify-content: center;
    align-items: center;
}
 @media screen and (max-width:768px){
    .sm-hide{
        display: none;
    }
    .main{
        bottom: 40px;
    }
    .ser-taxi{
        align-items: center;
        flex-direction: column;
        justify-content: center !important;
        text-align: left !important;
    }
    .btn-taxi{
        margin-left: 125px;
    }
    .hidden {
        display: none;
    }
    .r{
        height: 750px !important;
        padding: 10px;
    }
    .card{
 
        display: flex;
        justify-content: center;
        align-items: center;
      }
      .card-body{
        width: 350px;
      }
     
      .header h3{
        display: none !important;
      }
      .card-head img{
        width: 100% !important;
        padding: 0 !important;
      }
   .tembo{
    padding: 20px !important;
   }
 }
 @media screen and (min-width:768px) {
    .lg-hide{
        display: none;
    }
    .taxi-icon{
        margin-top: -133px;

    }
   
 }
 
 /* section abt */
.abt-p p{
    text-align: justify;
    color: #706464;
    line-height: 30px;
    font-size: 17px;

}
.abt-img img{
    border-radius: 10px;
}
.abt-img{
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: left;
    align-items: baseline;
}
.abt-b,.abt-p b{
    font-family: 'Work Sans', sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 156px;
    font-size: 30px;
    background: #337afa;
    margin-top: 15px;
    border-radius: 10px;
    color: white;
}
.abt-img span,.abt-p span{
    font-size: 20px;
    color: #3877eb;
    font-weight: 700;
    letter-spacing: 3px;
}
.abt-img h3{
    font-family: 'Work Sans', sans-serif; 
    font-size: 33px; 
}

/* sec service */
.sec-service{
    background-image: url('../img/bg/bg1.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin-top: 40px;
    overflow: hidden;
}
.ser-taxi {
   
    display: flex;
    justify-content: center;
    text-align: left;
    color: white;
    align-items: center;
}
.taxi-icon{
    width: 123px;
    height: auto;
   

}
.ser-taxi b{
    text-align: left;
    width: 100%;
    font-size: 30px;
    word-spacing: 4px;
    letter-spacing: 1px;
}
.ser-taxi p{
    font-size: 26px;
    word-spacing: 2px;
    letter-spacing: 2px;
}
.btn-taxi {
    background: #327af1;
    width: 115px;
    height: 45px;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.btn-taxi a{
    color: white;
    text-decoration: none;
    font-weight: 600;
}
.r{
    height: 300px;
    padding: 10px;
}
/* ----------------------------------------------
 * Generated by Animista on 2024-1-1 11:39:22
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation heartbeat
 * ----------------------------------------
 */
 @-webkit-keyframes heartbeat {
    from {
      -webkit-transform: scale(1);
              transform: scale(1);
      -webkit-transform-origin: center center;
              transform-origin: center center;
      -webkit-animation-timing-function: ease-out;
              animation-timing-function: ease-out;
    }
    10% {
      -webkit-transform: scale(0.91);
              transform: scale(0.91);
      -webkit-animation-timing-function: ease-in;
              animation-timing-function: ease-in;
    }
    17% {
      -webkit-transform: scale(0.98);
              transform: scale(0.98);
      -webkit-animation-timing-function: ease-out;
              animation-timing-function: ease-out;
    }
    33% {
      -webkit-transform: scale(0.87);
              transform: scale(0.87);
      -webkit-animation-timing-function: ease-in;
              animation-timing-function: ease-in;
    }
    45% {
      -webkit-transform: scale(1);
              transform: scale(1);
      -webkit-animation-timing-function: ease-out;
              animation-timing-function: ease-out;
    }
  }
  @keyframes heartbeat {
    from {
      -webkit-transform: scale(1);
              transform: scale(1);
      -webkit-transform-origin: center center;
              transform-origin: center center;
      -webkit-animation-timing-function: ease-out;
              animation-timing-function: ease-out;
    }
    10% {
      -webkit-transform: scale(0.91);
              transform: scale(0.91);
      -webkit-animation-timing-function: ease-in;
              animation-timing-function: ease-in;
    }
    17% {
      -webkit-transform: scale(0.98);
              transform: scale(0.98);
      -webkit-animation-timing-function: ease-out;
              animation-timing-function: ease-out;
    }
    33% {
      -webkit-transform: scale(0.87);
              transform: scale(0.87);
      -webkit-animation-timing-function: ease-in;
              animation-timing-function: ease-in;
    }
    45% {
      -webkit-transform: scale(1);
              transform: scale(1);
      -webkit-animation-timing-function: ease-out;
              animation-timing-function: ease-out;
    }
  }
  .btn-taxi {
	-webkit-animation: heartbeat 1.9s ease-in-out infinite both;
	        animation: heartbeat 1.5s ease-in-out infinite both;
}  

/* tour pacage head */
.header-t{
    height: 360px;
    overflow: hidden;
    position: relative;
 }
 .carousel-control-prev-icon,.carousel-control-next-icon {
    display: none !important;
 } 


 .package_head img{
  width: 100%;
  transition: 7.5s;
}
.package_head img:hover{
  transform:scale(1.5);
}
.package{
  background: beige;
}
.package_col{
  background: white;
 
    border-radius: 0 0 10px 10px;
    overflow: hidden;
    position: relative;
    height: 400px;
    margin: 20px 0;
}
.package_btn{
  border: 1px solid #30ba30;
  border-radius: 5px;
 
  text-align: center;
  position: absolute;
  bottom: 18px;
  left: 8px;
  right: 8px;
  
}
.package_btn a,.package_btn a:hover{
  color: #30ba30;
  font-weight: 600;
}
.package_btn:hover,.package_btn a:hover{
  background: #30ba30;
  color: white;
}
.package_body{
  padding: 10px;
}
.package_body small{
  color: #357beb;
    font-weight: 700;
}
.package_body span{
  color: #30ba30;
  display: none;
}
.package_body p{
  font-weight: 500;
  color: #30ba30;
}
.package_head{
  max-height: 197px;
    overflow: hidden;
    border-radius: 10px 10px 0 0;
}
 /* card */
 /* .card-p img{
    width: 100%;

 }
 .packages-head{
    height: 260px;
 }
 .package-body h4{
    color: #2a7cf6;
 }
 .package-body{
    margin-top: 20px;

 }
 .package-body p{
    text-align: justify;
 }
 .card-p{
    height: 420px;
    margin: 20px 0;
 }
 
.r1{
    justify-content: center;
}
.tours{
  margin-top: 50px;
} */
/* service page */
.txi1{
  display: flex;
    justify-content: center;
    align-items: center;
    line-height: 30px;
    flex-direction: column;
}

.txi1 p{
  text-align: justify;
}
.card{
    border: none !important;
    margin-top: 60px;
    padding: 15px;
    
   
  }
  
  .card-head img{
    width: 100%;
  }
  /* .sec-taxi{
    margin-top: 50px;
  } */
  .sec-taxi h2{
    font-weight: 700;
    color: #357beb;
  }
  .card-head{
    height: 203px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 40px;

   
  }
  .tembo{
    padding: 80px;
  }
  .card-bt{
    background: #357beb;
    width: 128px;
    color: whi;
    border-radius: 20px;
    text-align: center;
   
    position: absolute;
    bottom: 15px;
    transition: 1s;
  }
  .card-bt:hover,.card-bt a:hover{
    background: white;
    color: #080874;
    }
  .card-bt a{
    color: white;
  }
  .card p{
    margin-left: 18px;
    font-weight: 500;
    
  }
 .sec-taxi h4{
  text-align: center;
  margin-top: 10px;
 }
 .slider {
  width: 100%;
 
}
.slick-dots li button{
  display: none !important;
}
.card-body{
  background: #080874;
    margin: 0 10px;
    height: 230px;
    position: relative;
}
.card-body span{
  font-size: 24px;
}
.card-body p{
  color: white;
}
.sec-taxi{
  overflow: hidden;
}
/* blog */
.blog img{
  width: 100%;
}
.blog{
  padding: 10px;
  position: relative;
}
.blog-content{
  color: white;
    position: absolute;
    bottom: 39px;
    left: 28px;
    
}
.blog a{
  text-decoration: none;
    position: absolute;
    bottom: 13px;
    right: 22px;
    color: white;
    font-weight: 700;
}
.blog h6{
  position: absolute;
  bottom: 5px;
  color: white;
  left: 31px;

}

.cal-icn,.wts-icn{
  display: none;
}

.contact_col{
  background-color: rgb(33, 33, 151);
  padding: 20px;
  
}

.contact_adres h3 {
  font-size: 1.75rem;
  color: white;
  font-weight: 700;
}
.section-contact{
  margin-top: 20px ;
}
.sec_adrs{
  display: flex;
  justify-content: flex-start;
  padding-bottom: 20px
}

.location{
    border-radius: 50%;
    border: 1px solid rgb(7, 16, 133) ;
    background-color: white;
    height: 30px;
    width: 30px;
    display: flex;
    flex-direction: column-reverse;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
}
.sec_phone{
  display: flex;
  justify-content: flex-start;
  padding-bottom: 20px
}
.cn_phone_icn{
  border-radius: 50%;
    border: 1px solid rgb(7, 16, 133) ;
    background-color: white;
    height: 30px;
    width: 30px;
    display: flex;
    flex-direction: column-reverse;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
}
.sec_mail{
  display: flex;
  justify-content: flex-start;
  padding-bottom: 20px
}
.cn_mail_icn{
  border-radius: 50%;
    border: 1px solid rgb(7, 16, 133) ;
    background-color: white;
    height: 30px;
    width: 30px;
    display: flex;
    flex-direction: column-reverse;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
}
.contact_col1{

    padding: 14px 37px;
    background-color: #dddada;
    padding-top: 20px;
   
}
.cn_adrs,.cn_phone,.cn_mail{
color: #ced1f5;
}

.btn-send {
  background-color: rgb(7, 16, 133) ;
  color: white;
}

.contact_col1 h3{
  color:rgb(7, 16, 133)  ;
}

.sec-map{
  margin-bottom: 20px;
}