/*!
Theme Name: optyapply
Theme URI: pprintdim.com
Author: pprintdim.com
Author URI: pprintdim.com
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: best-garage-door
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/
 
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Fonts
   ========================================================================== */
/* poppins-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url('assets/fonts/poppins-v24-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  src: url('assets/fonts/poppins-v24-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  src: url('assets/fonts/poppins-v24-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  src: url('assets/fonts/poppins-v24-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


/* All
   ========================================================================== */

html {
   margin: 0;
   padding: 0;
   scroll-behavior: smooth;
   font-size: 14px;
   font-family: 'Poppins', sans-serif;
   font-weight: 400;
   line-height: 1.2;
   color: #FFFFFF;
}

*, body {
   font-size: inherit;
   line-height: inherit;
   font-family: inherit;
}

body {
   border-radius: 32px;
   background: #19112A;
   max-width: 1920px;
   margin: 0 auto;
}
a {
   text-decoration: unset;
}
ul,ol {
   margin: 0;
   padding: 0;
}
h1,h2,h3,h4 {
   display: block;
   padding: 0;
   margin: 0;
   font-weight: 600;
}
h1 {
   font-size: 80px;
}
h2 {
   font-size: 64px;
}

h3 {
   font-size: 44px;
}

h4 {
   font-size: 20px;
}

*,
:before,
:after {
   box-sizing: border-box;
}

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="num"] {
   padding: 0 12px;
}
section + section {
   margin-top: 120px;
}
input,
button {
   outline: unset;
   background: unset;
   display: flex;
}

svg,img {
   max-width: 100%;
   display: block;
}

button,
input[type="submit"] {
   padding: 0;
   border: unset;
   outline: unset;
}

/* Conmponents
   ========================================================================== */
.tag-text {
   height: 42px;
   display: flex;
   min-width: 130px;
   width: max-content;
   padding: 0 36px;
   background: #1E162A;
   border: 1px solid #744EFE;
   border-radius: 100px;
   display: flex;
   align-items: center;
   justify-content: center;
   text-align: center;
}
.video-block {
   position: relative;
}
.video-block__img {
   width: 100%;
   object-fit: cover;
   aspect-ratio: 1/1.2;
}
.play-btn {
   position: absolute;
   left: 50%;
   top: 50%;
   transform: translate(-50%,-50%);
   z-index: 11;
   cursor: pointer;
   border-radius: 50%;
   width: 80px;
   height: 80px;
   display: flex;
   align-items: center;
   justify-content: center;
   background: #744EFE;
}

.play-btn svg {
   width: 16px;
   height: 16px;
   fill: #FFFFFF;
   color: #FFFFFF;
}

.h-wrapper {
   display: flex;
   gap: 25px 0;
   flex-direction: column;
   align-items: center;
   margin-bottom: 65px;
}

.h-title {
   font-size: 64px;
}

