/*
Theme Name: MyTheme
Theme URI: https://aspancapital.kz
Author: Alex Tokarev
Description: Адаптация HTML-вёрстки под WordPress
Version: 1.0
*/
    /* ======== ШРИФТЫ ======== */
    body {
      font-family: 'Open Sans', sans-serif;
      color: #212121;
      background-color: #FFFFFF;
    }
	.navbar {
		z-index:22;
	}
    h1, h2, h3, h4, h5, h6 {
      font-family: 'Montserrat', sans-serif;
      font-weight: 700;
      color: #0C2340;
    }

    /* ======== ОСНОВНАЯ ПАЛИТРА ======== */
    :root {
      --bs-primary: #0C2340;    /* тёмно-синий */
      --bs-secondary: #2E86C1;  /* голубой акцент */
      --bs-dark: #212121;       /* тёмно-серый */
      --bs-light: #F2F2F2;      /* светло-серый */
      --bs-body-color: #212121;
      --bs-body-bg: #FFFFFF;
    }

    /* ======== КНОПКИ ======== */
    .btn-primary {
      background-color: var(--bs-primary);
      border-color: var(--bs-primary);
    }

    .btn-primary:hover {
      background-color: #122f5a;
      border-color: #122f5a;
    }

    .btn-secondary {
      background-color: var(--bs-secondary);
      border-color: var(--bs-secondary);
    }

    .btn-secondary:hover {
      background-color: #3797d6;
      border-color: #3797d6;
    }

    /* ======== ССЫЛКИ ======== */
    a {
      color: var(--bs-secondary);
      text-decoration: none;
    }

    a:hover {
      color: #3797d6;
      text-decoration: underline;
    }

    /* ======== ФОНЫ ======== */
    .bg-primary {
      background-color: var(--bs-primary) !important;
    }

    .bg-secondary {
      background-color: var(--bs-secondary) !important;
    }

    .bg-light {
      background-color: var(--bs-light) !important;
    }

    .bg-dark {
      background-color: var(--bs-dark) !important;
    }
	
	.site-header {
		min-height: calc(100vh - 86px);
		background-image:url(img/uch.png);
		background-size:auto 100%;
		background-position:right center;
		background-repeat:no-repeat;
	}
	.sky {
		background-image:url(img/symbiontio.png);
		background-size:auto 100%;
		background-position:right bottom;
		background-repeat:no-repeat;
	}	
	.whatwe {
		background-image:url(img/bir.png);
		background-size:auto 90%;
		background-position:right bottom;
		background-repeat:no-repeat;
	}
	.lic {
		background-image:url(img/lic.png);
		background-size:auto 100%;
		background-position:left center;
		background-repeat:no-repeat;
	}		

.abg-5 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    opacity: 0.3; 
z-index:1;	
}
.abg-5 li {
    position: absolute;
    width: 2px;
    height: 100%;
    top: 0;
    left: 50%;
    background: rgba(255, 255, 255, 0.3);
    overflow: hidden;
    display: block;
    list-style: none;        
}
.abg-5 li:after {
    content: "";
    display: block;
    position: absolute;
    height: 15%;
    width: 100%;
    top: -50%;
    left: 0;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 75%, #ffffff 100%);
    animation: animationbg-5 7s 0s infinite;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(0.4, 0.26, 0, 0.97);
}
.abg-5 li:nth-child(1) {
    margin-left: -25%;
}
.abg-5 li:nth-child(1):after {
    animation-delay: 2s;
}
.abg-5 li:nth-child(3) {
    margin-left: 25%;
}
.abg-5 li:nth-child(3):after {
    animation-delay: 2.5s;
}
@keyframes animationbg-5 {
    0% {
        top: 110%;
    }
    100% {
        top: -50%;
    }
}

.scroll-hint {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px; /* расстояние между мышкой и стрелкой */
}

/* мини-мышка */
.mouse-bounce {
  width: 20px;
  height: 32px;
  border: 2px solid #fff;
  border-radius: 10px;
  position: relative;
  animation: bounce 1.6s infinite;
}

.mouse-bounce::before {
  content: "";
  width: 3px;
  height: 5px;
  border-radius: 2px;
  background: #fff;
  position: absolute;
  top: 6px;
  left: 50%;
  transform: translateX(-50%);
}


.darr {
  color:#fff;
  animation: bounce 1.6s infinite;

}

@keyframes bounce {
  0%, 100% { transform: translateY(0); }
  50%      { transform: translateY(6px); }
}

.custom-checklist .list-group-item {
  position: relative;
  padding-left: 2rem; /* отступ для иконки */
}

.custom-checklist .list-group-item::before {
  content: "✔"; /* галочка */
  position: absolute;
  left: 0.75rem;
  top: 20px;
  transform: translateY(-50%);
  color: #2E86C1;
  font-weight: bold;
}
.minus-checklist .list-group-item {
  position: relative;
  padding-left: 2rem; /* отступ для иконки */
}

.minus-checklist .list-group-item::before {
  content: "−"; /* галочка */
  position: absolute;
  left: 0.75rem;
  top: 20px;
  transform: translateY(-50%);
  color: #2E86C1;
  font-weight: bold;
}

    .team-card {
	border:0;
      transition: transform .3s;
    }
    .team-card:hover {
      transform: translateY(-5px);
    }
    .team-card img {
      width: 100%;
      height: 260px;
      object-fit: cover;
    }
    .swiper-button-prev, .swiper-button-next {
      color: #2E86C1;
    }
	

.license-wrap {
  display: inline-block;
  position: relative;
}

.license-img {
  display: block;
  transform: rotate(-2deg); /* картинка */
  position: relative;
  z-index: 1;
}

/* псевдотень */
.license-wrap::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #2E86C1; /* цвет тени */
  transform: rotate(-4deg);
  z-index: 0;
}
/* вторая тень */
.license-wrap::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #F2F2F2;
  transform: rotate(-6deg);
  z-index: 0;
}
.swing {
  display: inline-block;
  transform-origin: 50% 100%; /* вращение вокруг нижней точки */
  animation: swing 1.5s ease-in-out infinite alternate;
}

@keyframes swing {
  from {
    transform: rotate(-5deg);
  }
  to {
    transform: rotate(5deg);
  }
}
.brleft {padding-left:10px;
border-left:#2E86C1 4px solid;}