body {
    margin: 0;
    line-height: normal;
}

:root {
    /* fonts */
    --font-inter: Inter;
    --font-open-sans: "Open Sans";

    /* font sizes */
    --font-size-3xs: 10px;
    --font-size-xs: 12px;
    --font-size-lg: 18px;
    --font-size-13xl: 32px;
    --font-size-xl: 20px;
    --font-size-smi-7: 12.7px;
    --font-size-5xl: 24px;
    --font-size-sm: 14px;
    --font-size-base: 16px;
    --font-size-29xl: 48px;
    --font-size-21xl: 40px;
    --font-size-23xl: 42px;
    --font-size-19xl: 38px;
    --font-size-xs-1: 11.1px;
    --font-size-17xl: 36px;
    --font-size-sm-8: 13.8px;
    --font-size-4xs: 9px;
    --font-size-mid: 17px;
    --font-size-9xl: 28px;
    --font-size-3xl: 22px;
    --font-size-41xl: 60px;
    --font-size-9xl-4: 28.4px;
    --font-size-3xs-5: 9.5px;
    --font-size-2xs-3: 10.3px;
    --font-size-83xl: 102px;

    /* Colors */
    --color-gray-700: #fbfbfb;
    --color-gray-100: #8a8a8a;
    --color-gray-500: #7e7e7e;
    --color-gray-600: #1d1d1d;
    --color-gray-300: #181818;
    --color-gray-200: #010202;
    --color-gray-800: rgba(138, 138, 138, 0.4);
    --color-gray-400: rgba(255, 255, 255, 0.1);
    --color-black: #000;
    --color-silver: #bdbdbd;
    --color-whitesmoke-200: #f1f1f1;
    --color-whitesmoke-100: #eceff1;
    --color-white: #fff;
    --color-steelblue: #008cd1;
    --color-skyblue: #a0dcfe;
    --color-darkgray: #969696;
    --color-midnightblue: #121c5e;
    --color-lightblue: #bce7ff;
    --color-crimson: #d83131;
    --color-seagreen: #388256;
    --color-darkturquoise: #27c2d7;
    --color-blueviolet: #7a31d8;

    /* Gaps */
    --gap-101xl: 120px;
    --gap-xl: 20px;
    --gap-14xl-4: 33.4px;
    --gap-11xs: 2px;
    --gap-97xl: 116px;
    --gap-38xl: 57px;
    --gap-21xl: 40px;
    --gap-13xl: 32px;
    --gap-12xl: 31px;
    --gap-10xl: 29px;
    --gap-9xl: 28px;
    --gap-lgi: 19px;
    --gap-5xl: 24px;
    --gap-3xs: 10px;
    --gap-2xl: 21px;
    --gap-11xl: 30px;
    --gap-sm: 14px;
    --gap-58xl: 77px;
    --gap-77xl: 96px;
    --gap-61xl: 80px;
    --gap-106xl: 125px;
    --gap-base: 16px;
    --gap-17xl: 36px;
    --gap-4xl: 23px;
    --gap-8xs: 5px;
    --gap-5xs: 8px;
    --gap-41xl: 60px;
    --gap-16xl: 35px;
    --gap-43xl: 62px;
    --gap-22xl: 41px;
    --gap-19xl: 38px;
    --gap-37xl: 56px;
    --gap-xs: 12px;
    --gap-81xl: 100px;
    --gap-6xl: 25px;
    --gap-mid: 17px;
    --gap-45xl: 64px;
    --gap-6xs: 7px;
    --gap-481xl: 500px;
    --gap-134xl: 153px;
    --gap-31xl: 50px;
    --gap-107xl: 126px;
    --gap-32xl: 51px;
    --gap-111xl: 130px;
    --gap-35xl: 54px;
    --gap-51xl: 70px;
    --gap-7xs: 6px;
    --gap-29xl: 48px;
    --gap-3xl: 22px;
    --gap-23xl: 42px;
    --gap-mini: 15px;
    --gap-0: 0px;
    --gap-8xl: 27px;
    --gap-103xl: 122px;
    --gap-40xl: 59px;
    --gap-33xl: 52px;
    --gap-117xl: 136px;
    --gap-7xl: 26px;
    --gap-98xl: 117px;
    --gap-76xl: 95px;
    --gap-lg: 18px;
    --gap-4xs: 9px;
    --gap-18xl: 37px;
    --gap-12xs: 1px;
    --gap-64xl: 83px;
    --gap-15xl: 34px;
    --gap-2xs: 11px;
    --gap-9xs: 4px;
    --gap-115xl: 134px;
    --gap-156xl: 175px;
    --gap-57xl: 76px;
    --gap-56xl: 75px;
    --gap-34xl: 53px;
    --gap-14xl: 33px;
    --gap-131xl: 150px;

    /* Paddings */
    --padding-base: 16px;
    --padding-10xl: 29px;
    --padding-29xl: 48px;
    --padding-119xl: 138px;
    --padding-32xl: 51px;
    --padding-31xl: 50px;
    --padding-sm-5: 13.5px;
    --padding-24xl: 43px;
    --padding-2xs: 11px;
    --padding-xl: 20px;
    --padding-27xl: 46px;
    --padding-5xl: 24px;
    --padding-3xs: 10px;
    --padding-81xl: 100px;
    --padding-21xl: 40px;
    --padding-61xl: 80px;
    --padding-117xl: 136px;
    --padding-71xl: 90px;
    --padding-41xl-5: 60.5px;
    --padding-41xl: 60px;
    --padding-26xl: 45px;
    --padding-131xl: 150px;
    --padding-4xs: 9px;
    --padding-161xl: 180px;
    --padding-51xl: 70px;
    --padding-231xl: 250px;
    --padding-85xl: 104px;
    --padding-6xs: 7px;
    --padding-mid: 17px;
    --padding-101xl: 120px;
    --padding-11xl: 30px;
    --padding-mini: 15px;
    --padding-9xs: 4px;
    --padding-11xs: 2px;
    --padding-12xs: 1px;
    --padding-10xs: 3px;
    --padding-181xl: 200px;
    --padding-114xl: 133px;
    --padding-70xl: 89px;
    --padding-481xl: 500px;
    --padding-78xl: 97px;
    --padding-179xl: 198px;
    --padding-129xl: 148px;
    --padding-4xl: 23px;
    --padding-6xl: 25px;
    --padding-209xl: 228px;
    --padding-141xl: 160px;
    --padding-109xl: 128px;
    --padding-225xl: 244px;
    --padding-224xl: 243px;
    --padding-110xl: 129px;
    --padding-36xl: 55px;
    --padding-180xl: 199px;
    --padding-275xl: 294px;
    --padding-228xl: 247px;
    --padding-166xl: 185px;
    --padding-49xl: 68px;
    --padding-xs-5: 11.5px;
    --padding-8xl: 27px;
    --padding-153xl: 172px;
    --padding-192xl: 211px;
    --padding-92xl: 111px;
    --padding-6xs-5: 6.5px;
    --padding-9xl: 28px;
    --padding-17xl: 36px;
    --padding-18xl: 37px;
    --padding-127xl: 146px;
    --padding-7xs: 6px;
    --padding-56xl: 75px;
    --padding-7xl: 26px;
    --padding-25xl: 44px;
    --padding-13xl: 32px;
    --padding-20xl: 39px;
    --padding-xl-5: 20.5px;
    --padding-16xl: 35px;
    --padding-mid-5: 17.5px;
    --padding-lgi: 19px;
    --padding-39xl: 58px;
    --padding-5xs: 8px;
    --padding-2xs-5: 10.5px;
    --padding-xs: 12px;
    --padding-22xl: 41px;
    --padding-19xl: 38px;
    --padding-15xl: 34px;
    --padding-73xl: 92px;
    --padding-sm: 14px;
    --padding-221xl: 240px;
    --padding-63xl: 82px;
    --padding-53xl: 72px;
    --padding-79xl: 98px;

    /* Border radiuses */
    --br-mini: 15px;
    --br-11xl: 30px;
    --br-sm: 14px;
    --br-25xl: 44px;
    --br-base: 16px;
    --br-xs: 12px;
    --br-31xl: 50px;
    --br-xl: 20px;
    --br-lg: 18px;
    --br-6xl: 25px;
    --br-6xl-8: 25.8px;
    --br-3xs: 10px;
    --br-5xs: 8px;
    --br-15xl-2: 34.2px;
    --br-2xs: 11px;
    --br-8xl-4: 27.4px;
    --br-7xs: 6px;
    --br-9xl: 28px;
    --br-3xl: 22px;
    --br-38xl: 57px;
    --br-13xl: 32px;
    --br-14xl-5: 33.5px;
}

