input[type="checkbox"] {
    position: relative;
    appearance: none;
    width: 23px;
    height: 23px;
    border: 1.4px solid;
    border-radius: 4.2px;
    margin: 0;
}

input[type="checkbox"]:checked {
    background-image: url(/assets/images/site/icon/check.svg);
    background-position: center;
    background-repeat: no-repeat;
}

.btn-orange {
    font-size: 18px;
    font-weight: 500;
    line-height: 25px;
    text-align: center;
    border-radius: 1000px;
    background-color: rgba(255, 105, 0, 1);
    color: rgba(255, 255, 255, 1);
    border: 0px;
}

.bth-black {
    font-size: 16px;
    color: rgba(255, 255, 255, 1);
    background: rgba(0, 0, 0, 1);
    padding: 10px 10px;
    border: none;
    border-radius: 1028px;
    cursor: pointer;
}

body {
    width: 100%;
    background-color: rgba(237, 237, 237, 1);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}


body,
body * {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-family: Inter, sans-serif;
}

main.partner {
    width: 100%;
}

section { 
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column; 
}
    

.shop-basket,
.Support-section {
    margin-bottom: 25px;
    margin-top: 25px;
    width: 100%;
}

.shop-basket h1,
.Support-section h1 {
    color: rgba(255, 105, 0, 1);
    font-weight: 700;
    font-size: 45px;
    line-height: 46px;
    letter-spacing: -1px;
    margin-bottom: 5px;
    width: 1300px;
}

.breadcrumbs {
    display: flex;
    align-items: center;
    margin-bottom: 45px;

    font-size: 18px;
    line-height: 29px;
    letter-spacing: 0%;
    gap: 12px;
    width: 1300px;
}