.h-title span {
   font-size: inherit;
   font-weight: inherit;
   line-height: inherit;
   background: linear-gradient(90deg, #9273FF 0%, #744EFE 53.29%, #452F98 100%), #FFFFFF;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   background-clip: text;
   text-fill-color: transparent;
}

.main-btn {
   height: 70px;
   padding-left: 20px;
   padding-right: 12px;
   width: max-content;
   display: flex;
   align-items: center;
   justify-content: center;
   background: rgba(255, 255, 255, 0.1);
   backdrop-filter: blur(3px);
   -webkit-backdrop-filter: blur(3px);
   border: 1px solid rgba(255, 255, 255, 0.2);
   border-radius: 100px;
   font-weight: 600;
   font-size: 18px;
   line-height: 1;
   letter-spacing: -0.01em;
   color: #FFFFFF;
   border: unset;
   cursor: pointer;
   position: relative;
}

.main-btn.has-arrow.violet {
   background: #744EFE;
   border-color: #744EFE;
   color: #ffffff;
}

.main-btn span {
   font-size: inherit;
   color: inherit;
   font-weight: inherit;
   line-height: inherit;
}

.main-btn.has-arrow {
   gap: 0 16px;
}
.main-btn.has-arrow svg {
   width: 15px;
   height: 16px;
   color: #744EFE;
}
.main-btn.has-arrow i {
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
   width: 55px;
   height: 55px;
   background: #FFFFFF;
}
.main-btn.full {
   width: 100%;
   max-width: 100%;
}
.main-btn.full i {
   position: absolute;
   right: 12px;
   top: 50%;
   transform: translateY(-50%);
}

.main-btn.white {
   min-width: 150px;
   background-color: #ffffff;
   border-color: #ffffff;
   backdrop-filter: unset;
   -webkit-backdrop-filter: unset;
   color: #744EFE;
}

/* OptiHire Hero
   ========================================================================== */
.ohero-sec .container {
   padding: 0 12px;
}
.ohero-sec__main-block {
   padding-top: 82px;
   display: grid;
   grid-template-columns: 590px 1fr;
   grid-gap: 0 80px;
   align-items: center;
   padding-left: 90px;

}
.ohero-sec__text-column {
   display: flex;
   flex-direction: column;
   gap: 60px 0;
}

.ohero-sec__title-wrapper {
   align-items: flex-start;
}
.ohero-sec__descr {
   line-height: 1.3;
   font-size: .9em;
}
.ohero-sec__text {
   font-weight: 600;
}
.ohero-sec__bottom-group {
   display: grid;
   align-items: center;
   grid-template-columns: max-content 1fr;
   grid-gap: 0 50px;
}
.ohero-sec__btn {
   width: max-content;
}
.ohero-sec__garantee-group {
   display: flex;
   gap: 8px 16px;
}
.ohero-sec__g-icon {
   min-width: max-content;
}
.ohero-sec__g-text {
   font-size: .9em;
   line-height: 1.4;
   font-weight: 500;
}
.ohero-sec__img {
   width: 100%;
   height: auto;
}

/* OptiHire Who section
   ========================================================================== */
.owho-sec .container {
   padding: 0 12px;
}
.owho-sec__main-block {
   padding-left: 100px;
}
.owho-sec__columns {
   display: grid;
   align-items: center;
   grid-gap: 0 100px;
   grid-template-columns: 490px 1fr;
}
.owho-sec__thumb-column {
   width: 100%;
   padding: 50px 70px;
   background: #211938;
   border: 1px solid #352A53;
   border-radius: 40px;
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
}
.owho-sec__title {
   font-size: 48px;
}
.owho-sec__img {
   max-width: 580px;
   width: 100%;
   height: auto;
   aspect-ratio: 1/1;
}

.owho-sec__left-column {
   display: flex;
   flex-direction: column;
   gap: 50px 0;
}



.owho-sec__list-wrapper {
   display: flex;
   gap: 15px 0;
   flex-direction: column;
}

.owho-sec__list,
.owho-sec__tag-list {
   display: flex;
}

.owho-sec .tag-list {
   flex-wrap: wrap;
   gap: 8px
}

.owho-sec__list {
   flex-direction: column;
   gap: 12px 0;
}
.owho-sec .tag-list li {
   min-width: max-content;
   background: #4E94FE;
   border: 1px solid #FFFFFF;
   border-radius: 100px;
   font-weight: 700;
   font-size: 12px;
   line-height: 1.3;
   text-align: center;
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 0 24px;
   text-transform: uppercase;
   color: #FFFFFF;
   height: 40px;
}
.owho-sec__list li {
   display: flex;
   align-items: center;
   gap: 0 12px;
}
.owho-sec__list li svg {
   width: 13px;
   height: 13px;
   color: #744EFE;
}

/* Top NAV
   ========================================================================== */
.top-nav {
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
   top: 20px;
   width: 100%;
   z-index: 111;
   max-width: 1920px;
}
.top-nav.fixed {
   padding: 20px 0;
   top:0;
   position: fixed;
   background: #19112A;
}
.top-nav__logo-img {
   display: block;
   width: auto;
   height: 50px;
   object-fit: contain;
}

.top-nav .container {
   padding: 0 50px;
}
.top-nav__menu {
   display: flex;
   gap: 0 40px;
   justify-content: center;
   width: 100%;
}
.top-nav__menu li {

   display: block;
   position: relative;
}

.top-nav__menu > li > a {
   padding: 8px 0;
} 
.top-nav__menu li.menu-item-has-children > a:after {
   content: '';
   width: 6px;
   height: 6px;
   border-right: 2px solid #FFFFFF;
   border-bottom: 2px solid #FFFFFF;
   transform: rotate(45deg);
   display: inline-block;
   margin-left: 8px;
   margin-bottom: 2px;
}
.top-nav__menu li:hover .sub-menu {
   visibility: visible;
   opacity: 1;
   max-width: 200px;
   min-width: 50px;
}

.top-nav__menu .sub-menu {
   visibility: hidden;
   overflow: hidden;
   opacity: 0;
   position: absolute;
   background: #19112A;
   border: 1px solid #744EFE;
   border-radius: 16px;
   padding: 12px 0;
   width: 100%;
   top: 100%;
   left: 0;
   max-width: 0;
   display: flex;
   flex-direction: column;
   align-items: center;
}


.top-nav__menu .sub-menu li a {
   display: block;
   padding: 8px 20px;
   line-height: 1.1;
   color: #FFFFFF;
   font-size: .9em;
}

.top-nav__menu li a {
   line-height: 1.1;
   color: #FFFFFF;
   font-size: .9em;
   font-weight: 500;
   display: block;
}
.top-nav__main-block {
   min-height: 50px;
   display: flex;
   align-items: center;
   justify-content: space-between;
}
.top-nav__btn {
   height: 40px;
   font-size: .9em;
}
.top-nav__burger-btn {
   display: none;
}

/* 
   ========================================================================== */
.testimonials-sec__btn {
   margin-top: 35px;
   margin-left: auto;
   margin-right: auto;
}
.testimonials-sec__slider-wrapper {
   overflow: hidden;
}

.testimonials-sec__slider {
   display: flex;
   will-change: transform;
}

.testimonials-sec .slider__item {
   min-width: 360px;
   display: block;
   background: #161027;
   border-radius: 24px;
   overflow: hidden;
   box-sizing: border-box;
   height: auto;
}
.testimonials-sec .slider__item + .item {
   margin-left: 25px;
}
.testimonials-sec .slider__item[data-post-type*="default"] {
   border: 1px solid #2E234E;
   padding: 25px;
   display: flex;
   justify-content: space-between;
   flex-direction: column;
   gap: 24px 0;
}
.testimonials-sec .slider .item__video-block {
   height: 100%;
}
.testimonials-sec .slider .item__descr {
   font-size: 1.1em;
   line-height: 1.4;
   display: flex;
   flex-direction: column;
   gap: 24px 0;
}
.testimonials-sec .slider .item__descr svg {
   fill: #744EFE;
   color: #744EFE
}
.testimonials-sec .slider .item__descr span {
   font-size: inherit;
   line-height: inherit;
   color: inherit;
}
.testimonials-sec .slider .item__about-group {
   display: flex;
   gap: 0 20px;
   align-items: center;
}
.testimonials-sec .slider .item__img {
   width: 100%;
   height: 100%;
   aspect-ratio: 1/.6;
   object-fit: cover;
}
.testimonials-sec .slider .item__avatar {
   border-radius: 50%;
   object-fit: cover;
   width: 80px;
   height: 80px;
}
.testimonials-sec .slider .item__info-text {
   display: flex;
   flex-direction: column;
   gap: 10px 0;

}
.testimonials-sec .slider .item__name {
   font-weight: 600;
   font-size: 20px;
   letter-spacing: -0.02em;
   display: block;
   color: #FFFFFF;

}
.testimonials-sec .slider .item__soc-group {
   display: flex;
   align-items: center;
   gap:0 5px;
}
.testimonials-sec .slider .item__soc-group a {
   display: block;
   line-height: 1.3;
   opacity: .8;
   font-size: .9em;
   color: #FFFFFF;
}
.testimonials-sec .slider .item__soc-group svg {
   min-width: 16px;
   height: 16px;
   display: block;
}


/* Tariffs
   ========================================================================== */

.tariffs-sec .container {
   padding: 0 12px;
}
.tariffs-sec__title {
   text-align: center;
}
.tariffs-sec__title-wrapper {
   max-width: 750px;
   align-items: center;
   margin-left: auto;
   margin-right: auto;
}
.tariffs-sec__main-block {
   padding: 80px 40px;
   border-radius: 40px;
   border: 1px solid rgba(0, 0, 0, 0.75);
   box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.25);
   background-image: url(assets/imgs/tariffs-background.webp);
   background-repeat: no-repeat;
   background-position: center;
   background-size: 120%;
   overflow: hidden;
}
.tariffs-sec__list {

   display: grid;
   grid-gap: 20px;
   grid-template-columns: repeat(2,1fr);
}
.tariffs-sec .list__item {
   padding: 32px;
   display: flex;
   gap: 20px 0;
   flex-direction: column;
   border-radius: 24px;
   height: 100%;
   justify-content: space-between;
}

.tariffs-sec .list .item__title {
   letter-spacing: -0.02em;
   line-height: 1.3;
}