/* our features */
.student-tutor-mobile{
    /* width: 80px; */
    margin: 0 auto;
}
.student-parent-tutor{
    /* width: 110px; */
    margin: 0 auto;
}
.past-questions-online-simplify{
    align-self: stretch;
    position: relative;
    font-weight: 300;
    display: inline-block;
    min-height: 46px;
    font-family: Inter;
font-size: 12px;
font-weight: 300;
line-height: 14.52px;
text-align: center;

    /* width: 191px; */
}
.android-ios,.past-questions-online{
    font-family: Inter;
font-size: 12px;
font-weight: 300;
line-height: 14.52px;
text-align: center;
}
.media,.e-library,.e-paymennt{
    height: 159px;
}
.media:hover{
    cursor: pointer;
}
.workshop-feature{
    width: 237px;
    border-radius: var(--br-xs);
    background-color: var(--color-white);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding: 10px 15px 30px;
    box-sizing: border-box;
    gap:25px;
    text-align: center;
    font-size: var(--font-size-xs);
    color: var(--color-black);
    font-family: var(--font-inter);
    height: 159px;
}
.workshop-feature:hover{
    cursor: pointer;
}
.e-library:hover{
    cursor: pointer;
}
.e-paymennt:hover{
    cursor: pointer;
}
/* Section one styles */
.transforming-knowledge-into {
    margin: 0;
    align-self: stretch;
    position: relative;
    line-height: 96%;
    font-weight: 700;
    text-transform: uppercase;
}

.through-rigorous-inquiry {
    flex: 1;
    position: relative;
    font-family: 'Inter';
    font-weight: 300;
    font-size: 16px;
    line-height: 16.8px;
    width: 804px;
}

.header24,
.para1 {
    align-self: stretch;
    display: flex;
    align-items: center;
    justify-content: center;
}

.para1 {
    margin: 0;
    flex-direction: row;
    padding: 0 var(--padding-129xl);
    font-size: var(--font-size-sm);
}

.header24 {
    flex-direction: column;
    padding: var(--padding-3xs);
    gap: 7px;
    text-align: center;
    font-size: var(--font-size-29xl);
    color: var(--color-black);
    font-family: var(--font-inter);
}
.header24 .transforming-knowledge-into{
    font-size: 48px;
    font-family: "Inter";

}
.header24-product-bundle{
    width: 929px;
    height: 86px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
    background: #121C5E;
    text-align: center;
    color: #fff;
}
.product-bundle-cards{
    width: 235px;
background: #FFFFFF;
border-radius: 20px;
padding: 9.13px 6.64px 5.81px;
}
.product-bundle-container{
    display: flex;
    gap: 32px;
    height: 100%;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}
.product-bundle-top-container{
    display: flex;
    flex-direction: column;
    gap: 30.73px;
}
.product-bundle-heading{
    width: 100%;
    font-family: Inter;
    font-size: 16.61px;
    font-weight: 800;
    line-height: 16.61px;
    text-align: center;
    color: #fff;
    border-radius: 16.61px;
    background: #008CD1;
    padding: 15px;
}
.product-bundle-description{
    font-family: Inter;
font-size: 16.61px;
font-weight: 300;
line-height: 16.61px;
text-align: center;
width: 212px;
color: #000000;
}
.product-list{
    padding-left: 15px !important;
}
.transforming-knowledge-into-product-bundle{
    font-family: Inter;
font-size: 36px;
font-weight: 700;
line-height: 34.56px;
text-align: center;
text-transform: uppercase;
}
.image-icon29 {
    /* align-self: stretch;
    max-width: 100%;
    overflow: hidden; */
    /* height: 586px; */
    /* height: auto; */
    /* flex-shrink: 0; */
    object-fit: cover;
    width: 100%;
    /* height: 336px; */
}

.container25,
.sec-1-research-banner,.sec-1-research-banner-product,.container25-product {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}

.container25 {
    width: 1004px;
    gap: var(--gap-xl);
}
.container25-product{
    gap: 27px;
}

.sec-1-research-banner {
    position: relative;
    background-color: var(--color-whitesmoke-100);
    width: 100%;
    padding: 140px var(--padding-119xl) var(--padding-26xl);
    box-sizing: border-box;
   
    background: #F9F9F9;
    background-repeat: no-repeat;
    background-position: top;
    background-size: 100% 100%;
    height: 730px;
}
.sec-1-research-banner-product{
    position: relative;
    background-color: var(--color-whitesmoke-100);
    width: 100%;
    padding: 89px var(--padding-119xl) 44px;
    box-sizing: border-box;
   
    background: #ECEFF1;

}
.katon-360-classroom-image-container{
display: flex;
flex-direction: row;
gap: 15px;
}
.katon-product-bundle-cards-container{
    display: flex;
    flex-direction: row;
    gap: 33.22px;
}

.katon-product-bundle-cards-main{
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: center;
}

.katon-product-bundle-bottom-cards-container{
    display: flex;
    gap: 30.73px;
}

.bottom-card-container{
    width: 370px;
    border-radius: 16.61px;
    background-color: #FFFFFF;
    padding: 9.13px 6.64px 5.81px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    height: 100%;
    gap: 47.78px;
}

.bottom-card-top-texts-container{
    display: flex;
    flex-direction: column;
    gap: 30.73px;
    width: 100%;
}

.bottom-card-top-texts-container .top-text-container{
    min-height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16.61px;
    line-height: 16.61px;
    font-family: 'Inter';
    color: #FFFFFF;
    font-weight: 800;
    text-align: center;
    background-color: #858EF3;
    width: 100%;
    border-radius: 16.61px;
}

.bottom-card-top-texts-container .middle-text-container{
    font-size: 16.61px;
    line-height: 16.61px;
    font-family: 'Inter';
    font-weight: 800;
    color: black;
    text-align: center;
}