.breadcrumbs span {
    width: 17px;
    height: 17px;
    background-image: url(/assets/images/site/icon/arrow-right.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.breadcrumbs a {
    color: rgba(0, 0, 0, 1);
    text-decoration: none;
}

.breadcrumbs a:hover {
    text-decoration: underline;
}

.breadcrumbs span {
    color: rgba(0, 0, 0, 1);
    font-weight: 700;
}

.breadcrumbs p:last-child {
    text-decoration: underline;
}

.basket-block {
    display: flex;
    width: 1300px;
    gap: 30px;
}

.basket {
    display: flex;
    flex-direction: column;
    width: 710px;
    gap: 25px;
}

.control-basket {
    display: flex;
    justify-content: flex-start;
    background-color: rgba(255, 255, 255, 1);
    border-radius: 16px;
    align-items: center;
    height: 63px;
}

.control-basket input {
    margin-left: 23px;
    margin-right: 21px;
}

.control-basket p:last-child {
    margin-left: auto;
    margin-right: 52px;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.basket-item-container {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.basket-item {
    display: flex;

    justify-content: flex-start;
    align-items: flex-start;

    max-height: 170px;

    background-color: rgba(255, 255, 255, 1);
    border-radius: 15px;
    padding: 22px 50px 22px 22px;
}

.basket-item input[type="checkbox"] {
    align-self: flex-start;
}

.basket-item .item-image {
    width: 128px;
    height: 128px;
    /*
    background-image: url(/assets/images/products/template/temp.png);
    background-size: cover;
    background-repeat: no-repeat;
    */
    margin-left: 20px;
    align-content: center;
}

.basket-item .item-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    align-self: flex-start;

    gap: 4px;

    margin-left: 50px;
    margin-top: 15px;
}

.item-text h3 {
    font-weight: 500;
    font-size: 21px;
    line-height: 29px;
}

.item-text .article {
    color: rgba(91, 91, 91, 1);
    font-weight: 500;
    font-size: 11px;
    line-height: 17px;
}

.item-text .color p {
    font-weight: 700;
    font-size: 14px;
    line-height: 23px;
}

.item-text .color p span {
    font-weight: 400;
}

.item-cost {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    margin-left: auto;
}

.item-cost .costs {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-start;
    gap: 3px;
    margin-bottom: 15px;
}

.costs .old-price,
.costs .new-price,
.quantity {
    display: flex;
    align-items: center;
    gap: 3px;
}

.old-price {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: rgba(184, 184, 184, 1);
    text-decoration: line-through;
}

.new-price {
    color: rgba(91, 91, 91, 1);
    font-weight: 700;
    font-size: 22px;
    line-height: 25px;
}

.quantity {
    gap: 15px;
}

.quantity input[type="number"] {
    width: 60px;
    height: 30px;
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.06);
    border: Mixed solid rgba(0, 0, 0, 1);
    border-radius: 58px;
    padding: 0 10px;
    font-size: 17px;
    line-height: 14px;
}

.quantity input[type=number]::-webkit-inner-spin-button,
.quantity input[type=number]::-webkit-outer-spin-button {
   opacity: 1;
}

.quantity .trash-icon {
    width: 18px;
    height: 18px;
    background-image: url(/assets/images/site/icon/trash.svg);
    background-size: cover;
    background-repeat: no-repeat;
    cursor: pointer;
}

.promocode {
    gap: 15px;
    padding-top: 10px;
}

.promocode input[type="text"] {
    width: 200px;
    height: 30px;
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.06);
    border: Mixed solid rgba(0, 0, 0, 1);
    border-radius: 58px;
    padding: 0 10px;
    font-size: 17px;
    line-height: 14px;
}

.promocode .accept-icon {
    width: 18px;
    height: 18px;
    background-image: url(/assets/images/site/icon/check.svg);
    background-size: cover;
    background-repeat: no-repeat;
    cursor: pointer;
}

.basket-gift {
    display: flex;
    justify-content: flex-start;
    align-items: center;

    height: 94px;

    background-color: rgba(255, 255, 255, 1);
    border-radius: 15px;
    padding: 22px 50px 22px 22px;
}

.gift-image {
    background-image: url(/assets/images/site/icon/gift.svg);
    background-size: cover;
    background-repeat: no-repeat;
    height: 43px;
    width: 43px;
    margin-left: 63px;
}

.basket-gift h3 {
    margin-left: 95px;
    font-weight: 500;
    font-size: 21px;
    line-height: 29px;
}

.basket-gift-price {
    display: flex;
    gap: 5px;
    justify-items: end;
    margin-left: 265px;

    color: rgba(91, 91, 91, 1);
    font-weight: 700;
    font-size: 22px;
    line-height: 25px;
}

.conditions-block {
    display: flex;
    flex-direction: column;
    width: 560px;
    gap: 15px;
}

.conditions {
    background-color: rgba(255, 255, 255, 1);
    padding: 37px 61.5px;
    border-radius: 18px;
}

.conditions button{
    display: none;
}

.conditions-block h4 {
    color: rgba(91, 91, 91, 1);
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
}

.conditions-block h2 {
    color: rgba(255, 105, 0, 1);
    font-weight: 700;
    font-size: 25px;
    line-height: 30px;
}

.conditions-item {
    margin-top: 30px;
    display: flex;
    flex-direction: column;
}

.conditions-item li {
    position: relative;
    display: flex;
    justify-content: space-between;
    font-weight: 400;
    font-size: 17px;
    line-height: 30px;
    margin-left: 15px;
}

.conditions-item li::before {
    position: absolute;
    content: "";
    align-self: center;
    left: -15px;
    width: 5px;
    height: 5px;
    border-radius: 100%;
    background-color: rgb(0, 0, 0);
}

.conditions-item li div:nth-child(2) {
    display: flex;
    width: 50px;
    gap: 5px;
    justify-content: flex-end;
}

.conditions-item li div:nth-child(3) {
    display: flex;
    gap: 5px;
    width: 85px;
    justify-content: flex-end;
}

.conditions-service {
    margin-top: 30px;
    display: flex;
    flex-direction: column;
}

.conditions-service li {
    position: relative;
    display: flex;
    justify-content: space-between;
    font-weight: 400;
    font-size: 17px;
    line-height: 30px;
    margin-left: 15px;
}

.conditions-service li::before {
    position: absolute;
    content: "";
    align-self: center;
    left: -15px;
    width: 5px;
    height: 5px;
    border-radius: 100%;
    background-color: rgb(0, 0, 0);
}

.conditions-service li div:last-child {
    display: flex;
    gap: 5px;
    margin-left: 225px;
}

.conditions-block hr {
    border-top: 3px solid rgb(0, 0, 0);
    margin: 40px 0px;
}

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

.conditions-price div {
    display: flex;
    gap: 5px;
    font-weight: 700;
    font-size: 33px;
    line-height: 46px;
}

.conditions-block .btn-orange {
    height: 52px;
}

.order-block {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 1300px;
    margin-top: 40px;
    border-radius: 14px;
    background-color: rgba(255, 255, 255, 1);
    padding: 40px 60px 40px 30px;
}

.order-block h2 {
    font-weight: 700;
    font-size: 45px;
    line-height: 46px;
    letter-spacing: -1px;
    margin-bottom: 20px;
    color: rgba(255, 105, 0, 1);
}

.order-form {
    position: relative;

    display: flex;
    flex-direction: column;
    width: 100%;
}

.order-form::before {
    position: absolute;
    content: "";
    width: 2px;
    height: 95%;
    top: 8px;
    background-color: rgba(91, 91, 91, 1);
}

.order-form h3 {
    position: relative;
    font-weight: 700;
    font-size: 25px;
    line-height: 29px;
    color: rgba(91, 91, 91, 1);
    margin-left: 30px;
    margin-bottom: 30px;
}

.order-form h3::before {
    position: absolute;
    content: "";
    width: 15px;
    height: 15px;
    border-radius: 100%;
    left: -37px;
    top: 8px;
    background-color: rgba(91, 91, 91, 1);
}

.order-form .form-contacts {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    margin-bottom: 60px;
    margin-left: 30px;
    gap: 20px;
}

.form-contacts .contacts,
.form-contacts .contacts-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

.contacts label {
    display: flex;
    flex-direction: column;
}

.contacts label span {
    font-size: 17px;
    color: rgba(91, 91, 91, 1);
    margin-bottom: 5px;
}

.contacts label input {
    width: 250px;
    height: 60px;
    border: 1px solid rgba(0, 0, 0, 1);
    border-radius: 18px;

    color: rgba(0, 0, 0, 1);
    font-size: 17px;
    padding: 20px 25px;
}

.contacts-btn button {
    margin-bottom: 6px;
    width: 312;
    height: 51;
    font-weight: 500;
    font-size: 17px;
    line-height: 25px;
}

.order-form .form-delivery {
    display: flex;
    flex-direction: column;
    margin-left: 30px;
    margin-bottom: 60px;
}

.form-delivery .delivery-options {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 60px;
    width: 370px;
    height: 60px;
    border-radius: 18px;
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.25);
    background-color: rgba(255, 255, 255, 1);
    margin-bottom: 10px;
}

