/* resposnive  css  */
@media(max-width:1440px){
    .consult-section {
    min-height: 70vh;
}
}
@media (max-width: 1300px) {



    .workflow-number {
        font-size: 54px;

    }

    h2 {
        font-size: 24px;

    }

    .w-60 {
        width: 70% !important;
    }


    .w-50 {
        width: 60% !important;
    }



    .testimonial-orbit-wrapper {
        right: -295px;
        bottom: -460px;
        width: 800px;
        height: 900px;
    }

    .testimonial-client {

        width: 60px;
        height: 60px;

    }

    .testimonial-client:nth-of-type(1) {
        top: 345px;
        right: 710px;
    }

    .testimonial-client:nth-of-type(2) {
        top: 180px;
        right: 612px;
    }

    .testimonial-client:nth-of-type(3) {
        top: 210px;
        right: 500px;
    }

    .testimonial-client:nth-of-type(4) {
        top: 80px;
        right: 390px;
    }

    .testimonial-client:nth-of-type(5) {
        top: 335px;
        right: 605px;
    }

    .testimonial-client:nth-of-type(6) {
        top: 320px;
        right: 380px;
    }

    .testimonial-client:nth-of-type(7) {
        top: 260px;
        right: 305px;
    }

    .workflow-content h2 {
        font-size: 20px;
    }

    .study-gateway-content h2 {
        line-height: 35px;
        font-size: 24px;
    }



    .journey-features span:not(:last-child)::after {
        content: " • ";
        margin: 0 5px;
    }



    .impact-col-divider {

        padding-inline: 15px;
        /* equal space left and left */
    }

    .program-process-section .circle-1::after {
        top: 4px;
        left: 64px;
    }

    .program-process-section .impact-circle {
        width: 280px;
        height: 240px;
    }

    .program-process-section .circle-3::after {
        top: 4px;
        left: 148px;
    }

    .program-process-section .circle-5::after {
        top: 4px;
        left: 154px;
    }

    .app-how-section .step-down {
        margin-top: 250px;
    }


    .app-how-section .arrow-1 {
        top: 240px;
    }

        .app-how-section .arrow-2 {
        top: -36px;
        left: 172px;
    }

    .download-phone {
        left: 0px;
        bottom: -210px;
        max-width: 180%;
    }

    .phone-content-holding {
        padding-top: 160px;
    }

    .why-student-trust-section .w-75 {

        width: 90% !important;
    }

    .platform-highlights>div {
        flex: 1 1 calc(50% - 1rem);
        /* 2 items per row */
    }
    .arrow-2 {
    transform: rotate(-3deg);
}
.arrow-4 {
    left: -267px;
    transform: rotate(13deg);
}
    .whatis-navi-japan-item {
        min-height: 268px;
    }

}


@media (max-width: 1200px) {
    .w-30 {
        width: 45% !important;
    }

    .cost-study-table {
        min-width: 700px;
    }
        .text-xl-nowrap {
        white-space: unset;
    }

    .annual-tuition .cost-study-table {
        min-width: 400px;
    }

    .program-process-section .circle-1::after {
        top: unset;
        bottom: -2px;
        left: 50%;
    }

    .program-process-section .circle-2::after {
        top: unset;
        bottom: -3px;
        left: 50%;
    }

    .program-process-section .circle-3::after {
        top: unset;
        bottom: -4px;
        left: 50%;
    }

    .program-process-section .impact-circle {
        width: 280px;
        height: 200px;
    }

    .program-process-section .circle-1::after {
        top: 4px;
        left: 64px;
    }

    .program-process-section .circle-3::after {
        top: 14px;
        left: 148px;
    }

    .program-process-section .circle-5::after {
        top: 14px;
        left: 154px;
    }


    .study-japan-section img {
        height: auto;
        /* max-height: 400px; */
    }


    .app-how-section .arrow-1 {
        top: 216px;
        width: 100px;
        transform: rotate(10deg);
        left: 179px;
    }

    .app-how-section .arrow-2 {
        top: -12px;
        left: 150px;
        width: 100px;
    }
    .arrow-3 {
    width: 23px;
    top: 227px;
}
.arrow-4 {
        left: -189px;
        transform: rotate(13deg);
    }

    .download-phone {
        left: 0px;
        bottom: -190px;
        max-width: 180%;
    }

    .phone-content-holding {
        padding-top: 120px;
    }
    .step-2 {
    left: 410px;
}
.logo-container-introducing-section {
    padding: 30px 20px;
    gap: 30px;
}
    .whatis-navi-japan-item {
        min-height: 245px;
            padding: 17px 17px;
    }
    .key-features-container {
    padding-inline: 38px;
}

}