.bottom-text-container{
    min-height: 96.34px;
    padding: 26.58px 39px 33.76px 39.86px;
    font-size: 12px;
    line-height: 12px;
    font-family: 'Inter';
    color: black;
    text-align: center;
    font-weight: 500;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #F1F1F1;
    border-radius: 16.61px;
}
/* section nine */
.katon-360-classroom-device-outlook{
    background: #FFFFFF;
    padding: var(--padding-81xl) var(--padding-119xl) 25px;
}
.katon-360-classroom-device-container{
    display: flex;
    flex-direction: column;
    gap: 10px;
    /* align-items: center; */
    justify-content: center;
}
.katon-360-classroom-device-image{
    object-fit: cover;
    width: 264.04px;
height: 235.57px;
}
.katon-360-classroom-device-outlook-container{
    padding: 45px 40px;
    display: flex;
    gap: 35px;
}
.katon-360-classroom-device-heading{
    width: 340px;
    font-family: Inter;
    font-size: 36px;
    font-weight: 700;
    line-height: 36px;
    text-align: left;
    color: #121C5E;
    
}
.katon-360-classroom-device-description{
    width: 293px;
    font-family: Inter;
font-size: 16px;
font-weight: 300;
line-height: 16.8px;
text-align: left;
color: #121C5E;
}
.katon-360-classroom-device-image-container{
    background: #ECECEC;
    padding: 26px;
    display: flex;
    gap: 20px;
    flex-direction: column;
}
.katon-360-classroom-device-image-container-one{
display: flex;
gap: 10px;
}
.product-bundle-description p {
    font-family: 'Inter';
    font-size: 16.61px;
    font-weight: 800;
    line-height: 16.61px;
    text-align: center;
    color: #000000;
    /* padding: 50px 0px 0px 20px; */
}
.product-bundle-bottom-text {
    background-color: #F1F1F1;
    width: 100%;
    text-align: center;
    border-radius: 16.61px;
    /* padding: 26.58px 29.9px 21.76px; */
    padding: 24.91px 23.25px 23.42px 22.42px;
    min-height: 96px;
}
.product-bundle-bottom-text p {
    font-family: 'Inter';
    font-size: 12px;
    font-weight: 500;
    line-height: 12px;
    text-align: center;
    color: #000000;
    margin-bottom: 0px;
}

#transforming .we-enable-secure{
    margin-top: 2px;
}
@media screen and (max-width: 1200px) {
    .image-icon29 {
        width: 100%;
        flex: 1;
    }

    .container25 {
        align-self: stretch;
        width: auto;
    }

    .sec-1-research-banner {
        width: auto;
        align-self: unset;
        padding-left: var(--padding-119xl);
        box-sizing: border-box;
    }
}

@media screen and (max-width: 960px) {
    .transforming-knowledge-into {
        font-size: var(--font-size-23xl);
    }

    .header24,
    .transforming-knowledge-into {
        align-self: stretch;
        width: auto;
    }

    .container25,
    .header24,
    .image-icon29 {
        padding-left: 0;
        padding-right: 0;
        box-sizing: border-box;
    }

    .image-icon29 {
        width: 100%;
        flex: 1;
        align-items: flex-start;
        justify-content: flex-start;
    }

    .container25 {
        align-self: stretch;
        width: auto;
    }

    .sec-1-research-banner {
        width: auto;
        align-self: unset;
        align-items: center;
        justify-content: flex-start;
        padding-left: var(--padding-31xl);
        padding-right: var(--padding-31xl);
        box-sizing: border-box;
    }
}

@media screen and (max-width: 768px) {
    .sec-1-research-banner{
        height: 100%;
        background-image: none !important;
        padding: 231px 20px 30px 20px;
    }
    .katon-360-classroom-image-container{
        position: relative;
        flex-direction: row !important;
        gap: 127px;
        margin-top: 60px;
    }
    .header24{
        gap: 25px;
        padding: 0px 20px 0px;
    }
    .sec-1-research-banner .transforming-knowledge-into{
        font-size: 30px;
        line-height: 96%;
        font-weight: 800;
        text-align: center;
    }
    .header24 .through-rigorous-inquiry{
        font-size: 14px;
        line-height: 105%;
        text-align: center;
    }
    .container25{
        gap: 40px;
    }
    .imageOne, .imageThree{
        max-width: 140.93px;
        height: 342px !important;
        border-radius: 20px;
    }
    .imageTwo{
        position: absolute;
        max-width: 174.17px;
        height: 369px !important;
        border-radius: 20px;
        left: 50%;
        transform: translate(-50%, -50%);
        top: 38%;
    }
}

@media screen and (max-width: 450px) {
    .katon-360-classroom-image-container{
        width: 100%;
        justify-content: space-between;
        gap: 0px;
    }
}
@media screen and (max-width: 500px) {
    .sec-1-research-banner{
        padding-top: 210px;
    }
    .transforming-knowledge-into{
        line-height: 44px;
    }
    .container25{
        gap: 15px;
    }
    .sec-2-work-with-1{
        padding-top: 24px;
    }
}
@media screen and (max-width: 430px) {
    .sec-2-work-with-1{
        padding-left: 41px !important;
        padding-right: 41px !important;
        padding-top: 20px !important;
    }
    .container37{
        padding-left: 27px !important;
        padding-right: 26px !important;
    }
    .work-with-external{
        font-size: 37px !important;
    }
    .img-1{
        margin-top: 58px;
    }
    .through-rigorous-inquiry{
        width: 340px;
    }
}
@media screen and (max-width: 428px) {
    .transforming-knowledge-into {
        font-size: var(--font-size-21xl);
    }

    .para1 {
        padding-left: 0;
        padding-right: 0;
        box-sizing: border-box;
    }


    .image-icon29 {
        width: 100%;
        height: auto;
        align-items: flex-start;
        justify-content: flex-start;
        padding-left: 0;
        padding-right: 0;
        box-sizing: border-box;
    }

    .container25,
    .sec-1-research-banner {
        width: auto;
        align-items: center;
        justify-content: flex-start;
        box-sizing: border-box;
    }

    .container25 {
        align-self: stretch;
        flex: 1;
        padding-left: 0;
        padding-right: 0;
    }

    .sec-1-research-banner {
        align-self: unset;
        /* padding-left: var(--padding-base);
        padding-right: var(--padding-base); */
    }
}

@media screen and (max-width: 420px) {
    .transforming-knowledge-into {
        font-size: var(--font-size-21xl);
        align-self: stretch;
        width: auto;
    }

    .through-rigorous-inquiry {
        flex: 1;
    }

    .header24 {
        align-self: stretch;
        width: auto;
    }

    .image-icon29 {
        width: 100%;
        flex: 1;
        padding-left: 0;
        padding-right: 0;
        box-sizing: border-box;
    }

    .container25,
    .sec-1-research-banner {
        align-items: center;
        justify-content: flex-start;
        box-sizing: border-box;
    }

    .container25 {
        align-self: stretch;
        width: auto;
        flex: 1;
        padding-left: 0;
        padding-right: 0;
    }

    .sec-1-research-banner {
        width: 100%;
        height: auto;
        /* padding-left: var(--padding-base);
        padding-right: var(--padding-base); */
    }
}