.delivery-options label {
    font-size: 17px;
}

.delivery-options input[type="radio"] {
    display: none;
}

.delivery-himself,
.delivery-sdek {
    display: none;
}

.delivery-options:has(input[id="delivery_1"]:checked) ~ .delivery-himself,
.delivery-options:has(input[id="delivery_2"]:checked) ~ .delivery-sdek {
    display: flex;
}

.delivery-options label:has(input[type="radio"]:checked) span {
    font-size: 17px;
    color: rgba(255, 105, 0, 1);
}

.form-delivery .delivery-himself {
    justify-content: space-between;
    width: 100%;
    padding: 25px 20px;
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.25);
    border-radius: 18px;
}

.delivery-himself-info {
    display: flex;
    flex-direction: column;
}

.delivery-himself-info h4 {
    margin-top: 20px;
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 17px;
}

.delivery-himself-info p {
    margin-bottom: 20px;
    font-size: 17px;
    font-weight: 400;
}

.delivery-himself-info button {
    width: 145px;
    height: 30px;
    font-family: Inter;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    padding: 6px 16px;
}

.delivery-himself-map {
    width: 60%;
    height: 180px;
    border: 1px solid black;
}

.form-delivery .delivery-sdek {
    gap: 9px;
}

.delivery-sdek label {
    display: flex;
    flex-direction: column;
    font-size: 17px;
    color: rgba(91, 91, 91, 1);
}

.delivery-sdek label span {
    margin-bottom: 5px;
}

.delivery-sdek select {
    width: 250px;
    height: 65px;
    border-radius: 18px;
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.25);
    font-size: 17px;
    padding: 20px 25px;
    border: 0;
}

.delivery-sdek input {
    border: 1px solid rgba(0, 0, 0, 1);
    border-radius: 18px;

    color: rgba(0, 0, 0, 1);
    font-size: 17px;
    padding: 20px 25px;
    height: 65px;
}

.delivery-sdek #street {
    width: 250px;
}

.delivery-sdek #house {
    width: 170px;
}

.delivery-sdek #appartments {
    width: 170px;
}

