:root{
  --idps-green:#075b2b;
  --idps-green-dark:#043d1d;
  --idps-gold:#e5b900;
  --idps-red:#b73e32;
  --idps-ink:#18221c;
  --idps-muted:#607067;
  --idps-surface:#f6f8f5;
}
html{scroll-behavior:smooth}
body{color:var(--idps-ink);background:#fff;overflow-x:clip}
.skip-link{position:fixed;left:12px;top:-100px;z-index:9999;background:#fff;color:var(--idps-green);padding:10px 14px;border-radius:8px;font-weight:700}.skip-link:focus{top:12px}
.site-topbar{background:var(--idps-green-dark);color:#fff;font-size:13px}.site-topbar__inner{min-height:38px;display:flex;align-items:center;gap:20px;justify-content:flex-end}.site-topbar a{color:#fff}.site-topbar__address{opacity:.9}
.site-header{position:sticky;top:0;z-index:1000;background:#fff;border-bottom:1px solid #e9eee9;box-shadow:0 4px 20px rgba(0,0,0,.05)}.site-header__inner{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:20px}.site-brand{display:flex;align-items:center;flex:0 0 252px}.site-brand img{width:100%;height:68px;object-fit:contain;object-position:left center;display:block}.site-navigation{display:flex;align-items:center;justify-content:flex-end;gap:4px}.site-navigation>a,.site-nav-dropdown>summary{display:flex;align-items:center;gap:5px;color:#1c2921;font-size:14px;font-weight:700;padding:11px 10px;white-space:nowrap;cursor:pointer;list-style:none}.site-navigation>a:hover,.site-navigation>a.is-active,.site-nav-dropdown>summary:hover{color:var(--idps-green)}.site-nav-dropdown{position:relative}.site-nav-dropdown>summary::-webkit-details-marker{display:none}.site-nav-dropdown[open] .site-submenu{display:grid}.site-submenu{display:none;position:absolute;left:0;top:calc(100% + 4px);min-width:215px;padding:8px;background:#fff;border:1px solid #e3e9e3;border-radius:10px;box-shadow:0 14px 30px rgba(3,50,18,.14)}.site-submenu a{padding:9px 10px;border-radius:7px;color:#223127;font-size:14px}.site-submenu a:hover{background:#f0f7f1;color:var(--idps-green)}.site-nav-cta{background:var(--idps-green)!important;color:#fff!important;border-radius:8px;padding:11px 15px!important;margin-left:4px}.site-nav-cta:hover{background:var(--idps-green-dark)!important}.site-menu-toggle{display:none;border:1px solid #dce6dd;background:#fff;border-radius:8px;padding:8px;width:44px;height:42px}.site-menu-toggle span:not(.visually-hidden){display:block;height:2px;width:22px;background:var(--idps-green);margin:4px auto}
.site-footer{background:var(--idps-green-dark);color:#eef8f0;padding:58px 0 18px}.site-footer h2{color:#fff;font-size:19px;margin:8px 0 18px}.site-footer p{line-height:1.8;color:#d8eadb;max-width:500px;margin:18px 0}.site-footer-logo{display:block;width:min(330px,100%);height:96px;object-fit:contain;object-position:left center;background:#fff;border-radius:12px;padding:8px}.site-footer-links,.site-footer-contact{list-style:none;padding:0;margin:0}.site-footer-links li{margin:0 0 10px}.site-footer a{color:#e9f5eb}.site-footer a:hover{color:var(--idps-gold)}.site-footer-contact li{display:flex;gap:10px;align-items:flex-start;margin:0 0 12px;line-height:1.5}.site-footer-contact i{color:var(--idps-gold);font-size:18px;margin-top:2px}.site-socials{display:flex;gap:9px}.site-socials a{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.13);font-size:17px}.site-footer-bottom{margin-top:35px;padding-top:18px;border-top:1px solid rgba(255,255,255,.2);display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;color:#cfe3d2;font-size:14px}.site-float{position:fixed;right:18px;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;color:#fff!important;z-index:800;box-shadow:0 8px 22px rgba(0,0,0,.2);font-size:21px}.site-float--call{bottom:84px;background:var(--idps-green)}.site-float--whatsapp{bottom:25px;background:#25d366}
.idps-page-hero{background:linear-gradient(120deg,rgba(2,64,30,.87),rgba(7,91,43,.68)),url('../img/about-bg.jpg') center/cover;min-height:250px;display:grid;place-items:center;text-align:center;color:#fff;padding:54px 18px}.idps-page-hero h1{font-size:clamp(30px,4vw,48px);color:#fff;margin:0 0 8px}.idps-page-hero p{margin:0;color:#e5f4e7}.idps-section{padding:70px 0}.idps-section--soft{background:var(--idps-surface)}.idps-form-card,.idps-card{background:#fff;border:1px solid #e4ebe5;border-radius:16px;padding:clamp(20px,3vw,34px);box-shadow:0 12px 28px rgba(11,65,33,.08)}.idps-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.idps-form-grid .full{grid-column:1/-1}.idps-field label{font-weight:700;margin-bottom:7px;display:block;color:#203226}.idps-field input,.idps-field select,.idps-field textarea{width:100%;border:1px solid #ccd8ce;border-radius:9px;padding:12px 13px;background:#fff;color:#1f2c23}.idps-field textarea{min-height:120px;resize:vertical}.idps-field input:focus,.idps-field select:focus,.idps-field textarea:focus{outline:3px solid rgba(7,91,43,.14);border-color:var(--idps-green)}.idps-button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:9px;background:var(--idps-green);color:#fff!important;padding:12px 20px;font-weight:800;cursor:pointer}.idps-button:hover{background:var(--idps-green-dark)}.idps-alert{border-radius:10px;padding:13px 15px;margin:0 0 20px}.idps-alert--success{background:#e8f7ec;color:#075b2b;border:1px solid #bce0c4}.idps-alert--error{background:#fff0ef;color:#8f2920;border:1px solid #f0c4c0}.idps-hp{position:absolute!important;left:-99999px!important;opacity:0!important}.idps-gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.idps-gallery-item{position:relative;overflow:hidden;border-radius:14px;background:#e9eee9;aspect-ratio:1/1;box-shadow:0 10px 22px rgba(3,50,18,.08)}.idps-gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.idps-gallery-item:hover img{transform:scale(1.05)}.idps-gallery-item span{position:absolute;left:10px;bottom:10px;background:rgba(3,61,29,.87);color:#fff;padding:6px 8px;border-radius:6px;font-size:12px;font-weight:700}.idps-notice{border-left:5px solid var(--idps-green);padding:20px;background:#fff;border-radius:0 12px 12px 0;box-shadow:0 8px 18px rgba(0,0,0,.05);margin-bottom:16px}.idps-notice--pinned{border-left-color:var(--idps-gold)}.idps-notice h2{font-size:20px;margin:0 0 8px}.idps-notice time{font-size:13px;color:var(--idps-muted)}
.breadcrumbarea{margin-top:0}.primary{width:auto!important;margin:0!important;border-radius:14px!important;box-shadow:0 10px 22px rgba(0,0,0,.06)!important;border:1px solid #e4ebe5}
@media(max-width:1199px){.site-header__inner{min-height:76px}.site-brand{flex-basis:220px}.site-brand img{height:60px}.site-navigation>a,.site-nav-dropdown>summary{padding:10px 7px;font-size:13px}.site-nav-cta{padding:10px 12px!important}}
@media(max-width:991px){.site-topbar__inner{justify-content:center;flex-wrap:wrap;padding:7px 12px;gap:7px 16px}.site-topbar__address{display:none}.site-menu-toggle{display:block}.site-navigation{display:none;position:absolute;left:0;right:0;top:100%;padding:14px max(18px,calc((100vw - 720px)/2));background:#fff;border-top:1px solid #e4ebe5;box-shadow:0 14px 30px rgba(0,0,0,.11);align-items:stretch;gap:2px}.site-navigation.is-open{display:flex;flex-direction:column}.site-navigation>a,.site-nav-dropdown>summary{width:100%;justify-content:space-between;padding:12px 5px}.site-nav-dropdown{width:100%}.site-submenu{position:static;box-shadow:none;border:0;background:#f6f9f6;margin:0 0 8px;border-radius:8px}.site-submenu a{padding:10px 14px}.site-nav-cta{margin:8px 0 0!important;justify-content:center!important}.site-brand{flex-basis:235px}.idps-gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:640px){.site-topbar{font-size:12px}.site-header__inner{min-height:68px}.site-brand{flex-basis:205px}.site-brand img{height:54px}.idps-section{padding:48px 0}.idps-form-grid{grid-template-columns:1fr}.idps-form-grid .full{grid-column:auto}.idps-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.site-footer{padding-top:42px}.site-footer-bottom{font-size:12px}.site-float{right:13px;width:45px;height:45px}.site-float--call{bottom:75px}.site-float--whatsapp{bottom:18px}}




/* Mobile / tablet header logo center fix */
@media(max-width:991px){

    .site-header__inner{
        position:relative;
        justify-content:flex-end;
    }

    .site-brand{
        position:absolute;
        left:50%;
        top:50%;
        transform:translate(-50%,-50%);
        width:min(205px, calc(100% - 120px));
        flex:0 0 auto !important;
    }

    .site-brand img{
        width:100%;
        height:54px;
        object-position:center center !important;
    }

    .site-menu-toggle{
        margin-left:auto;
        position:relative;
        z-index:2;
    }
}

@media(max-width:480px){

    .site-brand{
        width:185px;
    }

    .site-brand img{
        height:50px;
    }
}





/* =========================================================
   IDPS HOME HERO – FINAL DESKTOP + MOBILE FIX
========================================================= */

/* AOS animation valla sections hide avvakunda */
[data-aos]{
    opacity:1 !important;
    visibility:visible !important;
    transform:none !important;
    transition:none !important;
}

/* Hero complete area */
.herobannerarea.herobannerarea__university{
    position:relative !important;
    overflow:hidden !important;
    background:#0a5a2b !important;
}

.herobannerarea.herobannerarea__university .swiper.university__slider{
    width:100% !important;
    overflow:hidden !important;
}

.herobannerarea.herobannerarea__university
.herobannerarea__slider__wrap{
    height:auto !important;
}

.herobannerarea.herobannerarea__university
.herobannerarea__single__slider{
    position:relative !important;
    min-height:620px !important;
    display:flex !important;
    align-items:center !important;
    padding:90px 0 145px !important;
    background-size:cover !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
}

/* Dark overlay for readable text */
.herobannerarea.herobannerarea__university
.herobannerarea__single__slider::after{
    background:linear-gradient(
        90deg,
        rgba(0,47,22,.82) 0%,
        rgba(0,70,31,.62) 48%,
        rgba(0,47,22,.38) 100%
    ) !important;
    opacity:1 !important;
    z-index:1 !important;
}

/* Content always visible */
.herobannerarea.herobannerarea__university
.herobannerarea__single__slider .container{
    position:relative !important;
    z-index:5 !important;
}

.herobannerarea.herobannerarea__university
.herobannerarea__content__wraper{
    position:relative !important;
    z-index:6 !important;
    display:block !important;
    opacity:1 !important;
    visibility:visible !important;
    padding:0 !important;
}

.herobannerarea.herobannerarea__university
.herobannerarea__small__title span{
    color:#fff !important;
    letter-spacing:3px !important;
    text-shadow:0 2px 8px rgba(0,0,0,.35);
}

.herobannerarea.herobannerarea__university
.herobannerarea__title h2{
    color:#fff !important;
    font-size:clamp(34px,5vw,62px) !important;
    line-height:1.18 !important;
    text-shadow:0 3px 16px rgba(0,0,0,.55);
    margin:0 auto !important;
    max-width:920px !important;
}

.herobannerarea.herobannerarea__university
.herobannerarea__text p{
    color:#fff !important;
    font-size:19px !important;
    text-shadow:0 2px 8px rgba(0,0,0,.45);
}

.herobannerarea.herobannerarea__university
.default__button{
    position:relative !important;
    z-index:8 !important;
    background:#fff !important;
    color:#075b2b !important;
    border:2px solid #fff !important;
    box-shadow:0 10px 22px rgba(0,0,0,.2) !important;
}

.herobannerarea.herobannerarea__university
.default__button:hover{
    background:#075b2b !important;
    color:#fff !important;
}

/* Slider thumbnails */
.herobannerarea.herobannerarea__university
.swiper.university__slider__thumb{
    z-index:10 !important;
    bottom:24px !important;
    padding:0 15px !important;
}

.herobannerarea.herobannerarea__university
.university__slider__thumb .swiper-slide{
    width:120px !important;
    height:58px !important;
    opacity:.7;
    overflow:hidden;
    border:2px solid rgba(255,255,255,.7);
    border-radius:9px !important;
}

.herobannerarea.herobannerarea__university
.university__slider__thumb .swiper-slide-thumb-active{
    opacity:1;
    border-color:#fff !important;
}

.herobannerarea.herobannerarea__university
.university__slider__thumb .swiper-slide img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
}

/* Arrows */
.herobannerarea.herobannerarea__university
.slider__controls__arrows{
    position:absolute;
    left:0;
    right:0;
    top:50%;
    z-index:12;
    transform:translateY(-50%);
    pointer-events:none;
}

.herobannerarea.herobannerarea__university
.swiper-button-next,
.herobannerarea.herobannerarea__university
.swiper-button-prev{
    pointer-events:auto;
    color:#fff !important;
    width:48px !important;
    height:48px !important;
    border:1px solid rgba(255,255,255,.75);
    border-radius:50%;
    background:rgba(0,61,29,.34);
}

.herobannerarea.herobannerarea__university
.swiper-button-next{
    right:25px !important;
}

.herobannerarea.herobannerarea__university
.swiper-button-prev{
    left:25px !important;
}

.herobannerarea.herobannerarea__university
.swiper-button-next::after,
.herobannerarea.herobannerarea__university
.swiper-button-prev::after{
    font-size:18px !important;
}

/* Mobile */
@media(max-width:767px){

    .herobannerarea.herobannerarea__university
    .herobannerarea__single__slider{
        min-height:500px !important;
        padding:65px 15px 120px !important;
        align-items:center !important;
    }

    .herobannerarea.herobannerarea__university
    .herobannerarea__single__slider::after{
        background:linear-gradient(
            180deg,
            rgba(0,56,26,.73) 0%,
            rgba(0,56,26,.57) 55%,
            rgba(0,56,26,.78) 100%
        ) !important;
    }

    .herobannerarea.herobannerarea__university
    .herobannerarea__small__title span{
        font-size:12px !important;
        letter-spacing:2px !important;
    }

    .herobannerarea.herobannerarea__university
    .herobannerarea__title h2{
        font-size:29px !important;
        line-height:1.22 !important;
        max-width:340px !important;
    }

    .herobannerarea.herobannerarea__university
    .herobannerarea__text p{
        font-size:16px !important;
        margin-top:12px !important;
    }

    .herobannerarea.herobannerarea__university
    .hreobannerarea__button__2{
        margin-top:22px !important;
    }

    .herobannerarea.herobannerarea__university
    .default__button{
        padding:12px 22px !important;
        font-size:14px !important;
    }

    .herobannerarea.herobannerarea__university
    .swiper.university__slider__thumb{
        bottom:18px !important;
    }

    .herobannerarea.herobannerarea__university
    .university__slider__thumb .swiper-slide{
        width:88px !important;
        height:46px !important;
    }

    .herobannerarea.herobannerarea__university
    .swiper-button-next,
    .herobannerarea.herobannerarea__university
    .swiper-button-prev{
        width:38px !important;
        height:38px !important;
    }

    .herobannerarea.herobannerarea__university
    .swiper-button-next{
        right:12px !important;
    }

    .herobannerarea.herobannerarea__university
    .swiper-button-prev{
        left:12px !important;
    }
}

















/* =========================================================
   DESKTOP CONTENT WIDTH FIX – USE LEFT / RIGHT SPACE
========================================================= */

@media (min-width:1200px){

    /* Website sections full width use chestayi */
    .container{
        width:94% !important;
        max-width:1540px !important;
    }

    /* Welcome / About sections lo columns madhya neat gap */
    .aboutarea__2 .row,
    .populerarea__2 .row,
    .populerarea .row{
        --bs-gutter-x:54px !important;
        align-items:center;
    }

    /* Welcome image konchem bigger ga */
    .aboutarea__2__img__1{
        max-width:470px !important;
    }

    /* Welcome text side space correct ga */
    .aboutarea__content__wraper{
        max-width:680px;
    }

    /* Hero content wide ga readable ga */
    .herobannerarea.herobannerarea__university
    .herobannerarea__content__wraper{
        max-width:1100px;
        margin:0 auto;
    }

    /* Header lo logo/menu ki proper room */
    .site-header__inner{
        gap:28px;
    }

    .site-brand{
        flex-basis:280px;
    }

    .site-navigation{
        gap:8px;
    }

    .site-navigation > a,
    .site-nav-dropdown > summary{
        font-size:15px;
        padding:12px 11px;
    }
}




/* Home hero thumbnail boxes remove */
.herobannerarea.herobannerarea__university
.university__slider__thumb{
    display:none !important;
}

/* Thumbnail boxes remove ayyaka empty bottom space remove */
.herobannerarea.herobannerarea__university
.herobannerarea__single__slider{
    padding-bottom:75px !important;
}

@media(max-width:767px){
    .herobannerarea.herobannerarea__university
    .herobannerarea__single__slider{
        padding-bottom:65px !important;
    }
}


/* Home Gallery – mobile only perfect equal image grid */
@media(max-width:640px){

    .gallery.container{
        padding-left:16px !important;
        padding-right:16px !important;
    }

    .gallery .blogsidebar__content__wraper__2{
        padding:0 !important;
        border:0 !important;
        box-shadow:none !important;
        background:transparent !important;
    }

    .gallery .photo__gallery__img{
        display:grid !important;
        grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
        gap:10px !important;
    }

    .gallery .single__gallery__img{
        width:100% !important;
        height:auto !important;
        aspect-ratio:1 / 1 !important;
        margin:0 !important;
        overflow:hidden !important;
        border-radius:10px !important;
    }

    .gallery .single__gallery__img img{
        display:block !important;
        width:100% !important;
        height:100% !important;
        object-fit:cover !important;
        object-position:center center !important;
    }

    .gallery .gallery__icon{
        display:none !important;
    }
}




/* Home Gallery – mobile full image display, no crop */
@media(max-width:640px){

    .gallery .single__gallery__img{
        aspect-ratio:auto !important;
        height:auto !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        background:#fff !important;
        overflow:hidden !important;
        border-radius:10px !important;
    }

    .gallery .single__gallery__img img{
        width:100% !important;
        height:auto !important;
        max-height:none !important;
        object-fit:contain !important;
        object-position:center center !important;
        display:block !important;
    }
}

/* Mobile lo phone & whatsapp buttons bottom center lo ravadaniki */
@media (max-width: 640px) {
    .site-float {
        left: 50%;
        right: auto !important;
        transform: translateX(-50%);
    }

    .site-float--call {
        bottom: 78px;
    }

    .site-float--whatsapp {
        bottom: 20px;
    }
}




/* Phone & WhatsApp – right side vertical middle */
.site-float{
    left:auto !important;
    right:20px !important;
    transform:none !important;
}

.site-float--call{
    top:calc(50% - 52px) !important;
    bottom:auto !important;
}

.site-float--whatsapp{
    top:calc(50% + 8px) !important;
    bottom:auto !important;
}

@media(max-width:640px){
    .site-float{
        right:14px !important;
    }
}








/* Navbar kindha scrolling announcement strip */
.idps-announcement{
    width:100%;
    overflow:hidden;
    background:#008b18;
    color:#fff;
    height:34px;
    display:flex;
    align-items:center;
    white-space:nowrap;
    position:relative;
    z-index:20;
}

.idps-announcement__track{
    display:flex;
    width:max-content;
    min-width:100%;
    animation:idpsAnnouncementMove 22s linear infinite;
}

.idps-announcement__track span{
    display:inline-block;
    padding-right:90px;
    font-size:14px;
    font-weight:700;
    line-height:34px;
}

@keyframes idpsAnnouncementMove{
    from{
        transform:translateX(0);
    }
    to{
        transform:translateX(-50%);
    }
}

@media(max-width:640px){
    .idps-announcement{
        height:31px;
    }

    .idps-announcement__track span{
        font-size:12px;
        line-height:31px;
        padding-right:60px;
    }
}




/* Navbar scrolling strip – right to left, no initial cut */
.idps-announcement{
    width:100%;
    height:34px;
    overflow:hidden;
    display:flex;
    align-items:center;
    white-space:nowrap;
    background:#008b18;
    color:#fff;
    position:relative;
    z-index:30;
}

.idps-announcement__track{
    display:inline-flex;
    width:max-content;
    padding-left:100vw;
    animation:idpsAnnouncementMove 34s linear infinite;
    will-change:transform;
}

.idps-announcement__track span{
    flex:0 0 auto;
    display:inline-block;
    padding-right:110px;
    line-height:34px;
    font-size:14px;
    font-weight:700;
}

@keyframes idpsAnnouncementMove{
    from{
        transform:translateX(0);
    }
    to{
        transform:translateX(-100%);
    }
}

@media(max-width:640px){
    .idps-announcement{
        height:31px;
    }

    .idps-announcement__track{
        padding-left:100vw;
        animation-duration:28s;
    }

    .idps-announcement__track span{
        font-size:12px;
        line-height:31px;
        padding-right:70px;
    }
}











