/*
Theme Name: Orion Expedition
Developer: Abylaikhan Tleukhan
Author URI: https://abylaikhan.freshcode.kz/
*/

@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");
* {
  font-family: "Inter", sans-serif;
}
:root {
  --blue: #021334;
}
html {
  scroll-padding-top: 75px;
}
.bg_dark_blue {
  background-color: #141414;
}
.dark-gradient {
  background: #00000f;
  background: linear-gradient(90deg, rgba(0, 0, 15, 1) 0%, rgba(2, 19, 52, 0.95) 100%);
}
.smooth {
  transition: all 0.5s ease-in-out;
}
.pointer {
  cursor: pointer;
}
.text-sm {
  font-size: 14px;
}
.text-xs {
  font-size: 12px;
}

/* images */

.img-200 {
  width: 200px;
}

.btn-light {
  --bs-btn-color: #000;
  --bs-btn-bg: #f8f9fa;
  --bs-btn-border-color: #f8f9fa;
  --bs-btn-hover-color: #f8f9fa;
  --bs-btn-hover-bg: #021334;
  --bs-btn-hover-border-color: #021334;
  --bs-btn-focus-shadow-rgb: 211, 212, 213;
  --bs-btn-active-color: #f8f9fa;
  --bs-btn-active-bg: #021334;
  --bs-btn-active-border-color: #babbbc;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #f8f9fa;
  --bs-btn-disabled-border-color: #f8f9fa;
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #021334;
  --bs-btn-border-color: #021334;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #01050e;
  --bs-btn-hover-border-color: #01050e;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #01050e;
  --bs-btn-active-border-color: #01050e;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #021334;
  --bs-btn-disabled-border-color: #021334;
}

.btn-warning {
  --bs-btn-color: #000;
  --bs-btn-bg: #fedf83;
  --bs-btn-border-color: #fedf83;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #ffca2c;
  --bs-btn-hover-border-color: #ffc720;
  --bs-btn-focus-shadow-rgb: 217, 164, 6;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #ffcd39;
  --bs-btn-active-border-color: #ffc720;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #fedf83;
  --bs-btn-disabled-border-color: #fedf83;
}

.hide-menu {
  right: -100% !important;
}

/* hero */
h1 {
  font-size: 110px;
}
.hero-section {
  height: 700px;
}
.footer-slogan {
  font-size: 110px;
}

/* services */
.service_image {
  height: 420px;
  top: 100px;
}
.service_item_num .white-line {
  width: 0;
  height: 40px;
}
.service-active {
  border-bottom: 1px solid #fff !important;
  opacity: 1 !important;
}
.service-active .service_item_title {
  color: #fff !important;
}
.service-active .service_item_num span {
  margin-right: 5px;
}
.service-active .service_item_num .white-line {
  width: 75px !important;
}

/* about */
.about-card {
  height: 300px;
}
.about-card_title h3 {
  font-size: 52px;
}
.about-card-blur {
  background: #858585;
  background: linear-gradient(0deg, rgba(133, 133, 133, 0) 0%, rgba(133, 133, 133, 0.64) 100%);
}
.about-adv-card-blur {
  background-color: #f8f9fa;
  filter: blur(4px);
}

/* advantages */
#advantage-card-2 {
  margin-left: 400px;
}
#advantage-card-3 {
  margin-left: 1200px;
}
#advantage-card-4 {
  margin-left: 800px;
}
#advantage-card-5 {
  margin-left: 400px;
}

#advantage-card-7 {
  margin-left: 1200px;
}
#advantage-card-8 {
  margin-left: 400px;
}
#advantage-card-10 {
  margin-left: 1200px;
}

/* cargo */
#cargo_splide .splide__arrows,
#steps_splide .splide__arrows {
  position: absolute !important;
  right: 90px !important;
  top: -50px !important;
}
#cargo_splide .splide__arrows .splide__arrow--prev,
#steps_splide .splide__arrows .splide__arrow--prev {
  left: -30px !important;
}
#cargo_splide .splide__arrows .splide__arrow--next,
#steps_splide .splide__arrows .splide__arrow--next {
  left: 30px !important;
}
.splide__arrow {
  background: #dddddd;
  border-radius: 0 !important;
  height: 42px;
  width: 42px;
}
#cargo_splide .splide__arrows .splide__arrow:hover {
  background-color: #141414;
}
#cargo_splide .splide__arrows .splide__arrow:hover svg {
  fill: #fff;
}

#steps_splide .splide__arrows .splide__arrow:hover {
  background-color: #141414;
}
#steps_splide .splide__arrows .splide__arrow:hover svg {
  fill: #fff;
}

/* partners */
.grid-4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
.partner-card {
  width: 439px;
  height: 280px;
}
.front_img:hover {
  opacity: 0 !important;
}

