.elementor-10 .elementor-element.elementor-element-71bc337{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-ucaddon_list_marquee .ue_marq_text_wrap{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-ucaddon_list_marquee .ue_marq_desc{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-10 .elementor-element.elementor-element-652365b .ue-marquee{background-color:#FDC800;padding:10px 10px 10px 10px;}.elementor-10 .elementor-element.elementor-element-652365b .ue-marquee-tag{text-align:center;padding:2px 10px 2px 10px;margin:0px 7px 0px 7px;}.elementor-10 .elementor-element.elementor-element-652365b .ue-marquee-tag,.elementor-10 .elementor-element.elementor-element-652365b .ue-marquee-tag a{color:#121443;}.elementor-10 .elementor-element.elementor-element-652365b .ue-marquee-tag svg{fill:#121443;}.elementor-10 .elementor-element.elementor-element-652365b .ue_marq_text_wrap{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:600;}.elementor-10 .elementor-element.elementor-element-652365b .ue-marquee-tag-icon{font-size:14px;color:#121443;}.elementor-10 .elementor-element.elementor-element-652365b .ue-marquee-tag-icon svg{width:14px;height:14px;fill:#121443;}.elementor-10 .elementor-element.elementor-element-652365b .ue-marquee-tag a{gap:10px;}.elementor-10 .elementor-element.elementor-element-ad89697:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-ad89697 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ksgranchi.com/wp-content/uploads/2026/06/imgi_2_photo-1544456203-0af5a69f5789.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-10 .elementor-element.elementor-element-ad89697 > .elementor-background-overlay{background-color:transparent;background-image:linear-gradient(116deg, #111343 58%, #1113436B 100%);opacity:0.77;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-10 .elementor-element.elementor-element-ad89697 > .elementor-container{max-width:1350px;min-height:60vh;}.elementor-10 .elementor-element.elementor-element-ad89697{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-10 .elementor-element.elementor-element-8227f82{width:var( --container-widget-width, 50% );max-width:50%;background-color:#FFFFFF;padding:5px 5px 5px 5px;--container-widget-width:50%;--container-widget-flex-grow:0;border-radius:80px 80px 80px 80px;text-align:center;}.elementor-10 .elementor-element.elementor-element-8227f82 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:700;color:#000000;}.elementor-10 .elementor-element.elementor-element-3e9786c{margin:25px 0px calc(var(--kit-widget-spacing, 0px) + 15px) 0px;}.elementor-10 .elementor-element.elementor-element-3e9786c .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:68px;font-weight:900;color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-10 .elementor-element.elementor-element-3393910{font-family:"Roboto", Sans-serif;font-size:22px;font-weight:400;color:#FFFFFF;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-10 .elementor-element.elementor-element-8dfff40 .elementor-button{background-color:#FF2020;font-family:"Roboto", Sans-serif;font-size:23px;font-weight:700;}.elementor-10 .elementor-element.elementor-element-78f632f > .elementor-element-populated{padding:50px 70px 50px 70px;}.elementor-10 .elementor-element.elementor-element-56259f3{--display:flex;--border-radius:20px 20px 20px 20px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-10 .elementor-element.elementor-element-56259f3:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-56259f3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-10 .elementor-element.elementor-element-e52f348{--display:flex;}.elementor-10 .elementor-element.elementor-element-367b02a{--display:flex;}.elementor-10 .elementor-element.elementor-element-55dbe0b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10 .elementor-element.elementor-element-5bce9bf{text-align:center;}.elementor-10 .elementor-element.elementor-element-5bce9bf .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:44px;font-weight:900;color:#121443;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-10 .elementor-element.elementor-element-8feedf0{--divider-border-style:solid;--divider-color:#FF3233;--divider-border-width:3.2px;}.elementor-10 .elementor-element.elementor-element-8feedf0 .elementor-divider-separator{width:8%;margin:0 auto;margin-center:0;}.elementor-10 .elementor-element.elementor-element-8feedf0 .elementor-divider{text-align:center;padding-block-start:2px;padding-block-end:2px;}.elementor-10 .elementor-element.elementor-element-8dc9bc7{text-align:center;font-family:"Roboto", Sans-serif;font-size:22px;font-weight:400;color:#4B4B4B;}.elementor-10 .elementor-element.elementor-element-6d67e7e{--display:flex;}.elementor-10 .elementor-element.elementor-element-f9b8b60{color:#666666;}.elementor-10 .elementor-element.elementor-element-e442325{--display:flex;}.elementor-10 .elementor-element.elementor-element-64f7a3b{color:#666666;}.elementor-10 .elementor-element.elementor-element-159e077{--display:flex;}.elementor-10 .elementor-element.elementor-element-9ebac82{color:#666666;}.elementor-10 .elementor-element.elementor-element-bfc61bf{--display:flex;}.elementor-10 .elementor-element.elementor-element-c3b0242{color:#666666;}.elementor-10 .elementor-element.elementor-element-2f190cf{--n-accordion-title-font-size:1rem;--n-accordion-item-title-space-between:25px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-border-radius:0px 0px 0px 0px;--n-accordion-icon-size:15px;}.elementor-10 .elementor-element.elementor-element-2f190cf > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{border-style:solid;border-width:2px 2px 2px 2px;}:where( .elementor-10 .elementor-element.elementor-element-2f190cf > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-weight:700;}.elementor-10 .elementor-element.elementor-element-bdf85ef{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:70px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-10 .elementor-element.elementor-element-0a52c00{text-align:center;}.elementor-10 .elementor-element.elementor-element-0a52c00 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:44px;font-weight:900;color:#121443;}.elementor-10 .elementor-element.elementor-element-b3e8923{--divider-border-style:solid;--divider-color:#FF3233;--divider-border-width:3.2px;}.elementor-10 .elementor-element.elementor-element-b3e8923 .elementor-divider-separator{width:8%;margin:0 auto;margin-center:0;}.elementor-10 .elementor-element.elementor-element-b3e8923 .elementor-divider{text-align:center;padding-block-start:2px;padding-block-end:2px;}.elementor-10 .elementor-element.elementor-element-8d4ccf9 iframe{height:50vh;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-10 .elementor-element.elementor-element-e52f348{--width:90%;}.elementor-10 .elementor-element.elementor-element-367b02a{--width:90%;}}@media(max-width:767px){.elementor-10 .elementor-element.elementor-element-8227f82{--container-widget-width:252px;--container-widget-flex-grow:0;width:var( --container-widget-width, 252px );max-width:252px;}.elementor-10 .elementor-element.elementor-element-8227f82 .elementor-heading-title{font-size:15px;}.elementor-10 .elementor-element.elementor-element-3e9786c .elementor-heading-title{font-size:41px;}.elementor-10 .elementor-element.elementor-element-3393910{font-size:15px;}.elementor-10 .elementor-element.elementor-element-8dfff40 .elementor-button{font-size:16px;}.elementor-10 .elementor-element.elementor-element-78f632f > .elementor-element-populated{padding:20px 10px 20px 10px;}.elementor-10 .elementor-element.elementor-element-5bce9bf .elementor-heading-title{font-size:34px;}.elementor-10 .elementor-element.elementor-element-8feedf0 .elementor-divider-separator{width:25%;}.elementor-10 .elementor-element.elementor-element-8dc9bc7{font-size:16px;}.elementor-10 .elementor-element.elementor-element-b3e8923 .elementor-divider-separator{width:25%;}}/* Start custom CSS for html, class: .elementor-element-2358bf7 *//*==============================
ABOUT SECTION
==============================*/

.edu-about{
    font-family:'Inter Tight',sans-serif;
    background:#fff;
    min-height:100vh;
    display:flex;
    align-items:center;
    overflow:hidden;
    padding:55px 0;
}

.edu-container{
    width:min(1380px,92%);
    margin:auto;
    display:grid;
    grid-template-columns:540px 1fr;
    gap:90px;
    align-items:center;
}

/*==============================
LEFT
==============================*/

.edu-left{
    position:relative;
    height:650px;
}

/* Big Image */

.big-image{
    width:400px;
    height:530px;
    overflow:hidden;
    border-radius:24px;
    position:absolute;
    left:0;
    top:30px;
    box-shadow:0 35px 70px rgba(0,0,0,.10);
}

.big-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

/* Bottom Label */

.image-tag{
    position:absolute;
    left:18px;
    bottom:18px;
    background:rgba(20,26,58,.85);
    backdrop-filter:blur(12px);
    color:#fff;
    border-radius:30px;
    padding:10px 18px;
    display:flex;
    align-items:center;
    gap:8px;
    font-size:13px;
    font-weight:500;
}

/* Small Image */

.small-image{
    position:absolute;
    right:0;
    top:75px;
    width:195px;
    height:195px;
    border-radius:22px;
    overflow:hidden;
    box-shadow:0 25px 55px rgba(0,0,0,.10);
}

.small-image img{
    width:100%;
    height:100%;
    object-fit:cover;
}

/* Rank Card */

.rank-card{
    position:absolute;
    right:0;
    top:290px;
    width:195px;
    height:255px;
    border-radius:22px;
    background:#252A88;
    color:#fff;
    overflow:hidden;
    padding:28px;
    display:flex;
    justify-content:space-between;
    flex-direction:column;
}

.rank-card h2{
    margin:0;
    font-size:62px;
    line-height:1;
    font-weight:800;
}

.rank-card p{
    margin-top:8px;
    font-size:18px;
    line-height:1.45;
    color:#e8ebff;
}

.medal{
    width:82px;
    height:82px;
    opacity:.12;
    fill:none;
    stroke:white;
    stroke-width:4;
    position:absolute;
    right:20px;
    top:18px;
}

/* Faculty Card */

.faculty-card{
    position:absolute;
    bottom:35px;
    left:285px;
    width:230px;
    background:#fff;
    border-radius:22px;
    padding:22px;
    display:flex;
    align-items:center;
    gap:16px;
    box-shadow:0 22px 45px rgba(0,0,0,.12);
}

.circle{
    width:44px;
    height:44px;
    border-radius:50%;
    background:#dff7e7;
    display:flex;
    justify-content:center;
    align-items:center;
    font-weight:700;
    color:#18a957;
    flex-shrink:0;
}

.faculty-card h3{
    margin:0;
    font-size:36px;
    color:#141A3A;
    font-weight:800;
}

.faculty-card span{
    display:block;
    margin-top:3px;
    color:#667085;
    line-height:1.45;
    font-size:13px;
}

/*==============================
RIGHT
==============================*/

.edu-right{
    max-width:720px;
}

.since{
    display:inline-flex;
    align-items:center;
    gap:8px;
    border:1px solid #E8EAF5;
    border-radius:50px;
    padding:8px 16px;
    font-size:13px;
    font-weight:600;
    color:#4B5563;
    margin-bottom:24px;
}

.dot{
    width:8px;
    height:8px;
    border-radius:50%;
    background:#ff4040;
}

/* Heading */

.edu-right h1{
    font-size:60px;
    line-height:1.02;
    letter-spacing:-2px;
    color:#141A3A;
    font-weight:800;
    margin:0;
}

.edu-right h1 span{
    display:block;
    color:#3154FF;
    position:relative;
    width:max-content;
}

.edu-right h1 span:after{
    content:'';
    position:absolute;
    left:0;
    bottom:6px;
    width:100%;
    height:10px;
    background:#FFD965;
    border-radius:20px;
    z-index:-1;
}

/* Intro */

.intro{
    margin-top:28px;
    font-size:18px;
    line-height:1.85;
    color:#5E667D;
    max-width:700px;
}

/* Features */

.feature{
    display:flex;
    align-items:flex-start;
    gap:22px;
    margin-top:34px;
}

.icon{
    width:56px;
    height:56px;
    border-radius:16px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:23px;
    flex-shrink:0;
}

.blue{
    background:#eef5ff;
    color:#3154FF;
}

.purple{
    background:#f7efff;
    color:#8B5CF6;
}

.red{
    background:#fff0f0;
    color:#ef4444;
}

.feature h4{
    margin:0;
    color:#141A3A;
    font-size:20px;
    font-weight:900;
}

.feature p{
    margin-top:8px;
    color:#667085;
    font-size:14px;
    line-height:1.75;
}

/*==============================
BOTTOM
==============================*/

.bottom-row{
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    margin-top:55px;
    gap:30px;
}

.journey-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    background:#252A88;
    color:#fff;
    text-decoration:none;
    height:58px;
    padding:0 30px;
    border-radius:60px;
    font-weight:600;
    transition:.35s;
    box-shadow:0 18px 40px rgba(37,42,136,.18);
}

.journey-btn:hover{
    transform:translateY(-3px);
}

.stats{
    display:flex;
    gap:50px;
}

.stats h3{
    margin:0;
    font-size:25px;
    color:#141A3A;
    font-weight:800;
}

.stats span{
    display:block;
    margin-top:6px;
    font-size:12px;
    letter-spacing:1.2px;
    color:#98A2B3;
    font-weight:700;
}

/* Smooth hover animations */
.big-image,
.small-image,
.rank-card,
.faculty-card{
    transition:all .35s ease;
}

.big-image:hover,
.small-image:hover{
    transform:translateY(-6px);
}

.rank-card:hover,
.faculty-card:hover{
    transform:translateY(-6px);
}

/* Better text rendering */
.edu-about{
    -webkit-font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
}

/* Image quality */
.big-image img,
.small-image img{
    transition:transform .6s ease;
}

.big-image:hover img,
.small-image:hover img{
    transform:scale(1.05);
}

/*==================================================
            LARGE LAPTOP (1400px)
==================================================*/

@media (max-width:1400px){

    .edu-container{
        width:min(1240px,92%);
        grid-template-columns:480px 1fr;
        gap:70px;
    }

    .edu-left{
        height:600px;
    }

    .big-image{
        width:360px;
        height:500px;
    }

    .small-image{
        width:180px;
        height:180px;
    }

    .rank-card{
        width:180px;
        height:230px;
        top:270px;
    }

    .faculty-card{
        left:245px;
        width:220px;
    }

    .edu-right h1{
        font-size:58px;
    }

    .intro{
        font-size:19px;
    }

}

/*==================================================
                TABLET
==================================================*/

@media (max-width:1024px){

.edu-about{

    min-height:auto;

    padding:70px 0;

}

.edu-container{

    grid-template-columns:1fr;

    gap:70px;

}

.edu-left{

    width:100%;

    max-width:520px;

    margin:auto;

    height:600px;

}

.edu-right{

    max-width:100%;

}

.edu-right h1{

    font-size:52px;

    letter-spacing:-1px;

}

.intro{

    font-size:18px;

    line-height:1.8;

}

.feature h4{

    font-size:24px;

}

.feature p{

    font-size:16px;

}

.bottom-row{

    flex-direction:column;

    align-items:flex-start;

    gap:35px;

}

.stats{

    gap:45px;

}

.stats h3{

    font-size:38px;

}

}


/*==================================================
                MOBILE
==================================================*/

@media (max-width:767px){

.edu-about{

    padding:55px 0;

}

.edu-container{

    width:92%;

    gap:55px;

}

/* Left */

.edu-left{

    width:100%;

    max-width:360px;

    margin:auto;

    height:500px;

}

.big-image{

    width:250px;

    height:350px;

    border-radius:18px;

}

.small-image{

    width:115px;

    height:115px;

    border-radius:16px;

    top:40px;

}

.rank-card{

    width:115px;

    height:155px;

    top:175px;

    padding:18px;

    border-radius:16px;

}

.rank-card h2{

    font-size:42px;

}

.rank-card p{

    font-size:11px;

}

.medal{

    width:50px;

    height:50px;

}

.faculty-card{

    width:170px;

    left:140px;

    bottom:40px;

    padding:14px;

    border-radius:16px;

}

.circle{

    width:36px;

    height:36px;

}

.faculty-card h3{

    font-size:26px;

}

.faculty-card span{

    font-size:11px;

}

/* Right */

.since{

    font-size:11px;

    padding:7px 14px;

}

.edu-right h1{

    font-size:36px;

    line-height:1.05;

    letter-spacing:-1px;

}

.edu-right h1 span:after{

    height:7px;

    bottom:4px;

}

.intro{

    font-size:15px;

    line-height:1.75;

    margin-top:18px;

}

.feature{

    gap:14px;

    margin-top:22px;

}

.icon{

    width:46px;

    height:46px;

    border-radius:14px;

    font-size:18px;

}

.feature h4{

    font-size:20px;

}

.feature p{

    font-size:14px;

    line-height:1.7;

}

.bottom-row{

    margin-top:40px;

}

.journey-btn{

    width:100%;

    justify-content:center;

    height:52px;

    font-size:15px;

}

.stats{

    width:100%;

    justify-content:space-between;

    gap:20px;

}

.stats h3{

    font-size:30px;

}

.stats span{

    font-size:10px;

    letter-spacing:.8px;

}

}

/*==================================================
            SMALL MOBILE
==================================================*/

@media (max-width:480px){

.edu-left{

    transform:scale(.92);

    transform-origin:top center;

    margin-bottom:-40px;

}

.edu-right h1{

    font-size:32px;

}

.intro{

    font-size:14px;

}

.feature h4{

    font-size:18px;

}

.feature p{

    font-size:13px;

}

.stats h3{

    font-size:28px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-facda22 *//* ======================================================
   KSG ADVANTAGE
   Desktop
====================================================== */

:root{

--primary:#22267f;
--accent:#ff5b23;
--text:#1b2540;
--body:#5d6a85;
--border:#eceef4;

}

.ksg-advantage{

    font-family:'Inter Tight',sans-serif;
    background:#fff;
    display:flex;
    align-items:center;
    min-height:100vh;
    padding:60px 0;
    overflow:hidden;

}

.ksg-container{

    width:min(1480px,92%);
    margin:auto;

}

/* TOP */

.ksg-top{

    display:grid;
    grid-template-columns:1.4fr .8fr;
    align-items:center;
    gap:60px;
    margin-bottom:45px;

}

.ksg-badge{

    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:8px 18px;
    border:1px solid #eceef4;
    border-radius:999px;
    font-size:13px;
    font-weight:700;
    color:#42506b;
    margin-bottom:22px;
    background:#fff;

}

.ksg-heading h2{

    margin:0;
    font-size:55px;
    line-height:1.02;
    font-weight:800;
    color:var(--primary);
    letter-spacing:-2px;

}

.ksg-heading span{

    display:block;
    color:var(--accent);

}

.ksg-description{

    font-size:17px;
    line-height:1.7;
    color:#5b6884;
    max-width:500px;
    margin-left:auto;
    text-align:right;

}

/* GRID */

.ksg-grid{

    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:26px;

}

/* CARD */

.ksg-card{

    background:#fff;
    border:1px solid var(--border);
    border-radius:22px;
    padding:28px;
    transition:.35s;
    box-shadow:0 8px 20px rgba(0,0,0,.03);

}

.ksg-card:hover{

    transform:translateY(-6px);
    box-shadow:0 24px 55px rgba(0,0,0,.08);

}

.ksg-card .icon{

    width:58px;
    height:40px;
    border-radius:18px;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:28px;
    margin-bottom:24px;

}

.ksg-card h3{

    margin:0;
    font-size:20px;
    font-weight:700;
    color:var(--text);

}

.ksg-card p{

    margin-top:12px;
    font-size:14px;
    font-weight: 600;
    line-height:1.7;
    color:var(--body);

}

/* ICON COLORS */

.blue{

background:#edf4ff;
color:#2467ff;

}

.purple{

background:#f6edff;
color:#8b4eff;

}

.indigo{

background:#eef0ff;
color:#5f5cff;

}

.pink{

background:#ffeef6;
color:#ff3d8e;

}

.orange{

background:#fff2e9;
color:#ff6d00;

}

.yellow{

background:#fff7df;
color:#f0a500;

}

.green{

background:#eafbf6;
color:#00b48d;

}

.mint{

background:#edf9f3;
color:#17a768;

}

/* CTA */

.ksg-cta{

    margin-top:40px;
    background:linear-gradient(90deg,#242782,#2b2d8f);
    border-radius:24px;
    padding:36px 40px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    overflow:hidden;

}

.cta-left{

    display:flex;
    align-items:center;
    gap:24px;

}

.cta-icon{

    width:72px;
    height:72px;
    border-radius:50%;
    background:rgba(255,255,255,.08);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:34px;

}

.cta-left h3{

    color:#fff;
    font-size:24px;
    margin:0;
    font-weight:800;

}

.cta-points{

    display:flex;
    gap:30px;
    margin-top:12px;
    color:#ffffff;
    font-size:14px;
    font-weight: 500;

}

.cta-btn{

    background:#fff;
    color:#22267f;
    text-decoration:none;
    padding:18px 34px;
    border-radius:16px;
    font-size:14px;
    font-weight:700;
    transition:.3s;

}

.cta-btn:hover{

    transform:translateY(-3px);

}

/* BETTER RENDERING */

*{

box-sizing:border-box;

}

img{

max-width:100%;

display:block;

}

/* =====================================================
   TABLET
===================================================== */

@media (max-width:1024px){

.ksg-advantage{
    min-height:auto;
    padding:70px 0;
}

.ksg-container{
    width:92%;
}

/* Top */

.ksg-top{
    grid-template-columns:1fr;
    gap:25px;
    margin-bottom:40px;
}

.ksg-description{
    margin:0;
    max-width:100%;
    text-align:left;
    font-size:20px;
    line-height:1.7;
}

.ksg-heading h2{
    font-size:52px;
    line-height:1.05;
    letter-spacing:-1px;
}

/* Grid */

.ksg-grid{
    grid-template-columns:repeat(2,1fr);
    gap:20px;
}

.ksg-card{
    padding:24px;
    border-radius:18px;
}

.ksg-card .icon{
    width:52px;
    height:52px;
    font-size:24px;
    border-radius:16px;
    margin-bottom:18px;
}

.ksg-card h3{
    font-size:24px;
}

.ksg-card p{
    font-size:15px;
    line-height:1.7;
}

/* CTA */

.ksg-cta{
    flex-direction:column;
    align-items:flex-start;
    gap:30px;
    padding:30px;
}

.cta-left{
    gap:18px;
}

.cta-left h3{
    font-size:32px;
}

.cta-points{
    flex-wrap:wrap;
    gap:18px;
    font-size:15px;
}

.cta-btn{
    width:100%;
    justify-content:center;
    display:flex;
}

}


/* =====================================================
   MOBILE
===================================================== */

@media (max-width:767px){

.ksg-advantage{
    padding:50px 0;
}

.ksg-container{
    width:92%;
}

/* Badge */

.ksg-badge{
    font-size:11px;
    padding:7px 14px;
}

/* Heading */

.ksg-heading h2{
    font-size:34px;
    line-height:1.1;
    letter-spacing:-1px;
}

.ksg-heading span{
    display:block;
}

/* Description */

.ksg-description{
    font-size:16px;
    line-height:1.8;
}

/* Cards */

.ksg-grid{
    grid-template-columns:1fr;
    gap:16px;
}

.ksg-card{
    padding:20px;
    border-radius:16px;
}

.ksg-card .icon{
    width:48px;
    height:48px;
    font-size:22px;
    border-radius:14px;
    margin-bottom:16px;
}

.ksg-card h3{
    font-size:22px;
}

.ksg-card p{
    font-size:14px;
    line-height:1.7;
}

/* CTA */

.ksg-cta{
    border-radius:18px;
    padding:22px;
}

.cta-left{
    flex-direction:column;
    align-items:flex-start;
}

.cta-icon{
    width:60px;
    height:60px;
    font-size:28px;
}

.cta-left h3{
    font-size:26px;
}

.cta-points{
    flex-direction:column;
    gap:10px;
    font-size:14px;
}

.cta-btn{
    width:100%;
    height:54px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:15px;
    border-radius:14px;
}

}


/* =====================================================
   SMALL MOBILE
===================================================== */

@media (max-width:480px){

.ksg-container{
    width:94%;
}

.ksg-heading h2{
    font-size:30px;
}

.ksg-description{
    font-size:15px;
}

.ksg-card{
    padding:18px;
}

.ksg-card h3{
    font-size:20px;
}

.ksg-card p{
    font-size:13px;
}

.cta-left h3{
    font-size:22px;
}

.cta-points{
    font-size:13px;
}

}


/* =====================================================
   EXTRA POLISH
===================================================== */

.ksg-card,
.cta-btn{
    transition:all .35s ease;
}

.ksg-card:hover{
    transform:translateY(-6px);
}

.cta-btn:hover{
    transform:translateY(-3px);
}

.ksg-heading h2,
.ksg-card h3,
.cta-left h3{
    text-wrap:balance;
}

.ksg-card p,
.ksg-description{
    text-wrap:pretty;
}/* End custom CSS */