.aaaactive .aaactiveatginr{ color: #006ED2 !important; }

.usg_btn{
    border: 2px solid #00071A;
    padding: 5px 10px 5px 15px;
    border-radius: 25px;
    color: #00071A;
    font-weight: 500;
    font-size: 17px;
    display: flex;
    align-items: center;
}

.usg_btn:hover{
	background: #00071A;
	color: white;
}

.usg_fill_btn{
    border: 2px solid #00071A;
    background-color: #00071A;
    padding: 5px 10px 5px 15px;
    border-radius: 25px;
    color: #fff;
    font-weight: 500;
    font-size: 17px;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: 0.3s;
}

.usgbgtrans{ background-color: transparent; }

.usg_fill_btn:hover{
	background: transparent;
	color: #00071A;
}

.usg_fill_black_btn{
    border: 2px solid #fff;
    background-color: #fff;
    padding: 5px 10px 5px 15px;
    border-radius: 25px;
    color: #00071a;
    font-weight: 500;
    font-size: 17px;
    display: flex;
    align-items: center;
}

.usg_fill_black_btn:hover{
    background: transparent;
    color: #fff;
}

.usg_banner_sec{
    position: relative;
    padding: 60px 0px 70px 0px;
    /*text-align: center;*/
}

.usg_abt_banner_sec{
    position: relative;
    padding: 60px 0px 30px 0px;
    /*text-align: center;*/
}

.usg_heading{
    color: #00071A;
    line-height: 80px;
    font-weight: 500;
    letter-spacing: 0.5px;
}

.usg_heading span{ color: #ADADAD; }

.usgcndgrhn{
    display: flex;
    height: 499px;
    align-items: center;
}

.usgbnrcnt{
    color: #006ED2;
    letter-spacing: 0.5px;
    line-height: 50px;
    font-size: 36px;
}

.usgbnrcntptg{
    color: #686B76;
    margin-bottom: 0;
    margin-top: 15px;
    font-size: 19px;
    line-height: 30px;
    width: 90%;
}

.usgbnrcntptg2{
    color: #686B76;
    margin-bottom: 0;
    margin-top: 15px;
    font-size: 19px;
    line-height: 30px;
}

.usgbnrimg{
    position: absolute;
    right: 220px;
    bottom: 160px;
    width: 4%;
    transform: rotate(340deg);
}

.usgblwbbnr{ margin-top: 55px; }
.usgblwbbnr img{ width: 80%; }
.udgkhsi{ position: absolute; right: 0; }

.usg_brand_sec{
    position: relative;
    padding: 70px 0px;
}

.usg_heading_two{
    color: #00071A;
    letter-spacing: 0.5px;
    line-height: 50px;
    font-size: 36px;
}

.usg_heading_two span{ color: #006ED2; }
.usg_ptg_two{ margin-bottom: 0; margin-top: 5px; font-size: 17px; text-align: center; letter-spacing: 0.3px; }
.installation_imgs .gndbci{ display: flex; align-items: center; justify-content: center; height: 60px; }
.installation_imgs .gndbci img{ max-width: 65%; }
.slider_sec{ position: relative; padding: 70px 0px; }

.cpjvohy{
    background: #F4F8FE;
    border: 1px solid #ABABAD;
    padding: 15px 15px 30px 15px;
    border-radius: 15px;
}

.cpjvohy img{
    background: white;
    padding: 30px;
    border-radius: 15px;
    box-shadow: 0px 0px 10px #e1e1e1;
}

.cpjvohy h3{
    color: #00071A;
    margin-top: 20px;
    letter-spacing: 0.4px;
}

.cpjvohy p{
    margin-bottom: 0;
    color: #686B76;
    letter-spacing: 0.3px;
}

.highlight{ background-color: #006ED2; }

.sliderslrpnl{ margin-top: 60px; }

.usg_sss_sec{
    position: relative;
    padding: 70px 0px;
}

.slick-center .cpjvohy { background: #006ED2; }
.slick-center .cpjvohy h3, .slick-center .cpjvohy p{ color: white; }
.slick-center .cpjvohy img{ box-shadow: none; }

.sss_usg h5{
    font-size: 17px;
    letter-spacing: 0.4px;
}

.sss_usg img{ margin-top: 15px; }

.usg_heading_three{
    color: #00071A;
    letter-spacing: 0.5px;
    line-height: 65px;
    font-size: 45px;
    text-align: right;
}

.usg_heading_three span{ color: #006ED2; }

.usg_heading_fr{
    color: #00071A;
    letter-spacing: 0.5px;
    line-height: 60px;
    font-size: 45px;
}

.usg_heading_fr span{ color: #006ED2; }

.usg_heading_frp p{
    margin-bottom: 15px;
    font-size: 17px;
    letter-spacing: 0.3px;
}

.bg_blue{
    background: #F4F8FE;
    padding: 35px 20px;
    border-radius: 17px;
    height: 250px;
}

.bg_blue h3{
    color: #00071A;
    margin-top: 15px;
    font-size: 27px;
    line-height: 35px;
    letter-spacing: 0.4px;
}

.bg_blue p{
    margin-top: 10px;
    margin-bottom: 0;
    font-size: 16px;
    line-height: 25px;
    width: 90%;
}

.solarneed_sec{
    position: relative;
    padding: 70px 0px;
}

.blackbgusg{
    background: #00071A;
    padding: 40px 50px 50px 50px;
    border-radius: 20px;
}

.blackbgusg h3{
    text-align: center;
    color: white;
    font-size: 40px;
    letter-spacing: 0.5px;
}

.vhsl{ margin-top: 40px; }
.vhsl h2{ color: #000; font-size: 35px; }

.vhsl h5{
    color: #000;
    margin-top: 10px;
    font-weight: 400;
    letter-spacing: 0.4px;
    font-size: 18px;
    line-height: 23px;
}

.ship_sec{
    position: relative;
    padding: 70px 0px 0px 0px;
}

.cusmb{ padding-bottom: 40px; text-align: center; }

.solar_supply_sec{
    position: relative;
    padding: 70px 0px;
}

.usgarowimg2{
    position: absolute;
    right: 305px;
    bottom: -30px;
    transform: rotate(355deg);
}

.bgbckgrnd{
    background: #F4F8FE;
    padding: 30px 25px;
    height: 100%;
    border-radius: 15px;
}

.bgbckgrnd h3{
    color: #00071A;
    margin-top: 20px;
}

.ajprkgjkhn{
    position: absolute;
    top: 10px;
}

.journey_sec{
    position: relative;
    padding: 70px 0px;
}


.journey_abt_sec{
    position: relative;
    padding: 50px 0px 70px 0px;
}

.black_bg_usg{
    background: #00071A;
    padding: 20px 30px;
    border-radius: 15px;
    height: 429px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.black_bg_usg h2{
    color: white;
    font-size: 35px;
    letter-spacing: 0.5px;
    line-height: 43px;
}

.black_bg_usg p{
    color: #F4F8FE;
    margin-bottom: 0;
    margin-top: 40px;
    font-weight: 200;
    font-size: 17px;
    letter-spacing: 0.5px;
    width: 80%;
}

.avsavs{ margin-top: 50px; }

.usgarowimg3{
    position: absolute;
    right: 110px;
    top: 90px;
    transform: rotate(2deg);
}

.usgfooter_sec{
    background: #006ED2;
    padding: 40px 0px 10px 0px;
}

.usgftr h4{
    color: white;
    font-size: 32px;
    letter-spacing: 1.5px;
    line-height: 40px;
    font-weight: 400;
}

.usgftrsnd p{
    margin-bottom: 0;
    color: white;
    font-weight: 200;
    letter-spacing: 0.8px;
    font-size: 15px;
}

.usgarowimg4{
    position: absolute;
    right: 390px;
    top: 30px;
    transform: rotate(2deg);
}

.powering_footer div h5{
    color: #acff00;
    font-size: 12px;
    margin-bottom: 15px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.powering_footer .eiwifwefweo{
    margin-bottom: 10px
}

.powering_footer .eiwifwefweo a{
    color: white;
    font-weight: 300;
    letter-spacing: 0.7px;
    font-size: 18px;
    margin-bottom: 10px;
}

.s-images{ margin-top: 10px; }
.s-images img{ margin-right: 20px; }
.newftrmtfv{ padding: 60px 0px 35px 0px; }

.usg_copyright p{
    color: white;
    font-weight: 300;
    letter-spacing: 0.7px;
    font-size: 16px;
    margin-bottom: 0;
    margin-top: 10px;
}

.footer_marquee_sec {
  background: #061a3a;
  overflow: hidden;
  padding: 20px 0 16px 0;
}

.marquee {
  width: 100%;
  overflow: hidden;
}

.marquee-track {
  display: flex;
  width: max-content;
  animation: scroll 25s linear infinite;
}

.marquee-track span {
    white-space: nowrap;
    font-size: 26px;
    color: #fff;
    letter-spacing: 0.7px;
    height: 30px;
}

/* Continuous Smooth Scroll */
@keyframes scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}

.cusplzero{ padding-left: 0; }
.cusprzero{ padding-right: 0 }

.aacnter{
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.small_cta_sec{
    position: relative;
    padding: 70px 0px;
}

.cta_black_bg{
    background-color: #00071A;
    padding: 20px 30px;
    border-radius: 25px;
}

.cta_black_bg h2{
    color: white;
    line-height: 60px;
    letter-spacing: 0.5px;
    font-size: 45px;
}

.cta_black_bg h5{
    color: white;
    font-weight: 400;
    letter-spacing: 0.4px;
}

.hlwalgncntr{
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.contact-us-sec{
    position: relative;
    padding: 40px 0px 10px 0px;
}

.usgfrminpt{
    background-color: #EDEFEF;
    width: 100%;
    padding: 8px 15px;
    border-radius: 5px;
}

.usgfrminpt::placeholder{
    color: #797979;
    letter-spacing: 0.3px;
    font-weight: 500;
    height: 40px;
}

.checkboxusg{ display:flex; align-items:flex-start; margin-bottom:10px; }
.checkboxusg input{ margin-right:10px; margin-top:4px; }
.checkboxusg label{ font-size:14px; color:#6c757d; margin-bottom: 0; }
.contctpgaaafrm .checkboxusg label{ font-size: 13px; color: #fff; margin-bottom: 0; letter-spacing: 0.3px; line-height: 20px; }
.contctpgaaafrm .usg_fill_btn:hover{ background-color: white; border-color: #fff; }

.bgblueusg{
    background-color: #006ED2;
    padding: 35px 20px;
    border-radius: 20px;
}

.bgblueusg a{
    color: white;
    font-size: 22px;
    line-height: 40px;
}

.bgblueusg a span{ color: #ACFF00; }

.bgblueusg div{ margin-bottom: 40px; }

.blckbrder{
    border: 1px solid #000000;
    border-radius: 20px;
    padding: 30px 20px;
}

.usg_heading_tq{
    color: #00071A;
    font-size: 40px;
    font-weight: 500;
    letter-spacing: 0.5px;
    margin-bottom: 20px;
    line-height: 50px;
}

.usg_heading_tq span{ color: #ADADAD; }

.usg_heading_ptg{
    font-size: 18px;
}

.usg-text-rotate {
  display: inline-block;
  position: relative;
  height: 1em;
  min-width: 220px;
}

.usgword {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.5s ease;
  white-space: nowrap;
  color: #000 !important;
}

.usgword.active {
  opacity: 1;
  transform: translateY(0);
}

.cpjvohyblue{
    background-color: #006ED2;
    color: red;
}

.cpjvohyblue h3{ color: white; }

.cusbbusg{ border-bottom: 1px #ffffff solid; }

/*.usg_brand_inner{
    width: 20%;
    margin-bottom: 30px;
}*/

.gndbci{
    padding: 0px 40px;
    height: 120px;
    display: flex !important;
    justify-content: center;
    align-items: center;
}

.gndbci img{ cursor: pointer; }

.usgglobal_sec{
    padding: 70px 0px;
    position: relative;
}

.usgnsce{ width: 190px; height: 190px; border: 1px solid #000000; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: auto; flex-direction: column; }

.usg_truck_scene{
    position: relative;
    width: 100%;
    height: 160px;
    overflow: hidden;
    background: transparent;
}

/* Background */

.scene-bg{
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    z-index: 1;
    transform: scaleX(-1);
}

.scene-bg img{
    width: 100%;
    display: block;
    opacity: 0.2;
}

/* Truck Common */

.truck{
    position: absolute;
    bottom: 0px;
    z-index: 5;
}

.truck img{
    width: 140px;
    display: block;
}

/* ================= TRUCK 1 ================= */
/* Right -> Left */

.truck1{
    right: -350px;
    animation: truckRightToLeft 14s linear infinite;
}

/* ================= TRUCK 2 ================= */
/* Left -> Right */

.truck2{
    left: -700px;
    animation: truckLeftToRight 18s linear infinite;
}

/* ================= ANIMATION ================= */

/* Truck 1 */

@keyframes truckRightToLeft{

    from{
        transform: translateX(0);
    }

    to{
        transform: translateX(calc(-100vw - 700px));
    }

}

/* Truck 2 */

@keyframes truckLeftToRight{

    from{
        transform: translateX(0);
    }

    to{
        transform: translateX(calc(100vw + 900px));
    }

}

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

@media(max-width:768px){

    .truck{
        bottom: 10px;
    }

    .truck img{
        width: 130px;
    }

}

.contacticon{
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 99;
}

.complience{ margin: 40px auto 0 auto; gap: 110px; }

.complience a{
    color: #ACFF00;
    font-size: 18px;
    letter-spacing: 0.5px;
}

.mycustmclslkmy{
    justify-content: flex-end;
}

.brand.highlight2{
    border:2px solid #0d6efd;
    border-radius:6px;
    background:#f5faff;
    padding:15px 10px;
    transition:0.3s;
}