:root {
    /* --primary-color:var(--primary-color); */
    --primary-color: #FF5C00;
}

.primary-color {
    color: var(--primary-color);
}

* {
    box-sizing: border-box;
}                

a {
    text-decoration: unset;
    color: unset;
}

body {
    width: 480px;
    margin: auto;
    font-family: 'Inter';
    font-size: 20px;
    color: #000000;
}

section,
header {
    position: relative;
}

h1,
h2,
h3 {
font-family: 'Sangha Kali';

}

h1,
h2,
h3,
h4,
h5,
p {
    margin: 0;
    padding: 0;
}

.flex-row {
    display: flex;
    justify-content: center;
    align-items: center;
}
.flex-col {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.grid-col-2x {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.grid-row-2x {
    display: grid;
    grid-template-rows: auto 1fr;
}
.grid-center {
    display: grid;
    align-content: center;
}

h2.title {
padding: 0 32px;
text-align: center;

font-size: 34px;
font-style: normal;
font-weight: 400;
}
h2.title span {
    /* color: var(--primary-color); */
}
h3 {
text-align: center;
font-size: 30px;
font-weight: 400;

margin-inline: 32px;
}
h3 span {
    /* color: #FE8E26; */
}

.button, button {
    font-family: Sangha Kali;
    z-index: 2;
    height: 84px;
    min-width: 334px;
    width: fit-content;
    margin: auto;
    display: flex;
    gap: 15px;
    justify-content: center;
    align-items: center;
/* background: radial-gradient(ellipse at 50% -120%, #fff 0%, transparent 54%), radial-gradient(ellipse at 50% 150%, #fff -40%, transparent 61%), ; */
background:radial-gradient(ellipse at 48% -70%, #ef2525 0%, transparent 50%), radial-gradient(ellipse at 48% 120%, #ef2525 -40%, transparent 61%),  linear-gradient(172deg, #3C0000 -20%, #FB0000 51.04%, #490000 120%);

border-radius: 8px;
font-size: 25px;
    padding: 27px;
    color:#fff;
    /* font-weight: 700; */
    /* text-transform: uppercase; */
    filter: drop-shadow(0px 4px 0px #a60000);
        position: relative;
        isolation: isolate;
font-size: 30px;
line-height: 0;
}
.button::before, button::before {
    content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' fill='none' viewBox='0 0 30 30'%3e%3cg fill='white' clip-path='url(%23a)'%3e%3cpath d='M9.39 24.765c-.908-1.628-1.388-3.623-1.388-5.782 0-3.63 3.143-6.585 6.998-6.585 3.862 0 6.997 2.954 6.997 6.585 0 .412.338.75.75.75.413 0 .75-.338.75-.75 0-4.463-3.81-8.086-8.497-8.086-4.688 0-8.498 3.63-8.498 8.086 0 2.415.548 4.672 1.583 6.517 1.012 1.808 1.717 2.64 3.015 3.952.15.15.337.225.532.225a.673.673 0 0 0 .518-.225.74.74 0 0 0 .007-1.057c-1.155-1.162-1.8-1.905-2.767-3.63ZM6.66 3.615C9.232 2.212 12.037 1.5 15.015 1.5c2.985 0 5.482.638 8.355 2.123a.804.804 0 0 0 .345.082.76.76 0 0 0 .667-.405.755.755 0 0 0-.322-1.013C21 .705 18.21 0 15.015 0 11.79 0 8.737.773 5.94 2.295a.753.753 0 0 0 .72 1.32Z'/%3e%3cpath d='M14.947 7.245c-4.838 0-9.263 2.708-11.265 6.893-.683 1.417-1.028 3.052-1.028 4.852 0 2.025.36 3.96 1.095 5.933.15.39.578.585.968.442a.755.755 0 0 0 .442-.967c-.892-2.393-.997-4.238-.997-5.408 0-1.575.292-2.992.877-4.207 1.755-3.675 5.648-6.045 9.915-6.045 5.993 0 10.868 4.597 10.868 10.252 0 1.613-1.403 2.918-3.12 2.918-1.718 0-3.12-1.313-3.12-2.918 0-2.437-2.07-4.417-4.62-4.417-2.55 0-4.62 1.98-4.62 4.417 0 2.963 1.155 5.745 3.247 7.83 1.62 1.613 3.18 2.498 5.573 3.15.06.023.127.03.195.03.33 0 .63-.217.72-.547a.752.752 0 0 0-.525-.923c-2.115-.577-3.495-1.357-4.913-2.767a9.49 9.49 0 0 1-2.805-6.765c0-1.613 1.403-2.918 3.12-2.918 1.718 0 3.12 1.313 3.12 2.918 0 2.437 2.078 4.417 4.62 4.417 2.543 0 4.62-1.98 4.62-4.417 0-6.48-5.55-11.753-12.367-11.753Z'/%3e%3cpath d='M28.364 10.35a15.691 15.691 0 0 0-5.625-4.875c-4.725-2.43-10.755-2.422-15.473.015a15.622 15.622 0 0 0-5.632 4.912.747.747 0 0 0 .615 1.178.763.763 0 0 0 .615-.307 14.084 14.084 0 0 1 5.092-4.448c4.298-2.22 9.795-2.227 14.1-.015 2.025 1.035 3.735 2.52 5.085 4.41a.754.754 0 0 0 1.05.173.745.745 0 0 0 .173-1.043Zm-4.418 14.91a9.83 9.83 0 0 1-1.567.142c-1.5 0-2.745-.352-3.803-1.072-1.822-1.237-2.91-3.232-2.91-5.34a.752.752 0 0 0-.75-.75.752.752 0 0 0-.75.75c0 2.61 1.335 5.07 3.563 6.585 1.297.878 2.865 1.328 4.65 1.328.21 0 .952-.008 1.83-.166a.753.753 0 0 0 .607-.87.754.754 0 0 0-.87-.607Z'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='a'%3e%3cpath fill='white' d='M0 0h30v30H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");

  width: 30px;
  height: 30px;
  position: relative;
    top: -2px;
}
.button::after, button::after {
/* content: ''; */
    width: 357px;
    height: 30px;
    top: 64px;
    background: radial-gradient(50% 50.00% at 50% 50.00%, rgba(169, 169, 169, 0.51) 0%, rgba(198, 198, 198, 0) 100%);

    position: absolute;
    clip-path: inset(66% 0% 0% 0%);
    clip-path: polygon(0 65%, 100% 65%, 100% 100%, 0% 100%);
}


.left-prod {
    text-align: center;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: rgba(255, 255, 255, 0.63);
    text-transform: uppercase;
    margin-top: 20px;
    margin-inline: 32px;
    
}
.left-prod span {
    color: var(--primary-color);
}


img {
    display: block;
}


ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

ul li img {
    display: block;
}

.img_group, .img-group {
    position: relative;
}


.card-style {
    background: #FFFFFF;
box-shadow: 0px 4px 35px rgba(0, 0, 0, 0.11);
border-radius: 20px;
}


.sect1 {
    text-align: center;
color: #FFF;

background: #010003;


    /* padding-top: 45px;
    padding-bottom: 35px; */
}

.sect1 .content {
    position: absolute;
    left: 0;
    right: 0;
}

.sect1 .main_title {
    margin-top: 18px;

}

.sect1 .main_title h1 {
    margin-top: 49px;
    padding: 0 32px;
font-family: 'Sangha Kali';
font-size: 43px;
font-weight: 400;
letter-spacing: 1px;
text-transform: uppercase;
}

.sect1 .main-img {
    margin-top: 40px;
}

.sect1 .benefits {
gap: 16px;
    margin-top: 485px;
margin-inline: 32px;
    align-items: stretch;

    border-radius: 20px;
background: rgba(0, 0, 0, 0.47);
backdrop-filter: blur(10px);
gap:12px;
padding: 14px 11px 15px;
}
.sect1 .benefits .benef {
font-size: 12px;
/* font-weight: 500; */
flex: 1;
}
.sect1 .benefits .benef img {
    margin-inline: auto;
}
.sect1 .benefits .benef p {
    margin-top: 12px;
}

.sect1 .promo-cards {
margin-top: 537px;
align-items: stretch;
gap: 10px;
color: #000;
margin-inline: 37px;
}
.sect1 .promo-cards .promo-card {
    border-radius: 8px;
background: #FFF;
padding: 8px 10px ;
/* min-width: 186px; */
min-height: 56px;
text-align: left;
gap: 12px;
flex: 1;
}
.sect1 .promo-cards .promo-card + .promo-card {
/* flex: 1; */
}
.sect1 .promo-cards .promo-card p {
    font-size: 16px;
    flex-basis: 1;
}
.sect1 .promo-cards .promo-card p strong {
    display: block;
}

.sect1 .promo-group{margin-top:64px;display:flex;justify-content:space-between;align-items:center;padding:0 32px;}
.sect1 .promo-group .left-side{text-align:left;}
.sect1 .promo-group .promo-perc{position:relative;}
.sect1 .promo-group .promo-perc svg, .sect1 .promo-group .promo-perc img {filter:drop-shadow(0px 0px 100px #D84100);}
.sect1 .promo-group .promo-perc span{display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;inset:0;font-size:16px;line-height:19px;text-align:center;letter-spacing:-0.019em;color:#fff;

}
.sect1 .promo-group  .promo-perc span strong{font-weight:700;font-size:30px;line-height:30px; color: #fff;
}
.sect1 .promo-group .right-side{text-align:right;}
.sect1 .promo-group .promo-text{font-weight:300;font-size:16px;color:#FFFFFF;margin-bottom:10px;}
.sect1 .promo-group .price-new{font-weight:700;font-size:25px;text-transform:uppercase;color:#FFFFFF;}
.sect1 .promo-group .price-old{font-weight:500;font-size:25px;color:rgba(255, 255, 255, 0.8);text-transform:uppercase;}

.sect1 .button {
    margin-top: 32px;
}


/* .btn_between {
    position: relative;
}

.btn_between .button {
    position: absolute;
    top: -42px;
    left: 0;
    right: 0;
} */

.sect-bg {
    /* margin-top: -1px; */
    /* display: inline-block; */
}

.sect2 {
        overflow: hidden;
text-align: center;
background: linear-gradient(180deg, #010003 0%, #601100 100%);

color: #fff;
/* padding-top: 57px; */
/* padding-bottom: 45px; */
}

.sect2 .content {
    position: absolute;
    left: 0;
    right: 0;

}


.sect2 h2.title {
    margin-top:57px;
    padding-inline: 32px;
}
.sect2 h2.title span {
    font-size: 30px;
    display: flex;
    align-items: center;
    gap: 14px;
    border-radius: 8px;
    background:radial-gradient(ellipse at 0% 90%, #FF0F0F 20%, transparent 60%), radial-gradient(ellipse at 100% 40%, #FF0F0F 0%, transparent 90%),  linear-gradient(144deg, #A00000 0%, #FF0F0F 43.23%, #A00000 100%);


    width: max-content;
    min-height: 49px;
    padding: 5px 22px;
    margin-top: 10px;
    margin-inline: auto;
}

.sect2 .subtitle {
font-size: 20px;
margin-top: 43px;
margin-inline: 40px;
}
.sect2 .centuries {
    margin-top: 42px;
    text-align: left;
    margin-inline:32px;
    }
.sect2 .centuries .century {
    border-radius: 20px;
    background: rgba(0, 0, 0, 0.47);
    backdrop-filter: blur(10px);
    padding: 24px ;
    gap: 21px;
    }
.sect2 .centuries .century + .century {
    margin-top: 12px;
    }


.sect2 .sharp h3 {
    margin-top: 58px;
    font-weight: 400;
    }

.sect2 .sharp h3 span {
        margin-bottom: 15px;

    font-size: 30px;
    display: flex;
    align-items: center;
    gap: 14px;
    border-radius: 8px;
    background:radial-gradient(ellipse at 0% 90%, #FF820F -20%, transparent 60%), radial-gradient(ellipse at 100% 40%, #FF820F -30%, transparent 90%), linear-gradient(139deg, #A83200 0%, #FF820F 43.23%, #A83200 100%);

    width: max-content;
    min-height: 49px;
    padding: 5px 22px;
    margin-top: 10px;
    margin-inline: auto;
}


.sect2 .gif {
    margin-top: 34px;
margin-inline: auto;
    object-fit: cover;
    display: block;
    /* border-radius: unset; */
height: 484px;
}

.sect2 .easier {
    margin-inline: 32px;
    position: relative;
    top: -5px;
    padding: 19px 24px 28px;
    border-radius: 20px;
background: linear-gradient(180deg, rgba(0, 0, 0, 0.47) 0%, rgba(243, 29, 0, 0.16) 100%);
backdrop-filter: blur(25px);
}
.sect2 .easier h4 {
    font-size: 24px;
    font-weight: 400;
}
.sect2 .easier .flex-row {
    margin-top: 24px;
}
.sect2 .easier .easy-el {
    flex: 1;
}
.sect2 .easier .easy-el img {
    margin-inline: auto;
}




.sect3 {
    text-align: center;
    background: linear-gradient(180deg, #15100B 0%, #2C1E1E 100%);
/* padding-top: 56px; */
/* padding-bottom: 58px; */
color: #fff;

}
.sect3 .content {
    position: absolute;
    left: 0;
    right: 0;
}


.sect3 h2.title {
    margin-top:64px;
    padding-inline: 32px;
}
.sect3 h2.title span {
    font-size: 40px;
    display: flex;
    align-items: center;
    gap: 14px;
    border-radius: 8px;
    background:radial-gradient(ellipse at 0% 90%, #FF0F0F 20%, transparent 60%), radial-gradient(ellipse at 100% 40%, #FF0F0F 0%, transparent 90%),  linear-gradient(144deg, #A00000 0%, #FF0F0F 43.23%, #A00000 100%);


    width: max-content;
    min-height: 49px;
    padding: 5px 22px;
    margin-bottom: 10px;
    margin-inline: auto;
}

.sect3 h2.title + img {
    margin-top: 64px;
    margin-inline: auto;

}


.sect3 .knife h3 {
    margin-top:78px;
    padding-inline: 32px;
}
.sect3 .knife h3 span {
    font-size: 30px;
    display: flex;
    align-items: center;
    gap: 14px;
    border-radius: 8px;
    background: radial-gradient(ellipse at 0% 90%, #FF0F0F 20%, transparent 60%), radial-gradient(ellipse at 100% 40%, #FF0F0F 0%, transparent 90%), linear-gradient(144deg, #A01300 0%, #e43a44 43.23%, #9c0f0f 100%);


    width: max-content;
    min-height: 49px;
    padding: 5px 22px;
    margin-bottom: 10px;
    margin-inline: auto;
}
.sect3 .knife .img-group {
margin-top: 20px;
position: relative;
}
.sect3 .knife .img-group .attributes {
    position: absolute;
    width: 232px;
    top: 30px;
    left: 160px;
}
.sect3 .knife .img-group .attributes .attribute {
    justify-content: start;
    gap: 15px;
}
.sect3 .knife .img-group .attributes .attribute + .attribute {
    margin-top: 43px;
}
.sect3 .knife .img-group  p {
    font-size: 14px;
    text-align: left;
    flex: 1;
}
.sect3 .knife .img-group  p span {
color: #FF8A00;
}

.sect3 .knife.handle .img-group {
    margin-top: 40px;
    position: relative;
    margin-inline: 19px;
}
.sect3 .knife.handle .img-group img {
    margin-left: auto;
}
.sect3 .knife.handle .img-group .benefits {
    position: absolute;
    left: 20px;
    top: 0;
}
.sect3 .knife.handle .img-group .benefits .benef {
    gap: 10px;
    justify-content: start;
    border-radius: 20px;
background: rgba(0, 0, 0, 0.37);
backdrop-filter: blur(25px);
height: 82px;
width: 209px;
padding: 8px;
}
.sect3 .knife.handle .img-group .benefits .benef + .benef {
    margin-top: 11px;
}

.sect3 .button {
    margin-top: 90px;
}
.sect3 .left-prod {
    /* color: rgba(0, 0, 0, 0.63); */
}
.sect3 .left-prod span {
}


.sect4  {
text-align: center;
/* padding-top: 46px; */
/* padding-bottom: 59px; */
background: linear-gradient(180deg, #000 0%, #0E0E0E 15.90%);
color: #fff;
}

.sect4 .content {
    position: absolute;
    left: 0;
    right: 0;
}

.sect4 h2.title {
    margin-top:67px;
    padding-inline: 32px;
}
.sect4 h2.title span {
    font-size: 30px;
    display: flex;
    align-items: center;
    gap: 14px;
    border-radius: 8px;
    background:radial-gradient(ellipse at 0% 90%, #BA6400 20%, transparent 60%), radial-gradient(ellipse at 100% 40%, #BA6400 0%, transparent 90%), linear-gradient(144deg, #BA6400 0%, #FF8A00 43.23%, #AD5E00 100%);

    /* width: max-content; */
    min-height: 49px;
    padding: 5px 22px;
    margin-top: 10px;
    margin-inline: auto;
}


.sect4 video {
margin-top: 52px;
    }
.sect4 .steel {
    margin-top:58px;
    gap: 20px;
    margin-right: 51px;
}


.sect4 .steel .benefits ,
.sect4 .sharp .benefits {
    justify-content: start;
    text-align: left;
}
.sect4 .steel .benefits h4 ,
.sect4 .sharp .benefits h4 {
color: #FF8A00;
font-size: 20px;
    text-align: left;
}
.sect4 .steel .benefits p ,
.sect4 .sharp .benefits p {
font-size: 16px;
font-weight: 300;
margin-top: 22px;
}
.sect4 .sharp .benefits p {
font-size: 14px;
}
.sect4 .sharp {
    align-items: start;
    margin-top:51px;
    margin-left: 32px;
    gap: 17px;
}


.sect4 .use-case  {
    margin-top:94px;
}
.sect4 .use-case h3 {
    padding-inline: 32px;
}
.sect4 .use-case h3 span {
    font-size: 30px;
    display: flex;
    align-items: center;
    gap: 14px;
    border-radius: 8px;
    background:radial-gradient(ellipse at 0% 90%, #B50000 20%, transparent 60%), radial-gradient(ellipse at 100% 40%, #B50000 0%, transparent 90%), linear-gradient(144deg, #B50000 0%, #FF2E00 43.23%, #AF0000 100%);

    width: max-content;
    min-height: 49px;
    padding: 5px 22px;
    margin-bottom: 10px;
    margin-inline: auto;
}

.sect4 .use-case .img-group {
    justify-content: space-between;
    margin-right: 46px;
    gap: 36px;
    margin-top: 30px;
}
.sect4 .use-case .img-group + .img-group {
    margin-top: 40px;
}
.sect4 .use-case .img-group .text {
    text-align: left;
    flex-basis: 202px;
}
.sect4 .use-case .img-group .text h4 {
    color: #FC6E6E;
font-size: 20px;
}
.sect4 .use-case .img-group .text p {
    margin-top: 23px;
font-size: 16px;
}
.sect4 .use-case .img-group + .img-group .text p {
    margin-top: 13px;
}

.sect5 {
    /* padding-top: 68px; */
    /* padding-bottom: 62px; */
    text-align: center;
    background: linear-gradient(180deg, #0E0E0E 0%, rgba(0, 0, 0, 0.00) 51.04%, #0E0E0E 93.20%);
color: #fff;
}

.sect5 .content {
    position: absolute;
    left: 0;
    right: 0;
}


.sect5 h2.title {
    margin-top:53px;
    padding-inline: 32px;
}
.sect5 h2.title span {
    font-size: 34px;
    display: flex;
    align-items: center;
    gap: 14px;
    border-radius: 8px;
    background:radial-gradient(ellipse at 0% 90%, #BA6400 20%, transparent 60%), radial-gradient(ellipse at 100% 40%, #BA6400 0%, transparent 90%), linear-gradient(144deg, #BA6400 0%, #FF8A00 43.23%, #AD5E00 100%);
    

    width: max-content;
    max-width: 460px;
    min-height: 49px;
    padding: 5px 22px;
    margin-top: 10px;
    margin-inline: auto;
}

.sect5 .chars {
    margin-top: 45px;
    margin-inline: 32px;
    gap: 11px;
}
.sect5 .chars div {
    border-radius: 20px;
    background: rgba(0, 0, 0, 0.37);
    backdrop-filter: blur(25px);
    padding: 39px 25px;
    flex-basis: 433px;
}
.sect5 .chars p.char  {
    font-size: 18px;
    justify-content: space-between;
    text-align: left;
}
.sect5 .chars p.char + p.char  {
    margin-top: 30px;
}
.sect5 .chars p.char strong {
    color: #FF8A00;
}
.sect5 .chars p.char span {
    flex-shrink: 0;
}
.sect5 .chars p.char:not(.flex-row) strong {
        margin-bottom: 4px;
    display: inline-block;
}



.reviews {
    background: #0E0E0E;
    padding-top: 58px;
padding-bottom: 71px;
color: #fff;

}
/* .reviews .content {
    position: absolute;
    top: 65px;
    left: 0;
    right: 0;
} */

.reviews h2.title {
    /* margin-top: 50px; */
    font-family: Sangha Kali;
font-size: 34px;

}
.reviews h2.title span {
    color: #F90;

    /* margin-top: 50px; */
    display: block;
}
.reviews .overall-rating {
    margin-top: 57px;
    gap: 20px;
    align-items: stretch;
}
.reviews .overall-rating .total-stars {
        width: 154px;
    height: 123px;
    border-radius: 8px;
background: rgba(255, 255, 255, 0.02);

box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.19);
}
.reviews .overall-rating .total-stars .primary-color {
    font-size: 20px;
font-weight: 700;
color: #F90;

}
.reviews .overall-rating .total-stars .primary-color svg {
        position: relative;
    top: 2px;
    margin-left: 5px;
}
.reviews .overall-rating .total-stars p {
    margin-top: 8px;
    font-size: 16px;
font-style: italic;
}
.reviews .overall-rating .each-star {
    align-items: stretch;
    justify-content: space-between;
}
.reviews .overall-rating .each-star > div.flex-row {
    justify-content: start;
    position: relative;
}
.reviews .overall-rating .each-star > div.flex-row .nr {
font-size: 16px;
font-weight: 700;
    flex-basis: 11px;
text-align: center;
}
.reviews .overall-rating .each-star > div.flex-row svg {
    margin-left: 5px;
}
.reviews .overall-rating .each-star > div.flex-row .grade-bar {
    margin-inline: 12px;
    width: 147px;
height: 5px;
border-radius: 8px;
background: #D9D9D9;
}
.reviews .overall-rating .each-star > div.flex-row p {
color: #9D9C9C;
font-size: 16px;
font-weight: 500;
    flex: 1;
    text-align: center;
}
.reviews .overall-rating .each-star > div.flex-row .grade-bar:before {
    content:'';
    position: absolute;
    height: 5px;
    border-radius: 8px;
    background: #F90;
}
.reviews .overall-rating .each-star .star5 .grade-bar:before {
    width: 136px;
}
.reviews .overall-rating .each-star .star4 .grade-bar:before {
    width: 105px;
}
.reviews .overall-rating .each-star .star3 .grade-bar:before {
    width: 49px;
}
.reviews .overall-rating .each-star .star2 .grade-bar:before {
    width: 0px;
}

.reviews .logo img {
margin-inline: auto;
}

.swiper-slide {
    height: auto !important;
}


.swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal {
    display: flex;
    align-items: center;
    position: relative;
    bottom: unset;
    gap: 8px;
    /* left: 35px; */
    /* top: -40px; */
        margin-top: 40px;
    justify-content: center;
}

.swiper-pagination-bullet {
    width: 15px;
    height: 15px;
    opacity: 1;
    /* border: 1px solid #000000; */
    background: transparent;
    background: #D9D9D9;
border-radius: 15px;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
    box-sizing: initial;
background: #F90;

    opacity: unset;
    border: unset;
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0;
}



.reviews .revSwiper {
    margin-top: 50px;
    /* padding: 0px 32px; */
    height: 100%;
}

.reviews .revSwiper .swiper-slide {
    height: auto !important;
    text-align: center;
}

.reviews .revSwiper .review_card > *:not(.review_photo) {
padding-inline:30px;
text-align: center;
}
.reviews .revSwiper .review_card {
        margin-inline: 32px;
    padding-bottom: 42px;
    color: #000;
    height: 100%;

    background: #fff;
    /* filter: drop-shadow(0px 2px 10px #CBCBCB); */
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
border-radius: 8px;
background: #FFF;

/* тень */
box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.19);
    display: flex;
    flex-direction: column;
    gap: 28px;
}

.reviews .revSwiper .review_card .person {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: auto;
    gap: 16px;
}

.reviews .revSwiper .review_card .person .name {
font-weight: 700;
font-size: 16px;
}
.reviews .revSwiper .review_card .person .verified {
    font-weight: 400;
font-size: 16px;
line-height: 19px;
text-transform: capitalize;
margin-top: 7px;
    display: flex;
    gap: 8px;
    color: #8EA217;
}

.reviews .revSwiper .review_card .person .stars_rev {
    display: flex;
    gap: 4px;
}
.reviews .revSwiper .review_card .person .date {
    font-weight: 300;
font-size: 14px;
line-height: 17px;
color: #6F6F6F;
}
.reviews .revSwiper .review_card .person .grade {
    font-size: 14px;
font-weight: 500;
}



.reviews .revSwiper .review_card .review_photo {
    border-radius: 8px;
}

.reviews .revSwiper .review_card  p {
    /* margin-top: 17px; */
font-size: 16px;
line-height: normal;
}




.how2order {
    background: #0E0E0E;
    padding: 47px 32px 53px;
    color: #fff;
    background: radial-gradient(50% 50.00% at 50% 50.00%, #F00 -500%, #0E0E0E 80%);
}


.how2order .content {
    position: absolute;
    top: 62px;
    left: 0;
    right: 0;
}
.how2order h2 {
font-size: 34px;
text-align: center;
font-weight: 400;
/* text-transform: uppercase; */

}
.how2order h2 span {
    font-size: 34px;
    display: flex;
    align-items: center;
    gap: 14px;
    border-radius: 8px;
    background: radial-gradient(ellipse at 0% 90%, #B50000 20%, transparent 60%), radial-gradient(ellipse at 100% 40%, #B50000 0%, transparent 90%), linear-gradient(144deg, #B50000 0%, #FF2E00 43.23%, #AF0000 100%);
    /* width: max-content; */
    min-height: 49px;
    padding: 5px 22px;
    margin-bottom: 10px;
    margin-inline: auto;
}

.how2order .how_order {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    margin-top: 36px;
    align-items: baseline;
}

.how2order .order_step {
    display: flex;
    gap: 9px;
    padding: 22px 13px;
    height: 100%;
    flex-direction: column;
border-radius: 8px;
background: rgba(0, 0, 0, 0.38);

}

.how2order .order_step span {
color: #FF3636;
font-family: Sangha Kali;
font-size: 50px;
font-style: normal;

}

.how2order .order_step p {
/* font-weight: 700; */
font-size: 16px;
line-height: 24px;
}

.sect1#order-form {
    /* padding-bottom: 55px; */
    min-height: 2480px;
background: #010003;
}
.sect1#order-form .content {
    bottom: 0;
    top: 0;
}

.sect1#order-form h3 {
    margin-top: 41px;
}
.sect1#order-form h3 + .subtitle {
    margin-top: 16px;
}

#order-form form {
    margin-top: 33px;
    z-index: 2;
    position: relative;
    padding: 0 33px;
}


#order-form .form-title {
margin-top: 53px;
font-size: 34px;

    font-family: 'Sangha Kali';

}

 form input:not([type="radio"]) {
    width: 100%;
    display: block;
    padding: 30px 15px;
    margin-bottom: 14px;
    outline: unset;
border-radius: 8px;
border: 1px solid rgba(207, 207, 207, 0.10);
background: rgba(255, 255, 255, 0.04);

color: #8C8C8C;
font-size: 16px;
text-transform: capitalize;
}


#order-form form button {
    outline: none;
    color: white;
    border: unset;
    /* width: 100%; */
    margin-top: 48px;
}
#order-form form .left-prod {
    color: white;
}


.cut_price {
    position: relative;
}

.cut_price::before {
    content: '';
    background: #dc3a38b3;
    height: 2px;
    width: 100%;
    transform: rotate(-10deg);
    position: absolute;
    bottom: 14px;
    left: 1px;
    right: 0;
}

footer {
padding: 20px 0;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    right: 0;
    margin-top: -70px;
    left: 0;
    bottom: 0;
    z-index: 2;
    background: #000000;
    position: relative;
}
footer a {
    color: rgba(255, 255, 255, 0.74);

}
footer p {
    color: rgba(255, 255, 255, 0.51);

}


.sect1#order-form .pick-title {
    margin-top: 44px;
    margin-inline: 32px;
font-size: 34px;
font-weight: 400;
        font-family: 'Sangha Kali';
}

.sect1#order-form .pick-offer {
    margin-top: 49px;
    margin-inline: 32px;
}

.sect1#order-form .pick-offer .offer + .offer {
margin-top: 24px;
}
.sect1#order-form .pick-offer .offer {
    color: #fff;
    height: 170px;
    border-radius: 8px;
position: relative;
    justify-content: start;
    padding-left: 35px;
}
.sect1#order-form .pick-offer .offer .percent {
    border-radius: 8px;
background: linear-gradient(270deg, #A00000 0%, #F00 100%);
width: 140px;
height: 33px;
position: absolute;
left: 15px;
top: 9px;
font-size: 16px;
font-weight: 700;
}
.sect1#order-form .pick-offer .offer.active {
    box-shadow: 0px 0px 8px 2px rgba(255, 255, 255, 0.4);
}
.sect1#order-form .pick-offer .offer .bullet {
width: 30px;
height: 30px;
border-radius: 50vw;
background: rgba(255, 255, 255, 0.03);
position: absolute;
bottom: 9px;
right: 9px;
}
.sect1#order-form .pick-offer .offer.active .bullet {
    background: #fff!important;
}
.sect1#order-form .pick-offer .offer.active .bullet::after {
    content: '';
    border-radius: 50vw;
    position: absolute;
    display: block;
    background: #F00!important;
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) inset!important;
filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25))!important;
width: 16px;
height: 16px;
}


