.elementor-44104 .elementor-element.elementor-element-55c7bde{--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-44104 .elementor-element.elementor-element-1a023e6{--display:flex;}.elementor-44104 .elementor-element.elementor-element-2d7fa29{--spacer-size:50px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-44104 .elementor-element.elementor-element-55c7bde{--content-width:0px;}}/* Start custom CSS for html, class: .elementor-element-2d12980 *//* ==================================================
   GLOBAL
================================================== */

.atcen-header,
.atcen-header *{
    font-family:'Montserrat',sans-serif !important;
}

a{
    text-decoration:none !important;
    box-sizing:border-box;
}

*{
    box-sizing:border-box;
}

/* ==================================================
   HRD BAR
================================================== */

.hrd-bar{

    position:fixed;
    top:0;
    left:0;

    width:100%;
    height:42px;

    display:flex;
    justify-content:center;
    align-items:center;

    background:
    linear-gradient(
        90deg,
        #FFF8EE,
        #fff
    );

    box-shadow:
        0 6px 20px rgba(0,0,0,.10);

    z-index:100000;

    padding:0 20px;
}

.hrd-track{

    color:#666;

    font-size:13px;
    font-weight:500;

    text-align:center;
    line-height:1.4;
}

.hrd-track strong{

    color:#00A8A8;
    font-weight:700;
}


/* ==================================================
   HEADER
================================================== */

.atcen-header{

    position:fixed;

    top:48px;

    left:50%;

    transform:translateX(-50%);

    width:min(96%,1700px);

    padding:12px 22px;

    background:transparent;

    backdrop-filter:none;

    border:1px solid transparent;

    border-radius:30px;

    display:flex;

    align-items:center;

    justify-content:space-between;

    transition:
        top .45s ease,
        background .45s ease,
        backdrop-filter .45s ease,
        box-shadow .45s ease,
        border-color .45s ease,
        padding .45s ease;

    z-index:99999;

}

/* ==================================================
   LOGO
================================================== */

.header-logo img{

    height:28px;

    width:auto;

}

.header-logo:hover img{

    transform:scale(1.04);
}


/* ==================================================
   NAVIGATION
================================================== */

.atcen-nav{

    display:flex;
    align-items:center;

    gap:8px;
}

.nav-item,
.internship-btn,
.contact-btn{

    position:relative;
}

.nav-item>a,
.atcen-nav>a{

    display:flex;
    align-items:center;

    padding:6px 16px;

    font-size:
        clamp(13px,.9vw,14px);

    color:#143C46;

    font-weight:600;

    border-radius:18px;

    transition:.35s;
}

.nav-item:hover>a{

    background:
        rgba(247,147,26,.08);

    color:#F7931A;
}


/* ==================================================
   INTERNSHIP
================================================== */

.internship-btn{

    color:#143C46;

    padding:6px 16px;

    border-radius:18px;

    transition:.35s;
}

.internship-btn:hover{

    background:
        linear-gradient(
            90deg,
            rgba(247,147,26,.08),
            rgba(0,168,168,.08)
        );

    color:#F7931A;
}


/* ==================================================
   CONTACT BUTTON
================================================== */

.contact-btn{

    display:flex;
    align-items:center;
    justify-content:center;

    height:36px;

    padding:0 20px;

    background:
        linear-gradient(
            135deg,
            #F7931A,
            #FFB34A
        );

    color:#fff !important;

    border-radius:999px;

    font-size:14px;

    font-weight:600;

    line-height:1;

    box-shadow:
        0 8px 20px rgba(247,147,26,.18);

    transition:.35s;

}

.contact-btn:hover{

    background:
        linear-gradient(
            135deg,
            #00A8A8,
            #009393
        );

    transform:translateY(-2px);

}


/* ==================================================
   DROPDOWN BOXES
================================================== */

.dropdown-menu,
.mega-menu,
.submenu{

    background:rgba(255,255,255,.95);

    backdrop-filter:blur(25px);

    box-shadow:
        0 25px 80px rgba(0,0,0,.08),
        0 10px 40px rgba(0,0,0,.05);

    overflow:hidden;
}


/* ==================================================
   NORMAL DROPDOWN
================================================== */

.dropdown-menu{

    position:absolute;

    top:55px;
    left:0;

    width:280px;

    padding:16px;

    opacity:0;
    visibility:hidden;

    transform:
        translateY(25px)
        scale(.96);

    transition:.45s;

    z-index:9999;
}


/* ==================================================
   MEGA MENU
================================================== */

.has-mega{
    position:static;
}

.mega-menu{

    position:fixed;

    top:75px;
    left:50%;

    transform:
        translateX(-50%)
        translateY(25px)
        scale(.97);

    width:760px;

    max-height:calc(100vh - 100px);

    overflow-y:auto;
    overflow-x:hidden;

    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;

    display:grid;

    grid-template-columns:1fr 220px;

    gap:30px;

    padding:30px 60px 30px 30px;

    opacity:0;
    visibility:hidden;

    z-index:999999;

}

.mega-menu:hover{

    overflow-y:auto;

}

body.home{

    overflow-x:hidden;

}

.atcen-header,
.mega-menu{

    will-change:transform;

}


/* LEFT / RIGHT COLUMN */

.mega-left,
.mega-middle{

    display:flex;
    flex-direction:column;

    gap:2px;
}


/* ==================================================
   ACTIVE STATE
================================================== */

.has-dropdown.active .dropdown-menu{

    opacity:1;
    visibility:visible;

    transform:
        translateY(0)
        scale(1);
}

.has-mega.active .mega-menu{

    opacity:1;
    visibility:visible;

    transform:
        translateX(-50%)
        translateY(0)
        scale(1);
}


/* ==================================================
   CATEGORY TITLE
================================================== */

.menu-title{

    display:flex;
    align-items:center;

    gap:10px;

    margin-bottom:16px;

    font-size:12px;
    font-weight:700;

    letter-spacing:2px;

    text-transform:uppercase;

    color:#F7931A;
}

.menu-title:before{

    content:"";

    width:28px;
    height:2px;

    background:#00A8A8;
}


/* ==================================================
   DROPDOWN LINKS
================================================== */

.mega-left>a,
.mega-middle>a,
.dropdown-menu a,
.submenu a{

    display:block;

    padding:12px 32px 12px 18px;

    color:#222;

    font-size:13px;
    font-weight:500;

    line-height:1.45;

    border-radius:12px;

    transition:.35s;

    position:relative;

    white-space:normal;
}


/* HOVER */

.mega-left>a:hover,
.mega-middle>a:hover,
.dropdown-menu a:hover,
.submenu a:hover{

    background:
        linear-gradient(
            90deg,
            rgba(247,147,26,.10),
            rgba(0,168,168,.06)
        );

    color:#F7931A;

    transform:translateX(5px);
}


/* ==================================================
   ARROW
================================================== */

.mega-left>a:after,
.mega-middle>a:after,
.dropdown-menu a:after,
.submenu a:after{

    content:"↗";

    position:absolute;

    top:50%;
    right:30px;

    transform:
        translateY(-50%)
        translateX(-6px);

    color:#00A8A8;

    opacity:0;

    transition:.35s;
}

.mega-left>a:hover:after,
.mega-middle>a:hover:after,
.dropdown-menu a:hover:after,
.submenu a:hover:after{

    opacity:1;

    transform:
        translateY(-50%)
        translate(2px,-2px);
}


/* ==================================================
   SUBMENU
================================================== */

.submenu-parent{

    position:relative;

    padding:12px 22px 12px 18px;

    border-radius:12px;

    cursor:pointer;

    transition:.35s;
}

.submenu-parent:hover{

    background:
        linear-gradient(
            90deg,
            rgba(247,147,26,.08),
            rgba(0,168,168,.05)
        );
}

.submenu-parent span{

    display:flex;
    justify-content:space-between;
    align-items:center;

    gap:15px;

    color:#222;

    font-size:13px;
    font-weight:500;

    line-height:1.45;
}

.submenu-parent span:after{

    content:"➜";

    color:#00A8A8;

    flex-shrink:0;
}

.submenu{

    position:absolute;

    top:-10px;

    left:calc(100% + 15px);

    width:280px;

    padding:16px;

    opacity:0;
    visibility:hidden;

    transform:
        translateX(20px)
        scale(.97);

    transition:.45s;

    z-index:10000;
}

.submenu-parent.active .submenu{

    opacity:1;
    visibility:visible;

    transform:none;
}


/* ==================================================
   RESPONSIVE
================================================== */

@media(max-width:1200px){

    .mega-menu{

        width:90vw;

        grid-template-columns:
            1fr
            220px;
    }
}

@media(max-width:992px){

    .mega-menu{

        width:92vw;

        grid-template-columns:1fr;

        gap:25px;

        padding:25px;

        max-height:75vh;
    }

    .dropdown-menu{

        width:min(320px,90vw);
    }
}

@media(max-width:768px){

    .mega-menu,
    .dropdown-menu,
    .submenu{

        width:92vw;
        max-width:92vw;
    }

    .submenu{

        left:0;
        top:100%;

        transform:
            translateY(20px)
            scale(.97);
    }

    .submenu-parent.active .submenu{

        transform:
            translateY(0)
            scale(1);
    }
}

/* =====================================
   DROPDOWN LAYER FIX
===================================== */

.has-dropdown,
.has-mega,
.submenu-parent{
    position:relative;
    z-index:1;
}

.has-dropdown.active,
.has-mega.active,
.submenu-parent.active{
    z-index:999999;
}

/* =====================================
   HRDC SCROLL EFFECT
===================================== */

.hrd-bar{

    transition:
        transform .45s ease,
        opacity .45s ease;

}

.hrd-bar.hide{

    transform:translateY(-100%);

    opacity:0;

}

.atcen-header{

    transition:
        top .45s ease,
        transform .45s ease,
        box-shadow .45s ease;

}

.atcen-header.stick{

    top:10px !important;

    padding:16px 22px;

    background:rgba(255,255,255,.98);

    backdrop-filter:blur(35px);

    border:1px solid rgba(0,168,168,.12);

    box-shadow:
        0 18px 45px rgba(0,0,0,.12);

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-967d2a5 *//* =====================================
       MOBILE HRD BAR
    ===================================== */
    
    .mobile-hrd{
        position:fixed;
        top:0;
        left:0;
        width:100%;
        height:42px;
        background:
        linear-gradient(
            90deg,
            #FFF8EE,
            #fff
        );
        overflow:hidden;
        display:flex;
        align-items:center;
        z-index:999999;
    }
    
    .mobile-hrd-track{
        display:flex;
        width:max-content;
        animation:hrdMove 25s linear infinite;
    }
    
    .mobile-hrd-track span{
        white-space:nowrap;
        color:#666;
        font-size:11px;
        font-weight:500;
        padding-right:120px;
    }
    
    .mobile-hrd strong{
        color:#F7931A;
    }
    
    @keyframes hrdMove{
        from{transform:translateX(0);}
        to{transform:translateX(calc(-100% / 2));}
    }
    
    
    /* =====================================
       MOBILE HEADER
    ===================================== */
    
    .mobile-header,
    .atcen-mobile{
        display:none;
    }
    
    @media (max-width:1024px){
    
        .atcen-header{
            display:none !important;
        }
    
        html{
            font-size:16px;
            overflow-x:hidden;
        }
    
        body{
            overflow-x:hidden;
            width:100%;
        }
    
        .mobile-header{

            display:flex;
        
            position:fixed;
        
            top:calc(env(safe-area-inset-top) + 48px);
        
            left:8px;
            right:8px;
        
            height:58px;
        
            padding:0 14px;
        
            align-items:center;
            justify-content:space-between;
        
            background:rgba(255,255,255,.95);
        
            backdrop-filter:blur(18px);
        
            border:1px solid rgba(20,60,70,.08);
        
            border-radius:16px;
        
            box-shadow:
            0 8px 24px rgba(0,0,0,.08);
        
            z-index:999999;
        
        }
    
    
        /* LOGO */
    
        .mobile-logo{
    
            display:flex;
            align-items:center;
        }
    
        .mobile-logo img{
    
            width:auto;
    
            height:24px;
    
            display:block;
    
        }
    
    
        /* HAMBURGER */
    
        .mobile-open{
    
            width:40px;
            height:40px;
    
            display:flex;
    
            justify-content:center;
    
            align-items:center;
    
            border:none;
    
            border-radius:14px;
    
            background:#F7931A;
    
            color:#fff;
    
            font-size:18px;
    
            cursor:pointer;
    
            transition:.35s;
    
            box-shadow:
            0 10px 28px rgba(247,147,26,.25);
    
        }
    
        .mobile-open:hover{
    
            transform:scale(1.05);
    
        }
    
    
        /* FULL SCREEN MENU */
    
        .atcen-mobile{

            display:block;
        
            position:fixed;
        
            top:0;
            left:0;
        
            width:100%;
            height:100vh;
        
            transform:translateX(100%);
        
            overflow-y:auto;
            overflow-x:hidden;
        
            padding:
            calc(env(safe-area-inset-top) + 24px)
            24px
            calc(env(safe-area-inset-bottom) + 32px);
        
            background:linear-gradient(
                180deg,
                #07292C 0%,
                #08181B 100%
            );
        
            transition:transform .45s ease;
        
            z-index:99999999;
        
            -webkit-overflow-scrolling:touch;
        
        }
        
        .atcen-mobile.active{
        
            transform:translateX(0);
        
        }
    
    /* =====================================
       MOBILE TOP
    ===================================== */
    
    .mobile-top{
    
        display:flex;
    
        justify-content:space-between;
    
        align-items:center;
    
        padding-bottom:22px;
    
        margin-bottom:20px;
    
        border-bottom:
        1px solid rgba(255,255,255,.08);
    
    }
    
    .mobile-top img{
    
        height:34px;
    
        width:auto;
    
        display:block;
    
    }
    
    
    /* =====================================
       CLOSE BUTTON
    ===================================== */
    
    .mobile-close{
    
        width:40px;
        height:40px;
    
        display:flex;
    
        justify-content:center;
    
        align-items:center;
    
        border:none;
    
        border-radius:14px;
    
        background:#F7931A;
    
        color:#fff;
    
        font-size:18px;
    
        cursor:pointer;
    
        transition:.35s;
    
        box-shadow:
        0 10px 28px rgba(247,147,26,.25);
    
    }
    
    .mobile-close:hover{
    
        transform:rotate(90deg);
    
    }
    
    
    /* =====================================
       MENU ITEMS
    ===================================== */
    
    .mobile-item,
    .mobile-link{
    
        border-bottom:
        1px solid rgba(255,255,255,.07);
    
    }
    
    .mobile-title{
    
        width:100%;
    
        display:flex;
    
        justify-content:space-between;
    
        align-items:center;
    
        padding:18px 0;
    
        background:none;
    
        border:none;
    
        cursor:pointer;
    
        color:#fff;
    
        font-size:17px;
    
        font-weight:600;
    
        line-height:1.3;
    
        transition:.3s;
    
    }
    
    
    /* ACTIVE MENU */
    
    .mobile-item.active .mobile-title{
    
        color:#F7931A;
    
        padding-left:16px;
    
    }
    
    
    /* PLUS ICON */
    
    .mobile-title span{
    
        width:38px;
    
        height:38px;
    
        flex-shrink:0;
    
        display:flex;
    
        justify-content:center;
    
        align-items:center;
    
        border-radius:12px;
    
        background:
        rgba(255,255,255,.06);
    
        border:
        1px solid rgba(255,255,255,.08);
    
        color:#F7931A;
    
        font-size:16px;
    
        transition:.35s;
    
    }
    
    .mobile-item.active .mobile-title span{
    
        background:#F7931A;
    
        color:#fff;
    
        transform:rotate(45deg);
    
    }
    
    
    /* =====================================
       DROPDOWN
    ===================================== */
    
    .mobile-dropdown{
    
        max-height:0;
    
        overflow:hidden;
    
        opacity:0;
    
        transition:
    
        max-height .45s ease,
    
        opacity .35s ease;
    
    }
    
    .mobile-item.active .mobile-dropdown{
    
        max-height:1400px;
    
        opacity:1;
    
    }
    
    .mobile-dropdown a{
    
        display:block;
    
        padding:11px 16px;
    
        margin:4px 0;
    
        border-radius:12px;
    
        color:
        rgba(255,255,255,.72);
    
        font-size:14px;
    
        font-weight:500;
    
        transition:.3s;
    
    }
    
    .mobile-dropdown a:hover{
    
        background:
        rgba(247,147,26,.12);
    
        color:#F7931A;
    
        transform:translateX(8px);
    
    }
    
    
    /* =====================================
       NORMAL LINKS
    ===================================== */
    
    .mobile-link{
    
        display:flex;
    
        align-items:center;
    
        min-height:58px;
    
        color:#fff;
    
        font-size:17px;
    
        font-weight:600;
    
        transition:.3s;
    
    }
    
    .mobile-link:hover{
    
        color:#F7931A;
    
        padding-left:16px;
    
    }
    
    /* =====================================
       CONTACT BUTTON
    ===================================== */
    
    .mobile-contact{
    
        display:flex;
    
        justify-content:center;
    
        align-items:center;
    
        width:100%;
    
        height:56px;
    
        margin-top:32px;
    
        border-radius:16px;
    
        background:
        linear-gradient(
            135deg,
            #F7931A,
            #E67E00
        );
    
        color:#fff;
    
        font-size:16px;
    
        font-weight:700;
    
        letter-spacing:.3px;
    
        text-decoration:none;
    
        transition:.35s;
    
        box-shadow:
        0 16px 35px rgba(247,147,26,.28);
    
    }
    
    .mobile-contact:hover{
    
        transform:translateY(-2px);
    
        box-shadow:
        0 20px 40px rgba(247,147,26,.35);
    
    }
    
    
    /* =====================================
       TABLET
    ===================================== */
    
    @media (min-width:768px) and (max-width:1024px){
    
        .mobile-header{
    
            left:28px;
    
            right:28px;
    
            height:74px;
    
            padding:0 24px;
    
        }
    
        .mobile-logo img{
    
            height:34px;
    
        }
    
        .mobile-open{
    
            width:50px;
    
            height:50px;
    
            font-size:21px;
    
        }
    
        .mobile-top img{
    
            height:36px;
    
        }
    
        .mobile-title{
    
            font-size:18px;
    
        }
    
        .mobile-link{
    
            font-size:18px;
    
        }
    
        .mobile-dropdown a{
    
            font-size:15px;
    
        }
    
    }
    
    
    /* =====================================
       SMALL PHONES
    ===================================== */
    
    @media (max-width:480px){
    
        .mobile-header{
    
            top:50px;
    
            left:12px;
    
            right:12px;
    
            height:60px;
    
            padding:0 14px;
    
            border-radius:16px;
    
        }
    
        .mobile-logo img{
    
            height:26px;
    
        }
    
        .mobile-open,
        .mobile-close{
    
            width:42px;
    
            height:42px;
    
            font-size:18px;
    
        }
    
        .atcen-mobile{
    
            padding:
    
            calc(env(safe-area-inset-top) + 20px)
    
            18px
    
            calc(env(safe-area-inset-bottom) + 28px);
    
        }
    
        .mobile-title{
    
            font-size:16px;
    
            padding:16px 0;
    
        }
    
        .mobile-link{
    
            min-height:54px;
    
            font-size:16px;
    
        }
    
        .mobile-dropdown a{
    
            font-size:13px;
    
            padding:10px 14px;
    
        }
    
        .mobile-contact{
    
            height:52px;
    
            font-size:15px;
    
            margin-top:26px;
    
        }
    
    }
    
    
    /* =====================================
       LANDSCAPE PHONE
    ===================================== */
    
    @media (max-height:520px) and (orientation:landscape){
    
        .mobile-header{
    
            top:46px;
    
        }
    
        .atcen-mobile{
    
            padding-top:18px;
    
        }
    
        .mobile-title{
    
            padding:14px 0;
    
        }
    
        .mobile-link{
    
            min-height:48px;
    
        }
    
    }
    
    
    /* =====================================
       GLOBAL FIXES
    ===================================== */
    
    html,
    body{
    
        width:100%;
    
        max-width:100%;
    
        overflow-x:hidden;
    
        -webkit-text-size-adjust:100%;
    
    }
    
    *,
    *::before,
    *::after{
    
        box-sizing:border-box;
    
    }
    
    img{
    
        display:block;
    
        max-width:100%;
    
        height:auto;
    
    }
    
    a{
    
        text-decoration:none;
    
    }
    
    button{
    
        font-family:inherit;
    
    }/* End custom CSS */