/*--- 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: 150px 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;
    }
	.cg_home_heroWrapper{display:block;}
	.cg_home_heroImage{padding-top:50px;}
	#mega-menu-wrap-top{margin-top:-60px !important;}
	#mega-menu-wrap-top .mega-menu-toggle .mega-toggle-block-1 button.mega-toggle-standard{color:#fff !important; font-size:18px !important;}
	#mega-menu-wrap-top .mega-menu-toggle .mega-toggle-block-1 button.mega-toggle-standard:after{font-size:36px !important;}

}


@media (max-width: 767px){

    .cg_home_mainBanner{
        padding: 160px 0 70px;
    }
.menuBar{margin-top:0;}
    .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: 160px 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;
    }

}

/* =========================
Trusted Section
========================= */

.cg_home_trusted_section{
    position: relative;
    margin-top: -127px;
    z-index: 5;
    overflow: hidden;
}

.cg_home_trusted_container{
    max-width: 100%;
    margin: auto;
    position: relative;
    background:url("https://cgcolors.com/wp-content/uploads/2026/05/bgCurve2.png") no-repeat center top / cover;
    padding: 35px 0 65px;
    overflow: hidden;
}

/* Top Right Shape */

.cg_home_trusted_top_cut{
    position: absolute;
    top: 0;
    right: 0;
    width: 280px;
    height: 110px;
    background: #fff;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 18% 100%);
}

/* Optional Background Effect */

.cg_home_trusted_shape{
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 20% 20%, rgba(255,255,255,0.4), transparent 40%);
    pointer-events: none;
}

.cg_home_trusted_content{
    position: relative;
    z-index: 2;
}

.cg_home_trusted_content h2{
    text-align: center;
    font-size: 42px;
    line-height: 1.1;
    font-weight: normal;
    color: #111;
    margin-bottom: 55px;
    letter-spacing: -1px;
}

/* =========================
Slider
========================= */

.cg_home_trusted_slider{
    overflow: hidden;
    width: 100%;
    position: relative;
}

.cg_home_trusted_track{
    display: flex;
    align-items: center;
    width: max-content;
    animation: cg_home_scrollLogo 28s linear infinite;
}

.cg_home_logo_item{
    width: 220px;
    min-width: 220px;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: .55;
    transition: .3s ease;
}

.cg_home_logo_item:hover{
    opacity: 1;
}

.cg_home_logo_item img{
    max-width: 140px;
    width: 100%;
    object-fit: contain;
    filter: grayscale(100%);
}

/* Infinite Animation */

@keyframes cg_home_scrollLogo{

    from{
        transform: translateX(0);
    }

    to{
        transform: translateX(-50%);
    }
}

/* =========================
Responsive
========================= */

@media(max-width:991px){

    .cg_home_trusted_container{
        padding: 65px 0 25px;
    }

    .cg_home_trusted_content h2{
        font-size: 34px;
        margin-bottom: 45px;
    }

    .cg_home_trusted_top_cut{
        width: 200px;
        height: 80px;
    }

    .cg_home_logo_item{
        width: 170px;
        min-width: 170px;
    }

    .cg_home_logo_item img{
        max-width: 110px;
    }
}

@media(max-width:767px){

    .cg_home_trusted_section{
        margin-top: -20px;
    }

    .cg_home_trusted_container{
        padding: 50px 0 40px;
    }

    .cg_home_trusted_content h2{
        font-size: 26px;
        line-height: 1.2;
        margin-bottom: 35px;
    }

    .cg_home_trusted_top_cut{
        width: 140px;
        height: 60px;
        clip-path: polygon(0 0, 100% 0, 100% 100%, 25% 100%);
    }

    .cg_home_logo_item{
        width: 140px;
        min-width: 140px;
    }

    .cg_home_logo_item img{
        max-width: 90px;
    }

    .cg_home_trusted_track{
        animation-duration: 20s;
    }
}


/* =========================
Services Section
========================= */

.cg_home_services_section{
    padding: 110px 0;
    background: #fff;
    overflow: hidden;
}

.cg_home_services_container{
    max-width: 1240px;
    margin: auto;
    padding: 0 20px;
}

/* =========================
Top Area
========================= */