.sect1#order-form .pick-offer .offer .offer-text {
    text-align: left;
}
.sect1#order-form .pick-offer .offer .offer-text .offer-title {
    font-size: 20px;
font-weight: 700;

}
.sect1#order-form .pick-offer .offer .offer-text .offer-cost {
margin-top: 39px;
display: flex;
gap: 10px;
align-items: center;
}
.sect1#order-form .pick-offer .offer .offer-text .offer-cost .price-new {
font-size: 24px;
font-weight: 700;
}
.sect1#order-form .pick-offer .offer .offer-text .offer-cost .price-old {
color: rgba(100, 100, 100, 0.8);
font-size: 18px;
}

.sect1#order-form .pick-offer .offer.offer1 {
background: rgba(20, 20, 20, 0.38);

}

.sect1#order-form .pick-offer .offer.offer2 {
    background: #242424;
}
.sect1#order-form .pick-offer .offer.offer2 .bullet {
background: rgba(255, 255, 255, 0.06);
}
.sect1#order-form .pick-offer .offer.offer2 .offer-text .offer-cost .price-old {
color: rgba(100, 100, 100, 0.8);
}

.sect1#order-form .pick-offer .offer.offer3 {
    background: linear-gradient(137deg, #FF8A00 0%, #AA5C00 100%);

}
.sect1#order-form .pick-offer .offer.offer3 .bullet {
background: rgba(255, 255, 255, 0.13);
}
.sect1#order-form .pick-offer .offer.offer3 .offer-text .offer-cost .price-old {
color: #7A3B00;

}

.sect1#order-form .pick-offer .offer img {
        margin-top: 30px;
}

.sect1#order-form .pick-offer .offer .offer-footer {
    justify-content: space-between;
    margin-top: 13px;
    margin-inline: 8px;
}
.sect1#order-form .pick-offer .offer .offer-footer .decrease,
.sect1#order-form .pick-offer .offer .offer-footer .increase {
    width: 36px;
    height: 36px;
    background: #fff;
    border-radius: 50vw;
/* border: 1px solid #C7C7C7; */
    user-select: none;

}
.sect1#order-form .pick-offer .offer .offer-footer .total-pcs {
    width: 73px;
    height: 36px;
    border-radius: 8px;
border: 1px solid #C7C7C7;
    background: #fff;
    text-align: center;
        padding-left: 19px;

}