@media screen and (max-width:1366px){
    .section {
        .feature-card { padding:30px;}
    }
    .roadmap {
        .roadmap-timeline {
            max-width:900px;
            .roadmap-item {
                .roadmap-circle {
                    margin-right:150px;margin-left:140px;
                }

                &.reverse {
                    .roadmap-circle {
                        margin-left:150px;margin-right:130px;
                    }
                }
            }
        }
    }

    html[lang='ar'] {
        .roadmap {
            .roadmap-timeline {
                .roadmap-item {
                    .roadmap-circle {
                        margin-left:150px;margin-right:140px;
                    }

                    &.reverse {
                        .roadmap-circle {
                            margin-right:150px;margin-left:130px;
                        }
                    }
                }
            }
        }
    }
}

@media screen and (max-width:1024px){
    .marquee-wrapper {
        &::before,
        &::after { width:100px;}
        .marquee-track {
            .marquee-img { height:25px;}
        }
    }
}

@media screen and (max-width:991px){
    body {
        &.body-home { padding-top:76px;}
    }
    .header-main { top:0;box-shadow:0 6px 20px rgba(0,0,0,.08);background-color:#ffffff;}
    .section {
        .section-para { max-width:none;}
    }
    .enrollment-extension {
        .section { padding:30px;}
    }
    .income-plan {
        .product-card { min-height:auto;}
    }
    .roadmap {
        .roadmap-timeline {
            &::before { left:40px;}
            .roadmap-item {
                .roadmap-dot { left:40px;}
                .roadmap-circle {
                    margin-right:0;margin-left:90px;
                    &::before { right:calc(100% + 3px);left:auto;width:50px;}
                }
                .roadmap-content-wrap {
                    padding-left:90px;margin-top:40px;
                    .roadmap-content__title {
                        svg { position:static;margin-right:10px;margin-bottom:5px;}
                    }
                    .roadmap-content-desc { font-weight:500;font-size:0.875rem;line-height:24px;max-width:400px;margin:0 0 16px 0;}
                }

                &.reverse {
                    .roadmap-circle {
                        margin-left:90px;margin-right:0;
                        &::before { right:calc(100% + 3px);left:auto;}
                    }
                    .roadmap-content-wrap {
                        padding-right:0;padding-left:90px;text-align:left;
                        .roadmap-content__title {
                            svg { left:-50px;right:auto;}
                        }
                    }
                }
            }
        }
    }

    .footer {
        .footer-newsletter {
            .footer-newsletter-input { width:100%;}
        }
    }

    html[lang='ar'] {
        .roadmap {
            .roadmap-timeline {
                &::before { right:40px;left:auto;}
                .roadmap-item {
                    .roadmap-dot { right:23px;left:auto;}
                    .roadmap-circle {
                        margin-left:0;margin-right:90px;
                        &::before { left:calc(100% + 3px);right:auto;}
                    }
                    .roadmap-content-wrap {
                        padding-right:90px;padding-left:0;
                        .roadmap-content__title {
                            svg { margin-left:10px;margin-right:0;}
                        }
                    }

                    &.reverse {
                        .roadmap-circle {
                            margin-right:90px;margin-left:0;
                            &::before { left:calc(100% + 3px);right:auto;}
                        }
                        .roadmap-content-wrap {
                            padding-left:0;padding-right:90px;text-align:right;
                            .roadmap-content__title {
                                svg { right:-50px;left:auto;}
                            }
                        }
                    }

                }
            }
        }
    }
}

@media screen and (max-width:767px){
    .typical-session {
        .step-wrapper{
            .step {
                &::before,
                &::after { content:'';width:3px;position:static;height:50px;background:var(--primary-color);top:12px;border-radius:5px;display:block;margin:0 auto;}
                &::before { margin-bottom:30px;}
                &::after { margin-top:20px;}
            }
        }
    }

    .footer {
        .footer-bottom {
            flex-flow:column;gap:15px;
            p { margin-bottom:20px;}
        }
    }
}

@media screen and (max-width:430px){
    .login-wrap { padding:0 0px;}
    .enrollment-extension {
       .section {
           .bv-sub-card {
                .bv-sub-card-title { font-size:1rem;line-height:20px;}
            }
        }
    }
}

@media screen and (max-width:575px){
    .login-wrap form .reg-parent .input-group .form-control { padding-left:15px;min-width:0;}
    .login-wrap form .reg-parent .input-group .isd-select { width:115px;}
    .login-card p { overflow-wrap:anywhere;word-break:break-word;}
    .login-card p.px-5 { padding-left:0.5rem!important;padding-right:0.5rem!important;}
}