:root {
  --black: #12263A;
  --white: #fff;
  --gold: #F3C26D;
  --gold-hover: #FFB950;
}

body {
  background: var(--white);
}
body.hidden {
  overflow: hidden;
}

a {
  transition: all 0.3s;
}
a:hover {
  color: var(--gold-hover, #FFB950);
}

* {
  margin: 0;
  padding: 0;
  font-family: "Outfit", sans-serif;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 400;
  text-decoration: none;
  text-align: left;
  color: var(--black);
  outline: none; /* Safari 3-4, iOS 1-3.2, Android 1.6- */ /* Firefox 1-3.6 */
  border-radius: 0; /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  box-sizing: border-box;
}

*::-webkit-scrollbar-track {
  border-radius: 3px;
  width: 7px;
}

*::-webkit-scrollbar {
  width: 10px;
}

*::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background-color: #aaa;
}

.swiper-row__btn {
  display: flex;
  gap: 16px;
}

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after,
.swiper-button-next:after, .swiper-rtl .swiper-button-next:after {
  content: "";
}

.swiper-button-next {
  transform: rotate(180deg);
}

.swiper-button-next, .swiper-button-prev {
  margin: 0;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  background: var(--Blue, #274E7B);
  border-radius: 50%;
  position: static;
  transition: all 0.3s;
}
.swiper-button-next:hover, .swiper-button-prev:hover {
  background: var(--yellow);
  border-color: var(--yellow);
}
.swiper-button-next:hover img, .swiper-button-prev:hover img {
  filter: invert(1);
}

ul li {
  list-style: none;
  padding: 0;
  margin: 0;
  display: inline-block;
}

.flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.container-fluid {
  max-width: 100%;
  margin: 0 auto;
}

.container {
  max-width: 1288px;
  padding: 0 24px;
  margin: 0 auto;
}

.title {
  font-size: 44px;
  font-style: normal;
  font-weight: 700;
  line-height: 48px;
  margin-bottom: 24px;
}

.all-btn {
  border-radius: 8px;
  background: var(--Gold, #F3C26D);
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  padding: 14px 24px;
  display: block;
  width: max-content;
  max-width: 100%;
  transition: all 0.3s;
}

.all-btn:hover {
  background: var(--gold-hover, #FFB950);
  color: var(--black);
}

.transparent-btn {
  border-radius: 8px;
  border: 1px solid var(--White, #FFF);
  padding: 14px 20px 14px 24px;
  color: var(--white);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.transparent-btn span {
  width: 24px;
  height: 24px;
  overflow: hidden;
}
.transparent-btn img {
  display: block;
  margin-left: -3px;
  transition: all 0.3s;
}
.transparent-btn:hover {
  background: var(--blue-hover, #2D598C);
  color: var(--white);
  border-color: var(--blue-hover, #2D598C);
}
.transparent-btn:hover img {
  margin-left: 0;
}

.label {
  color: var(--Dark-blue, #12263A);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.84px;
  text-transform: uppercase;
  padding-left: 28px;
  position: relative;
}
.label:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: calc(50% - 2px);
  width: 16px;
  height: 2px;
  background: var(--Gold, #F3C26D);
}

.mob-show {
  display: none;
}

p strong {
  font-weight: 600;
}


header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99;
  padding: 18px 0;
}
header .flex {
  align-items: center;
}
header .logo-header .dark {
  display: none;
}
header .header-top {
  align-items: center;
}
header .block-mob {
  display: none;
}
header .navbar .get-in-touch, header .navbar .all-btn {
  display: none;
}
header .navbar-wrap {
  align-items: center;
}
header .navbar-wrap .list-link {
  display: none;
}
header .navbar-wrap ul {
  display: flex;
  gap: 60px;
}
header .navbar-wrap ul li a {
  color: var(--white);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  position: relative;
}
header .navbar-wrap ul li a:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: -4px;
  width: 100%;
  height: 1px;
  background: transparent;
  transition: all 0.3s;
}
header .navbar-wrap ul li a:hover:before {
  background: var(--gold);
}
header .mob-menu-btn {
  display: none;
}
header .all-btn {
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  padding: 13px 20px;
}
header.scroll-header {
  background: var(--white);
  border-bottom: 1px solid var(--grey-stroke, #F5F5F5);
}
header.scroll-header .logo-header img {
  display: none;
}
header.scroll-header .logo-header .dark {
  display: block;
}
header.scroll-header .navbar-wrap ul li a {
  color: var(--black);
}

.promo {
  position: relative;
  padding: 270px 0 100px;
  background: url("../images/promo-bg.svg") no-repeat center/cover;
}
.promo .promo-cont h1 {
  max-width: 838px;
  margin: 0 auto 32px;
  font-size: 62px;
  font-style: normal;
  font-weight: 600;
  line-height: 70px;
  color: var(--white);
  text-align: center;
}
.promo .promo-cont p {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  max-width: 547px;
  margin: 0 auto 40px;
  color: var(--white);
  text-align: center;
}
.promo .promo-cont .promo-cont__button.flex {
  justify-content: center;
  gap: 16px;
  margin-bottom: 100px;
}
.promo .promo-cont__bottom-row {
  width: calc(100% + 48px);
  overflow-x: auto;
  padding: 0 24px;
  margin: 0 -24px;
}
.promo .promo-cont__bottom-row::-webkit-scrollbar-track, .promo .promo-cont__bottom-row::-webkit-scrollbar-thumb, .promo .promo-cont__bottom-row::-webkit-scrollbar {
  display: none;
}
.promo .promo-cont__bottom-row ul {
  width: max-content;
  margin: 0 auto;
  display: flex;
  gap: 48px;
}
.promo .promo-cont__bottom-row ul li {
  position: relative;
  color: var(--white);
  padding-left: 44px;
  line-height: 32px;
  height: 32px;
}
.promo .promo-cont__bottom-row ul li:before {
  content: "";
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  width: 32px;
  height: 32px;
  background: url("../images/pin-list.svg") no-repeat center/cover;
}

.teams-slider-wrap {
  position: relative;
}
.teams-slider-wrap .bottom-team-row {
  position: absolute;
  bottom: 0;
  left: 0;
  max-width: 45%;
  width: 100%;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.content-label-block .flex {
  display: flex;
  gap: 80px;
  flex-wrap: nowrap;
}
.content-label-block .flex .content-block-image {
  max-width: 48.4%;
  width: 100%;
}
.content-label-block .flex .content-block-image img {
  width: 100%;
  border-radius: 20px;
  display: block;
}
.content-label-block .flex .content-block-item {
  max-width: 45%;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 20px;
}

#about {
  padding: 100px 0;
}
#about .content-label-block .flex .content-block-item {
  padding-bottom: 92px;
}

.why-choose {
  background: url("../images/choose-bg.svg") no-repeat center/cover;
  padding: 100px 0;
}
.why-choose .why-choose-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.why-choose .why-choose-wrap .icon {
  margin-bottom: 40px;
  display: block;
}
.why-choose .why-choose-wrap .why-choose-cont {
  max-width: 520px;
  width: 100%;
  margin-bottom: 60px;
}
.why-choose .why-choose-wrap .why-choose-cont .title, .why-choose .why-choose-wrap .why-choose-cont p {
  color: var(--white);
  text-align: center;
}
.why-choose .why-choose-wrap .why-choose-items {
  display: flex;
  gap: 24px;
}
.why-choose .why-choose-wrap .why-choose-items .why-choose-item {
  border-radius: var(--Radius-radius-l, 12px);
  background: var(--Blue, #274E7B);
  box-shadow: 0 12px 24px 0 rgba(18, 38, 58, 0.2);
  padding: 28px 24px;
  display: flex;
  flex-direction: column;
  gap: 14px;
  align-items: center;
}
.why-choose .why-choose-wrap .why-choose-items .why-choose-item .name {
  line-height: normal;
  color: var(--white);
  font-size: 14px;
}
.why-choose .why-choose-wrap .why-choose-items .why-choose-item .number {
  font-size: 44px;
  font-style: normal;
  font-weight: 700;
  line-height: 48px;
  color: var(--Gold, #F3C26D);
  text-align: center;
}
.why-choose .why-choose-wrap .why-choose-items .why-choose-item .text {
  color: var(--White, #FFF);
  font-size: 14px;
  line-height: normal;
  text-align: center;
}
.why-choose .why-choose-wrap .why-choose-items .why-choose-item:nth-child(2) {
  width: 360px;
}
.why-choose .why-choose-wrap .why-choose-items .why-choose-item:first-child, .why-choose .why-choose-wrap .why-choose-items .why-choose-item:last-child {
  width: 280px;
}

#industries .content-label-block {
  padding: 100px 0;
}
#industries .content-label-block.grey {
  background: var(--Light-grey, #F9F9F9);
}

#expertise {
  background: url("../images/expertise-bg.svg") no-repeat center/cover;
  padding: 100px 0;
}
#expertise .label {
  color: var(--white);
  margin-bottom: 32px;
}
#expertise .cont-wrap {
  max-width: 484px;
}
#expertise .cont-wrap .title, #expertise .cont-wrap p {
  color: var(--white);
}
#expertise .top-content {
  align-items: flex-end;
  margin-bottom: 60px;
}
#expertise .top-content .swiper-button-next, #expertise .top-content .swiper-button-prev {
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.2);
}
#expertise .top-content .swiper-button-next:hover, #expertise .top-content .swiper-button-prev:hover {
  background: var(--Blue, #274E7B);
  border-color: var(--Blue, #274E7B);
}
#expertise .top-content .swiper-button-next:hover img, #expertise .top-content .swiper-button-prev:hover img {
  filter: none;
}
#expertise .swiper-slide {
  border-radius: var(--Radius-radius-l, 12px);
  background: var(--Blue, #274E7B);
  padding: 32px;
  box-shadow: 0px 12px 24px 0px rgba(18, 38, 58, 0.2);
  height: auto;
}
#expertise .swiper-slide .exp-img {
  width: 52px;
  height: 52px;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 32px;
  background: rgba(255, 255, 255, 0.1);
}
#expertise .swiper-slide .name {
  display: block;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 32px;
  margin-bottom: 10px;
  color: var(--white);
}
#expertise .swiper-slide p {
  color: var(--white);
}

