@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css");

body {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
}

.desk .logo {
    max-width: 200px;
}

.gototop {
    position: fixed;
    right: 20px;
    z-index: 100;
    bottom: 20px;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 40px;
    line-height: 40px;
    opacity: 1;
    background-color: #ffc107;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    color: #212529;
    border: 1px solid #ffc107;
    border-radius: 50em;
}
.gototop:hover {
    background-color: #212529;
    color: #ffc107;
    border: 1px solid #ffc107;
}
.banner-overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    background-color: #0000006b;
}
.owl-main-banner .item {
    height: calc(100vh - 90px);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}
.mob .owl-main-banner .item {
    height: calc(100vh - 52px);
} 
.desk header {
    background: #000000c7;
}
.py-100 {
    padding-top: 60px;
    padding-bottom: 60px;
}
.icon-bar {
    position: fixed;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 900;
    right: 0;
}
.mob .icon-bar {
    top: unset;
    bottom: 84px;
    -webkit-transform: unset;
    -ms-transform: unset;
    transform: unset;
}
.icon-bar a {
    display: block;
    text-align: center;
    padding: 12px;
    transition: all 0.9s ease;
    color: white;
    font-size: 22px;
    line-height: 22px;
    border-radius: 0px;
}
.mob .icon-bar a {
    padding: 8px;
}
.facebook {
    background: #3B5998;
}
.twitter {
    background: #55ACEE;
}
.phonecall {
    background: #dd4b39;
}
.telegram {
    background: #007bb5;
}
.whatsapp {
    background: #00bb00;
}
.icon-bar a:hover {
    background-color: #000;
}
.step {
    position: absolute;
    right: 6px;
    bottom: 0;
    font-size: 70px;
    font-weight: bold;
    line-height: 70px;
    color: #ccc;
    text-shadow: 2px 2px 4px #000;
}
.opacity-90 {
    opacity: 90%;
}
#process {
    background-image: url(/lib/img/composition.png);
    background-position: bottom center;
    background-size: 80%;
    background-repeat: no-repeat;
}