@media (max-width: 991px) {

    h2 {
        font-size: 30px;
        font-weight: 700;
    }

    .padding-body {
        padding-top: 70px;
    }

    .navbar .dropdown-menu {

        opacity: 0;
        visibility: hidden;
        transform: translateY(-15px);
        transition: all 0.6s ease;
        display: unset;
        position: absolute;
        font-size: 12px;
        padding-block: 0;
    }

    .navbar .dropdown-menu.show {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }



    .navbar-toggler {

        font-size: 14px;

    }

    .study-tab-arrow {
        display: block;
    }



    .study-tab-section-content-wrapper {
        display: none;
        padding: 15px 0;
    }

    .study-tab-section-content-main-wrapper {
        display: none;

    }

    .study-tab-section-content {
        padding: 30px;
        background: white;
        border-radius: 8px;
        margin-bottom: 20px;

    }

    .logo-class {
        max-height: 60px;
    }


    .navbar-nav .nav-item .nav-link {
        border-bottom: 0.3px solid #d6a0b2;
        padding-block: 16px;
    }


    .about-us-border-b {
        border-bottom: none !important;
        border: none;
    }

    .about-us-border-b:focus {
        border-bottom: none !important;
        border: none;
    }

    .navbar-toggler:focus {
        box-shadow: none;
    }

    .navbar .dropdown-menu {

        top: 98%;
    }






    .w-75 {
        width: 100% !important;
    }

    .w-40 {
        width: 100% !important;
    }

    .leaf-item {
        width: 195px;
    }


    .leaf-item p {
        font-size: 12px;
    }

    .workflow-number {
        font-size: 34px;
        line-height: 34px;
    }

    .workflow-content h2 {
        font-size: 20px;
        font-weight: 700;
    }

    .workflow-step.bottom.show-content .workflow-content {
        opacity: 1;
        transform: translateY(300px);
    }


    /* 

    .testimonial-section {
        height: 100dvh;
    } */

    .testimonial-left {
        height: 550px;
    }

    .japan-image-slider {
        transform: translateX(3rem);
        /* initial left space */
        transition: transform 0.6s ease;
    }

    /* remove border from first */
    .impact-col-divider:first-child {
        border-left: 0.3px solid rgba(0, 0, 0, 0.2);
        padding-inline: 15px;
    }

    .impact-col-divider:first-child::after {
        display: unset;
    }

    .tab-inner {
        max-height: none !important;
        overflow: visible !important;

    }

    .read-toggle {
        display: none !important;
    }

    .tab-inner {
        padding-right: 0;
    }

    .app-how-section .step-down {
        margin-top: 16px;
    }

    .app-how-section .how-arrow {
        display: none;
    }

    .download-phone {
        left: 0px;
        bottom: -145px;
        max-width: 150%;
    }

    .phone-content-holding {
        padding-top: unset;
    }

    .phone-content-holding h2 {
        font-size: 26px;
    }

    .study-red-divider-inline span {
        position: relative;
        padding: 0 30px;
    }
    .language-section .col-md-3 {
        width: 33%;
    }
    .step-2 {
    top: 210px;
    left: 353px;
}
.step-3 {
    top: 20px;
    right: -25px;
}
.step-5 {
    left: 100px;
}
.step-4 {
    right: -48px;
}
.arrow-1 {
    left: 148px;
    top: 214px;
}
    .app-how-section .arrow-2 {
        top: -30px;
        left: 128px;
    }
    .arrow-3 {
    width: 23px;
    top: 220px;}
    .arrow-4 {
        left: -207px;
    }
    .lft-divider-img, .rght-divider-img{
        display: none;
    }
    .english-taught-section-experts{
        justify-content: start!important;
    }
    .logo-container-introducing-section{
    width:860px;
    padding: 30px 30px;
}
.whatis-navi-japan-item i {
    font-size: 25px;
}
.what-is-navi-japan-desc p {
    line-height: 1.4;
}
.why-study-in-japan-container {
    padding-inline: 38px;
}
}