@media screen and (max-width: 375px) {
    .transforming-knowledge-into {
        font-size: var(--font-size-19xl);
    }
    .imageTwo{
        max-width: 168.17px;
    }
    .image-icon29 {
        width: 100%;
        flex: 1;
    }
    .through-rigorous-inquiry{
        width: 100%;
    }
}

@media screen and (max-width: 350px) {
    .header24{
        padding: 0;
    }

    .image-icon29 {
        width: 100%;
        flex: 1;
    }
}



/* section Two Styles */
.we-enable-secure,
.work-with-external .we-enable-secure-pta,.work-with-external-transforming{
    margin: 0;
    align-self: stretch;
    position: relative;
}

.work-with-external {
    font-size: inherit;
    line-height: 110%;
    font-weight: 700;
    font-family: inherit;
}
.work-with-external-transforming{
    font-family: Inter;
font-size: 36px;
font-weight: 800;
line-height: 36px;
text-align: left;
width:427px;
}
.we-enable-secure {
    font-weight: 300;
    line-height: 16.8px;
    font-weight: 200;
    width: 416px;
    font-size: 16px;
}
.we-enable-secure-pta{
    font-family: Inter;
font-size: 16px;
font-weight: 200;
line-height: 16.8px;
text-align: left;
color: #FFFFFF;
width: 499px;
}
.header25 {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 20px;
    flex: 0;
}

