/*
Theme Name: Aqutor theme

account styles
Version: 1.0.2
*/

/*
* about article
*/

.certificate_conteiner_block h3, .certificate_conteiner_block p, .certificate_conteiner_block span, .reviews_users h3, .reviews_users p{
    color: #263238;
}


section.about_bnr {
    display: flex;
    margin: auto;
    padding: 64px;
    width: 100%;
    height: auto;
    min-height: 85vh;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    background: url(../img/about.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.conteiner_boxed {
    width: 100%;
    max-width: 1120px;
}

.about_company {
    width: 100%;
    max-width: 620px;
}

.about_company h2 {
    display: block;
    margin-bottom: 16px;
    font-family: 'Montserrat-Regular';
    font-size: 48px;
    font-weight: 700;
    line-height: 48px;
    letter-spacing: -0.04em;
    text-align: left;
    color: #FFFFFF;
}

.about_company p {
    font-family: 'Montserrat-Regular';
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
    color: #FFFFFF;
}

section.about_advantages {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: -64px;
}

.advantages_flex {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    align-content: center;
    gap: 32px;
}

.adv_flex_card {
    width: 100%;
    max-width: 352px;
    padding: 32px;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0px 8px 16px 0px #534F5C12;
}

.adv_card_icon span {
    display: flex;
    width: 80px;
    height: 80px;
    background: #F3F7FB;
    color: #448AFF;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    border-radius: 8px;
    font-size: 48px;
    line-height: 0;
    text-align: center;
    font-variation-settings: 'FILL' 0, 'wght' 600, 'GRAD' 0, 'opsz' 48;
}

.adv_card_icon h2 {
    display: block;
    margin: 16px 0 8px;
    font-family: 'Montserrat-Medium';
    font-size: 32px;
    font-weight: 600;
    line-height: 38px;
    text-align: left;
    color: #263238;
}

.adv_card_icon p {
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
    color: #4B636E;
}

section.about_title {
    padding: 64px 0 32px;
}

section.company_certificate {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.about_title .heading {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
}

.about_title .heading h2 {
    font-size: 48px;
    font-weight: 700;
    line-height: 48px;
    letter-spacing: -0.04em;
    text-align: left;
    color: #263238;
}

.about_title .heading p {
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
    color: #37474F;
}

section.company_certificate {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    background: #F3F7FB;
    padding: 0 10px;
}

.certificate_conteiner {
    padding: 0;
}

.certificate_conteiner_block {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    padding: 64px 0;
    gap: 64px;
}

.certificate_conteiner_img {
    width: 100%;
    max-width: 320px;
}

.certificate_text span {
    display: inline-flex;
    padding: 8px 12px;
    flex-direction: row;
    align-items: center;
    flex-wrap: nowrap;
    background: #fff;
    gap: 8px;
    border-radius: 6px;
}

.certificate_text h3 {
    display: block;
    margin: 4px 0;
    font-size: 32px;
    font-weight: 600;
    line-height: 38px;
    letter-spacing: 0em;
}

.certificate_text p {
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
}

.company_partners {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
    align-content: space-between;
    padding: 64px 10px;
}

.partners_block {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: stretch;
    gap: 96px;
}

.partners_left {
    width: 100%;
    max-width: 352px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
}

.partners_left h2 {
    font-size: 48px;
    font-weight: 700;
    line-height: 48px;
    letter-spacing: -0.04em;
    text-align: left;
}

.partners_left h2 span {
    font-weight: 700;
    line-height: 110%;
    letter-spacing: -.04em;
    background: linear-gradient(109.24deg,#24d2aa 0%,#448aff 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.partners_right {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 32px;
}

.partners_left_info {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.partners_info_block {
    width: 100%;
    max-width: 320px;
    padding: 32px;
    border: 2px solid #E2F1F8;
    border-radius: 12px;
}

.partners_right_regular {
    display: flex;
}

.partners_info_block span {
    font-size: 48px;
    color: #448AFF;
    margin-bottom: 10px;
    line-height: 0px;
    display: flex;
    align-items: center;
    height: 50px;
    width: 50px;
}

.partners_info_block h3 {
    margin-bottom: 4px;
    font-size: 32px;
    font-weight: 600;
    line-height: 38px;
    letter-spacing: 0em;
    text-align: left;
    color: #448AFF;
}

.partners_info_block p {
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
    color: #263238;
}

a.button.wc-backward {
    display: block;
    padding: 13px;
    max-height: 48px;
    text-align: center;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 128%;
    color: #fff;
    background: linear-gradient(109.24deg,#24d2aa 0%,#448aff 80%);
    border: 1px solid #fff;
    border-radius: 8px;
    width: 100%;
    max-height: 48px;
}

section.company_reviews {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 64px 0;
    background: #263238;
}

.company_reviews h2 {
    margin-bottom: 64px;
    font-size: 48px;
    font-weight: 700;
    line-height: 48px;
    letter-spacing: -0.04em;
    text-align: center;
    color: #fff;
}

.flex_columns {
    display: flex;
    margin-bottom: 32px;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: center;
    gap: 32px;
}

.reviews_users {
    width: 100%;
    max-width: 352px;
    padding: 18px 24px;
    border-radius: 12px;
    background: #fff;
}

.reviews_users h3 {
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
    letter-spacing: 0em;
    text-align: left;
}

.reviews_users span {
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
    color: #90A4AE;
}

.reviews_users p {
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
}

.company_reviews h4 {
    font-size: 32px;
    font-weight: 600;
    line-height: 38px;
    letter-spacing: 0em;
    text-align: left;
    color: #F3F7FB;
}

.company_shop {
    display: flex;
    padding: 64px 0;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
    justify-content: flex-start;
}

.company_shop h2 {
    display: inline-block;
    margin-bottom: 32px;
    font-style: normal;
    font-weight: 700;
    font-size: 48px;
    line-height: 110%;
    letter-spacing: -.04em;
    background: linear-gradient(109.24deg,#24d2aa 0%,#448aff 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.company_reviews a {
    position: relative;
    display: inline-flex;
    width: 256px;
    max-height: 48px;
    margin-top: 20px;
    padding: 12px 0 12px;
    background: #fff;
    border: 1px solid #C1D5E0;
    border-radius: 8px;
    color: #263238;
    font-family: 'Exo2-Regular';
    font-style: normal;
    z-index: 1;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    align-items: center;
    justify-content: center;
}

.our-products__btn-shope {
    display: flex;
    margin: 22px auto;
    width: 320px;
    height: 48px;
    font-size: 14px;
    font-weight: 700;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    border-radius: 12px;
    border: 1px solid var(--blue-gray-light-300, #C1D5E0);
}
.page-template-page-about #content {
    padding: 0px 0 20px;
}
.year_company {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 90px 0 70px;
    flex-wrap: wrap;
}
.year_company_conteiner {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    align-content: center;
    gap: 20px;
    margin-bottom: 130px;
}
.year_company-block {
    width: 100%;
    max-width: 352px;
    position: relative;
}
.year_company_block h3 {
    display: inline-block;
    font-style: normal;
    font-weight: 700;
    font-size: 48px;
    line-height: 110%;
    letter-spacing: -.04em;
    background: linear-gradient(109.24deg,#24d2aa 0%,#448aff 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.year_company_block p {
    font-size: 20px;
}
.year_company_one .arrow_img svg {
    margin-top: 15px;
    margin-left: -80px;
}
.year_company_one .right_block {
    padding-top: 110px;
}
.year_company_two .arrow_img svg {
    margin-top: -230px;
    position: relative;
    right: -40px;
}
.year_company_two .right_block {
    padding-top: 305px;
    right: 80px;
}
.year_company_two .left_block {
    left: 65px;
    padding-top: 50px;
}
.year_company_two .left_block:before {
    content: '';
    background: url('../img/about/arrr.svg') no-repeat center/contain;
    position: absolute;
    left: -65px;
    top: 69px;
    width: 630px;
    height: 270px;
}
.year_company_two .right_block:after {
    content: '';
    background: url('../img/about/arr2.svg') no-repeat center/contain;
    position: absolute;
    right: -65px;
    top: 329px;
    width: 830px;
    height: 336px;
}
.year_company_three .left_block {
    max-width: 720px;
}
.year_company-adv {
    display: flex;
    margin-top: 24px;
    gap: 30px;
    flex-wrap: wrap;
    justify-content: center;
}
.year_company-adv-block {
    display: flex;
    align-items: center;
}
.year_company-adv-block-img span {
    display: flex;
    width: 64px;
    height: 64px;
    background: #F3F7FB;
    color: #448AFF;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    border-radius: 8px;
    font-size: 38px;
    line-height: 0;
    text-align: center;
    font-variation-settings: 'FILL' 0, 'wght' 600, 'GRAD' 0, 'opsz' 48;
    margin-right: 10px;
}
.year_company-adv-block-num {
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    font-family: 'Exo2-Regular';
}
.year_company-adv-block-txt {
    font-size: 16px;
    font-family: 'Exo2-Regular';
}
.year_company_three {
    margin-bottom: 20px;
}
.arrow_img-mob {
    display: none;
}
.arrow_img-mob img {
    margin: 0 auto;
    height: 150px;
}
.company_shop_conteiner {
    max-width: 1270px;
}
@media(max-width: 1110px){
    .year_company-block {max-width: 300px;}
    .year_company_one .arrow_img svg {margin-top: 22px;margin-left: -126px;}
    .year_company_two .arrow_img svg {right: 50px;}
    .year_company_two .left_block:before {left: -88px;top: 81px;width: 557px;}
    .year_company_two .right_block:after {width: 737px;height: 350px;}
    .year_company_conteiner {margin-bottom: 95px;}
}
@media(max-width: 1000px){
    .partners_block {flex-direction: column;gap: 35px;}
    .partners_left {max-width: 80%;margin: 0 auto;}
    .partners_info_block {max-width: 100%;}
    .partners_right_regular {width: 50%;}
    .partners_left_info {width: 50%;}
}
@media(max-width: 954px){
    .year_company-block {max-width: 80%;text-align: center;}
    .arrow_img-mob {display: block;}
    .arrow_img, .year_company_two .left_block:before, .year_company_two .right_block:after {display: none;}
    .year_company_one .right_block {padding-top: 0;}
    .year_company_two .left_block {left: 0;padding-top: 0;}
    .year_company_two .right_block {padding-top: 0;right: 0;}
    .year_company_conteiner {margin-bottom: 25px;}
    .year_company_one .right_block .arrow_img-mob, .year_company_two .right_block .arrow_img-mob {margin-top: 25px;transform: scale(-1, 1);}
}
@media(max-width: 575px){
    .partners_left_info, .partners_right_regular {width: 100%;}
    .partners_right {flex-direction: column;gap: 15px;}
    .partners_left_info {gap: 15px;}
    .partners_left {max-width: 100%;}
    .partners_left h2 {text-align: center;}
    .company_partners {padding: 50px 10px;}
    section.about_bnr {padding: 20px;}
    .certificate_conteiner_block {padding: 40px 0;gap: 25px;flex-direction: column;}
    .year_company-adv-block-num {font-size: 28px;}
    .year_company {padding: 90px 0 0px;}
    .about_title .heading h2, .about_title .heading p {text-align: center;}
    .about_company h2 {font-size: 40px;}
    .company_shop_conteiner li.product {margin-bottom: 30px!important;}
}