@media (max-width: 768px) {

    body {

        font-size: 14px;

    }

    h2 {
        font-size: 24px;
        font-weight: 700;
    }


    h5 {
        font-size: 17px;
        font-weight: 600;
    }

    /* Stack content */
    .py-10 {
        padding-block: 48px;
    }

    .navbar-toggler-icon {

        width: 1em;
        height: 1em;

    }

    .nav-link {

        font-size: 12px;
    }

    .navbar-nav .nav-item .nav-link {

        padding-block: 12px;
    }

    .w-75 {
        width: 100% !important;
    }

    .w-50 {
        width: 100% !important;
    }

    .w-60 {
        width: 100% !important;
    }

    .w-55 {
        width: 100% !important;
    }

    .w-90 {
        width: 95%;
    }


    footer ul li {
        padding-left: 20px;
    }

    .hero {
        height: 58vh;
        border-radius: 20px;
    }


    footer ul li {
        margin-bottom: 5px;
    }



    .form-control,
    .form-select,
    textarea {

        font-size: 12px;
    }


    .select .option {
        font-size: 12px;
    }


    /* hero section resposive css  */


    .leaf-item {
        width: 210px;

    }



    .leaf {
        width: 30px;
    }



    .btn-primary {
        padding-block: 8px;
        padding-inline: 20px;
        font-size: 12px;
    }


    .start-study h2 {
        font-size: 20px;
    }

    .start-study.py-10 {
        padding-block: 80px;
    }

    .workflow-section {

        background-image: unset;


    }


    /* STEP */
    .workflow-step {
        position: relative;
        min-height: 200px;
    }

    .workflow-step p {
        width: 50%;
    }

    .workflow-step.bottom.show-content .workflow-content {
        transform: translateY(20px);
        text-align: right !important;

        margin-left: -8%;
    }


    .workflow-step:nth-child(2) p,
    .workflow-step:nth-child(4) p {
        /* text-align: left; */
        margin-left: auto;
    }

    .workflow-step.top.show-content .workflow-content {

        transform: translateY(20px);
    }

    .workflow-step.show-vertical .workflow-vertical {
        height: 200px;
    }

    .workflow-step.top .workflow-vertical {
        bottom: 0%;
    }

    .workflow-step:nth-child(2) .workflow-vertical::after,
    .workflow-step:nth-child(3) .workflow-vertical::after {
        display: none;
    }

    .workflow-step:nth-child(2) .workflow-horizontal {
        top: 100%;
    }

    .workflow-step:nth-child(4) .workflow-horizontal {
        display: none;
    }

    .workflow-step:nth-child(2) .workflow-vertical,
    .workflow-step:nth-child(4) .workflow-vertical {
        right: 5%;
        left: unset;
    }



    .workflow-horizontal {

        top: 100%;
        left: 5%;
    }

    .workflow-step.show-horizontal .workflow-horizontal {
        width: 90%;
    }

    .workflow-content {
        margin-left: 8%;
    }

    .workflow-vertical {

        left: 5%;
    }

    .workflow-step.bottom .workflow-vertical {
        top: 0%;
    }

    .sp-card img {
        width: 25px;

    }

    .preferred-study-section.py-10 {
        padding-block: 80px 48px;

    }

    .preferred-icon-wrapper {
        position: relative;
        width: 40px;
        height: 40px;
    }

    .features {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    .features span:not(:last-child)::after {
        content: none;
    }

    /* .testimonial-section {
        height: 100dvh;
    } */

    .testimonial-left {
        height: 550px;
    }

    .testimonial-main-image {
        width: 200px;
        height: 260px;
    }

    .testimonial-card p {
        width: 100%;
    }

    .sp-plan-table {
        min-width: 700px;
        /* forces horizontal scroll */
    }

    .table-responsive {
        overflow-x: auto;
    }



    .hero-section h1 {
        font-size: 19px !important;
    }

    /* Section */
    .study-gateway-section {
        position: relative;
        height: 60vh;
        background: url("../images/study-japan-mobile.jpeg") center/cover no-repeat;
        overflow: hidden;
    }
    .common-mobile-height{
        height:60vh;
    }

    /* Overlay */
    .study-gateway-section::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5);
        z-index: 1;
    }

    .study-gateway-content h2,
    .study-gateway-content p {
        text-shadow: 0 3px 10px rgba(0, 0, 0, 0.7);
    }

    .study-gateway-content h2 {
        line-height: 32px;
        font-size: 24px;
    }




    /* .study-gateway-content{
    position: relative;
    z-index: 2;
    display: inline-block;
    padding: 20px 20px;
    background: rgba(0,0,0,0.25);
    backdrop-filter: blur(0px);
    -webkit-backdrop-filter: blur(0px);
    border-radius: 6px;
} */
    .study-tab-section-tabs {
        padding: 20px;

    }

    .study-tab-section-content {
        padding: 20px;
    }

    .study-tab-section-tab {
        padding: 15px 15px;
    }

    .study-tab-section-content h3 {
        font-size: 18px;


    }



    .study-tab-section-content p {
        margin-bottom: 20px;
    }

    .study-tab-section-number {
        padding: 8px 10px;
        font-size: 14px;
    }

    .cost-study-table {
        min-width: 700px;
        /* forces horizontal scroll */
        margin-bottom: 10px;
    }

    .cost-study-table th,
    .cost-study-table td {
        padding-block: 12px;
        font-size: 11px;

    }

    .cost-study-table tbody td {
        background-color: var(--white);
    }

    .study-tab-section-content h6 {
        font-size: 16px;

    }

    .study-tab-section-content p {
        font-size: 14px;
    }


    .study-tab-section-content-wrapper.free-counselling-tab p {

        font-size: 14px;
    }



    .study-tab-section-content ul {
        font-size: 14px;
    }



    .custom-accordion .accordion-button {

        padding-block: 20px;
        line-height: 18px;
    }

    .custom-accordion-arrow {
        font-size: 14px;
    }



    .education-journey-section h6 {
        font-size: 16px !important;

    }

    .journey-features {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    .journey-features span:not(:last-child)::after {
        content: none;
    }


    .right-quarter-circle {
        max-width: 270px;
    }

    .left-quarter-circle {
        max-width: 270px;
    }

    .testimonial-section .left-quarter-circle {
        display: none;
    }




    /* terms and condition page style css  */
    .terms-condition-section {

        height: 60vh;
        background: url("../images/terms-banner.png") center/cover no-repeat;

    }




    .start-study-features {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    .start-study-features span:not(:last-child)::after {
        content: none;
    }

    .impact-wrapper {
        flex-direction: column;
    }

    .impact-circle {
        width: 200px !important;
        height: 200px !important;


        padding: 10px
    }

    .impact-circle h2 {
        font-size: 20px !important;
        margin-bottom: 0 !important;
    }

    .impact-circle p {
        font-size: 11px;
        margin-bottom: 0;
    }

    /* overlap circles */
    .impact-circle:nth-child(2) {
        margin-top: -16px;
        margin-left: 0;
    }

    .impact-circle:nth-child(3) {
        margin-top: -16px;
        margin-left: 0;
    }

    .impact-circle::after {
        width: 4px;
        height: 4px;

    }

    .circle-1::after {
        top: unset;
        bottom: -3px;
        left: 50%;
    }

    .circle-2::after {
        top: unset;
        bottom: -3px;
        left: 50%;
    }

    .circle-3::after {
        top: unset;
        bottom: -5px;
        left: 50%;
    }

    .circle-4::after {
        top: unset;
        bottom: -5px;
        left: 50%;
    }


    .program-process-section .circle-1::after {
        top: unset;
        bottom: -2px;
        left: 50%;
    }

    .program-process-section .circle-2::after {
        top: unset;
        bottom: -3px;
        left: 50%;
    }

    .program-process-section .circle-3::after {
        top: unset !important;
        bottom: -5px !important;
        left: 50% !important;
    }

    .program-process-section .circle-4::after {
        top: unset;
        bottom: -3px;
        left: 50%;
    }

    .program-process-section .circle-5::after {
        top: unset;
        bottom: -2px;
        left: 50%;

    }

    .impact-circle:nth-child(4) {
        margin-left: 0;
        margin-top: -16px;
    }

    .impact-circle:nth-child(5) {
        margin-left: 0;
        margin-top: -16px;
    }



    .why-about-card {
        opacity: 0;
        transform: translateY(20px);
        transition: all .4s ease;
    }

    /* stair offsets before animation */
    .why-about-card:nth-child(1) {
        transform: translateY(20px);
    }

    .why-about-card:nth-child(2) {
        transform: translateY(20px);
    }

    .why-about-card:nth-child(3) {
        transform: translateY(20px);
    }

    .why-about-card:nth-child(4) {
        transform: translateY(20px);
    }

    .why-about-card:nth-child(5) {
        transform: translateY(20px);
    }

    /* when AOS triggers */
    .why-about-card.aos-animate {
        opacity: 1;
        transform: translateY(0);
    }




    .choose-why-card {
        opacity: 0;
        transform: translateY(20px);
        transition: all .4s ease;
    }

    /* stair offsets before animation */
    .choose-why-card:nth-child(1) {
        transform: translateY(20px);
    }

    .choose-why-card:nth-child(2) {
        transform: translateY(20px);
    }

    .choose-why-card:nth-child(3) {
        transform: translateY(20px);
    }

    .choose-why-card:nth-child(4) {
        transform: translateY(20px);
    }

    /* when AOS triggers */
    .choose-why-card.aos-animate {
        opacity: 1;
        transform: translateY(0);
    }


    .mission-vission-section img {
        border-radius: 10px;
    }




    .book-session-section .img-fit {
        width: 46%;
        height: 230px;
    }



    .program-process-section p {
        width: 100%;
    }

    .most-demand-section img {
        border-radius: 10px;
    }


    .annual-tuition .cost-study-table {
        min-width: 400px !important;
        /* forces horizontal scroll */
        margin-bottom: 10px;
    }


    .study-gateway-section.our-program-banner {
        background: url("../images/our-programs-mobile.jpeg") center/cover no-repeat;
    }

    .study-gateway-section.book-free-banner {
        background: url("../images/free-counselling-mobile.jpeg") center/cover no-repeat;

    }

    .study-gateway-section.why-japan-banner {
        background: url("../images/why-japan-mobile.jpeg") center/cover no-repeat;

    }

    .study-gateway-section.scholarship-hero-banner {
        background: url("../images/scholar-banner-mobile.jpeg") center/cover no-repeat;

    }

    .study-gateway-section.contact-us-banner {
        background: url("../images/contact-hero-mobile.jpeg") center/cover no-repeat;

    }

    .study-gateway-section.english-taught-banner {
        background: url("../images/english-taught-mobile-banner.jpeg") center/cover no-repeat!important;

    }

    .study-gateway-section.app-hero-banner {
        background: url("../images/app-banner-mobile.jpeg") center/cover no-repeat;
        height: 60vh;

    }

    .contact-slider-section .contact-width {
        width: 95%;
        height: 200px;
    }

    .contact-slider-section .contact-slide {
        height: 60vh;

    }

    .contact-slider-section .carousel-control-prev,
    .contact-slider-section .carousel-control-next {
        display: none;
    }


    .hero-section .slide-1 {
        background-image: url('../images/hero-banner-mobile-1.jpeg');
    }

    .hero-section .slide-2 {
        background-image: url('../images/hero-banner-mobile-2.jpeg');
    }

    .hero-section .slide-3 {
        background-image: url('../images/hero-banner-mobile-3.jpeg');
    }





    /* slider background images */
    .contact-slider-section .slide-1 {
        background-image: url('../images/contact-us-slide.png');
    }

    .contact-slider-section .slide-2 {
        background-image: url('../images/banner-slide-2.png');
    }

    .phone-content-holding {
        padding-top: 0;
    }

    .download-phone {

        left: 0px;
        bottom: -302px;
        max-width: 50%;

    }

    .app-download-btn small {
        display: block;
        font-size: 7px;
    }

    .app-download-btn {
        gap: 6px;
        padding: 6px 12px;
        width: fit-content;
    }


    .why-student-trust-section .w-75 {
        width: 100% !important;
    }

    .phone-content-holding h2 {
        font-size: 19px;
    }

    .course-detail img {
        border-radius: 16px;
    }

    /* about us page style css  */

    .about-us-new-section {
        height: 60vh;
        background: url("../images/about-us-mobile.jpeg") center/cover no-repeat;
    }


    .we-focus-section {

        background: url("../images/we-focus-banner.png") center/cover no-repeat;

    }

    .japan-advantage>div {
        flex: 0 0 auto;
        /* take only content width */
        width: calc(100% - 1rem);
        /* force 3 items per row */
    }



    .study-red-divider-inline span {
        padding: 0 20px;
        font-size: 14px;
    }

    .red-small-vertical-divider {

        margin-block: 10px;

    }

    .border-md-end-danger {
        border-right: none;
    }

    .language-section .border-end {
        border-right: none !important;
    }



    .timeline-row {
        display: grid;
        grid-template-columns: 70px 30px 1fr;
        /* reduced */
        align-items: flex-start;
        margin-bottom: 20px;
        /* less vertical gap */
        position: relative;
    }

    .timeline-line {
        position: absolute;
        left: 75px;
    }
    .jlpt-section h5{
        font-size: 16px;
    }
    .language-section .col-md-3 {
        width: 50%;
    }
    .english-taught-programs-adv{
        justify-content: start!important;
    }
    .step-1 {
    left: 4px;
}
    .step-3 {
        right: -69px;
        top:42px;
    }
        .step-2 {
        top: 237px;
        left: 225px;
    }
    .app-how-section .arrow-1 {
        left: 124px;
    }
        .app-how-section .arrow-1 {
        left: 85px;
    }
        .arrow-2 {
        transform: rotate(-17deg);
    }
        .step-4 {
        right: -89px;
    }
    .step-5 {
        left: 53px;
            top: 452px;
    }
        .arrow-4 {
        left: -181px;
        transform: rotate(5deg);
            top: 112px;
    }
    .jlpt-next-3 {
    margin-top: 120px;
}
  #book-free-counselling-form {
    scroll-margin-top: 80px; /* adjust for mobile header */
  }
  .hero-top {
    grid-template-rows: 50px 70px 20px;
}
.study-gateway-content {
    bottom: -80px;
}
.logo-container-introducing-section {
    flex-direction: column;
    width:660px;
}}