.order-form .form-payments {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 60px;
    width: 370px;
    height: 60px;
    border-radius: 18px;
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.25);
    background-color: rgba(255, 255, 255, 1);
    margin-bottom: 32px;
    margin-left: 30px;
}

.form-payments label {
    font-size: 17px;
}

.form-payments input[type="radio"] {
    display: none;
}

.form-payments label:has(input[type="radio"]:checked) span {
    font-size: 17px;
    color: rgba(255, 105, 0, 1);
}

.order-block .btn-orange {
    position: relative;
    height: 52px;
    width: 253px;
    margin-left: 30px;
}

.order-block .btn-orange::before {
    position: absolute;
    content: "";
    width: 15px;
    height: 15px;
    border-radius: 100%;
    left: -37px;
    top: 20px;
    background-color: rgba(91, 91, 91, 1);
}

/* ===================================== SUPPORT ====================================== */

.support-main {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1300px;
    background-color: rgba(255, 255, 255, 1);
    border-radius: 20px;
    height: 100%;
    padding: 25px 0;
}

.support-main .support-main-block {
    width: 90%;
    display: flex;
    flex-direction: column;
}

.support-main h2{
    font-size: 45px;
    line-height: 54px;
    font-weight: 400;
    color: rgba(91, 91, 91, 1);
    margin-bottom: 30px;
}

.support-main p{
    font-size: 18px;
    line-height: 30px;
    font-weight: 300;
    color: rgba(0, 0, 0, 1);
    margin-bottom: 25px;
}

.support-main .bth-black {
    width: 180px;
    height: 40px;
    font-size: 14px;
    margin-bottom: 30px;
}

.support-warning-container {
    display: flex;
    flex-direction: column;
    gap: 30px;
    margin-top: 28px;
}

.support-warning p {
    font-weight: 500;
    margin-bottom: 0px;
    width: 1100px;
}

.support-warning {
    display: flex;
    justify-content: flex-start;
    gap: 22px;
}

