/**
 * ==========================================
 * About Company
 * ==========================================
 */

.tr-about-company{

    padding:110px 0;

    background:linear-gradient(
        180deg,
        #ffffff 0%,
        #f8fafc 100%
    );

}

/* ==========================================
   Grid
========================================== */

.tr-about-company__grid{

    display:grid;

    grid-template-columns:1.1fr .9fr;

    gap:70px;

    align-items:center;

}

/* ==========================================
   Badge
========================================== */

.tr-about-company .tr-section-badge{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:12px 22px;

    margin-bottom:20px;

    border-radius:999px;

}

/* ==========================================
   Title
========================================== */

.tr-about-company .tr-section-title{

    margin-bottom:24px;

    font-size:42px;

    font-weight:800;

    line-height:1.2;

    color:#0f172a;

}

/* ==========================================
   Paragraph
========================================== */

.tr-about-company p{

    margin-bottom:20px;

    font-size:17px;

    line-height:1.9;

    color:#475569;

}

/* ==========================================
   Feature List
========================================== */

.tr-about-list{

    list-style:none;

    padding:0;

    margin:34px 0;

}

.tr-about-list li{

    position:relative;

    padding-left:32px;

    margin-bottom:16px;

    font-size:16px;

    font-weight:600;

    color:#334155;

}

.tr-about-list li::before{

    content:"✓";

    position:absolute;

    left:0;

    top:0;

    color:#2563eb;

    font-weight:700;

}

/* ==========================================
   Button
========================================== */

.tr-about-company .tr-btn{

    margin-top:10px;

}

/* ==========================================
   Image
========================================== */

.tr-about-company__image{

    overflow:hidden;

    border-radius:20px;

}

.tr-about-company__image img{

    width:100%;

    height:auto;

    display:block;

    border-radius:20px;

    box-shadow:0 22px 50px rgba(15,23,42,.12);

    transition:transform .4s ease;

}

.tr-about-company__image:hover img{

    transform:scale(1.03);

}

/* ==========================================
   Tablet
========================================== */

@media (max-width:991px){

    .tr-about-company{

        padding:90px 0;

    }

    .tr-about-company__grid{

        grid-template-columns:1fr;

        gap:50px;

    }

    .tr-about-company .tr-section-title{

        font-size:36px;

    }

}

/* ==========================================
   Mobile
========================================== */

@media (max-width:576px){

    .tr-about-company{

        padding:70px 0;

    }

    .tr-about-company .tr-section-title{

        font-size:30px;

    }

    .tr-about-company p{

        font-size:16px;

    }

    .tr-about-list li{

        font-size:15px;

    }

}