.mob #side-menu {
    position: fixed;
    top: 0;
    left: -100%;
    background: white;
    width: 90%;
    height: 100vh;
    z-index: 1011;
    transition: all 0.3s ease;
}
.mob.show_menu #side-menu {
    left: 0;
}
.mob .menu_backdrop {
    position: fixed;
    width: 100%;
    height: 100vh;
    z-index: 1010;
    background: #00000099;
    top: 0;
    left: -100%;
}
.mob.show_menu .menu_backdrop {
    left: 0;
}
.mob.show_menu .menu_backdrop:before {
    content: '✕';
    position: absolute;
    right: 5px;
    top: 0;
    color: white;
    font-weight: bold;
    font-size: 25px;
}
.mob header {
    margin-bottom: -2px;
}
.mob h55, .h55 {
    font-size: 1.15rem;
}
.bus_tag img {
    width: 36px;
    height: 36px;
}
.th_bg {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-end;
    justify-content: flex-start;
    width: 100%;
    height: 100%;
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%);
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
}
.img_wrapper {
    position: relative;
    overflow: hidden;

}
.bus_thumb img.bus-image {
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.bus_thumb:hover img.bus-image {
    transform: scale(1.1);
}
.tag-icon {
    width: 24px;
    height: 24px;
    margin: 2px 3px;
    display: inline-block;
}


.viber  {
    background-repeat: no-repeat;
    background-position: center;
    background-color: #7e519d;
    background-size: 60%;    
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='white' viewBox='0 0 32 32'><path d='M15.198 0.005c-2.568 0.031-8.089 0.453-11.177 3.286-2.297 2.276-3.099 5.641-3.193 9.802-0.078 4.146-0.172 11.932 7.333 14.052v3.229c0 0-0.047 1.292 0.807 1.557 1.052 0.333 1.651-0.661 2.651-1.729l1.865-2.109c5.135 0.427 9.068-0.557 9.521-0.703 1.042-0.333 6.911-1.083 7.87-8.87 0.984-8.042-0.479-13.109-3.12-15.401h-0.016c-0.797-0.734-4-3.068-11.156-3.094 0 0-0.531-0.036-1.385-0.021zM15.286 2.266c0.729-0.005 1.172 0.026 1.172 0.026 6.057 0.016 8.948 1.839 9.63 2.453 2.224 1.906 3.37 6.474 2.531 13.188-0.797 6.51-5.557 6.922-6.438 7.203-0.375 0.12-3.839 0.974-8.203 0.693 0 0-3.25 3.922-4.266 4.932-0.161 0.177-0.349 0.229-0.469 0.203-0.172-0.042-0.224-0.255-0.214-0.547l0.031-5.359c-6.365-1.76-5.99-8.401-5.922-11.87 0.078-3.469 0.729-6.307 2.667-8.229 2.609-2.359 7.297-2.677 9.479-2.693zM15.766 5.734c-0.219-0.005-0.401 0.177-0.401 0.396 0 0.224 0.182 0.401 0.401 0.401 2.005-0.036 3.938 0.724 5.375 2.12 1.453 1.411 2.161 3.307 2.188 5.786 0 0.219 0.177 0.401 0.401 0.401v-0.016c0.219 0 0.401-0.177 0.401-0.396 0.099-2.359-0.776-4.651-2.417-6.349-1.583-1.547-3.589-2.344-5.948-2.344zM10.495 6.651c-0.281-0.042-0.573 0.016-0.818 0.161h-0.021c-0.542 0.318-1.047 0.719-1.526 1.255-0.365 0.422-0.563 0.849-0.615 1.26-0.031 0.245-0.010 0.49 0.063 0.724l0.026 0.016c0.411 1.208 0.948 2.37 1.604 3.464 0.844 1.536 1.885 2.958 3.094 4.229l0.036 0.052 0.057 0.042 0.036 0.042 0.042 0.036c1.276 1.214 2.698 2.255 4.24 3.109 1.76 0.958 2.828 1.411 3.469 1.599v0.010c0.188 0.057 0.359 0.083 0.531 0.083 0.547-0.042 1.063-0.26 1.469-0.63 0.521-0.469 0.932-0.984 1.24-1.531v-0.010c0.307-0.578 0.203-1.125-0.24-1.495-0.885-0.776-1.849-1.464-2.865-2.057-0.682-0.37-1.375-0.146-1.656 0.229l-0.599 0.755c-0.307 0.375-0.865 0.323-0.865 0.323l-0.016 0.010c-4.161-1.063-5.271-5.276-5.271-5.276s-0.052-0.573 0.333-0.865l0.75-0.604c0.359-0.292 0.609-0.984 0.224-1.667-0.589-1.021-1.276-1.979-2.052-2.865-0.167-0.208-0.406-0.349-0.672-0.401zM16.458 7.839c-0.531 0-0.531 0.802 0.005 0.802 1.333 0.021 2.604 0.573 3.531 1.531 0.844 0.932 1.281 2.172 1.198 3.427 0.005 0.219 0.182 0.396 0.401 0.396l0.016 0.021c0.219 0 0.401-0.182 0.401-0.401 0.036-1.589-0.458-2.922-1.427-3.99-0.974-1.068-2.333-1.667-4.068-1.786-0.021 0-0.036 0-0.057 0zM17.115 9.995c-0.547-0.016-0.568 0.802-0.026 0.818 1.318 0.068 1.958 0.734 2.042 2.104 0.005 0.219 0.182 0.391 0.396 0.391h0.016c0.224-0.010 0.401-0.203 0.385-0.427-0.094-1.786-1.068-2.792-2.797-2.885-0.005 0-0.010 0-0.016 0z'/></svg>");
}
.viber i {
    opacity: 0;
}
/* bs bug */
.mob h1, .h1 {
  font-size: calc(1.375rem + 1.5vw);
}

.mob h2, .h2 {
  font-size: calc(1.325rem + 0.9vw);
}


.mob h3, .h3 {
  font-size: calc(1.3rem + 0.6vw);
}


.mob h4, .h4 {
  font-size: calc(1.275rem + 0.3vw);
}


.mob h5, .h5 {
  font-size: 1.25rem;
}

.mob h6, .h6 {
  font-size: 1rem;
}
/* bs bug */

/*---Humberger Menu---*/
.humberger-menu {
  display: block;
  width: 50px;
  cursor: pointer;
  padding: 5px;
}
.humberger-menu.white span {
    background-color: #ffffff; 
}
.humberger-menu.white:hover span {
    width: 100%;
    background-color: #ffc107;
}
.humberger-menu span {
    height: 6px;
    background-color: #fff;
    margin: 4px;
    margin-bottom: 8px;
    display: block;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}
.humberger-menu span.one {
      width: 100%;
}
.humberger-menu span.two {
      width: 50%;
}
.humberger-menu span.three {
      width: 75%; 
}
.humberger-menu:hover span {
    width: 100%;
    background-color: var(--main-color-one); 
}
#sidebar {
    overflow-y: scroll;
}
.sidebar-class {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 300px;
  height: 100vh;
  background-color: #181818;
  text-align: center;
  -webkit-transform-origin: left;
  -ms-transform-origin: left;
  transform-origin: left;
  -webkit-transform: perspective(1200px) rotateY(90deg);
  transform: perspective(1200px) rotateY(90deg);
  -webkit-transition: all 400ms ease;
  -o-transition: all 400ms ease;
  transition: all 400ms ease;
  z-index: 9999; 
}
.sidebar-class.right {
    width: 300px;
    text-align: left;
    right: 0;
    left: inherit;
    -webkit-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right;
    padding: 0 10px;
    -webkit-transform: perspective(1200px) rotateY(-90deg);
    transform: perspective(1200px) rotateY(-90deg);
}
.sidebar-active .sidebar-class {
    -webkit-transform: perspective(1200px);
    transform: perspective(1200px);
}


