.inner-section-title h2 {
    font-size: 28px;
    color: #10254c;
    font-weight: 600;
    margin: 0;
    text-align: center;
}
.inner-section-title p.text {
        font-size: 14px;
        line-height: 28px;
        text-align: center;
        margin-top: 20px;
        padding: 0 50px;
    }
 

        .approach-section{
        /* padding: 70px 0 0; */
        }

        .approach-left{
        width: 100%;
        padding-right: 36%;
        position: relative;
        overflow: hidden;
        padding-bottom: 25px;
        padding-top: 70px;
        padding-left: 45px;
        }

        .sub-title{
        color:#9d0f2f;
        font-size:14px;
        font-weight:700;
        letter-spacing:1px;
        display:block;
        margin-bottom: 5px;
        }

        .approach-left h2{
        font-size: 24px;
        line-height: 38px;
        color:#0b1245;
        margin-bottom: 8px;
        font-weight:700;
        }

        .approach-left p{
        color:#555;
        line-height: 25px;
        font-size: 13px;
        margin-bottom: 0;
        }

        .know-btn{
        display:inline-flex;
        align-items:center;
        gap: 10px;
        background:#8d0d2d;
        color:#fff;
        text-decoration:none;
        padding: 8px 16px;
        border-radius:50px;
        font-size: 13px;
        font-weight:600;
        transition:.3s;
        }

        .know-btn:hover{
        background:#0b1245;
        }

        .know-btn span{
        width:24px;
        height:24px;
        border-radius:50%;
        background:#fff;
        color:#8d0d2d;
        display:flex;
        align-items:center;
        justify-content:center;
        font-size:12px;
        }

        .approach-right{
        width: 100%;
        display:grid;
        grid-template-columns:repeat(5,1fr);
        gap: 20px;
        border: 1px solid #b3150f1c;
        background: #fff7f7;
        padding: 32px;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        position: relative;
        overflow: hidden;
        }

        .approach-box{
        text-align:center;
        padding: 0 3px;
        position:relative;
        }

        .approach-box::after{
        content:'';
        position:absolute;
        top: 0;
        right:-12px;
        width:1px;
        height: 64%;
        border-right: 1px dotted #00000029;
        }

        .approach-box:last-child::after{
        display:none;
        }

        .icon-box{
        width: 50px;
        height: 50px;
        margin:auto;
        border-radius:50%;
        background: #ffffff;
        display:flex;
        align-items:center;
        justify-content:center;
        font-size:34px;
        margin-bottom:20px;
        }

        .approach-box h4{
        color:#111;
        font-size: 15px;
        margin-bottom: 7px;
        font-weight:600;
        }

        .approach-box p{
        color:#666;
        line-height: 22px;
        font-size: 13px;
        margin-bottom: 0;
        }

        @media(max - width:1200px){

        .container{
        flex-direction:column;
        }

        .approach-left,
        .approach-right{
        width:100%;
        }

        .approach-right{
        grid-template-columns:repeat(2,1fr);
        }
        }

        @media(max - width:768px){

        .container{
        padding:30px 20px;
        border-radius:20px;
        }

        .approach-left h2{
        font-size:34px;
        }

        .approach-right{
        grid-template-columns:1fr;
        }

        .approach-box::after{
        display:none;
        }
        }
       .efigyu_tri {
    /* display: flex; */
    /* border: 1px solid #b3150f1c; */
    /* background: #fff7f7; */
    /* padding: 32px; */
    border-top-left-radius: 10px;
    /* border-top-right-radius: 10px; */
    /* position: relative; */
    /* overflow: hidden; */
}

.approach-left:before {
    content: "";
    background-image: url('../images/img/about-right.png');
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 1;
    background-size: contain;
    background-position: right;
    background-repeat: no-repeat;
    background-blend-mode: overlay;
    /* background-color: #ffffff54; */
    right: 0;
    top: 0;
}
section.style-section {
    background: aliceblue;
}
section.style-section .media-content:before {
    position: absolute;
    top: 0;
    content: "";
    background: url(../images/logo.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
    opacity: .1;
    background-blend-mode: overlay;
    background-color: #ffffff75;
    left: 0%;
    background-size: contain;
    background-position: center;
}
@media (max-width: 767px) {
    .inner-section-title p.text {
    padding: 0;
}
.approach-left {
        padding-right: 0;
        padding-left: 0;
        margin-bottom: 0;
        padding-bottom: 0;
        text-align: center;
    }
    .approach-left:before {
   display:none;
}
.approach-left:after {
        content: "";
        background-image: url(../images/img/about-right.png);
        width: 100%;
        height: 210px;
        display: block;
        position: relative;
        opacity: 1;
        background-size: contain;
        background-position: right;
        background-repeat: no-repeat;
        background-blend-mode: overlay;
        right: 0;
        top: 0;
    }

.approach-right {display: block;}
.approach-box::after {
    border: 0;
}
.approach-box {
    width: 100%;
    margin-bottom: 25px;
}
}