.header25-cuit,.header25-onboarding-process,.header25-live-class{
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 20px;
    flex: 0;
}
.header25-cuit{
    padding-top: 25px;
    gap: 9px;
}
.header25-pta{
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    flex: 0;
    gap: 10px;
}
.header25-live{
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 30px;
    flex: 0;
}
.library-container{
    gap: 20px;
    display: flex;
    flex-direction: column;
}
.schools-onboard-container{
    display: flex;
    flex-direction: column;
    /* gap: 10px; */
}
.onboarding-process-text{
    font-family: Inter;
font-size: 16px;
font-weight: 300;
line-height: 16.8px;
text-align: left;
color: #000000;
width: 329px;
}
.onboarding-process-steps-whole{
    display: flex;
    /* padding: 30px; */
    justify-content: flex-start;
    padding-top: 10px;
    width: 517px;
    gap: 15px;
}
.onboarding-process-steps-container{
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.onboarding-process-steps-one{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.onboarding-process-steps-one{
    display: flex;
    flex-direction: column;
}
.onboarding-steps-title{
    font-family: Inter;
font-size: 12.97px;
font-weight: 700;
line-height: 13.62px;
text-align: left;
color: #000000;

}
.onboarding-steps-description{
    font-family: Inter;
font-size: 12.97px;
font-weight: 300;
line-height: 13.62px;
text-align: left;
color: #000000;
width: 250px;
height: 83px;
}
.onboarding-process-span{
    font-family: Inter;
font-size: 12.97px;
font-weight: 700;
line-height: 13.62px;
text-align: left;
color: #008CD1;
}
.onboarding-process-span-two{
    font-family: Inter;
font-size: 12.97px;
font-weight: 700;
line-height: 13.62px;
text-align: left;
color: #121C5E;
}
.onboarding-process-span-three{
    font-family: Inter;
font-size: 12.97px;
font-weight: 700;
line-height: 13.62px;
text-align: left;
color: #9747FF;
}
.onboarding-process-span-four{
    font-family: Inter;
font-size: 12.97px;
font-weight: 700;
line-height: 13.62px;
text-align: left;
color: #30B054;
}
.work-with-external-onboarding-process{
    font-family: Inter;
font-size: 48px;
font-weight: 800;
line-height: 100%;
text-align: left;
color: #000000;
width: 245px;

}
.katon-40-plus{
    font-family: Inter;
    font-size: 36px;
    font-weight: 700;
    line-height: 49.68px;
    text-align: left;
    color: #000000;
    
}
.schools-onboard{
    font-family: Inter;
font-size: 14px;
font-weight: 500;
line-height: 19.32px;
text-align: left;
color: #000000;
}
.ellipse-icon {
    width: 19px;
    height: 19px;
    object-fit: cover;
}

.research-drives-progress {
    margin: 0;
    flex: 1;
    position: relative;
    line-height: 105.02%;
    font-weight: 300;
}

.para-11 {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: var(--gap-base);
}

.fuelling-innovation-and {
    margin: 0;
    flex: 1;
    position: relative;
    line-height: 119%;
    font-weight: 300;
}

.para-21 {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    /* align-items: center; */
    justify-content: flex-start;
    gap: var(--gap-base);
}

.training-cultivates-specialize {
    margin: 0;
    position: relative;
    line-height: 119%;
    font-weight: 300;
}

.para-31 {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    /* align-items: center; */
    justify-content: flex-start;
    gap: var(--gap-base);
}

.container37,
.list1,
.sec-2-work-with-1,.sec-2-work-with-1-onboarding-process,.sec-2-work-with-1-live-class,.container37-live-class,.sec-2-work-with-1-library,.sec-2-work-with-1-pta,.container37-pta {
    display: flex;
    /* flex-direction: column; */
    justify-content: flex-start;
}
.container37-onboarding-process{
    display: flex;
    /* flex-direction: column; */
    justify-content: flex-start;
}
.arminit-image{
    width: 479.17px;
    object-fit: cover;
    height: 440px;
}

.arminit-image-pta{
    object-fit: cover;
    width: 100%;
    /* height: 385px; */
    border-radius: 40px;
}
.list1 {
    margin: 0;
    align-self: stretch;
    align-items: center;
    padding: 0 var(--padding-xl);
    gap: var(--gap-xl);
    font-size: var(--font-size-sm);
}

.container37,.container37-onboarding-process
.sec-2-work-with-1 ,.sec-2-work-with-1-onboarding-process,.sec-2-work-with-1-live-class,.container37-live-class,.sec-2-work-with-1-library,.sec-2-work-with-1-pta,.container37-pta{
    box-sizing: border-box;
}

.container37 {
    width: 1004px;
    border-radius: var(--br-11xl);
    /* background-color: var(--color-steelblue); */
    overflow: hidden;
    align-items: flex-start;
    /* padding: var(--padding-20xl) var(--padding-161xl); */
    padding: 45px;
    /* gap: var(--gap-xl); */
}
.container37-pta{
    color: #FFFFFF;
    background: #008CD1;
    width: 1004px;
    height: 457px;
    
    border-radius: 40px;
    padding: 35px 55px;
    gap: 55px;
    overflow: hidden;
    display: flex;
    align-items: flex-start;
    

}
.work-with-external-pta{
    width: 500px;
    font-family: Inter;
    font-size: 48px;
    font-weight: 800;
    line-height: 48px;
    text-align: left;
    

}
.container37-live-class{
    /* width: 1004px; */
    border-radius: var(--br-11xl);
    /* background-color: var(--color-steelblue); */
    overflow: hidden;
    align-items: flex-start;
    /* padding: var(--padding-20xl) var(--padding-161xl); */
    padding: 0px 0px 0px 105px;
    gap: 50px;
}

.live-class-image{
    object-fit: cover;
    width: 95%;
    /* height: 695px; */
}
.container37-onboarding-process{
    width: 1004px;
    border-radius: var(--br-11xl);
    /* background-color: var(--color-steelblue); */
    overflow: hidden;
    align-items: flex-start;
    /* padding: var(--padding-20xl) var(--padding-161xl); */
    padding: 10px 45px;
    gap: 105px;
}
.cta47 {
    cursor: pointer;
    border: 0;
    padding: var(--padding-6xs) var(--padding-7xl);
    background-color: var(--color-midnightblue);
    border-radius: var(--br-base);
    height: 38px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    margin-top: 40px;
  }
  .cta47-product{
    cursor: pointer;
    border: 0;
    padding: var(--padding-6xs) var(--padding-7xl);
    background-color: var(--color-midnightblue);
    border-radius: var(--br-base);
    height: 38px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    margin-top: 5px;
  }
  .book-a-recording {
    position: relative;
    font-family: Inter;
font-size: 14px;
font-weight: 500;
line-height: 16.94px;
text-align: left;
color: #FFFFFF;
  }
  .onboarding-40{
    display: flex;
    flex-direction: column;
    gap: 5px;
  }
  .katon-360-classroom-a{
    text-decoration: none;
  }

.sec-2-work-with-1 {
    position: relative;
    background: #ECEFF1;
    width: 100%;
    align-items: center;
    padding: var(--padding-81xl) var(--padding-119xl);
    text-align: left;
    font-size: var(--font-size-29xl);
    color: #000000;
    font-family: var(--font-inter);
}
.sec-2-work-with-1-pta{
    position: relative;
    background: #121C5E;
    width: 100%;
    align-items: center;
    padding: var(--padding-81xl) var(--padding-119xl);
    height: 520px;
    text-align: left;
    font-size: var(--font-size-29xl);
    color: #000000;
    font-family: var(--font-inter);
}
.sec-2-work-with-1-live-class{
    position: relative;
    background: #121C5E;

    width: 100%;
    align-items: center;   
    padding: 0px 0px 0px 100px;
        text-align: left;
    font-size: var(--font-size-29xl);
    color: #FFFFFF;
    font-family: var(--font-inter);
    /* height: 695px; */
}
.sec-2-work-with-1-library{
    position: relative;
    background: #008CD1;

    width: 100%;
    align-items: center;   
    padding: 0px 0px 0px 100px;
        text-align: left;
    font-size: var(--font-size-29xl);
    color: #FFFFFF;
    font-family: var(--font-inter);
}
.sec-2-work-with-1-onboarding-process{
    position: relative;
    background: #FFFFFF;

    width: 100%;
    align-items: center;
    padding: 113px var(--padding-119xl);
    text-align: left;
    font-size: var(--font-size-29xl);
    color: #000000;
    font-family: var(--font-inter);
}
.live-class-border-box{
    display: flex;
    gap: 20px;
    padding-top: 15px;
}

.live-class-border-container{
    display: flex;
    flex-direction: column;
    gap: 10px;
    background: #0B74BB;
    width: 123.63px;
height: 96px;
border-radius: 14px;
align-items: center;
justify-content: center;
}
.live-class-border-container-two{
    display: flex;
    flex-direction: column;
    gap: 10px;
    background: #858EF3;
    width: 123.63px;
height: 96px;
border-radius: 14px;
align-items: center;
justify-content: center;
}
.live-class-google-image{
    display: flex;
    gap: 10px;
    padding-top: 20px;
}
.live-class-google-image-pta{
    display: flex;
    gap: 10px;
    padding-top: 25px;
}
.live-class-border-container-three{
    display: flex;
    flex-direction: column;
    gap: 10px;
    background: #11BEC9;

    width: 123.63px;
height: 96px;
border-radius: 14px;
align-items: center;
justify-content: center;
}
.live-class-border-container-inside{
    position: relative;
    background: #8AD0FF;
    width: 95.31px;
height: 49.04px;

gap: 0px;
border-radius: 15px;
opacity: 0px;
display: flex;
align-items: center;
justify-content: center;

}
.live-class-border-container-inside-two{
    position: relative;
    background: #BDC2FC;
    width: 95.31px;
height: 49.04px;
gap: 0px;
border-radius: 15px;
opacity: 0px;
display: flex;
align-items: center;
justify-content: center;
}
.live-class-border-container-inside-three{
    position: relative;
    background: #B2EEE3;
    width: 95.31px;
height: 49.04px;

gap: 0px;
border-radius: 15px;
opacity: 0px;
display: flex;
align-items: center;
justify-content: center;
}
.live-class-image-one{
    position:absolute;

}
.live-class-image-google{
    object-fit: cover;
    width: 100%;
}
.live-class-border-text{
    font-family: Inter;
font-size: 13.05px;
font-weight: 700;
line-height: 11.4px;
text-align: center;
color: #FFFFFF;
/* width: 73px; */
}
.cta47-product-device{
    cursor: pointer;
    border: 0;
    padding: var(--padding-6xs) var(--padding-7xl);
    background-color: var(--color-midnightblue);
    border-radius: var(--br-base);
    height: 38px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    gap: 10px;
    margin-top: 30px;
  }

@media screen and (max-width: 1200px) {
    .container37 {
        align-self: stretch;
        width: auto;
    }
}

@media screen and (max-width: 960px) {
    .work-with-external {
        font-size: var(--font-size-21xl);
        align-self: stretch;
        width: auto;
    }

    .container37,
    .sec-2-work-with-1 {
        align-self: stretch;
        width: auto;
        padding-left: var(--padding-81xl);
        padding-right: var(--padding-81xl);
        box-sizing: border-box;
    }

    .sec-2-work-with-1 {
        align-self: unset;
        height: auto;
        padding-left: var(--padding-31xl);
        padding-right: var(--padding-31xl);
    }
}
@media screen and (max-width: 430px) {
    .container37{
        border-radius: 15px;
    }
}
@media screen and (max-width: 428px) {
    /* .work-with-external {
        font-size: var(--font-size-21xl);
    } */

    .research-drives-progress {
        flex: 1;
    }

    .fuelling-innovation-and {
        flex: 1;
        align-self: stretch;
        height: auto;
    }

    .para-21 {
        height: auto;
    }

    .training-cultivates-specialize {
        flex: 1;
        align-self: stretch;
        height: auto;
    }

    .list1,
    .para-31 {
        align-self: stretch;
    }

    .para-31 {
        width: auto;
    }

    .list1 {
        flex: 1;
        height: auto;
    }

    .container37 {
        width: 100%;
        gap: var(--gap-15xl);
        padding-top: var(--padding-41xl);
        padding-bottom: var(--padding-41xl);
        box-sizing: border-box;
    }

    .sec-2-work-with-1 {
        width: auto;
        align-self: unset;
        /* padding-left: var(--padding-base);
        padding-right: var(--padding-base); */
        box-sizing: border-box;
    }
}

@media screen and (max-width: 420px) {
    .work-with-external {
        /* font-size: var(--font-size-21xl); */
        align-self: stretch;
        width: auto;
    }

    .research-drives-progress {
        flex: 1;
        align-self: stretch;
        height: auto;
    }

    .fuelling-innovation-and,
    .training-cultivates-specialize {
        flex: 1;
    }

    .container37,
    .sec-2-work-with-1 {
        height: auto;
        flex-direction: row;
        box-sizing: border-box;
    }

    .container37 {
        flex: 1;
        flex-wrap: wrap;
        /* padding: var(--padding-41xl) var(--padding-base); */
    }

    .sec-2-work-with-1 {
        width: auto;
        align-self: unset;
        align-items: center;
        justify-content: flex-start;
        /* padding-left: var(--padding-base);
        padding-right: var(--padding-base); */
    }
}

@media screen and (max-width: 375px) {
    .work-with-external {
        font-size: var(--font-size-19xl);
    }
}

@media screen and (max-width: 350px) {
    .work-with-external {
        font-size: var(--font-size-19xl);
    }
}


/* section three styles */
.propagating-insights-to {
    margin: 0;
}

.propagating-insights-to-container {
    margin: 0;
    align-self: stretch;
    position: relative;
    font-size: inherit;
    line-height: 120%;
    font-weight: 700;
    font-family: inherit;
}

.as-a-premier {
    margin: 0 auto;
    width: 780px;
    align-self: stretch;
    position: relative;
    font-size: var(--font-size-sm);
    line-height: 147%;
    font-weight: 300;
    margin-bottom: 65px;
}

.img-1-child,
.img-2-child {
    align-self: stretch;
    position: relative;
    border-radius: var(--br-15xl-2);
    object-fit: cover;
}

.img-1-child {
    width: 492px;
    max-height: 100%;
}

.img-2-child {
    max-width: 100%;
    overflow: hidden;
    height: 351px;
    flex-shrink: 0;
}

@media screen and (max-width: 515px) {
    .img-2-child{
        height: 290px;
    }
}

/* @media screen and (max-width: 432px) {
    .work-with-external{
        font-size: 28px;
    }
} */

.img-1,
.img-2 {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

.img-2 {
    flex: 1;
    flex-direction: column;
    gap: var(--gap-3xl);
}

.img-1 {
    align-self: stretch;
    flex-direction: row;
    gap: var(--gap-xl);
    }

.container27,
.sec-3-propagating-insights {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.container27 {
    width: 1004px;
    height: 964px;
    align-items: flex-start;
    gap: var(--gap-xl);
    text-align: center;
    font-size: var(--font-size-29xl);
    color: var(--color-black);
    font-family: var(--font-inter);
}

.sec-3-propagating-insights {
    width: 100%;
    position: relative;
    background-color: var(--color-whitesmoke-100);
    align-items: center;
    padding: var(--padding-101xl) var(--padding-119xl);
    box-sizing: border-box;
}

.Classroom360SchoolApplication{
    background-color: #ECEFF1;
    padding: 140px 189px;
}

.Classroom360SchoolApplication .Classroom360SchoolApplicationMainContainer{
    display: flex;
    gap: 45px;
    align-items: center;
}

.Class360HeadingDescContainer{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 23px;
}

.Classroom360ContentContainer{
    display: flex;
    flex-direction: column;
    gap: 68px;
    align-items: flex-start;
}

.Classroom360SchoolApplication .Classroom360SchoolApplicationMainContainer .Classroom360ContentContainer .Class360HeadingDescContainer .Class360HeadingStyle{
    font-size: 36px;
    line-height: 36px;
    font-weight: 800;
    font-family: 'Inter';
    color: #000000;
    text-transform: uppercase;
    width: 468px;
}

.Classroom360SchoolApplication .Classroom360SchoolApplicationMainContainer .Classroom360ContentContainer .Class360HeadingDescContainer .Class360DescStyle{
    font-size: 16px;
    line-height: 16.8px;
    font-weight: 300;
    font-family: 'Inter';
    color: #000000;
    width: 416px;
    color: '#000000';
    text-align: left;
}

.Classroom360ContentContainer .Class360CtaContainer{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 22px;
}

.Class360CtaContainer .Class360SubHeadingStyle{
    font-size: 14px;
    line-height: 14.7px;
    font-family: 'Inter';
    font-weight: 300;
    color: #000000;
}

.Class360CtaContainer .ctaButtonContainer{
    display: flex;
    gap: 23px;
}

.JoinAsAStudentBtnStyle, .JoinClassroomBtnStyle{
    padding: 10.5px 26px;
    outline: none;
    border: none;
    font-family: 'Inter';
    font-size: 14px;
    line-height: 16.94px;
    font-weight: 500;
    color: #FFFFFF;
    border-radius: 16px;
}

.JoinAsAStudentBtnStyle{
    background-color: #121C5E;
}

.JoinClassroomBtnStyle{
    background-color: #008CD1;
}

.Class360roomImageContainer{
    width: 395px;
    height: 440px;
    border-radius: 20px;
}
.Class360roomImageContainer .class360ImageStyle{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
}
.fourRolesCtaContainer{
    display: none;
}

@media screen and (max-width: 1200px) {
    .Classroom360SchoolApplication{
        padding-left: 140px;
        padding-right: 140px;
    }
    .img-1-child {
        width: 49%;
    }

    .img-2 {
        flex: 1;
    }

    .img-1 {
        width: 100%;
        flex-direction: row;
        align-items: flex-start;
        justify-content: flex-start;
    }

    .container27 {
        align-self: stretch;
        width: auto;
    }

    .sec-3-propagating-insights {
        width: auto;
        align-self: unset;
        align-items: flex-start;
        justify-content: center;
    }
}

@media screen and (max-width: 1050px) {
    .Classroom360SchoolApplication{
        padding-left: 90px;
        padding-right: 90px;
    }
}
@media screen and (max-width: 960px) {
    .Classroom360SchoolApplication{
        padding: 50px;
    }
    .Classroom360SchoolApplicationMainContainer{
        flex-direction: column;
    }
    .propagating-insights-to-container {
        font-size: var(--font-size-23xl);
    }

    .img-1-child {
        width: 49%;
    }

    .img-2 {
        flex: 1;
    }

    .container27 {
        align-self: stretch;
        width: auto;
    }

    .sec-3-propagating-insights {
        padding-left: var(--padding-31xl);
        padding-right: var(--padding-31xl);
        box-sizing: border-box;
    }
}

@media screen and (max-width: 768px) {
    .Classroom360SchoolApplication{
        background-color: white;
        padding: 30px 20px !important;
    }
    .Class360CtaContainer{
        display: none !important;
    }
    .Class360roomImageContainer{
        display: none !important;
    }

    .Class360HeadingDescContainer{
        padding: 30px 20px 0;
        gap: 20px;
    }

    .Classroom360SchoolApplicationMainContainer{
        gap: 25px !important;
    }

    .Class360HeadingDescContainer .Class360HeadingStyle{
        font-size: 30px !important;
        line-height: 30px !important;
        text-align: center !important;
    }

    .Class360HeadingDescContainer .Class360DescStyle{
        font-size: 14px !important;
        line-height: 14.7px !important;
        font-weight: 300 !important;
        text-align: center !important;
    }

    .fourRolesCtaContainer{
        display: flex;
        flex-direction: column;
        gap: 10px;
        width: 100%;
    }

    .fourRolesCtaContainer a{
        text-decoration: none;
    }

    /* student container css */
    .fourRolesCtaContainer .studentCtaContainer{
        border-radius: 16px;
        background-color: #858EF3;
        display: flex;
        gap: 10px;
        padding: 0 24px;
        justify-content: space-between;
        align-items: center;
    }
    .fourRolesCtaContainer .studentCtaContainer .titlesContainer{
        display: flex;
        flex-direction: column;
        gap: 4px;
    }
    .fourRolesCtaContainer .studentCtaContainer .titlesContainer .titleContainer{
        font-family: Inter;
        color: white;
        font-weight: 600;
        line-height: 25.21px;
        font-size: 24px;
    }
    .fourRolesCtaContainer .studentCtaContainer .titlesContainer .subTitleContainer{
        font-family: Inter;
        color: white;
        font-weight: 300;
        line-height: 14.52px;
        font-size: 12px;
    }
    .fourRolesCtaContainer .studentCtaContainer .roleImageContainer{
        width: 132px;
    }
    .fourRolesCtaContainer .studentCtaContainer .roleImageContainer img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    /* teacher container css */
    .fourRolesCtaContainer .teacherCtaContainer{
        border-radius: 16px;
        background-color: #0B74BB;
        display: flex;
        gap: 10px;
        padding: 0 24px;
        justify-content: space-between;
        align-items: center;
    }
    .fourRolesCtaContainer .teacherCtaContainer .titlesContainer{
        display: flex;
        flex-direction: column;
        gap: 4px;
        padding: 10px 12px;
    }
    .fourRolesCtaContainer .teacherCtaContainer .titlesContainer .titleContainer{
        font-family: Inter;
        color: white;
        font-weight: 600;
        line-height: 25.21px;
        font-size: 24px;
    }
    .fourRolesCtaContainer .teacherCtaContainer .titlesContainer .subTitleContainer{
        font-family: Inter;
        color: white;
        font-weight: 300;
        line-height: 14.52px;
        font-size: 12px;
    }
    .fourRolesCtaContainer .teacherCtaContainer .roleImageContainer{
        width: 132px;
    }
    .fourRolesCtaContainer .teacherCtaContainer .roleImageContainer img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    /* pta container css */
    .fourRolesCtaContainer .ptaCtaContainer{
        border-radius: 16px;
        background-color: #11BEC9;
        display: flex;
        gap: 10px;
        padding: 0 24px;
        justify-content: space-between;
        align-items: center;
    }
    .fourRolesCtaContainer .ptaCtaContainer .titlesContainer{
        display: flex;
        flex-direction: column;
        gap: 4px;
        padding: 10px 12px;
    }
    .fourRolesCtaContainer .ptaCtaContainer .titlesContainer .titleContainer{
        font-family: Inter;
        color: white;
        font-weight: 600;
        line-height: 25.21px;
        font-size: 24px;
    }
    .fourRolesCtaContainer .ptaCtaContainer .titlesContainer .subTitleContainer{
        font-family: Inter;
        color: white;
        font-weight: 300;
        line-height: 14.52px;
        font-size: 12px;
    }
    .fourRolesCtaContainer .ptaCtaContainer .roleImageContainer{
        width: 132px;
    }
    .fourRolesCtaContainer .ptaCtaContainer .roleImageContainer img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }


    /* admin container css */
    .fourRolesCtaContainer .adminCtaContainer{
        border-radius: 16px;
        background-color: #008CD1;
        display: flex;
        gap: 10px;
        padding: 0 24px;
        justify-content: space-between;
        align-items: center;
    }
    .fourRolesCtaContainer .adminCtaContainer .titlesContainer{
        display: flex;
        flex-direction: column;
        gap: 4px;
        padding: 10px 12px;
    }
    .fourRolesCtaContainer .adminCtaContainer .titlesContainer .titleContainer{
        font-family: Inter;
        color: white;
        font-weight: 600;
        line-height: 25.21px;
        font-size: 24px;
    }
    .fourRolesCtaContainer .adminCtaContainer .titlesContainer .subTitleContainer{
        font-family: Inter;
        color: white;
        font-weight: 300;
        line-height: 14.52px;
        font-size: 12px;
    }
    .fourRolesCtaContainer .adminCtaContainer .roleImageContainer{
        width: 132px;
    }
    .fourRolesCtaContainer .adminCtaContainer .roleImageContainer img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}

@media screen and (max-width: 550px) {
    .Classroom360SchoolApplication .Classroom360SchoolApplicationMainContainer .Classroom360ContentContainer .Class360HeadingDescContainer .Class360HeadingStyle{
        font-size: 26px;
        line-height: 26px;
        text-align: center;
        width: 100%;
    }
    .Classroom360SchoolApplication .Classroom360SchoolApplicationMainContainer .Classroom360ContentContainer .Class360HeadingDescContainer .Class360DescStyle{
        font-size: 14px;
        line-height: 14.8px;
        text-align: center;
        width: 100%;
    }
    .Classroom360ContentContainer{
        align-items: center;
    }
    .Class360roomImageContainer{
        width: 100%;
        height: 100%;
    }
}

@media screen and (max-width: 460px) {
    .Classroom360SchoolApplication{
        padding: 59.5px 20px 36.5px;
    }
}
@media screen and (max-width: 432px) {
    .propagating-insights-to-container {
        font-size: var(--font-size-21xl);
    }

    .img-1-child {
        width: 100%;
        border-radius: var(--br-xl);
    }

    .img-2-child {
        flex: 1;
        border-radius: var(--br-xl);
    }

    .img-1,
    .img-2 {
        width: 100%;
        gap: var(--gap-xl);
    }

    .img-2 {
        flex: unset;
        align-self: stretch;
    }

    .img-1 {
        height: auto;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        padding-left: 0;
        padding-right: 0;
        box-sizing: border-box;
    }

    .container27 {
        flex: 1;
    }

    .sec-3-propagating-insights {
        width: auto;
        align-self: unset;
        padding-left: var(--padding-base);
        padding-right: var(--padding-base);
        box-sizing: border-box;
    }
}

@media screen and (max-width: 430px) {
    .sec-3-propagating-insights{
        padding: 83px 40px;
    }
    .advancing-knowledge-and-container2{
        width: 270px;
        margin: 0 auto;
    }
    .connecting-solid-research2{
        width: 308px;
        margin: 0 auto;
    }

    .propagating-insights-to-container {
        font-size: var(--font-size-21xl);
    }

    .as-a-premier,
    .propagating-insights-to-container {
        align-self: stretch;
        width: auto;
        flex: 1;
    }

    .img-1-child,
    .img-2-child {
        width: 100%;
        flex: 1;
        border-radius: var(--br-xl);
    }

    .img-2-child {
        align-self: stretch;
        width: auto;
    }

    .img-2 {
        flex: unset;
        align-self: stretch;
    }

    .img-1 {
        width: 100%;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        padding-left: 0;
        padding-right: 0;
        box-sizing: border-box;
    }

    .container27,
    .sec-3-propagating-insights {
        height: auto;
        gap: var(--gap-xl);
    }

    .sec-3-propagating-insights {
        width: auto;
        align-self: unset;
        flex-direction: row;
        align-items: flex-start;
        justify-content: flex-start;
        /* padding: var(--padding-16xl) var(--padding-base); */
        box-sizing: border-box;
    }
}

@media screen and (max-width: 375px) {
    .propagating-insights-to-container {
        font-size: var(--font-size-19xl);
    }
}


/* section four styles */
.advancing-knowledge2 {
    margin: 0;
}

.advancing-knowledge-and-container2,
.connecting-solid-research2 {
    align-self: stretch;
    position: relative;
    line-height: 120%;
    font-weight: 800;
}

.connecting-solid-research2 {
    font-size: var(--font-size-base);
    line-height: 175%;
    font-weight: 300;
}

.mob-title1 {
    width: 414px;
    display: none;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: var(--gap-lgi);
}

.img-icon4 {
    width: 490px;
    height: 720px;
    object-fit: cover;
}

.advancing-knowledge-and-container3 {
    margin: 0;
    align-self: stretch;
    position: relative;
    font-size: inherit;
    line-height: 120%;
    font-weight: 800;
    font-family: inherit;
}

.connecting-solid-research3 {
    margin: 0;
    align-self: stretch;
    position: relative;
    font-size: var(--font-size-base);
    line-height: 175%;
    font-weight: 300;
    width: 306px;
}

.title7 {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: var(--gap-lgi);
    text-align: left;
    font-size: var(--font-size-5xl);
    color: var(--color-black);
    font-family: var(--font-inter);
}

.container35,
.sec-4-advancing-knowledge-1 {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.container35 {
    width: 1004px;
    flex-direction: row;
    gap: var(--gap-81xl);
    text-align: left;
    font-size: var(--font-size-5xl);
    color: var(--color-black);
    font-family: var(--font-inter);
}

.sec-4-advancing-knowledge-1 {
    width: 100%;
    position: relative;
    background-color: var(--color-whitesmoke-100);
    flex-direction: column;
    padding: var(--padding-101xl) var(--padding-119xl);
    box-sizing: border-box;
}

@media screen and (max-width: 1200px) {
    .img-icon4 {
        width: 50%;
        align-self: stretch;
        height: auto;
        border-radius: 34px;
    }

    .title7 {
        flex: 1;
    }

    .container35 {
        align-self: stretch;
        width: auto;
        gap: var(--gap-21xl);
    }

    .sec-4-advancing-knowledge-1 {
        width: auto;
        align-self: unset;
        align-items: flex-start;
        justify-content: center;
    }
}

@media screen and (max-width: 960px) {
    .img-icon4 {
        width: 50%;
        align-self: stretch;
        height: auto;
    }

    .container35 {
        align-self: stretch;
        width: auto;
        gap: var(--gap-21xl);
        align-items: center;
        justify-content: center;
        padding-left: 0;
        padding-right: 0;
        box-sizing: border-box;
    }

    .sec-4-advancing-knowledge-1 {
        gap: var(--gap-3xs);
        padding-left: var(--padding-31xl);
        padding-right: var(--padding-31xl);
        box-sizing: border-box;
    }
}

@media screen and (max-width: 430px) {
    .mob-title1 {
        display: flex;
        width: auto;
        align-self: unset;
    }
    .advancing-knowledge2{
        text-align: center;
    }
    .connecting-solid-research2{
        text-align: center;
    }
    .img-icon4 {
        width: 100%;
        flex: 1;
        padding-left: 35px;
        padding-right: 35px;
    }

    .title7 {
        display: none;
        padding-left: 0;
        box-sizing: border-box;
        flex: unset;
        align-self: stretch;
    }

    .container35,
    .sec-4-advancing-knowledge-1 {
        align-self: stretch;
        width: auto;
        flex-direction: column;
    }

    .sec-4-advancing-knowledge-1 {
        align-self: unset;
        height: 100% !important;
        padding-top: 120px !important;
        padding-bottom: 110px !important;
        padding-left: var(--padding-base) !important;
        padding-right: var(--padding-base) !important;
        box-sizing: border-box !important;
    }
    .container35{
        gap: 100px;
    }
}

@media screen and (max-width: 420px) {

    /* .advancing-knowledge-and-container2,
    .connecting-solid-research2 {
        align-self: stretch;
        width: auto;
    } */

    .connecting-solid-research2 {
        flex: 1;
    }

    .mob-title1 {
        display: flex;
        align-self: stretch;
        width: auto;
        flex-direction: column;
    }

    .img-icon4 {
        width: 100%;
        flex: 1;
        /* padding-left: 0;
        padding-right: 0; */
        box-sizing: border-box;
    }

    .title7 {
        display: none;
        flex: unset;
        align-self: stretch;
    }

    .container35 {
        flex-direction: column;
        padding-left: 0;
        padding-right: 0;
        box-sizing: border-box;
    }

    .sec-4-advancing-knowledge-1 {
        width: 100%;
        height: 100%;
        flex-direction: row;
        gap: var(--gap-3xs);
        align-items: flex-start;
        justify-content: flex-start;
        padding: 180px var(--padding-base) 110px;
        box-sizing: border-box;
    }
}

@media screen and (max-width: 375px) {
    .img-icon4 {
        width: 100%;
        flex: 1;
    }

    .sec-4-advancing-knowledge-1 {
        padding-left: var(--padding-base);
        padding-right: var(--padding-base);
        box-sizing: border-box;
    }
}

@media screen and (max-width: 350px) {
    .img-icon4 {
        width: 100%;
        flex: 1;
    }

    .sec-4-advancing-knowledge-1 {
        padding-left: var(--padding-base);
        padding-right: var(--padding-base);
        box-sizing: border-box;
    }
}

/* section five style */
.partners-certifications1 {
    margin: 0;
    align-self: stretch;
    position: relative;
    font-size: inherit;
    font-weight: 700;
    font-family: inherit;
}

.google-1-icon,
.picture14-icon {
    position: relative;
    height: 49px;
    flex-shrink: 0;
    object-fit: cover;
}

.google-1-icon {
    width: 47.4px;
    height: 49.3px;
}

.images {
    overflow-x: auto;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    gap: var(--gap-5xl);
}

.div4,
.sec-5-partner {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.div4 {
    width: 1004px;
    justify-content: center;
    gap: 35px;
}

.sec-5-partner {
    width: 100%;
    position: relative;
    background-color: var(--color-white);
    justify-content: flex-start;
    padding: var(--padding-16xl) var(--padding-119xl);
    box-sizing: border-box;
    text-align: center;
    font-size: var(--font-size-5xl);
    color: var(--color-black);
    font-family: var(--font-inter);
}

@media screen and (max-width: 1200px) {
    .div4 {
        align-self: stretch;
        width: auto;
    }

    .sec-5-partner {
        width: auto;
        align-self: unset;
        align-items: flex-start;
        justify-content: center;
    }
}

@media screen and (max-width: 960px) {
    .sec-5-partner {
        padding-left: var(--padding-31xl);
        padding-right: var(--padding-31xl);
        box-sizing: border-box;
    }
}
@media screen and (max-width: 430px) {
    .sec-5-partner{
        padding: 200px 100px;
    }
}
@media screen and (max-width: 420px) {
    .sec-5-partner {
        width: 100%;
        height: auto;
        flex-direction: row;
        gap: var(--gap-3xs);
        align-items: flex-start;
        justify-content: center;
        /* padding: var(--padding-16xl) var(--padding-base); */
        box-sizing: border-box;
    }
}

@media screen and (max-width: 375px) {
    .sec-5-partner {
        /* padding-left: var(--padding-base);
        padding-right: var(--padding-base); */
        box-sizing: border-box;
    }
}

@media screen and (max-width: 350px) {
    .sec-5-partner {
        /* padding-left: var(--padding-base);
        padding-right: var(--padding-base); */
        box-sizing: border-box;
    }
}