/* states */
#Kazakhstan {
  top: 420px;
  left: 700px;
}
#Belarus {
  left: 450px;
  top: 320px;
}
#Russia {
  top: 350px;
  left: 600px;
}
#Ukraine {
  top: 380px;
  left: 520px;
}
#Georgia {
  top: 450px;
  left: 580px;
}
#Moldova {
  top: 400px;
  left: 480px;
}
#Armenia {
  top: 480px;
  left: 580px;
}
#Azerbaijan {
  top: 490px;
  left: 590px;
}
#Turkmenistan {
  top: 500px;
  left: 670px;
}
#Uzbekistan {
  top: 480px;
  left: 720px;
}
#Kyrgystan {
  top: 460px;
  left: 760px;
}
#Tajikistan {
  top: 490px;
  left: 770px;
}
#China {
  top: 430px;
  left: 950px;
}
#Thailand {
  bottom: 320px;
  right: 760px;
}
#Vietnam {
  bottom: 310px;
  right: 725px;
}
#Korea {
  top: 500px;
  right: 570px;
}
#Japan {
  top: 520px;
  right: 520px;
}
.world-map-item:hover span {
  opacity: 1 !important;
}
.world-map-item:hover i {
  padding: 25px !important;
}
/* steps */
.step-card {
  height: 300px;
}
.border-warning {
  --bs-border-opacity: 1;
  border-color: #fedf83 !important;
}

/* faq */
.faq-card:hover {
  background-color: #141414 !important;
}
.faq-card:hover :is(h3, p) {
  color: #f8f9fa !important;
}

.footer-bg-image {
  top: -25px;
}

/*  */
.desktop_frames {
  top: 2000px;
}
.mobile_frames {
  top: 2000px;
}
.advantages-section {
  height: 1080px;
}
.advantages-section .container-fluid {
}

@media (max-width: 1700px) {
  .partner-card {
    width: 360px;
    height: 240px;
  }
}
@media (max-width: 1500px) {
  .partner-card {
    width: 322px;
    height: 222px;
  }
	#Kazakhstan {
  top: 280px;
  left: 500px;
}
#Belarus {
  top: 240px;
  left: 340px;
}
#Russia {
  top: 250px;
  left: 400px;
}
#Ukraine {
  top: 270px;
  left: 360px;
}
#Georgia {
  top: 320px;
  left: 430px;
}
#Moldova {
  top: 290px;
  left: 340px;
}
#Armenia {
  top: 350px;
  left: 420px;
}
#Azerbaijan {
  top: 340px;
  left: 420px;
}
#Turkmenistan {
  top: 360px;
  left: 470px;
}
#Uzbekistan {
  top: 320px;
  left: 520px;
}
#Kyrgystan {
  top: 310px;
  left: 560px;
}
#Tajikistan {
  top: 330px;
  left: 570px;
}
#China {
  top: 330px;
  left: 750px;
}
#Thailand {
  bottom: 270px;
  right: 560px;
}
#Vietnam {
  bottom: 250px;
  right: 525px;
}
#Korea {
  top: 350px;
  right: 400px;
}
#Japan {
  top: 380px;
  right: 390px;
}

}
@media (max-width: 1400px) {
  .partner-card {
    width: 300px;
    height: 200px;
  }
}

@media (max-width: 768px) {
  html {
    scroll-padding-top: 65px;
  }
  .header-logo {
    width: 100% !important;
  }
  /* hero */
  h1 {
    font-size: 38px;
  }
  /* about */
  .about-card {
    height: auto;
  }
  .footer-slogan {
    font-size: 38px;
  }
  .footer-bg-image {
    top: 0;
    width: 210% !important;
    height: 100%;
  }
  /* services */
  .service-section {
    overflow: hidden;
    background: #00000f;
    background: linear-gradient(90deg, rgba(0, 0, 15, 1) 0%, rgba(2, 19, 52, 0.95) 100%);
  }
  .service_image {
    position: unset !important;
    height: auto;
  }
  .service_item_title {
    font-size: 16px !important;
    width: 80% !important;
  }
  .service-active .service_item_num .white-line {
    width: 100px !important;
  }
  .about-card {
    height: 280px;
  }

  /* advantages */
  #advantage-card-2 {
    margin-left: 40px;
  }
  #advantage-card-3 {
    margin-left: 0;
  }
  #advantage-card-4 {
    margin-left: 0;
  }
  #advantage-card-5 {
    margin-left: 40px;
  }

  #advantage-card-7 {
    margin-left: 0;
  }
  #advantage-card-8 {
    margin-left: 0;
  }
  #advantage-card-10 {
    margin-left: 0;
  }

  .action-bg-image {
    left: -600px !important;
  }
}