#lt-sec{
    background: #212121 url("../assets/images/bg-3.jpg") no-repeat center / cover fixed;
    background-blend-mode: overlay;
    height: 55vh;

    .lt-bx{
        width: 100%;
        height: 100%;

    .lt-head > h1{
        font-size: clamp(50px,4.8vw,288px);
        /* color: var(--accent-color); */
    }
    .lt-sub-head > h2{
        font-size: clamp(16px,1.9vw,145px);
        font-weight: 100;
        /* color: var(--accent-color); */
    }
    .lt-btn{
        width: clamp(130px,15vw,500px);
        padding: clamp(14px,1.12vw,110px);
        color: var(--accent-color);
        display:flex;
        align-items: center;
        justify-content: space-between;
        border: 2px solid var(--accent-color);
        border-radius: 20px;
        position: relative;
        text-decoration: none;
        transition: all .3s ease;
        cursor: pointer;  
        &:hover{
            border-color: var(--primary-color);
            span,i{
                color: var(--primary-color);
            }
        }
        span{
            font-size: clamp(16px,1.5vw,88px);
            font-weight: 600;
            text-decoration: none;
            transition: all .3s ease;
        }
        span + i{
                font-size: clamp(18px,2.5vw,177px);
                position: absolute;
                padding: clamp(8px,.55vw,20px);
                right: 0%;
                transition: all .3s ease;
            }
    }

    }
}