.main-block {
    position: relative;
    width: 100%;
    min-height: 809px;
    max-height: 1024px;
    height: 80svh;
    overflow: hidden;
    background: #FFFFFF;
}


.main-block .main-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    overflow: hidden;
    
    
    max-width: 1820px;
    left: 0;
    right: 0;
    margin: auto;
}

.main-block .main-background img {
    width: 106%; 
    height: 106%; 
    max-width: none;
    object-fit: cover;
    object-position: center;
    position: absolute;
    left: -3%; 
    top: -2.7%; 
}


.main-block .swiper-slide::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 57.87%);
    z-index: 2;
    pointer-events: none;
    max-width: 1820px;
    left: 0;
    right: 0;
    margin: auto;
}


.main-block .container {
    position: relative;
    z-index: 3;
    height: 100%;
    display: flex;
    align-items: center;
}


.main-block .main-holder {
    max-width: 976px; 
    width: 100%;
    padding: 0;
    position: relative;
    z-index: 10;
        padding-top: 20px;
}


.main-block .main-title {
    font-family: var(--second-font);
    font-weight: 800;
    font-size: 167.75px; 
    line-height: 0.72; 
    color: var(--card);
    margin-bottom: 0;
    text-wrap: balance;
    max-width: 100%;
}


.main-desc.p1 p {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 77px; 
    line-height: 0.72; 
    color: #FFFFFF;
    margin: 30px 0 0 0; 
    max-width: 593px; 
}


.main-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 40px; 
    line-height: 0.72; 
    color: #FFFFFF;
    
    background: var(--primary);
    border-radius: 11.5116px; 
    width: 447px; 
    height: 87px; 
    margin-top: 200px; 
    text-decoration: none;
    border: none;
    cursor: pointer;
    transition: background 0.3s ease;
    padding: 0;
    white-space: nowrap;
}


.swiper-slide:last-child .main-btn {
    width: 423px; 
}


.main-swiper-buttons {
    position: absolute;
    top: 50%;
    display: flex;
    max-width: 1820px;
    justify-content: space-between;
    align-items: center;
    margin: auto;
    left: 0;
    right: 0;
}


.main-block .swiper-button-prev,
.main-block .swiper-button-next {
    position: relative;
    width: 64px;
    height: 64px;
    margin: 0;
    pointer-events: auto;
    transition: all 0.3s ease;
}

.swiper-button-prev:after,
.swiper-button-next:after {
    content: '';
    width: 64px;
    height: 64px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
}

.swiper-button-prev:after {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg viewBox='0 0 64 64' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M31.77 63.54C49.31 63.54 63.54 49.31 63.54 31.77C63.54 14.23 49.31 6.38537e-06 31.77 4.85197e-06C14.23 3.31858e-06 4.9612e-07 14.23 -1.03728e-06 31.77C-2.57067e-06 49.31 14.22 63.54 31.77 63.54ZM17.97 29.99L34.36 11.22L40.48 16.56L27.2 31.77L40.63 47.16L34.36 52.32L17.97 33.55L16.4 31.77L17.97 29.99Z' fill='white'/%3e%3c/svg%3e");
}

.swiper-button-next:after {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg viewBox='0 0 64 64' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M31.77 0C14.23 0 0 14.23 0 31.77C0 49.31 14.23 63.54 31.77 63.54C49.31 63.54 63.54 49.31 63.54 31.77C63.54 14.23 49.32 0 31.77 0ZM45.57 33.55L29.18 52.32L23.06 46.98L36.34 31.77L22.91 16.38L29.18 11.22L45.57 29.99L47.14 31.77L45.57 33.55Z' fill='white'/%3e%3c/svg%3e");
}

.main-block .swiper-button-prev:hover,
.main-block .swiper-button-next:hover {
    opacity: 0.8;
}



@media (max-width: 1700px) {
    .main-block .main-holder {
    }
    
    .main-block .main-title {
        font-size: clamp(80px, 8vw, 167.75px);
    }
    
    .main-desc.p1 p {
        font-size: clamp(40px, 4vw, 77px);
    }
    
    .main-btn {
        margin-top: 250px;
    }
}