#expert {
  padding: 100px 0;
  background: var(--Light-grey, #F9F9F9);
}
#expert .flex {
  gap: 20px;
}
#expert .expert-img {
  max-width: 42%;
  width: 100%;
}
#expert .expert-img img {
  display: block;
  width: 100%;
  border-radius: 20px;
  object-fit: cover;
  height: 100%;
}
#expert .expert-cont {
  max-width: 51.6%;
  width: 100%;
}
#expert .expert-cont .label {
  margin-bottom: 32px;
}
#expert .expert-cont .title {
  margin-bottom: 16px;
}
#expert .expert-cont .subtitle {
  margin-bottom: 32px;
  color: var(--Dark-blue, #12263A);
  font-weight: 500;
  line-height: normal;
}
#expert .expert-cont .expert-cont_wrap {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-bottom: 84px;
}
#expert .expert-cont .name {
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 6px;
  opacity: 0.5;
}
#expert .expert-cont_buttons {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}
#expert .expert-cont_buttons .transparent-btn {
  border: 1px solid var(--Blue, #274E7B);
  color: var(--Blue, #274E7B);
  padding: 13px 20px 13px 24px;
}
#expert .expert-cont_buttons .transparent-btn img {
  margin: 0;
  width: 24px;
  height: 24px;
}
#expert .expert-cont_buttons .transparent-btn:hover {
  color: var(--white);
}
#expert .expert-cont_buttons .transparent-btn:hover img {
  filter: brightness(0) invert(1);
}