.sidebar-shadow {
    -webkit-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right;
    -webkit-transform: perspective(1200px) rotateY(-90deg);
    transform: perspective(1200px) rotateY(-90deg);
    -webkit-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;    
    right: 0;    
    width: 100vw;
    height: 100vh;
    display: block;
    position: fixed;
    top: 0;
    z-index: 9000;
}

.sidebar-active .sidebar-shadow {
    -webkit-transform: perspective(1200px);
    transform: perspective(1200px);
}
.sidebar-shadow::after {
    content: "\02716";
    width: 45px;
    height: 45px;
    right: 300px;
    color: #8e8e8e;
    display: block;
    position: absolute;
    top: 0;
    font-size: 40px;
    line-height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 400ms ease; 
    background-color: #181818;
}
.sidebar-shadow:hover:after {
    color: #ffc107;
}
.lang-img {
    width: 34px;
}
.header-contact {
    background-color: #000;
}
.service-bg {
    background-position: right center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: all 0.4s ease;
}
.service-bg:hover {
    transform: scale(1.2);
    z-index: 2;
}
.steps-card {
    transition: all 0.4s ease;
    opacity: 90%;
}
.steps-card:hover {
    transform: scale(1.2);
    z-index: 2;
    opacity: 100%;
}
.hover-y {
    color: #dedede;
    transition: all 0.4s ease;
}
.hover-y:hover {
    color: #ffc107;
}
.fs-12 {
    font-size: 1.2rem;
}

.border-2 {
    border: 1px solid #ccc;
}
/* loader */
.loader {
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  width: 0;
  height: 100vh;
  transition: width 0s 1.4s ease;
}
.loader .loader__icon {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  opacity: 0;
  transition: opacity 0.5s ease;
}
.loader .loader__icon svg {
  transform-origin: 0 0;
}
.loader .loader__tile {
  position: absolute;
  left: 0;
  width: 0;
  height: calc(20% + 1px);
  background-color: #212529;
  transition: width 0.7s ease;
}
.loader .loader__tile:nth-child(0) {
  top: calc(-1 * 20%);
  transition-delay: -0.2s;
}
.loader .loader__tile:nth-child(1) {
  top: calc(0 * 20%);
  transition-delay: 0s;
}
.loader .loader__tile:nth-child(2) {
  top: calc(1 * 20%);
  transition-delay: 0.2s;
}
.loader .loader__tile:nth-child(3) {
  top: calc(2 * 20%);
  transition-delay: 0.4s;
}
.loader .loader__tile:nth-child(4) {
  top: calc(3 * 20%);
  transition-delay: 0.6s;
}
.loader .loader__tile:nth-child(5) {
  top: calc(4 * 20%);
  transition-delay: 0.8s;
}
.loader--active {
  width: 100%;
  transition-delay: 0s;
}
.loader--active .loader__icon {
  opacity: 1;
  transition: opacity 0.5s 1.4s ease;
}
.loader--active .loader__tile {
  width: 100%;
}
.loader--active .loader__tile:nth-child(0) {
  transition-delay: -0.2s;
}
.loader--active .loader__tile:nth-child(1) {
  transition-delay: 0s;
}
.loader--active .loader__tile:nth-child(2) {
  transition-delay: 0.2s;
}
.loader--active .loader__tile:nth-child(3) {
  transition-delay: 0.4s;
}
.loader--active .loader__tile:nth-child(4) {
  transition-delay: 0.6s;
}
.loader--active .loader__tile:nth-child(5) {
  transition-delay: 0.8s;
}
/* loader */

#map {
    width: 100%;
    height: 450px;
}
.btn-26 .lang-img {
    width: 42px;
    border: 1px solid transparent;
}
.ti50 p {
    text-indent: 50px;
}