@media (max-width: 1400px) {
    .main-block {
        min-height: 600px;
    }
    
    .main-block .main-holder {
    }
    
    .main-block .main-title {
        font-size: clamp(60px, 7vw, 130px);
    }
    
    .main-desc.p1 p {
        font-size: clamp(30px, 3.5vw, 60px);
        max-width: 500px;
    }
    
    .main-btn {
        width: clamp(300px, 30vw, 400px);
        height: clamp(70px, 8vh, 87px);
        font-size: clamp(24px, 2.5vw, 36px);
        margin-top: 150px;
    }
    
    .swiper-slide:last-child .main-btn {
        width: clamp(280px, 28vw, 380px);
    }
    
    
    .main-swiper-buttons {
     top: 0;
    bottom: 7%;
    display: flex;
    max-width: 150px;
    justify-content: space-around;
    align-items: center;
    margin: 0;
    margin-right: auto;
    left: 0;
    right: 0;
    gap: 10px;
    }
    
    .main-block .swiper-button-prev,
    .main-block .swiper-button-next,
    .swiper-button-prev:after,
    .swiper-button-next:after {
        width: 44px;
        height: 44px;
    }
}

@media (max-width: 1200px) {
    .main-block .main-holder {
        max-width: 80%;
    }
    
    .main-block .main-title {
        font-size: clamp(50px, 6vw, 100px);
    }
    
    .main-desc.p1 p {
        font-size: clamp(24px, 3vw, 48px);
    }
    
    .main-btn {
        width: clamp(260px, 25vw, 340px);
        height: clamp(60px, 7vh, 75px);
        font-size: clamp(20px, 2.2vw, 30px);
        margin-top: 150px;
    }
}

@media (max-width: 992px) {
    .main-block {
        min-height: 530px;
    }
    
    .main-block .main-holder {
    }
    
    
    .main-block .main-title {
        font-size: 60px;
    }
    
    .main-desc.p1 p {
        font-size: 28px;
        max-width: 400px;
    }
    
    .main-btn {
        width: clamp(220px, 30vw, 280px);
        height: clamp(50px, 6vh, 60px);
        font-size: clamp(16px, 2vw, 18px);
        margin-top: 100px;
        border-radius: 8px;
    }
    
    .swiper-slide:last-child .main-btn {
        width: clamp(200px, 28vw, 260px);
    }
    .main-block .main-background img {

    top: -6.7%;
    background-position: top center;
}
.main-swiper-buttons {
 
    bottom: 20%;

}
}

@media (max-width: 768px) {
    .main-block .swiper-button-prev,
    .main-block .swiper-button-next {
   
    }
    
        .main-block .main-background img {

    top: -6.7%;
    background-position: top center;
}
    .main-block .main-holder {
        max-width: 90%;
    }
    
    .main-block .main-title {
        font-size: 55px;
        line-height: 1.1;
    }
    
    .main-btn {
        margin-top: 60px;
        width: 100%;
        max-width: 300px;
    }
}

@media (max-width: 599px) {
    .main-block {
        min-height: 470px;
    }
        .main-block .main-background img {

    top: -6.7%;
    background-position: top center;
}
    .main-block .main-holder {
        padding: 40px 0;
        margin-left: 15px;
    }
    
    .main-btn {
        margin-top: 40px;
        height: 50px;
        font-size: 16px;
    }
}

@media (max-width: 479px) {
    .main-block {
        min-height: 400px;
    }
    
    .main-block .main-holder {
    }
    
    .main-block .main-title {
        font-size: 50px;
    }
    
    .main-desc.p1 p {
        font-size: 30px;
    }
    
    .main-btn {
        max-width: 260px;
        height: 46px;
        margin-top: 30px;
    }
}

.main-block::before {

    max-width: 1820px;
    left: 0;
    right: 0;
    margin: auto;
}
.main-block {
margin-bottom: 0px;
}

.main-btn:after{
content: '';
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0_237_498)'%3e%3cpath d='M7.2513 4.53602L9.08971 2.69762L15.5701 9.178L9.08973 15.6584L7.25133 13.82L10.712 10.3593L2.60931 10.3594L2.60931 7.99665L10.712 7.99669L7.2513 4.53602Z' fill='white'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_237_498'%3e%3crect width='12' height='13' fill='white' transform='translate(9.19239) rotate(45)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e ");




    width: 0;
    height: 18px;

    display: inline-block;
    vertical-align: middle;
    content: "";
    background-repeat: no-repeat;
    opacity: 0;
    transform: translateX(-1px);
    background-position: center center;
    transition: all 0.2s ease-in;
}


.main-btn:hover:after{
    opacity: 1;
    transform: translateX(2px);
    transition: all 0.2s ease-in;
        width: 18px;
}