/*--- Menu Home page---*/
.homepageHeader #mega-menu-wrap-top #mega-menu-top > li.mega-menu-item > a.mega-menu-link{color:#fff !important;}
.menubarcolor .mega-menu-item-17907 a{padding-right:40px !important; position:relative !important; border:1px solid #fff !important;}
.mega-menu-item-17907 a:after{position:absolute; right:0; top:50%; margin-top:-10px; content:""; display:block; width:13px; height:13px;
background:url("../images/white_arrow.png") no-repeat center top;} 
.btn_white_arrow{padding-right:40px !important; position:relative !important; border:1px solid #fff !important;}
.btn_white_arrow:after{position:absolute; right:0; top:50%; margin-top:-10px; content:""; display:block; width:13px; height:13px;
background:url("../images/white_arrow.png") no-repeat center top;} 


/*---End---*/



.homepageHeader{position:absolute; top:0; z-index:9; width:100%; background:none; padding-top:10px;}
.cg_home_heroWrapper{display:flex; gap:50px;}
.cg_home_heroImage{padding-top:220px;}
.cg_home_mainBanner {
    position: relative;
    width: 100%;
    overflow: hidden;
    background:url(../images/hero_bg.jpg) no-repeat center top / cover;
    padding: 220px 0 0px;
    z-index: 1;
}

.cg_home_mainBanner .container {
    max-width: 1280px;
    margin: auto;
    padding: 0 20px;
}

.cg_home_typeHome {
    max-width: 650px;
}


/* =========================
   SMALL HEADING
========================= */

.cg_home_heroSmallHeading {
    display: inline-block;
    color: #ffffff;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 20px;
    opacity: 0.9;
}


/* =========================
   MAIN HEADING
========================= */

.cg_home_typeHome h1 {
    font-size: 68px;
    line-height: 1.05;
    font-weight: 700;
    color: #ffffff;
    margin: 0 0 25px;
    letter-spacing: -2px;
}


/* =========================
   DESCRIPTION
========================= */

.cg_home_typeHome p {
    font-size: 18px;
    line-height: 1.8;
    color: rgba(255,255,255,0.82);
    margin-bottom: 35px;
    max-width: 560px;
}


/* =========================
   BADGES
========================= */

.cg_home_heroBadges {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 35px;
}

.cg_home_badgeItem {
    padding: 10px 18px;
    border: 1px solid rgba(255,255,255,0.18);
    border-radius: 50px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 500;
    background: rgba(255,255,255,0.06);
    backdrop-filter: blur(5px);
}


/* =========================
   BUTTONS
========================= */

.cg_home_heroButtons {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
}

.cg_home_heroBtn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 190px;
    min-height: 56px;
    padding: 14px 28px;
    border-radius: 6px;
    text-decoration: none;
    font-size: 15px;
    font-weight: 600;
    transition: all 0.3s ease;
}


/* Primary Button */

.cg_home_heroButtons .heroBtn:first-child,
.cg_home_heroButtons .cg_home_heroBtn:first-child {
    background: #ff6b2c;
    color: #ffffff;
}

.cg_home_heroButtons .heroBtn:first-child:hover,
.cg_home_heroButtons .cg_home_heroBtn:first-child:hover {
    background: #ff5710;
    transform: translateY(-2px);
}


/* Secondary Button */

.cg_home_heroButtons .heroBtn:last-child,
.cg_home_heroButtons .cg_home_heroBtn:last-child {
    border: 1px solid rgba(255,255,255,0.2);
    background: rgba(255,255,255,0.06);
    color: #ffffff;
}

.cg_home_heroButtons .heroBtn:last-child:hover,
.cg_home_heroButtons .cg_home_heroBtn:last-child:hover {
    background: #ffffff;
    color: #111111;
}


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

@media (max-width: 1199px){

    .cg_home_typeHome h1{
        font-size: 56px;
    }

}


@media (max-width: 991px){

    .cg_home_mainBanner{
        padding: 90px 0 80px;
    }

    .cg_home_typeHome{
        max-width: 100%;
    }

    .cg_home_typeHome h1{
        font-size: 48px;
        line-height: 1.12;
    }

    .cg_home_typeHome p{
        font-size: 16px;
        line-height: 1.7;
    }

}


@media (max-width: 767px){

    .cg_home_mainBanner{
        padding: 75px 0 70px;
    }

    .cg_home_typeHome h1{
        font-size: 38px;
        letter-spacing: -1px;
    }

    .cg_home_heroButtons{
        flex-direction: column;
        gap: 14px;
    }

    .cg_home_heroBtn{
        width: 100%;
    }

}


@media (max-width: 575px){

    .cg_home_mainBanner{
        padding: 65px 0 60px;
    }

    .cg_home_typeHome h1{
        font-size: 32px;
    }

    .cg_home_typeHome p{
        font-size: 15px;
    }

    .cg_home_badgeItem{
        font-size: 13px;
        padding: 8px 14px;
    }

}