.support-warning-image {
    background-image: url(/assets/images/site/icon/warning.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 47px;
    height: 44px;
}


.support-other {
    width: 1300px;
    display: flex;
    margin-top: 35px;
    gap: 30px;
}

.support-other .support-menu {
    display: flex;
    flex-direction: column;
    width: 310px;
    gap: 140px;
}

.support-menu .support-docs,
.support-menu .support-contacts {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.support-docs label,
.support-contacts div {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 15px 25px;
    width: 310px;
    height: 68px;
    border-radius: 18px;
}

.support-docs label {
    background-color: rgba(255, 255, 255, 1);
}

.support-contacts div {
    background-color: rgba(222, 222, 222, 1);
}

.support-docs label .icon,
.support-contacts div .icon {
    width: 16px;
    height: 20px;
    margin-right: 3px;
    background-size: contain;
    background-repeat: no-repeat;
}

.support-docs label .text,
.support-contacts div .text {
    font-size: 18px;
    line-height: 29px;
}

.support-docs label input[type="radio"] {
    display: none;
}

.support-docs label:has(input[type="radio"]:checked) .text {
    color: rgba(255, 105, 0, 1);
}

.docs-content,
.video-content,
.knowledge-content,
.compatibility-content,
.calculator-content,
.coverage-content,
.support-content {
    display: none;
}

.support-menu:has(input[id="docs"]:checked) ~ .content-block .docs-content,
.support-menu:has(input[id="video"]:checked) ~ .content-block .video-content,
.support-menu:has(input[id="knowledge"]:checked) ~ .content-block .knowledge-content,
.support-menu:has(input[id="compatibility"]:checked) ~ .content-block .compatibility-content,
.support-menu:has(input[id="calculator"]:checked) ~ .content-block .calculator-content,
.support-menu:has(input[id="coverage"]:checked) ~ .content-block .coverage-content,
.support-menu:has(input[id="support"]:checked) ~ .content-block .support-content {
    display:block;
    width: 90%;
}


.support-other .content-block {
    width: 950px;
    background-color: rgba(255, 255, 255, 1);
    border-radius: 20px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding: 25px 0;
}

.content-block  h3 {
    color: rgba(255, 105, 0, 1);
    font-family: Inter;
    font-weight: 700;
    font-size: 33px;
    line-height: 46px;
    letter-spacing: -1px;
    margin-bottom: 30px;
}

.content-block .support-free,
.content-block .support-paid {
    font-weight: 700;
    font-size: 18px;
    line-height: 30px; 
    margin-bottom: 5px;
}

.content-block  .support-list-free {
    font-weight: 300;
    font-size: 18px;
    line-height: 30px;
    margin-left: 25px;
    margin-bottom: 25px;
}

.content-block .support-list-paid {
    font-size: 18px;
    line-height: 30px;
    margin-left: 25px;
    margin-bottom: 45px;
}

.content-block .order-steps {
    font-weight: 300;
    font-size: 18px;
    line-height: 30px;
}

/* ===================================== PARTNER ====================================== */


.partner-main {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
    background-image: url(/assets/images/site/other/main-partner.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    color: rgba(255, 255, 255, 1);
    text-align: center;
    height: 800px;
}

.partner-main a {

    text-decoration: none;
    color: rgba(255, 255, 255, 1);
    font-size: 14px;
    display: flex;
    gap: 10px;
}

.partner-main-logo {
    background-image: url(/assets/images/site/other/meridian_partner.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 370px;
    height: 61px;
    margin-bottom: 81px;
}

.partner-main h2 {
    font-weight: 500;
    font-size: 48px;
    line-height: 56px;
    margin-bottom: 32px;
}

.partner-main-text{
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
    margin-bottom: 149px;
    width: 770px;
}

.partner-main-buttons {
    display: flex;
    gap: 24px;
    margin-bottom: 65px;
}

.partner-main .btn-orange {
    font-size: 14px;
    height: 40px;
    width: 152px;
    padding: 0;
}

.partner-main-button-buy {
    display: flex;
    align-items: center;
}

.partner-main-btn-img {
    display: block;
    width: 20px;
    height: 20px;
    background-image: url(/assets/images/site/icon/icon-button.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.partner-main-text-bottom {
    font-weight: 500;
    font-size: 15px;
    line-height: 56px;
    margin-bottom: 32px;
}
    
.partner-info {
    display: flex;
    flex-direction: column;
    text-align: center;
    width: 100%;
    max-height: 600px;
    height: 600px;
}

.partner-info div {
    width: 700px;
    margin: auto;
}

.partner-info h2 {
    font-size: 48px;
    font-weight: 500;
    line-height: 57px;
    margin-bottom: 33px;
}

.partner-info p {
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
}

.partner-chess h3 {
    font-size: 32px;
    font-weight: 500;
    line-height: 38px;
}

.partner-chess p {
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
}

.partner-chess button {
    height: 40px;
    font-size: 14px;
}

.partner-chess .chess-text div{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 50px;
    max-width: 600px;
}


.partner-bussines {
    display: flex;
    flex-direction: column;
    gap: 32px;
    width: 100%;
    min-height: max-content;
    height: 480px;
    max-height: 560px;
}

.partner-bussines div {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: max-content;
    max-width: 1500px;
    gap: 16px;
    margin:auto ;
}

.partner-bussines h3 {
    font-size: 48px;
    font-weight: 500;
    line-height: 57px;
    text-align: center;
}

.partner-bussines p {
    font-size: 22px;
    font-weight: 300;
    line-height: 30px;
    text-align: center;
}

.partner-bussines .partner-bussines-lists {
    display: flex;
    flex-direction: row;
    gap: 50px;
}

.partner-bussines-lists li{
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
}

.partner-possibilities {
    display: flex;
    flex-direction: column;
    gap: 96px;
    padding: 159px 208px 64px;
    background-color: rgba(29, 29, 29, 1);
    width: 100%;
}

.partner-possibilities h2 {
    color: rgba(255, 255, 255, 1);
    font-size: 48px;
    font-weight: 500;
    line-height: 57px;
}

.partner-possibilities div {
    display: flex;
    gap: 64px;
}

.partner-possibilities button{
    font-size: 14px;
    font-weight: 400;
    line-height: 38px;
    width: 385px;
    height: 40px;
    background: none;
    border: 2px solid;
    padding: 0;
}

.partner-possibilities .bth-black {
    border-color: rgba(94, 94, 94, 1);
}

.partner-possibilities .btn-orange {
    border-color: rgba(255, 105, 0, 1);
    color: rgba(255, 105, 0, 1)
}

.partner-advantages {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 1100px;
    gap: 30px;
    color: rgba(255, 255, 255, 1);
    background-color: rgba(56, 56, 56, 1);
}

.partner-advantages-columns input[type="checkbox"]{
    background-image: none;
    width: 12px;
    height: 12px;
    border: none;
    position: relative;
    transition: ease-in-out .5s;
}

.partner-advantages-columns input[type="checkbox"]::before{
    content: "";
    position: absolute;
    top: 3px;
    width: 12px;
    height: 1px;
    border: 1px solid rgba(255, 105, 0, 1);
    background-color: rgba(255, 105, 0, 1);
}

.partner-advantages-columns input[type="checkbox"]::after{
    content: "";
    position: absolute;
    rotate: 90deg;
    top: 3px;
    width: 12px;
    height: 1px;
    border: 1px solid rgba(255, 105, 0, 1);
    background-color: rgba(255, 105, 0, 1);
}

.partner-advantages-column input[type="checkbox"]:checked {
    transform: rotate(45deg);
}


.partner-akkordeon-column1, 
.partner-akkordeon-column2 {
    background-color: rgba(29, 29, 29, 1);
    color: rgba(255, 105, 0, 1);
    display: none;
    width: 100%;
}

.partner-akkordeon-column1-button
.partner-akkordeon-column2-button {
    width: 100%;
}

.partner-akkordeon-column1 label, 
.partner-akkordeon-column2 label{
    display: flex;
    align-items: center;
    line-height: 24px;
    justify-content: space-between;
    width: 100%;
}



.partner-advantages h3 {
    font-size: 32px;
    font-weight: 400;
    line-height: 38px;
    margin-bottom: 30px;
}

.partner-advantages p {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.partner-advantages-columns {
    display: flex;
    gap: 140px;
    margin-bottom: 60px;
}

.partner-advantages-column1-content,
.partner-advantages-column2-content {
    display: flex;
    flex-direction: column;
    gap: 84px;
}

.partner-advantages-column1-content div,
.partner-advantages-column2-content div {
    height: 120px;
    width: 500px
}

.partner-advantages button {
    width: 233px;
}

.partner-bussines-api h2,
.partner-cooperation  h2,
.partner-collaboration h2 {
    font-weight: 500;
    font-size: 48px;
    line-height: 57px;
}

.partner-bussines-api p,
.partner-cooperation  p,
.partner-collaboration p {
    font-size: 18px;
    line-height: 27px;
}

.partner-advantages button,
.partner-cooperation button,
.partner-collaboration div button {
    height: 40px;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    padding: 10px 30px;
}

.chess {
    width: 100%;
}

.chess .chess-row:nth-child(even) {
    flex-direction: row-reverse;
}

.chess-row {
    display: flex;
    width: 100%;
    max-height: 680px;
    background-color: rgba(255, 255, 255, 1);;
}

.chess-text {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50%;
}

.chess-img {
    width: 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.chess-img img {
    width: 100%;
    height: 100%;
    object-fit: fill;
}

.partner-bussines-api {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.partner-bussines-api-header {
    background-color: rgba(247, 247, 247, 1);
    width: 100%;
    height: 350px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.partner-bussines-api h2 {
    width: max-content;
}

.partner-bussines-api h3 {
    font-weight: 500;
    font-size: 32px;
    line-height: 38px;
    margin-bottom: 30px;
}

.partner-bussines-api p {
    margin-bottom: 37px;
}

.partner-bussines-api .chess-text div {
    width: 620px;
}


.partner-cooperation {
    background-color: rgba(1, 1, 2, 1);
    color: rgba(255, 255, 255, 1);
}

.partner-cooperation  h2 {
    margin-bottom: 45px;
}

.partner-cooperation  p {
    vertical-align: middle;
    width: 700px;
    margin-bottom: 50px;
    text-align: center;
}

.partner-cooperation .btn-orange {
    width: 215px;
}

.partner-cooperation,
.partner-collaboration {
    padding: 150px 0px 125px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.partner-collaboration {
    background-color: rgba(247, 247, 247, 1);
}

.partner-collaboration h2 {
    margin-bottom: 30px;
}

.partner-collaboration p {
    vertical-align: middle;
    text-align: center;
    width: 735px;
    margin-bottom: 30px;
}

.partner-collaboration div {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 45px;
}

.partner-collaboration div button:nth-child(1) {
    width: 185px;
}

.partner-collaboration div button:nth-child(2) {
    width: 275px;
}