#contact-us {
  padding: 100px 0;
}
#contact-us .contact-form-wrapper {
  padding: 60px;
  border-radius: 20px;
  background: url("../images/contact-bg.svg") no-repeat center/cover;
  display: flex;
  justify-content: space-between;
  gap: 20px;
}
#contact-us .contact-form-wrapper .contact-content {
  max-width: 34%;
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  gap: 20px;
}
#contact-us .contact-form-wrapper .contact-content .label, #contact-us .contact-form-wrapper .contact-content .title, #contact-us .contact-form-wrapper .contact-content a span {
  color: var(--white);
}
#contact-us .contact-form-wrapper .contact-content .title {
  margin-bottom: 40px;
}
#contact-us .contact-form-wrapper .contact-content ul {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
#contact-us .contact-form-wrapper .contact-content li a {
  display: flex;
  align-items: center;
  gap: 12px;
  width: max-content;
  max-width: 100%;
}
#contact-us .contact-form-wrapper .contact-content li a span {
  transition: all 0.3s;
}
#contact-us .contact-form-wrapper .contact-content li a:hover span {
  color: var(--gold);
}
#contact-us .contact-form-wrapper .contact-content li a:hover img {
  filter: invert(69%) sepia(53%) saturate(1590%) hue-rotate(364deg) brightness(245%) contrast(94%);
}
#contact-us .contact-form-wrapper .contact-us__form {
  max-width: 50%;
  width: 100%;
}
#contact-us .contact-form-wrapper .contact-us__form fieldset {
  margin-bottom: 16px;
  position: relative;
  transition: all 0.3s;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  padding: 13px 16px 15px 16px;
}
#contact-us .contact-form-wrapper .contact-us__form fieldset .text-error {
  position: absolute;
  left: 0;
  top: 100%;
  color: var(--red, #BA1616);
  text-align: right;
  font-size: 10px;
  font-weight: 400;
  line-height: normal;
  display: none;
}
#contact-us .contact-form-wrapper .contact-us__form fieldset.error {
  border-color: var(--red, #BA1616);
}
#contact-us .contact-form-wrapper .contact-us__form fieldset.error .text-error {
  display: block;
}
#contact-us .contact-form-wrapper .contact-us__form fieldset label {
  position: absolute;
  top: 14px;
  left: 16px;
  color: var(--white, #FFF);
  transition: all 0.3s;
  display: flex;
  align-items: center;
  cursor: text;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  opacity: 0.6;
}
#contact-us .contact-form-wrapper .contact-us__form fieldset input, #contact-us .contact-form-wrapper .contact-us__form fieldset textarea {
  width: 100%;
  border: none;
  box-shadow: none;
  gap: 8px;
  background: unset;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: var(--white);
  transition: all 0.3s;
}
#contact-us .contact-form-wrapper .contact-us__form fieldset input.filled + label, #contact-us .contact-form-wrapper .contact-us__form fieldset textarea.filled + label {
  opacity: 0;
  top: 0;
}
#contact-us .contact-form-wrapper .contact-us__form fieldset input:focus + label, #contact-us .contact-form-wrapper .contact-us__form fieldset textarea:focus + label {
  top: 0;
  position: absolute;
  font-size: 10px;
  opacity: 1;
}
#contact-us .contact-form-wrapper .contact-us__form fieldset textarea {
  resize: none;
  height: 110px;
}
#contact-us .contact-form-wrapper .contact-us__form button {
  cursor: pointer;
  border: none;
}
#contact-us .contact-form-wrapper .contact-us__form .bottom-row {
  margin-top: 32px;
}