.cg_home_services_top{
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 40px;
    margin-bottom: 30px;
}
.cg_home_services_heading p:last-child{margin-bottom:0; padding-bottom:0;}
.cg_home_services_heading{
    max-width: 720px;
}

.cg_home_services_heading span{
    display: inline-block;
    color: #ff5a1f;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 18px;
}

.cg_home_services_heading h2{
    font-size: 55px;
    line-height: 0.98;
    letter-spacing: -2px;
    color: #08113b;
    margin-bottom: 20px;
    font-weight: 500; margin-top:0;
}

.cg_home_services_heading p{
    max-width: 540px;
    color: #444;
    line-height: 1.8;
    font-size: 16px;
}

/* =========================
Button
========================= */

.cg_home_services_btn{
    width: 180px;
    height: 50px;
    border: 1px solid #08113b;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    text-decoration: none;
    color: #08113b;
    font-weight: normal; font-size:18px;
    transition: .35s ease;
    flex-shrink: 0;
}

.cg_home_services_btn svg{
    transition: .35s ease;
}

.cg_home_services_btn:hover{
    background: #08113b;
    color: #fff;
}

.cg_home_services_btn:hover svg{
    transform: translate(3px,-3px);
}

/* =========================
Services Grid
========================= */

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

/* =========================
Service Item
========================= */

.cg_home_service_item{
    position: relative;
    padding: 38px 20px 28px;
    border: 1px solid transparent;
    transition: .35s ease;
    overflow: hidden;
}

/* Hover Border */

.cg_home_service_item:hover{
     background:url("https://cgcolors.com/wp-content/uploads/2026/05/bg-element.png") no-repeat center top;
	background-size:100% 100% !important;
}

/* Exact Top Right Cut */

/* Icon */

.cg_home_service_icon{
    margin-bottom: 28px;
}

.cg_home_service_icon img{
    width: 72px; opacity:.5;
    display: block;
}
.cg_home_service_item:hover .cg_home_service_icon img{opacity:1;}
/* Title */

.cg_home_service_item h3{
    font-size: 20px;
    line-height: 1.2;
    color: #08113b;
    margin-bottom: 20px; margin-top:0;
    font-weight: 600;
}

/* Description */

.cg_home_service_item p{
    font-size: 14px;
    line-height: 1.4;
    color: #4d4d4d;
    margin-bottom: 0;
}

/* Learn More */

.cg_home_service_item a{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    color: #08113b;
    font-size: 16px;
    font-weight: normal;
    transition: .35s ease;
}

.cg_home_service_item a svg{
    transition: .35s ease;
}

.cg_home_service_item:hover a{
    color: #ff5a1f;
}

.cg_home_service_item:hover a svg{
    transform: translate(3px,-3px);
}

/* =========================
Responsive
========================= */

