.mediclaim-banner{
    .banner-content{
        h1{
            span{
                color: #8F172A;
            }
        }
        .primary-btn{
           width: auto;
           padding-inline: 30px;
           background-color: #8F172A;
        }
    }
}
.cashless-mediclaim{
    background-color: #8F172A;
    .section-title, p{
        color: #fff;
    }
    ul{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        margin-top: 30px;
        gap: 15px;
        li{
            color: #FFF;
            text-align: center;
            font-family: 'Satoshi Medium';
            font-size: 20px;
            font-style: normal;
            font-weight: normal;
            line-height:  150%;
            border-radius: 60px;
            border: 2px solid #FFF;
            background: rgba(217, 217, 217, 0.14);
            padding: 10px 25px;
        }
    }
}
.gov-scheme-img{
    img{
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
}
.gov-scheme{
    padding-bottom: 0;
    .section-title{
        font-size: 47px;
    }
}
.gov-scheme-content{
    h3{
        color: #000;
        font-family: 'Satoshi Bold';
        font-size: 38px;
        font-style: normal;
        font-weight: normal;
        line-height: 150%;
        text-transform: uppercase;
        margin-bottom: 5px;
    }
    p{
        font-family: 'Satoshi Regular';
        line-height: 135%;
    }
}
.gov-scheme-box{
    background: #F6F6F6;
    padding: 50px 40px;
    margin-bottom: 30px;
}
.mediclaim-partners{
    position: relative;
    .container{
        border-bottom: 1px solid #CDCDCD;
    }
}
.mediclaim-partner-vector{
    position: absolute;
    left: 0;
    bottom: -20%;
}
.mediclaim-partners-box{
    border: 1px solid #ADADAD;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 90px;
    transition: all 0.3s ease-in-out;
    &:hover{
        box-shadow: 0px 0px 20px 0px #8f172a82;
    }
}
.third-party-insurance{
    .container{
        border-bottom: 0;
    }
}
.covered{
    background-color: #8F172A;
    .section-title, p{
        color: #fff;
    }
}
.covered-box{
    border-radius: 20px;
    background: #FFF;
    padding: 30px 15px;
    padding-left: 130px;
    position: relative;
    height: 100%;
    h4{
        color: #0C0C0C;
        font-family: 'Satoshi Bold';
        font-size: 25px;
        font-style: normal;
        font-weight: normal;
        line-height: 108%;
        text-transform: capitalize;
        margin-bottom: 10px;
    }
    p{
        color: #262626;
        font-size: 18px;
        line-height: 133%;
        margin-bottom: 0;
    }
}
.covered-icon{
    width: 101px;
    height: 101px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #8F172A;
    border-radius: 50%;
    border: 6px solid #d7abb2;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 15px;
}
.cashless-work-content{
    .primary-btn {
        width: auto;
        padding-inline: 30px;
        background-color: #8F172A;
    }
}
.cashless-work-process-step{
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    gap: 25px;
    .why-choose-icon{
        color: #FFF;
        font-family: 'Satoshi Bold';
        font-size: 29px;
        font-style: normal;
        font-weight: normal;
        line-height: 110.345%;
    }
    h4{
        color: #000;
        font-family: 'Satoshi Bold';
        font-size: 24px;
        font-style: normal;
        font-weight: normal;
        line-height: 133.333%;
    }
    p{
        color: #000;
        font-family: 'Satoshi Regular';
        font-size: 18px;
        line-height: 144.444%;
        margin-bottom: 0;
    }
}
.cashless-work-process-step-content{
	width: 80%;
}
.documents{
    position: relative;
    background-color: #EBEEF3;
    .approach-img{
        position: absolute;
        width: 650px;
        height: 650px;
        right: 8%;
        bottom: 8%;
        padding: 0;
        display: flex;
        justify-content: center;
        align-items: end;
        padding-bottom: 15px;
        img{
            width: 100%;
            border-radius: 50%;
        }
        &::before,
        &::after{
            width: 105%;
            height: 108%;
            top: unset;
            bottom: 0;
            right: 50%;
            transform: translateX(50%);
        }
        &::before{
        }
        &::after{
            height: 113%;
        }
    }
}
.document-content{
    width: 60%;
    .section-title{
        margin-bottom: 20px;
    }
    ol{
        counter-reset: item;
        li{
            margin-bottom: 30px;
            position: relative;
            counter-increment: item;
            padding-left: 50px;
            h4{
                display: block;
                color: #0C0C0C;
                font-family: 'Satoshi Bold';
                font-size: 24px;
                font-style: normal;
                font-weight: normal;
                line-height: 112.5%;
                text-transform: uppercase;
                margin-bottom: 5px;
            }
            p{
                color: #262626;
                font-family: 'Satoshi Medium';
                font-size: 20px;
                font-style: normal;
                font-weight: normal;
                line-height: 140%;
            }
            &::before {
                content: counter(item);
                position: absolute;
                top: 0;
                left: 0;
                color: #FFF;
                font-family: 'Satoshi Bold';
                font-size: 18px;
                line-height: 1;
                width: 37px;
                height: 37px;
                display: flex;
                justify-content: center;
                align-items: center;
                border-radius: 50%;
                background-color: #8F172A;
                border: 3px solid #d7abb2;
            }
        }
    }
}
.why-choose-mediclaim{
    .why-choose-medi-img{
        width: 47%;
    }
    .journey-content {
        .col-lg-6 {
            padding-left: 0;
        }
        .card-title {
            color: #FFF;
        }
        .why-choose-icon{
            img{
                position: relative;
                left: unset;
                height: auto;
                top: unset;
                object-fit: contain;
                width: auto;
            }
        }
    }
    .why-choose-centent{
        p{
            
        }
    }
}
.tracing{
    position: relative;
    z-index: 1;
    h3, h4, h5{
        color: #0C0C0C;
        font-family: 'Satoshi Bold';
        font-size: 29px;
        font-style: normal;
        font-weight: normal;
        line-height: 106.897%;
        text-transform: uppercase;
        margin-bottom: 10px;
    }
    h4{
        font-size: 25px;
    }
    h5{
        font-size: 22px;
    }
    &::after{
        content: '';
        position: absolute;
        inset: 0;
        background: linear-gradient(90deg, #FEE 25.74%, #E5E5E5 79.38%);
        border-radius: 0 500px 500px 0;
        z-index: -1;
    }
}
.mediclaim-faq{
    .accordion__item{
        border-radius: 18px;
        background: #EBEBEB;
        border: none;
    }
    .accordion__item .accordion__title {
        padding: 15px 50px 15px 25px;
    }
    .accordion__item .accordion__content {
        background: transparent;
        padding: 0 20px 17px 10px;
    }
    .accordion__title.accordion-active {
        color: #000000;
    }
    .accordion__title::after {
        border-color: #8f172a;
        right: 25px;
        top: 22px;
    }
    .accordion__title.accordion-active::after {
        top: 30px;
    }
}
.approach-img{
    img{
        border-radius: 50%;
    }
}

@media (max-width: 1600px),
(max-width: 1536px) {
    .mediclaim-partner-vector {
        width: 180px;
    }
}
@media (max-width: 1440px),
(max-width: 1366px) {
    .cashless-mediclaim {
        & ul {
            li {
                font-size: 16px;
            }
        }
    }
    .gov-scheme-content {
        h3 {
            font-size: 28px;
        }
    }
    .gov-scheme-box {
        padding: 40px 30px;
    }
    .covered-box {
        padding: 20px 10px;
        padding-left: 120px;
        
        & h4 {
            font-size: 21px;
        }
    }
    .covered-icon {
        width: 91px;
        height: 91px;
    }
    .cashless-work-process-step {
        h4 {
            font-size: 20px;
        }
    }
    .cashless-work-process-step {
        .why-choose-icon {
            font-size: 23px;
        }
    }
    .document-content {
        & ol {
            & li {
                padding-left: 40px;
                h4 {
                    font-size: 20px;
                }
                p{
                    font-size: 16px;
                }
                &::before {
                    font-size: 14px;
                    width: 30px;
                    height: 30px;
                }
            }
        }
    }
    .documents {
        .approach-img {
            width: 500px;
            height: 500px;
            right: 3%;
            bottom: 10%;
        }
    }
    .tracing {
        h3{
            font-size: 25px;
        }
        h4 {
            font-size: 23px;
        }
        h5{
            font-size: 20px;
        }
    }
    .covered-box {
        p {
            font-size: 16px;
        }
    }
    .gov-scheme {
        .section-title {
            font-size: 35px;
        }
    }
    .mediclaim-partner-vector {
        bottom: 0;
        width: 140px;
    }
    .mediclaim-partners-box{
        padding-inline: 10px;
    }
}
@media (max-width: 1281px){
    .document-content{
        width: 57%;
    }
    .tracing {
        .container{
            padding-right: 100px;
        }
    }
}
@media (max-width: 991.98px){
    .mediclaim-banner{
        .banner-item {
            height: 300px;
        }
    }
    .gov-scheme-box {
        padding: 30px 30px;
    }
    .gov-scheme{
        .gov-scheme-box:nth-child(2) {
            .row{
                .col-lg-5{
                    order: -1;
                }
            }
        }
    }
    .mediclaim-partners-box{
        padding: 10px;
        height: 80px;
        img{
            width: 100%;
            height: 100%;
            object-fit: contain;
        }
    }
    .covered-icon {
        width: 85px;
        height: 85px;
        padding: 15px;
    }
    .covered-box {
        padding: 15px 10px;
        padding-left: 110px;
    }
    .documents {
        .approach-img {
            position: relative;
            right: unset;
            bottom: unset;
            margin-inline: auto;
            margin-top: 70px;
            margin-bottom: 30px;
        }
    }
    .document-content {
        width: 100%;
    }
    .why-choose-mediclaim {
        .why-choose-medi-img {
            width: 100%;
            height: auto;
            left: unset;
            top: unset;
            position: relative;
            padding-inline: 25px;
            margin-bottom: 30px;
        }
    }
    .tracing {
        .container {
            padding-right: 15px;
        }
        &::after {
            border-radius: 0;
        }
    }
    .mediclaim-faq {
        .approach-img {
            margin-top: 70px;
        }
        .row{
            .col-lg-6:nth-child(2){
                order: -1;
            }
        }
    }
    .mediclaim-partner-vector {
        display: none;
    }
}
@media (max-width: 575.98px){
    .mediclaim-banner {
        .banner-item {
            height: 250px;
        }
        & .banner-content {
            .primary-btn {
                padding-inline: 15px;
            }
        }
    }
    .cashless-mediclaim {
        ul {
            margin-top: 10px;
            gap: 10px;
            li {
                font-size: 15px;
                padding: 5px 20px;
            }
        }
    }
    .gov-scheme {
        .section-title {
            font-size: 20px;
        }
    }
    .gov-scheme-box {
        padding: 15px 10px;
        margin-bottom: 15px;
        h3 {
            font-size: 18px;
        }
    }
    .mediclaim-partners {
        .container {
            padding-inline: 15px;
        }
    }
    .mediclaim-partners-box {
        height: 60px;
    }
    .covered-icon {
        width: 75px;
        height: 75px;
        padding: 13px;
        border-width: 5px;
        left: 10px;
    }
    .covered-box {
        padding-left: 95px;
        h4 {
            font-size: 18px;
            margin-bottom: 3px;
        }
        p {
            font-size: 15px;
        }
    }
    .cashless-work-process-step {
        margin-bottom: 20px;
        gap: 20px;
        h4 {
            font-size: 18px;
        }
        p {
            font-size: 15px;
        }
        .why-choose-icon {
            font-size: 18px;
        }
    }
    .cashless-work-process-step-content{
        width: 75%;
    }
    .documents {
        .approach-img {
            position: relative;
            right: unset;
            bottom: unset;
            margin-inline: auto;
            margin-top: 50px;
            margin-bottom: 20px;
            width: 90%;
            height: 90%;
            padding-bottom: 10px;
            &::before, &::after {
                width: 105%;
                height: 105%;
            }
            &::after {
                height: 110%;
            }
        }
    }
    .document-content {
        & ol {
            & li {
                h4 {
                    font-size: 16px;
                }
                p {
                    font-size: 15px;
                }
                &::before{
                    top: -6px;
                }
            }
        }
    }
    .why-choose-mediclaim {
        .why-choose-medi-img {
            padding-inline: 15px;
            margin-bottom: 10px;
        }
    }
    .tracing {
        h3, h4, h5{
            line-height: 115%;
        }
        h3 {
            font-size: 20px;
        }
        h4 {
            font-size: 18px;
        }
        h5 {
            font-size: 16px;
        }
    }
    .mediclaim-faq {
        .accordion__item {
            border-radius: 8px;
        }
        .approach-img {
            margin-top: 40px;
            display: flex;
            align-items: end;
            justify-content: center;
            padding: 10px;
            &::before, &::after {
                width: 100%;
                height: 103%;
                right: 50%;
                transform: translateX(50%);
                top: unset;
                bottom: 0;
                
            }
            &::after {
                width: 103%;
                height: 108%;
            }
        }
        .accordion__title::after {
            right: 15px;
            top: 20px;
        }
        .accordion__item .accordion__title {
            padding: 15px 40px 15px 15px;
        }
        .accordion__title.accordion-active::after {
            top: 25px;
        }
    }
}