footer {
  border-top: 1px solid var(--grey-stroke, #F5F5F5);
  background: var(--Light-grey, #F9F9F9);
  padding: 40px 0;
}
footer .footer-flex {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap;
}
footer .footer-flex .name {
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.72px;
  text-transform: uppercase;
  opacity: 0.5;
  padding: 10px 0;
  display: block;
  margin-bottom: 20px;
}
footer .footer-flex .navbar-wrap ul {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
footer .footer-flex .navbar-wrap ul li a {
  padding: 8px 0;
  position: relative;
}
footer .footer-flex .navbar-wrap ul li a:hover {
  color: var(--black);
}
footer .footer-flex .navbar-wrap ul li a:hover:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: #F3C26D;
}
footer .footer-flex .contact-info ul {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
footer .footer-flex .contact-info ul img {
  filter: invert(1);
}
footer .footer-flex .contact-info ul li a {
  display: flex;
  gap: 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
}
footer .footer-flex .contact-info ul li a span {
  transition: all 0.3s;
}
footer .footer-flex .contact-info ul li a:hover span {
  color: var(--gold);
}
footer .footer-flex .contact-info ul li a:hover img {
  filter: invert(69%) sepia(53%) saturate(1590%) hue-rotate(364deg) brightness(245%) contrast(94%);
}
footer .footer-flex li a {
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
}
footer .footer-flex .footer-left-item,
footer .footer-flex .footer-right-item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
footer .footer-flex .footer-right-item {
  align-items: flex-end;
}
footer .footer-flex .social-link ul {
  display: flex;
  gap: 12px;
}
footer .footer-flex .social-link a {
  border-radius: 24px;
  border: 1px solid rgba(39, 78, 123, 0.2);
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
}
footer .footer-flex .social-link a:hover {
  background: var(--blue-hover, #2D598C);
}
footer .footer-flex .social-link a:hover img {
  filter: brightness(0) invert(1);
}
footer .footer-flex .copyright {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  opacity: 0.5;
}

.swiper-scrollbar {
  display: none;
}

.splide__arrow {
  display: none;
}

.splide__track {
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  background: linear-gradient(90deg, rgba(45, 89, 140, 0.1) 0%, rgba(45, 89, 140, 0.4) 49.67%, rgba(45, 89, 140, 0.1) 100%);
  backdrop-filter: blur(8px);
  padding: 12px;
}

.content-block-item_main ul {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.content-block-item_main ul li {
  position: relative;
  padding-left: 20px;
  color:  #12263A;
  margin-top: 12px;
}

.content-block-item_main ul li:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 9px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #F3C26D;
}

.expert-slider-wrap {
  width: 100%;
  position: relative;
}

#expert .bottom-team-row {
  position: absolute;
  right: 0;
  max-width: 51.6%;
  width: max-content;
  bottom: 0;
  display: flex;
  justify-content: space-between;
  z-index: 1;
}

/*# sourceMappingURL=main.css.map */