@media(max-width:1100px){

    .cg_home_services_heading h2{
        font-size: 54px;
    }

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

@media(max-width:767px){

    .cg_home_services_section{
        padding: 70px 0;
    }

    .cg_home_services_top{
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 50px;
        gap: 30px;
    }

    .cg_home_services_heading h2{
        font-size: 40px;
        line-height: 1.08;
        letter-spacing: -1px;
    }

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

    .cg_home_services_grid{
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .cg_home_service_item{
        padding: 27px 18px 26px;
    }



    .cg_home_services_btn{
        width: 165px;
        height: 54px;
    }
}



/* =========================Industry Section========================= */

.cg_home_industry_section{padding: 0px 20px; overflow: hidden;}

.cg_home_industry_container{max-width: 1280px;margin: 0 auto; margin-bottom:60px; padding:0 20px;}

/* =========================Top Area========================= */

.cg_home_industry_subtitle{display: inline-block;font-size: 16px;font-weight: 500;color: #ff5a1f;margin-bottom: 18px;}

.cg_home_industry_top_box{background: #050b4d;padding: 55px 55px;display: flex;justify-content: space-between;align-items: end;gap: 30px;clip-path: polygon(0 0, 97% 0, 100% 20%, 100% 100%, 0 100%);}

.cg_home_industry_heading h2{font-size: 68px;line-height: 1.05;color: #fff;margin: 0 0 2px;font-weight: 500;}

.cg_home_industry_heading p{font-size: 18px;line-height: 1.7;color: rgba(255,255,255,0.8);margin: 0;max-width: 620px;}
.cg_home_industry_heading p:last-child{padding-bottom:0; margin-bottom:0;}
/* =========================Buttons========================= */

.cg_home_industry_btn{display: inline-flex;align-items: center;gap: 10px;background: #ff5a1f;color: #fff;text-decoration: none;padding: 16px 28px;font-size: 16px;font-weight: 500;transition: 0.3s ease;}

.cg_home_industry_btn svg{transition: 0.3s ease;}

.cg_home_industry_btn:hover

.cg_home_industry_btn:hover svg{transform: translate(3px,-3px);}

/* =========================Industry List========================= */

.cg_home_industry_list{margin-top: 80px; padding:0 90px;}

.cg_home_industry_item{display: grid;grid-template-columns: 80px 70px 1fr 1.2fr;gap: 40px;align-items: center;padding: 38px 0;border-bottom: 1px solid #cfcfcf;transition: 0.3s ease;}

.cg_home_industry_item:last-child{border-bottom: none;}

.cg_home_industry_number{font-size: 24px;font-weight: 500;color: #111;transition: 0.3s ease;}

.cg_home_industry_title h3{font-size: 44px;line-height: 1.05;color: #11184d;margin: 0;font-weight: 500;transition: 0.3s ease;}

.cg_home_industry_desc p{font-size: 18px;line-height: 1.4;color: #444;margin: 0;max-width: 420px;transition: 0.3s ease;}
.cg_home_industry_desc p:last-child{padding-bottom:0; margin-bottom:0;}
/* =========================Hover Effect========================= */

.cg_home_industry_item:hover .cg_home_industry_number,.cg_home_industry_item:hover .cg_home_industry_title h3,.cg_home_industry_item:hover .cg_home_industry_desc p{color: #ff5a1f;}

.cg_home_industry_item:hover .cg_home_industry_icon img{transform: translateY(-3px);}

/* =========================Bottom Button========================= */

.cg_home_industry_bottom_btn{margin-top: 60px;}

.cg_home_industry_icon{
    width: 80px;
    height: 80px;
    background-repeat: no-repeat;
    background-position: center top;    
    transition: 0.3s ease;
}
a.cg_home_industry_item:hover .cg_home_industry_icon{
    background-position: center bottom !important;  
}

/* =========================Responsive========================= */

@media(max-width:1200px){

.cg_home_industry_heading h2{
    font-size: 56px;
}

.cg_home_industry_title h3{
    font-size: 36px;
}

}

@media(max-width:991px){

.cg_home_industry_section{
    padding: 80px 20px;
}

.cg_home_industry_top_box{
    flex-direction: column;
    align-items: flex-start;
    padding: 45px 35px;
}

.cg_home_industry_heading h2{
    font-size: 46px;
}

.cg_home_industry_item{
    grid-template-columns: 60px 60px 1fr;
    gap: 25px;
}

.cg_home_industry_desc{
    grid-column: 3/4;
}

.cg_home_industry_title h3{
    font-size: 32px;
}

}

@media(max-width:767px){

.cg_home_industry_section{
    padding: 70px 15px;
}

.cg_home_industry_top_box{
    padding: 35px 25px;
    clip-path: none;
}

.cg_home_industry_heading h2{
    font-size: 38px;
}

.cg_home_industry_heading p{
    font-size: 16px;
}

.cg_home_industry_item{
    grid-template-columns: 1fr;
    gap: 18px;
    padding: 30px 0;
}

.cg_home_industry_desc{
    grid-column: auto;
}



.cg_home_industry_number{
    font-size: 20px;
}

.cg_home_industry_title h3{
    font-size: 30px;
}

.cg_home_industry_desc p{
    font-size: 16px;
}

}

@media(max-width:480px){

.cg_home_industry_heading h2{
    font-size: 32px;
}

.cg_home_industry_title h3{
    font-size: 26px;
}

.cg_home_industry_btn{
    width: 100%;
    justify-content: center;
}

}

.cg_home_industry_item{text-decoration: none;}