.bg1{
        background-image: url(../../images/bg1.jpg);
        background-size: contain;
        background-repeat: no-repeat;
        height: 520rem;
        padding-top: 52rem;
    }
    .timer{
        width: 25rem;
        height: 5.8rem;
        border-radius: 15rem;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 1.4rem;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
    }
    .timer p{
        font-family: var(--font-family);
font-weight: 400;
font-size: 1.2rem;
line-height: 125%;
color: #fff;
    }
    #countdown{
font-family: var(--font-family);
font-weight: 400;
font-size: 1.7rem;
line-height: 135%;
text-align: center;
color: #fff;
border: 1px solid #4324ff;
border-radius: 15rem;
width: 13.8rem;
height: 3.1rem;
display: flex;
align-items: center;
justify-content: center;
gap: 0.5rem;
    }
    .header-btn{
        width: 33.7rem;
        height: 7.6rem;
        position: relative;
        left: 50%;
        transform: translate(-50%);
    }
    .header-btn a{
        width: 100%;
        height: 100%;
    }
    .slider2{
        background: url(../../images/slider-bg.png);
        background-size: cover;
        background-repeat: no-repeat;
    }
    .c2{
        display: flex;
        align-items: center;
        justify-content: center;
    }