@media (max-width: 576px) {
    .event-hero-section .container{
        top:115px;
    }


    .logo-class {
        max-height: 62px;
    }

    h2 {
        font-size: 18px;
        line-height: 24px;
        font-weight: 700;
    }




    .form-check-container {
        font-size: 10px;
    }

    .container {
        max-width: 95%;

    }


    .workflow-step p {
        width: 80%;
        height: 110px;
    }

    .btn-primary {
        padding-block: 8px;
        padding-inline: 20px;
        font-size: 12px;
        font-weight: 500;
    }

    footer {
        font-size: 12px;
    }

    footer a {
        font-size: 11px;
    }

    footer p {
        font-size: 11px;
    }


    .footer-red-strip {
        font-size: 10px;
    }

    .footer-red-strip a {
        font-size: 10px;
    }

    .footer-red-strip p {
        font-size: 10px;
    }

    .store-btn small {
        font-size: 10px;

    }


    .store-btn span {
        font-size: 11px;

    }

    .store-btn {
        gap: 6px;
        padding: 12px 14px;
    }

    .store-btn i {
        font-size: 20px;
    }




    .testimonial-orbit-wrapper {
        right: -285px;
    }

    .testimonial-orbit-wrapper {

        width: 680px;
    }

    .testimonial-client:nth-of-type(1) {
        top: 315px;
        right: 580px;
    }

    .testimonial-client:nth-of-type(2) {
        top: 180px;
        right: 562px;
    }

    .testimonial-client:nth-of-type(2) {
        top: 215px;
        right: 520px;
    }

    .testimonial-client:nth-of-type(3) {
        top: 240px;
        right: 420px;
    }

    .testimonial-client:nth-of-type(4) {
        top: 130px;
        right: 350px;
    }

    .testimonial-client:nth-of-type(5) {
        top: 355px;
        right: 440px;
    }

    .testimonial-client:nth-of-type(6) {
        top: 345px;
        right: 340px;
    }

    .testimonial-client:nth-of-type(7) {
        top: 275px;
        right: 305px;
    }

    /* .testimonial-section {
        height: 90dvh;
    } */



    .testimonial-text-clamp {
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .testimonial-card {

        gap: 15px;
    }

    .testimonial-left {
        height: 450px;
    }

    .testimonial-main-image {
        width: 140px;
        height: 200px;
    }


    .leaf-item {
        width: 115px;
        margin-top: 20px;
    }

    .leaf-item p {
        font-size: 9px;
    }

    .leaf {
        width: 20px;
        height: 60px;
    }

    body {
        letter-spacing: unset;

    }

    .hero-section {
        height: 60dvh;
    }

    /* Make content wrapper full height */
    .hero-content {
        height: 85%;
    }


    /* Remove width restriction */
    .hero-content .w-60 {
        width: 100% !important;
    }


    .japan-image-slider {
        transform: translateX(2rem);
    }

    .japan-image-slider.start-slide {
        transform: translateX(2rem);
    }


    .testimonial-img {
        width: 100%;
        flex-shrink: 0;
        padding: 10px 0 20px 0;
    }

    .logo-track {

        gap: 60px;

    }

    .testimonial-modal .btn-close {
        width: 0.75rem;
        height: 0.75rem;
    }

    .download-phone {
        left: 0px;
        bottom: -297px;
        max-width: 50%;

    }

    .study-red-divider-inline span {
        padding: 0 20px;
        font-size: 10px;
    }
    .expert-form-enquiry .modal-dialog {
    width: 95%;
}
    .language-section .col-md-3 {
        width: 100%;
    }
    .part-time-box-rht-divider{
        display: none;
    }
.without-japanese-part-time-carrer-growth{
    flex-wrap: wrap;
}
.without-japanese-part-time-carrer-growth .container{
    text-align: left!important;
    padding-left: 0px;
}
.without-japanese-part-time-carrer-growth .container ul{
    padding-left: 0px;
}
    .step-2 {
        left: 104px;
    }
    /* .app-how-section .arrow-1, .app-how-section .arrow-2, .arrow-3, .arrow-4 {
        display: none;
    } */
    .jlpt-next-3 {
        margin-top: 12px;
    }
    .jlpt-container {
    height: 1185px;
}
    .step-5 {
        left: 1px;
        top: 944px;
    }
    .step-3 {
        right: 40px;
        top: 455px;
    }
.step-4 {
    top: 675px;
right: 1px;}
.app-how-section .arrow-1 {
        left: 6px;
                transform: rotate(35deg);
    }
.arrow-2 {
        transform: rotate(150deg);
                top: 225px;
        left: 57px;
    }
    .app-how-section .arrow-2 {
        top: 204px;
        left: 56px;
    }
    .arrow-4 {
        left: 95px;
        transform: rotate(-39deg);
        top: 242px;
        width: 110px;
    }
.arrow-3 {
        transform: scaleX(-1) rotate(5deg);
        left: 5px;
        top:185px;
    }
    #expertModalName{
        margin-top: 15px;
    }
    .logo-container-introducing-section {
        width: 320px;
    }
}



@media (max-width: 475px) {

    .download-phone {
        left: 0px;
        bottom: -297px;
        max-width: 60%;
    }

    .study-red-divider-inline span {
        padding: 0 12px;
        font-size: 10px;
    }
}

@media (max-width: 400px) {
    /* .testimonial-section {
        height: 90dvh;
    } */

    .leaf-item {
        width: 100px;
        margin-top: 20px;
    }

    .leaf-item p {
        font-size: 9px;
    }

    .leaf {
        width: 15px;
        height: 45px;
    }

    .download-phone {
        left: 0px;
        bottom: -297px;
        max-width: 65%;
    }

    .study-red-divider-inline span {
        padding: 0 10px;
        font-size: 9px;
    }

}

@media (max-width: 375px) {
    .testimonial-section {
        height: 80dvh;
    }

    .download-phone {
        left: 0px;
        bottom: -297px;
        max-width: 60%;
    }



}