.photomantra-a1{
    width:100%;
    display:flex;
    justify-content:center;
    padding:120px 0;
}

.photomantra-a2{
    width:88%;
    max-width:1400px;
    display:grid;
    grid-template-columns:1.05fr 1.45fr;
    gap:90px;
}

/* ================= LEFT ================= */
.photomantra-a3{
    display:flex;
    flex-direction:column;
    gap:26px;
}

.photomantra-a4{
    color:#040404;
    font-size:13px;
    letter-spacing:3px;
}

.photomantra-a5{
    font-size:50px;
    line-height:1.18;
    font-weight:600;
    color: rgb(0, 0, 0);
}

.photomantra-a6{
    font-size:17px;
    line-height:1.9;
    color:#292626;
    max-width:520px;
}

.photomantra-a7{
    width:190px;
    padding:15px 0;
    background:linear-gradient(135deg,#c3b091,#6b5b40);
    border:none;
    color:#fff;
    font-size:14px;
    letter-spacing:1.5px;
    cursor:pointer;
    transition:0.35s;
    border-radius: 8px;
}

.photomantra-a7:hover{
    transform:translateY(-3px);
    box-shadow:0 10px 30px rgba(227,162,60,0.35);
}

/* ================= RIGHT ================= */
.photomantra-a8{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:70px 90px;
    position:relative;
}

.photomantra-a9{
    position:relative;
    padding-right:70px;
}

.photomantra-a10{
    font-size:22px;
    margin-bottom:14px;
    color: #2c2929;
}

.photomantra-a11{
    font-size:15.5px;
    line-height:1.75;
    color:#000000;
}

.photomantra-a12{
    position:absolute;
    right:0;
    top:-18px;
    font-size:78px;
    font-weight:700;
    color:rgba(255, 255, 255, 0.301);
}

/* ================= DIVIDER LINE ================= */
.photomantra-a13{
    position:absolute;
    left:-45px;
    top:0;
    width:1px;
    height:100%;
    background:linear-gradient(transparent,#0e0707,transparent);
}

/* ================= ANIMATION ================= */
.photomantra-a14{
    opacity:0;
    transform:translateY(40px);
    transition:0.7s ease;
}

.photomantra-a14.photomantra-a15{
    opacity:1;
    transform:translateY(0);
}

/* ================= MEDIA QUERIES ================= */

/* Ultra wide */
@media (min-width:1600px){
    .photomantra-a5{font-size:56px;}
}

/* Laptop */
@media (max-width:1200px){
    .photomantra-a2{
        grid-template-columns:1fr 1.2fr;
        gap:70px;
    }
}

/* Tablet landscape */
@media (max-width:992px){
    .photomantra-a2{
        grid-template-columns:1fr;
    }
    .photomantra-a8{
        grid-template-columns:1fr 1fr;
    }
    .photomantra-a13{display:none;}
}

/* Tablet portrait */
@media (max-width:768px){
    .photomantra-a1{
        padding:90px 0;
    }
    .photomantra-a8{
        grid-template-columns:1fr;
        gap:55px;
    }
    .photomantra-a12{
        font-size:64px;
    }
}

/* Mobile */
@media (max-width:576px){
    .photomantra-a2{
        width:95%;
        gap:50px;
    }
    .photomantra-a5{
        font-size:34px;
    }
    .photomantra-a6{
        font-size:15px;
    }
}

/* Small mobile */
@media (max-width:420px){
    .photomantra-a5{
        font-size:30px;
    }
    .photomantra-a7{
        width:170px;
    }
}