.tariffs-sec .list__item:first-child {
   background: linear-gradient(90deg, #9273FF 0%, #744EFE 53.29%, #452F98 100%);
}
.tariffs-sec .list__item:last-child {
   background: linear-gradient(90deg, #568FDA 0%, #4287EE 53.29%, #2F4798 100%), linear-gradient(90deg, #9273FF 0%, #744EFE 53.29%, #452F98 100%);
}
.tariffs-sec .item__top-group {
   display: flex;
   flex-direction: column;
   gap: 10px 0;
}
.tariffs-sec .item__name {
   font-weight: 600;
   font-size: 44px;
   line-height: 1.2;
   letter-spacing: -0.02em;
   color: #FFFFFF;
}

.tariffs-sec .item__price {
   display: block;
   font-weight: 600;
   font-size: 64px;
   line-height: 96px;
   letter-spacing: -0.02em;
   color: #FFFFFF;
}

.tariffs-sec .item__choose-group {
   background: rgba(8, 19, 37, 0.1);
   border-radius: 24px;
   padding: 24px;
}


.tariffs-sec .item__included-group,
.tariffs-sec .item__choose-group {
   display: flex;
   flex-direction: column;
   gap: 20px 0;
}

.tariffs-sec .item__choose-list,
.tariffs-sec .item__included-list {
   gap: 15px 0;
   display: flex;
   flex-direction: column;
}

.tariffs-sec .item__choose-list li,
.tariffs-sec .item__included-list li {
   display: flex;
   gap: 0 12px;
   align-items: center;
}

.tariffs-sec .item__choose-list li svg,
.tariffs-sec .item__included-list li svg {
   min-width: 20px;
}

.tariffs-sec .item__btn {
   max-width: 100%;
   width: 100%;
   justify-content: center;
   position: relative;
}

.tariffs-sec .item__btn i {
   position: absolute;
   right: 12px;
   top: 50%;
   transform: translateY(-50%);
}

.tariffs-sec .item:first-child .btn {
   background: rgba(255, 255, 255, 0.1);
}
/* CF7
   ========================================================================== */
.wpcf7-form-control-wrap {
   position: relative;
}
.wpcf7-response-output {
   display: none!important;
}
.wpcf7-not-valid-tip {
   font-size: .85em;
   bottom: -17px;
   left: 0;
   position: absolute;
   display: block;
}
.wpcf7-form {
   max-width: 490px;
}
.wpcf7-fields {
   display: flex;
   flex-direction: column;
   gap: 20px 0;
}
.wpcf7-form-submit {
   margin-top: 24px;
   width: 100%;
   position: relative;
}
.wpcf7-form-submit i {
   position: absolute;
   right: 12px;
   top: 50%;
   transform: translateY(-50%);
}
.wpcf7-form-input,
.wpcf7-textarea {
   background: transparent;
   width: 100%;
   outline: unset;
   display: flex;
   align-items: center;
   outline: unset;
   min-height: 50px;
   background: #8462FF;
   border: 1px solid #A48BFF;
   border-radius: 12px;
   padding-left: 12px;
   padding-right: 12px;
   color: #FFFFFF;
}

.wpcf7-form-input:placeholder,
.wpcf7-textarea:placeholder {
   font-size: inherit;
   line-height: inherit;
   font-weight: inherit;
   color: inherit;
}

.wpcf7-textarea {
   padding-top: 12px;
   padding-bottom: 12px;
   align-items: flex-start;
   height: 100px;
}
.wpcf7-form-group {
   display: flex;
   gap: 10px 0;
   flex-direction: column;
}
.wpcf7-form-group.file-group {
   position: relative;
   gap: 0 10px;
   flex-direction: row;
   align-items: center;
   justify-content: flex-start;
}
.wpcf7-form-group.file-group .wpcf7-form-control-wrap {
   opacity: 0;
   width: 100%;
   height: 100%;
   position: absolute;
   left: 0;
   top: 0;
   cursor: pointer;
   z-index: 11;
}
.wpcf7 input[type="file"] {
   width: 100%;
   height: 100%;
   cursor: pointer;
}

/* Lines Section
   ========================================================================== */
@keyframes marque {
   0% { transform: translateX(0); }
   100% { transform: translateX(-100%); }
}


.lines-sec__main-block {
   display: flex;
   flex-direction: column;
   gap: 5px 0;
   
}
.lines-sec__line-group-wrapper {
   overflow: hidden;
}
.lines-sec__line-list {
   display: flex;
   flex-direction: row;
   gap: 0 16px;
   align-items: center;
   animation: marque 20s linear infinite;
   white-space: nowrap;
}
.lines-sec .line-group-wrapper:nth-child(2n) .line-list {
   animation-direction: reverse;
}

.lines-sec .line-list__item {
   min-width: max-content;
   display: flex;
   align-items: center;
   gap: 0 16px;
}

.lines-sec .line-list__item h2 {
   color: #FFFFFF;
   text-transform: uppercase;
   line-height: 1.1;
}

.lines-sec .line-list__item h2 span {
   font-size: inherit;
   font-weight: inherit;
   line-height: inherit;
   color: transparent;
   color: transparent;          /* робимо текст прозорим */
   -webkit-text-stroke: 1px #FFFFFF; /* товщина + колір контуру */
    -moz-text-stroke: 1px #FFFFFF;    /* для Firefox (експериментально) */
    text-stroke: 1px #FFFFFF; 
}

.lines-sec .line-list__item svg {
   color: #744EFE;
   fill: #744EFE;
   width: 80px;
   height: 80px;
}

/* Footer 
   ========================================================================== */
.footer {
   padding-top: 120px;
}
.footer .container {
   padding: 0 12px;
}
.footer__form-wrapper {
   display: flex;
   flex-direction: column;
   gap: 25px 0;
}
.footer__img {
   object-fit: cover;
   height: 100%;
   border-radius: 32px;
}
.footer__columns {
   display: grid;
   grid-gap: 0 35px;
   grid-template-columns: repeat(2,1fr);
}
.footer__main-block {
   background: #744EFE;
   border-radius: 40px;
   padding: 50px;
   position: relative;
   max-height: 850px;
   overflow: hidden;
}
.footer__img {
   max-width: 100%;
   width: 100%;
}


.footer__arrow-group {
   position: absolute;
   right: 35%;
   bottom: 0;
}

.footer__serpentine-arrow {
   width: 430px;
   height: auto;
}

.footer__arrow-group:after {
   content: 'Hire!';
   width: 130px;
   height: 65px;
   background: #E1484B;
   display: flex;
   align-items: center;
   justify-content: center;
   position: absolute;
   left: 65%;
   top: 46%;
   font-weight: 600;
   font-size: 22px;
   line-height: 1.1;
   text-align: center;
   letter-spacing: -0.03em;
   color: #FFFFFF;
   border-top-left-radius: 100px;
   border-top-right-radius: 100px;
}


.footer__slider-wrapper {
   margin-right: 100px;
   margin-left: auto;
   position: relative;
   z-index: 1;
   
}
.footer__vertical-slider {
   display: flex;
   flex-direction: column;
}


.footer .vertical-slider__slide {
   border-radius: 32px;
   overflow: hidden;
   display: block;
   height: 270px;
}
.footer__vertical-slider .slide + .slide {
   margin-top: 15px;
}


.vertical-slider .slide__img {
   width: 270px;
   height: 100%;
   aspect-ratio: 1/1;
   object-fit: cover;
}

/* Home Hero
   ========================================================================== */

.hero-sec__main-block {
   position: relative;
}

.hero-sec__img {
   width: 100%;
   height: auto;
   min-height: 100vh;
   aspect-ratio: 2/1;
   object-fit: cover;
}

.hero-sec__text-column {
   padding-left: 20px;
   padding-bottom: 5px;
   height: 100%;
   width: 100%;
   max-width: 680px;
   position: absolute;
   left: 0;
   top: 0;
   display: flex;
   gap: 30px 0;
   flex-direction: column;
   justify-content: center;
   align-items: flex-start;
   z-index: 2;
}
.hero-sec__text-block {
   display: flex;
   flex-direction: column;
   gap: 20px 0;
   
}
.hero-sec__buttons-wrapper {
   display: flex;
   flex-wrap: wrap;
   gap: 10px;
}
.hero-sec__text-wrapper {
   padding-top: 20px;
   padding-bottom: 20px;
   padding-left: 30px;
   display: flex;
   gap: 30px 0;
   flex-direction: column;
   position: relative;
} 

.hero-sec__text-wrapper:before,
.hero-sec__text-wrapper:after {
   content: '';
   width: 30px;
   height: 30px;
   position: absolute;
   
}

.hero-sec__text-wrapper:before {
   top: 0;
   right: 0;
   border-right:2.5px solid #FF56F6;
   border-top: 2.5px solid #FF56F6;
}
.hero-sec__text-wrapper:after {
   bottom: 0;
   left: 0;
   border-left:2.5px solid #FF56F6;
   border-bottom: 2.5px solid #FF56F6;
}

.hero-sec__title {
   font-size: 80px;
}
.hero-sec__descr {
   letter-spacing: -0.02em;
   font-size: 1.1em;
   color: #FFFFFF;
   display: block;
   width: 100%;
}

/* Story Section
   ========================================================================== */
.story-sec {
   position: relative;
}
.story-sec__serpentine-arrow {
   position: absolute;
   right: 0;
   top: -200px;
   z-index: -1;
}

.story-sec .container {
   position: relative;
   padding-right: 12px;
   padding-right: 12px;
}

.story-sec__main-block {
   max-width: 1130px;
   margin-left: auto;
   margin-right: auto;
   position: relative;
   display: grid;
   grid-gap: 0 30px;
   align-items: center;
   grid-template-columns: repeat(2,1fr);
}
.story-sec__img-column {
   display: flex;
   flex-direction: column;
   gap: 15px 0;
   align-items: center;
   width: 100%;
}

.story-sec__forbes-group {
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 5px 0;
}
.story-sec .forbes-group__img {
   max-width: 170px;
   width: 100%;
}
.story-sec .forbes-group__btn {
   font-size: 11px;
   letter-spacing: -0.02em;
   display: block;
   color: rgba(255, 255, 255, .65);
}

.story-sec__img {
   max-width: 440px;
}

.story-sec__titles-wrapper {
   display: flex;
   gap: 24px 0;
   flex-direction: column;
}
.story-sec__title {
   margin-bottom: 0;
   font-size: 48px;
}
.story-sec__content {
   margin-top: 40px;
   display: flex;
   flex-direction: column;
   gap: 15px 0;
}

.story-sec__content blockquote {
   padding: 24px 45px;
   margin:0;
   width: 100%;
   overflow: hidden;
   background: #161027;
   border: 1px solid #2E234E;
   border-radius: 16px;
   position: relative;
   display: block;
   font-size: .9em;
   font-weight: 600;
}

.story-sec__content blockquote:before {
   content: '';
   position: absolute;
   display: block;
   left: 0;
   top: 0;
   max-width: 25px;
   width: 100%;
   height: 100%;
   background: linear-gradient(90deg, #FF56F6 3.05%, #161027 75.61%);
}

.story-sec__content p {
   margin: 0;
   font-size: .9em;
   line-height: 1.2;
   letter-spacing: -0.02em;
}

.story-sec__content p span {
   font-size: inherit;
   line-height: inherit;
   background: linear-gradient(90deg, #9273FF 0%, #744EFE 53.29%, #452F98 100%), #FFFFFF;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   background-clip: text;
   text-fill-color: transparent;
}

/* Career section
   ========================================================================== */
.career-sec {
   background-image: url(assets/imgs/career-background.svg);
   background-repeat: no-repeat;
   background-position: center;
   background-size: 100%;
   padding-top: 120px;
   margin-top: 0;
}
.career-sec__main-block {
   max-width: 1000px;
   width: 100%;
   margin-left: auto;
   margin-right: auto;
   display: flex;
   flex-direction: column;
   gap: 65px 0;
   align-items: center;
}
.career-sec__title-wrapper {
   margin-bottom: 0;
}
.career-sec__descr {
   font-weight: 500;
   font-size: 24px;
   line-height: 120%;

   text-align: center;
}
.career-sec__descr span {
   display: inline-block;
   line-height: inherit;
   font-size: inherit;
   font-weight: inherit;
   background: linear-gradient(90deg, #9273FF 0%, #744EFE 53.29%, #452F98 100%), #FFFFFF;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   background-clip: text;
   text-fill-color: transparent;
}
.career-sec__fields {
   display: grid;
   grid-template-columns: 1fr auto;
   max-width: 650px;
   width: 100%;
}

.career-sec__fields li {
   min-width: 270px;
   height: 70px;
   display: flex;
   align-items: center;
   justify-content: center;
   font-weight: 600;
   font-size: 24px;
   line-height: 36px;
   letter-spacing: -0.02em;
   text-transform: uppercase;
   color: #FFFFFF;
   background: #744EFE;
   border: 1px solid #FFFFFF;
   border-radius: 100px;
   text-transform: uppercase;
   text-align: center;
   width: 100%;
}
.career-sec__fields li:nth-child(1),
.career-sec__fields li:nth-child(2),
.career-sec__fields li:nth-child(3) {
   grid-column: 1/3;
}  

.career-sec__fields li:nth-child(1) {
   margin-left: auto;
   transform: rotate(29deg) translate(50px, 118px);
}
.career-sec__fields li:nth-child(1),
.career-sec__fields li:nth-child(3) {
   max-width: 330px;
}

.career-sec__fields li:nth-child(2) {
   max-width: 450px;
   transform: rotate(29deg) translateX(59px);
   margin-bottom: 50px;
}

.career-sec__fields li:nth-child(4) {
   max-width: calc(100% - 30px);
   margin-left: auto;
}

/* Benefits Section
   ========================================================================== */

.benefits-sec .container {
   padding: 0 50px;
   max-width: 1300px;
   margin: 0 auto;
}
.benefits-sec__main-block {}

.benefits-sec__title-wrapper {}

.benefits-sec__list {
   display: grid;
   grid-gap: 24px;
   grid-template-columns: repeat(2,1fr);
}
.benefits-sec .list__item {
   border-radius: 24px;
   padding: 24px;
   display: flex;
   flex-direction: column;
   gap: 40px 0;
}

.benefits-sec .list .item:nth-child(1) {
   background: linear-gradient(108.72deg, #40BD61 -6.51%, #2D8344 46.92%, #19622D 93.75%);
}
.benefits-sec .list .item:nth-child(2) {
   background: linear-gradient(108.72deg, #B9774D -6.51%, #874E2A 46.92%, #623519 93.75%);
}

.benefits-sec .list .item:nth-child(3) {
   background: linear-gradient(108.72deg, #91399F -6.51%, #672072 46.92%, #581962 93.75%);
}

.benefits-sec .list .item:nth-child(4) {
   background: linear-gradient(108.72deg, #397EAF -6.51%, #265D84 46.92%, #194462 93.75%);
}

.benefits-sec .list .item__icon {
   width: 170px;
   height: 170px;
   object-fit: contain;
   object-position: center;
}
.benefits-sec .list .item__title-group {
   display: flex;
   flex-direction: column;
   gap: 24px 0;
}

.benefits-sec .list .item__subtitle {
   line-height: 1.3;
}

.benefits-sec .list .item__btn {
   max-width: 100%;
   width: 100%;
}

.benefits-sec .list .item__bottom-group {
   display: flex;
   flex-direction: column;
   gap: 24px 0;
}
.benefits-sec .list .item__exposure-group {
   background: rgba(8, 19, 37, 0.1);
   border-radius: 24px;
   padding: 24px;
}

.benefits-sec .list .item__exposure-group,
.benefits-sec .list .item__list-group {
   display: flex;
   flex-direction: column;
   gap: 15px 0;
}

.benefits-sec .list .item__list-name,
.benefits-sec .list .item__exposure-name {
   font-weight: 600;
   font-size: 20px;
   letter-spacing: -0.02em;
}
.benefits-sec .list .item__list {
   display: flex;
   flex-direction: column;
   gap: 12px 0;
}
.benefits-sec .list .item__list li {
   display: flex;
   align-items: center;
   gap: 0 12px;
   line-height: 1.3;
}

.benefits-sec .list .item__list li svg {
   color: inherit;
   width: 20px;
   height: 20px;
}
/* Steps Section
   ========================================================================== */
.steps-sec .container {
   padding: 0 50px;
}
.steps-sec__descr {
   max-width: 570px;
   width: 100%;
   text-align: center;
}

.steps-sec__main-block,
.steps-sec__top-wrapper,
.steps-sec__bottom-wrapper {
   display: flex;
   flex-direction: column;
   width: 100%;
   
}

.steps-sec__main-block,
.steps-sec__top-wrapper {
   gap: 65px 0;
   align-items: center;
}

.steps-sec__bottom-wrapper {
   gap: 40px 0;
}

.steps-sec__title-wrapper {
   display: flex;
   flex-direction: column;
   margin-bottom: 0;
}

.steps-sec__descr {
   text-align: center;
   display: block;
}
.steps-sec__tag.tag2 {
   max-width: 100%;
   background: linear-gradient(90deg, #19112A 0%, #2C1E4B 53.77%, #19112A 100%);
   border: unset;
   text-transform: uppercase;
   padding: 0 50px;
   text-align: center;
}

.steps-sec__include-wrapper {
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 50px 0;
}
.steps-sec__include-title {
   text-align: center;
}
.steps-sec__include-list {
   width: 100%;
  display: grid;
  grid-gap: 24px;
  grid-template-columns: repeat(2,1fr);
}


.steps-sec__include-list li {
   width: 100%;
   display: flex;
   align-items: center;
   gap: 0 12px;
   justify-content:flex-start;
   min-height: 100px;
   padding: 0 24px;
   background: #211938;
   border: 1px solid #352A53;
   border-radius: 24px;
}

.steps-sec__include-list li span {
   display: block;
   font-weight: 500;
   font-size: 20px;
   letter-spacing: -0.02em;
   line-height: 1.2;
   color: #FFFFFF;
}

.steps-sec__include-list li i {
   display: flex;
   align-items: center;
   justify-content: center;
   min-width: 48px;
   height: 48px;
   background: #744EFE;
   border-radius: 14px;
   font-style: normal;
   font-size: 20px;
   line-height: 1.3;
   font-weight: 600;
   text-align: center;

}

.steps-sec__delivered-wrapper {
   display: flex;
   flex-direction: column;
   gap:24px 0;
   overflow: hidden;
}

.steps-sec__delivered-wrapper {
   background: #211938;
   border: 1px solid #352A53;
   border-radius: 16px;
   overflow: hidden;
   padding: 35px;
   position: relative;
}

.steps-sec__delivered-wrapper:before {
   left: 0;
}
.steps-sec__delivered-wrapper:after {
   right: 0;
}
.steps-sec__delivered-wrapper:before,
.steps-sec__delivered-wrapper:after {
   content: '';
   position: absolute;
   top: 0;
   background: linear-gradient(90deg, #4E94FE 3.05%, #211938 75.61%);
   width: 25px;
   height: 100%;

}

.steps-sec__delivered-title {
   text-align: center;
   font-size: 24px;
} 
.steps-sec__delivered-list {
   display: flex;
   gap: 16px;
   justify-content: center;
   flex-wrap: wrap;
}

.steps-sec__delivered-list li {
   display: block;
   width: max-content;
   padding: 8px 24px;
   background: #4E94FE;
   border: 1px solid #FFFFFF;
   border-radius: 100px;
}

.steps-sec__btn {
   margin-left: auto;
   margin-right: auto;
   min-width: 330px;
}

.steps-sec__btn i {
   position: absolute;
   right: 12px;
}
/* Loc Section
   ========================================================================== */
.loc-sec__main-block {
   width: 100%;
   overflow: hidden;
}

.loc-sec .container {
   padding: 0 50px;
}
.loc-sec__title {
   text-align: center;
}

.loc-sec__image {
   width: 100%;
   height: auto;
   padding: 30px;
   min-width: 520px;
}
/* Stories Section
   ========================================================================== */
.stories-sec .container {
   padding: 0 50px;
}
.stories-sec__text {
   display: block;
   text-align: center;
}
.stories-sec__list {
   display: grid;
   grid-gap: 25px;
   grid-template-columns: repeat(auto-fill, minmax(500px,1fr));
}

.stories-sec .list__item {
   border-radius: 25px;
   overflow: hidden;
   display: flex;
   flex-direction: column;
   width: 100%;
   background: #211938;
   border: 1px solid #352A53;
   
}

.stories-sec .list .item__img {
   object-fit: cover;
   object-position: center;
   width: 100%;
   aspect-ratio: 1.5/1;
}
.stories-sec .item__bottom-group {
   display: flex;
   flex-direction: column;
   gap: 32px 0;
   padding: 24px;
}

.stories-sec .item__title-group {
   display: flex;
   flex-direction: column;
   gap: 6px 0;
}
.stories-sec .list .item__name {
   font-size: 32px;
   opacity: .8;
}
.stories-sec .list .item__skill {
   display: block;
   font-size: .9em;
   line-height: 1.1;
   opacity: .8;
}
.stories-sec .list .item__descr {
   display: block;
   opacity: .8;
}

/* Why Section
   ========================================================================== */
.why-sec .container {
   padding: 0 50px;
}
.why-sec__list-wrapper {
   position: relative;
   overflow-x: auto;
}

.why-sec__list-wrapper:before {
   content: '';
   position: absolute;
   left: 0;
   top: 97px;
   width: 100%;
   height: 1px;
   display: block;
   background: linear-gradient(90deg, #9273FF 0%, #744EFE 53.29%, #452F98 100%), #FFFFFF;
}

.why-sec__list {
   display: flex;
   gap: 20px;
   justify-content: space-between;
}

.why-sec .list__item {
   display: flex;
   gap: 50px 0;
   flex-direction: column;
   position: relative;
}

.why-sec .list__item:after {
   content: '';
   top: 90px;
   left: 25px;
   position: absolute;
   width: 16px;
   height: 16px;
   background: #33B17E;
   border-radius: 6px;
   transform: rotate(45deg);
}


.why-sec .list .item__icon {
   display: flex;
   align-items: center;
   justify-content: center;
   width: 70px;
   height: 70px;
   background: #33B17E;
   border-radius: 16px;
}

.why-sec .list .item__descr {
   width: max-content;
   line-height: 1.3;
}
/* FAQ Hero
   ========================================================================== */
.faq-hero {
   padding-top: 150px;
}

.faq-hero__title {
   text-align: center;
}

/* Post Card
   ========================================================================== */
   
.post-card {
   border: 2px solid #744EFE;
   background: #211938;
   border: 1px solid #352A53;
   border-radius: 32px;
   padding: 8px;
   display: flex;
   flex-direction: column;
}
.post-card__thumb {
   position: relative;
}
.post-card__link {
   display: block;
   border-radius: 24px;
   overflow: hidden;
}
.post-card__cat {
   position: absolute;
   left: 12px;
   top: 12px;
   height: 40px;
   display: flex;
   align-items: center;
   width: max-content;
   padding: 8px 24px;
   background: #744EFE;
   border-radius: 100px;
   line-height: 1.1;
   font-size: .9em;
   font-weight: 600;
   color: #ffffff;
}
.post-card__bottom-group {
   display: flex;
   flex-direction: column;
   gap: 24px 0;
   padding: 16px;
}
.post-card__text-group {
   display: flex;
   gap: 12px 0;
   flex-direction: column;
}
.post-card__title {
   font-size: 24px;
   line-height: 1.1;
}
.post-card__title a {
   font-size: inherit;
   font-weight: inherit;
   color: #ffffff;
}
.post-card__img {
   width: 100%;
   aspect-ratio: 1.4/1;
   height: auto;
}
.post-card__descr {
   opacity: .8;
   line-height: 1.5;
}

.post-card__icons-wrapper {
   display: flex;
   justify-content: space-between;
   width: 100%;
}
.post-card__icon-group {
   display: grid;
   align-items: center;
   grid-gap: 0 12px;
   grid-template-columns: max-content auto;
   justify-content: flex-start;
   color: #ffffff;
}

.post-card__icon-group svg {
   width: 24px;
   height: 24px;
   color: #744EFE;
}

.post-card__icon-group span {
   font-size: .9em;
   line-height: 1.5;
   display: block;
   color: #ffffff;
}

/* Post Content Section
   ========================================================================== */
.scontent-sec .container {
   padding: 0 20px;
}
.scontent-sec__main-block {
   padding-top: 200px;
   max-width: 1120px;
   margin-left: auto;
   margin-right: auto;
   width: 100%;
   display: flex;
   gap: 35px 0;
   flex-direction: column;
}
.scontent-sec__mob-back-btn {
   display: none;
}
.scontent-sec__top-wrapper {
   display: flex;
   flex-direction: column;
   gap: 24px 0;
}
.scontent-sec .top-wrapper__thumb {
   width: 100%;
   
   border-radius: 24px;
   overflow: hidden;
   position: relative;
}
.scontent-sec .top-wrapper__cat {
   position: absolute;
   z-index: 1;
   left: 12px;
   top: 12px;
   height: 40px;
   display: flex;
   align-items: center;
   width: max-content;
   padding: 8px 24px;
   background: #744EFE;
   border-radius: 100px;
   line-height: 1.1;
   font-size: .9em;
   font-weight: 600;
   color: #ffffff;
}
.scontent-sec .top-wrapper__img {
   width: 100%;
   height: auto;
   aspect-ratio: 1.5/1;
   object-fit: cover;
}
.scontent-sec .top-wrapper__icons-wrapper {
   display: flex;
   align-items: center;
   gap:0 35px;
   justify-content: flex-start;
   width: 100%;
}


.scontent-sec .top-wrapper__icon-group {
   display: grid;
   align-items: center;
   grid-gap: 0 12px;
   grid-template-columns: max-content auto;
   justify-content: flex-start;
   color: #ffffff;
}

.scontent-sec .top-wrapper__icon-group svg {
   width: 24px;
   height: 24px;
   color: #744EFE;
}

.scontent-sec .top-wrapper__icon-group span {
   font-size: .9em;
   line-height: 1.5;
   display: block;
   opacity: .8;
   color: #ffffff;
}

.scontent-sec__content h1 {
   font-size: 44px;
}

.scontent-sec__content h2 {
   font-size: 32px;
}
.scontent-sec__content p {
   margin: 0;
   line-height: 1.5;
}

.scontent-sec__content p + * {
   margin-top: 24px;
}

.scontent-sec__content h1 + *,
.scontent-sec__content h2 + * {
   margin-top: 24px;
}



.scontent-sec__content blockquote {
   padding: 20px;
   background: #2A1F48;
   border-radius: 16px;
   display: block;
   font-size: 24px;
   font-weight: 500;
   line-height: 1.5;
   width: 100%;
   margin-block: 0;
   margin-inline: 0;
   margin: 24px 0;
}

.scontent-sec__content .custom-section {
   display: block;
}

.scontent-sec__content .custom-section + .custom-section {
   margin-top: 50px;
}
.scontent-sec__content .custom-section.default h2,
.scontent-sec__content .custom-section.steps h2 {
   padding-left: 16px;
   position: relative;
}

.scontent-sec__content .custom-section.steps.hasimage {
   display: flex;
   gap: 0 55px;
   align-items: center;
   
}
.scontent-sec__content .custom-section.steps.hasimage img {
   width: 100%;
   max-width: 520px;
   border-radius: 32px;
   object-fit: cover;
   height: auto;
   aspect-ratio: 1.5/1;
}
.scontent-sec__content .custom-section.steps.hasimage img.align-right {
   order: 2;
}


.scontent-sec__content .custom-section.steps h2:after,
.scontent-sec__content .custom-section.default h2:after {
   content: '';
   display: block;
   position: absolute;
   left: 0;
   top: 50%;
   transform: translateY(-50%);
   height: 30px;
   width: 4px;
   background: #A48BFF;
   border-radius: 20px;
}
.scontent-sec .steps-list-wrapper {
   max-width: 550px;
}
.scontent-sec .steps-item,
.scontent-sec .steps-list {
   display: flex;
   gap: 24px 0;
   flex-direction: column;
}

.scontent-sec .steps-item__descr {
   line-height: 1.5;
}

.scontent-sec .steps-item__top-group {
   display: flex;
   align-items: center;
   gap: 0 20px;
}

.scontent-sec .steps-item__top-group h3 {
   font-size: 20px;
   line-height: 1.1;
}

.scontent-sec .steps-item__top-group span {
   min-width: 50px;
   height: 50px;
   display: flex;
   align-items: center;
   justify-content: center;
   background: #744EFE;
   border-radius: 12px;
   text-align: center;
   line-height: 1.5;
   font-size: 24px;
   font-weight: 600;
   text-transform: uppercase;
}

/* Blog Section
   ========================================================================== */
.sort-group {
   display: flex;
   align-items: center;
   justify-content: flex-end;
   gap: 0 12px;
}

.sort-group__name {
   display: block;
}
.sort-group__wrapper {
   display: block;
   position: relative;
}


.sort-group__wrapper svg {
   position: absolute;
   right: 12px;
   top: 50%;
   transform: translateY(-50%);
}

.sort-group__select {
   border-radius: 12px;
   display: flex;
   border: 1px solid #382A61;
   background: #140F24;
   height: 50px;
   min-width: 180px;
   padding: 0 12px;
   font-size: 1em;
   line-height: 1.1;
   color: #ffffff;
   -webkit-appearance: none;  /* Chrome, Safari, Opera */
    -moz-appearance: none;     /* Firefox */
    appearance: none;
    background-image: none;
    outline: unset;
}
.blog-sec {
   padding-bottom: 60px;
}
.blog-sec__btn {
   margin-top: 35px;
   margin-left: auto;
   margin-right: auto;
   min-width: 250px;
   padding-right: 70px;
}

.blog-sec__btn i {
   position: absolute;
   right: 12px;
}

.blog-sec__mob-filter-btn {
   display: none;
}

.blog-sec__search-form {
   display: block;
   width: 100%;
   position: relative;
   margin-bottom: 32px;
}
.blog-sec .search-form__btn {
   position: absolute;
   left: 12px;
   top: 50%;
   transform: translateY(-50%);
}
.blog-sec .search-form__btn svg {
   color: #827C96;
   width: 24px;
   height: 24px;
}
.blog-sec .search-form__input {
   height: 50px;
   width: 100%;
   display: flex;
   align-items: center;
   padding-left: 44px;
   padding-right: 20px;
   background: #1C152F;
   border: 1px solid #382A61;
   border-radius: 12px;
   color: #827C96;
   font-size: 1em;
   line-height: 1.1;
   outline: unset;
}
.blog-sec .search-form__input::placeholder {
   font-size: inherit;
   line-height: inherit;
   color: #827C96;
   font-weight: inherit;
}
.blog-sec .container {
   padding: 0 50px;
}

.blog-sec__nav {
   padding-top: 35px;
   margin-bottom: 35px;
   display: flex;
   align-items: center;
   justify-content: space-between;
}

.blog-sec__total-posts {
   line-height: 1.3;
   font-size: 1em;
}

.blog-sec__total-posts span {
   color: #744EFE;
   font-weight: 600;
}

.blog-sec__columns {
   display: flex;
   gap: 0 16px;
   position: relative;
}
.blog-sec__posts-column {
   flex: 1;
   width: 100%;
   display: flex;
   flex-direction: column;
}
.blog-sec__posts-list {
   display: grid;
   grid-gap: 16px;
   grid-template-columns: repeat(2,1fr);
}
.blog-sec__filter-form {
   display: flex;
   flex-direction: column;
   gap: 32px 0;
}
.blog-sec__sidebar {
   padding: 20px;
   flex: 430px;
   max-width: 430px;
   width: 100%;
   background: #211938;
   border: 1px solid #352A53;
   border-radius: 32px;
   height: fit-content;
   position: sticky;
   left: 0;
   top:100px;
}

.blog-sec__filter-group {
   display: flex;
   flex-direction: column;
   gap: 20px 0;
   width: 100%;
}
.blog-sec__filter-name {
   font-weight: 500;
   font-size: 20px;
   color: #FFFFFF;
   line-height: 1.3;
}
.blog-sec__filter-list {
   display: flex;
   gap: 16px 0;
   flex-direction: column;
}
.blog-sec .filter-list__item {
   position: relative;
   display: block;
}

.blog-sec .filter-list__item label {
   display: flex;
   align-items: center;
   gap: 0 12px;
   font-size: 1em;
   cursor: pointer;
}

.blog-sec .filter-list__item label:before {
   content: '';
   min-width: 20px;
   height: 20px;
   border: 1px solid #382A61;
   background: #1F1832;
   border-radius: 6px;
}


.blog-sec .filter-list__item input:checked + label:before {
   background-size:12px;
   background-repeat: no-repeat;
   background-position: center;
   background-color: transparent;
   border: 2px solid #744EFE;
   background-image: url("data:image/svg+xml,%3Csvg width='18' height='13' viewBox='0 0 18 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17 1L6 12L1 7' stroke='%23744EFE' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.blog-sec .filter-list__item input[disabled] + label {
   opacity: .7;
   cursor: not-allowed;
}
.blog-sec .filter-list__item input {
   display: none;
   position: absolute;
   opacity: 0;
   z-index: 1;
   left: 0;
   top: 50%;
   transform: translateY(-50%);
   margin: 0;
   cursor: pointer;
}

.blog-sec .filter-list__item input[disabled] {
   cursor: not-allowed;
}

/* Posts section
   ========================================================================== */
.posts-sec {
   padding-bottom: 100px;
}
.posts-sec .container {
   padding: 0 50px;
}
.posts-sec__title {
   margin-bottom: 50px;
}
.posts-sec__posts-list {
   display: grid;
   grid-gap: 16px;
   grid-template-columns: repeat(auto-fill, minmax(400px,1fr));
}

/* Blog Hero
   ========================================================================== */
.blog-hero {
   padding-top: 150px;
}
.blog-hero__title {
   text-align: center;
}


/* FAQ Section
   ========================================================================== */
.faq-sec + .banner-sec {
   margin-top: 80px;
}
.faq-sec .container {
   padding: 0 50px;
}


.faq-sec .optihire-faq-title {
  text-align: center;
  margin-bottom: 50px; 
  font-size: 48px;
}
.faq-sec__main-block {
   background: #161027;
   border: 1px solid #2E234E;
   border-radius: 32px;
   padding-bottom: 80px;
   padding-top: 80px;
}

.faq-sec__posts-nav {
   display: flex;
   flex-wrap: wrap;
   width: 100%;
   gap: 0 12px;
   justify-content: center;
   margin-bottom: 35px;
}
.faq-sec__post-link {
   padding: 0 24px;
   width: max-content;
   height: 40px;
   display: flex;
   align-items: center;
   justify-content: center;
   border: 1px solid #43356C;
   border-radius: 100px;
   font-weight: 500;
   font-size: .9em;
   line-height: 1.1;
   letter-spacing: -0.02em;
   text-align: center;
   color: #A08ED3;
   border-radius: 100px;
}
.faq-sec__post-link:hover,
.faq-sec__post-link.active {
   border: 1px solid #744EFE;
   font-weight: 600;
   color: #A78EFF;
}
.faq-sec__post-list {
   max-width: 1050px;
   width: 100%;
   margin-left: auto;
   margin-right: auto;
}

.faq-sec__list,
.faq-sec__post-list,
.faq-sec .post-group__fields,
.faq-sec__post-group {
   display: flex;
   flex-direction: column;
   gap: 20px 0;
}

.faq-sec__main-wrapper {
    max-width: 860px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.faq-sec .field-group {
   padding: 30px 25px;
   background: #1F1737;
   border: 1px solid #392C5E;
   border-radius: 32px;
   display: flex;
   flex-direction: column;
}

.optihire-page .faq-sec .field-group {
   border-radius: 50px;
   padding: 25px 35px;
}

.faq-sec .field-group__question {
   display: flex;
   align-items: center;
   width: 100%;
   justify-content: space-between;
   font-weight: 500;
   font-size: 20px;
   line-height: 1.3;
}
.faq-sec .field-group__question button {
   cursor: pointer;
}
main:not(.optihire-page) .faq-sec .field-group__question button {
   min-width: 64px;
   height: 64px;
   display: flex;
   align-items: center;
   justify-content: center;
   background: #744EFE;
   border-radius: 20px;
}

.faq-sec .field-group__question button svg {
   width: 32px;
   height: 32px;
   display: block;
}

.optihire-page .faq-sec .field-group__question button svg path {
   stroke:#744EFE;
}

.faq-sec .field-group.open .question button svg path:nth-child(2) {
   display: none;
}

.faq-sec .field-group__question span {
   display: block;
}

.optihire-page .faq-sec .field-group__question span {
   font-size: 24px;
}

.faq-sec .field-group__answer {
   font-size: 1em;
   line-height: 1.3;
   padding-right: 90px;
}

.faq-sec .field-group.open .answer {
   padding-top: 24px;
   line-height: 1.3;
}

.optihire-page .faq-sec .field-group.open .answer {
   padding-top: 15px;
}

/* Optyhire How Section
   ========================================================================== */
.ohow-sec .container {
   padding: 0 12px;
}
.ohow-sec__main-block {
   padding: 70px 50px;
   background: #23173D;
   background-image: url(assets/imgs/how-gradient-back.webp);
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   border: 1px solid rgba(0, 0, 0, 0.75);
   box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.25);
   border-radius: 40px;
}
.ohow-sec__title {
   display: block;
   margin-bottom: 50px;
   text-align: center;
}
.ohow-sec__list {
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   gap: 36px;
   
}
.ohow-sec .list__item {
   flex: 1 1 calc(33.3% - 36px);
   min-width: 360px;
   max-width: 420px;
   width: 100%;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   overflow: hidden;
   aspect-ratio: 1/1;
   border-radius: 50%;
   background: linear-gradient(90deg, #568FDA 0%, #4287EE 53.29%, #2F4798 100%);
   border: 1px solid #DDD7E9;
   position: relative;

}

.ohow-sec .list__item:after {
   content: '';
   display: block;
   position: absolute;
   width: calc(100% - 34px);
   height: auto;
   aspect-ratio: 1/1;
   border-radius: 50%;
   border: 1px solid #9DC6FF;
}

.ohow-sec .list .item__num {
   display: block;
   text-align: center;
   font-weight: 600;
   font-size: 90px;
   text-align: center;
   letter-spacing: -0.03em;
   line-height: 1.1;
   color: #FFFFFF;
}
.ohow-sec .list .item__text-wrapper {
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 16px 0;
}
.ohow-sec .list .item__name {
   text-align: center;
   font-size: 20px;
   font-weight: 600;
   display: block;
}
.ohow-sec .list .item__descr {
   max-width: 260px;
   text-align: center;
   font-size: .9em;
   line-height: 1.3;
}

/* Optyhire Why Section
   ========================================================================== */
.owhy-sec .container {
   padding: 0 50px;
}
.owhy-sec__title {
   text-align: center;
   margin-bottom: 50px;
}
.owhy-sec__list {
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(380px ,1fr));
   grid-gap: 12px;
}

.owhy-sec .list__item {
   width: 100%;
   padding: 24px;
   background: #211938;
   border: 1px solid #352A53;
   border-radius: 16px;
   display: flex;
   flex-direction: column;
   gap: 50px 0;
}

.owhy-sec .list .item__icon {
   border-radius: 16px;
   width: 74px;
   height: 74px;
   display: flex;
   align-items: center;
   justify-content: center;
   border-radius: 16px;
   background: #744EFE;
}

.owhy-sec .list .item__img {
   height: 40px;
   width: 40px;
   object-fit: contain;
}
.owhy-sec .list .item__text-wrapper {
   display: flex;
   flex-direction: column;
   gap: 15px 0;
}

.owhy-sec .list .item__name {
   display: block;
   font-weight: 600;
   font-size: 20px;
   line-height: 1.3;
   letter-spacing: -0.02em;
}
.owhy-sec .list .item__descr {}

/* Banner section
   ========================================================================== */
.banner-sec {
   margin-top: 20px;
}
.banner-sec .container {
   padding: 0 12px;
}
.banner-sec__title {
   text-align: center;
}

.banner-sec__btn {
   min-width: 330px;
}

.banner-sec__btn i {
   position: absolute;
   right: 12px;
}

.banner-sec__main-block {
   overflow: hidden;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   min-height: 500px;
   background: #744EFE;
   border-radius: 40px;
   position: relative;
}

.banner-sec__main-block > * {
   position: relative;
   z-index: 1;
}

.banner-sec__main-block:after {
   content: '';
   position: absolute;
   right: 0;
   width: 437px;
   height: 493px;
   background-repeat: no-repeat;
   background-size: contain;
   background-image: url("data:image/svg+xml,%3Csvg width='437' height='492' viewBox='0 0 437 492' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M436.084 4.84402C407.449 -23.689 369.262 104.155 360.875 164.62C347.536 260.773 199.953 137.27 241.281 111.992C282.609 86.7139 413.543 294.509 285.912 251.916C166.786 215.324 121.865 307.33 125.997 358.595C135.953 482.089 24.7344 480.596 0.363478 494.089' stroke='url(%23paint0_linear_429_112)' stroke-width='1.5'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_429_112' x1='436.543' y1='-1.49146' x2='132.543' y2='387.009' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23744EFE'/%3E%3Cstop offset='0.475962' stop-color='%23C0AEFF'/%3E%3Cstop offset='1' stop-color='%23DEECF1' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
}

/* stories Hero
   ========================================================================== */
.stories-hero {
   padding-top: 150px;
}
.stories-hero .container {
   padding: 0 12px;
}
.stories-hero__main-block {
   padding-bottom: 80px;
}
.stories-hero__title-wrapper {
   margin-bottom: 0;
}
.stories-hero__title-wrapper > * {
   text-align: center;
}
.stories-hero__statistics-wrapper {
   margin-left: auto;
   margin-right: auto;
   margin-top: 80px;
   max-width: 860px;
   width: 100%;
   background: #211938;
   border: 1px solid #352A53;
   border-radius: 32px;
   padding: 50px;
}
.stories-hero__statistics-list {
   width: 100%;
   justify-content: center;
   display: flex;
   gap:0 35px;
}
.stories-hero .statistics-list__item {
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 12px 0;
   min-width: 180px;
}
.stories-hero .statistics-list .item__name {
   text-align: center;
}
.stories-hero .statistics-list .item__value {
   display: block;
   text-align: center;
}
/* About Hero
   ========================================================================== */

.ahero-sec {
   background-image: url(assets/imgs/about-background.webp);
}
.ahero-sec + * {
   margin-top: 80px;
}
.ahero-sec .container {
   position: relative;
   padding-left: 50px;
}
.ahero-sec__main-block {
   padding-top: 60px;
   position: relative;
   min-height: 100vh;
   display: flex;
   align-items: center;
}
.ahero-sec__img {
   position: absolute;
   right: 0;
   bottom: 0;
   width: auto;
   height: calc(100% - 50px);
   object-fit: contain;
   object-position: bottom;
}
.ahero-sec__text-column {
   display: flex;
   flex-direction: column;
   gap: 30px 0;
   max-width: 800px;
   width: 100%;
   position: relative;
   z-index: 1;
}
.ahero-sec__text-wrapper {
   display: flex;
   gap: 30px 0;
   flex-direction: column;
}

.ahero-sec__title {
   font-size: 56px;
}
.ahero-sec__tag {
   background: #72249A;
   border: 1px solid #C455F6;
}
.ahero-sec__descr {}

.ahero-sec__buttons-wrapper {
   display: flex;
   justify-content: flex-start;
   gap: 24px;
   flex-wrap: wrap;
}

/* Partners
   ========================================================================== */
.partners-sec {
   padding-top: 70px;
}

.partners-sec__title {
   display: block;
   text-align: center;
   margin-bottom: 32px;
   font-size: 20px;
   font-weight: 600;
}
.partners-sec__main-block {
   width: 100%;
}
.partners-sec__slider-wrapper {
   width: 100%;
   overflow: hidden;
}
.partners-sec__slider {
   display: flex;
}
.partners-sec .slider__item + .item {
   margin-left: 15px;
}
.partners-sec .slider__item {
   height: 140px;
   padding: 20px;
   min-width: 250px;
   background: #161027;
   border: 1px solid #2E234E;
   border-radius: 24px;
   display: flex;
   align-items: center;
   justify-content: center;
}

.partners-sec .slider .item__img {
   object-fit: contain;
   max-width: 100%;
   width: 100%;
}

/* How
   ========================================================================== */

.how-sec .container {
   padding: 0 40px;
}

.how-sec__list {
   display: flex;
   gap:24px;
   flex-wrap: wrap;
   flex-direction: row;
   width: 100%;
}
.how-sec .list__item {
   padding: 24px;
   flex: 1 1 calc(33.3% - 24px);
   min-width: 400px;
   
   background: #211938;
   border: 1px solid #352A53;
   border-radius: 24px;
   display: flex;
   flex-direction: column;
   gap: 35px 0;

}
.how-sec .list .item__icon {
   width: 74px;
   height: 74px;
   background: #744EFE;
   border-radius: 16px;
   display: flex;
   align-items: center;
   justify-content: center;
}
.how-sec .list .item__img {
   width: 40px;
   height: 40px;
   object-fit: contain;
}
.how-sec .list .item__text-wrapper {
   display: flex;
   flex-direction: column;
   gap: 12px 0;
}
.how-sec .list .item__name {
   font-size: 20px;
   font-weight: 500;
   line-height: 1.1;
}
.how-sec .list .item__descr {
   font-size: .9em;
   line-height: 1.3;
   opacity: .8;
}
.how-sec .list .item__descr ul {
   display: flex;
   flex-direction: column;
   gap: 3px 0;
   padding-left: 12px;
}

.how-sec .list .item__descr li {
   list-style-type: disc;
}
.how-sec__btn {
   margin-top: 35px;
   margin-left: auto;
   margin-right: auto;
   background: rgba(255, 255, 255, 0.1);
}