/* ==========================================
   ABOUT TDOGSPH
========================================== */

.about-section{

    padding:120px 0;

    background:linear-gradient(
        270deg,
        #FFE9B5 0%,
        #F8F3E5 45%,
        #EAF5FF 100%
    );

}

.about-image{

    display:flex;

    justify-content:center;

    align-items:center;

}

.about-image img{

    width:100%;
    max-width:520px;
    height:auto;

    border-radius:32px;

    box-shadow:var(--shadow-lg);

    transition:transform .45s ease;

}

.about-image img:hover{

    transform:translateY(-10px) scale(1.02);

}

.about-section h2{

    color:var(--primary);

    font-size:54px;

    font-weight:800;

    margin:20px 0;

}

.about-section p{

    max-width:620px;

    color:var(--text-secondary);

    line-height:1.9;

}

.about-features{

    list-style:none;

    padding:0;

    margin:35px 0;

}

.about-features li{

    margin-bottom:16px;

    color:var(--text-secondary);

    font-weight:600;

}

.about-features li::before{

    content:"✓";

    color:var(--primary);

    font-weight:700;

    margin-right:12px;

}

/* ==========================================
   RESPONSIVE
========================================== */

@media (max-width:1200px){

    .about-section h2{

        font-size:48px;

    }

}

@media (max-width:992px){

    .about-section{

        padding:90px 0;

        text-align:center;

    }

    .about-image{

        margin-bottom:50px;

    }

    .about-section h2{

        font-size:42px;

    }

    .about-section p{

        max-width:100%;

        margin:0 auto;

    }

    .about-features{

        display:inline-block;

        text-align:left;

    }

}

@media (max-width:768px){

    .about-section{

        padding:80px 0;

    }

    .about-section h2{

        font-size:36px;

    }

    .about-section p{

        font-size:16px;

        line-height:1.8;

    }

    .about-image img{

        max-width:380px;

    }

}

@media (max-width:576px){

    .about-section{

        padding:70px 0;

    }

    .about-section h2{

        font-size:30px;

    }

    .about-section p{

        font-size:15px;

    }

    .about-image img{

        max-width:280px;

        border-radius:24px;

    }

    .about-features li{

        font-size:15px;

    }

}