body{ padding: 0px; margin: 0px; list-style: none; color:#000;}
p{padding: 0px; margin: 0px;}
a{padding: 0px; margin: 0px; outline: none;}
ul{ list-style: none; padding: 0px; margin: 0px;}
label{ list-style: none; padding: 0px; margin: 0px;}
ul li{ padding: 0px; margin: 0px;}
h1, h2, h3, h4, h5, h6, p{padding: 0px 0 15px 0; margin: 0px;}
input[type="text"]::-webkit-placeholder { opacity: 1;  }
input[type="text"]::-moz-placeholder { opacity: 1;}
input[type="password"]::-webkit-placeholder { opacity: 1;}
input[type="password"]::-moz-placeholder { opacity: 1;}
input[type="search"]::-webkit-placeholder { opacity: 1;}
input[type="search"]::-moz-placeholder { opacity: 1;}
input[type="email"]::-webkit-placeholder { opacity: 1; }
input[type="email"]::-moz-placeholder { opacity: 1;}
input[type="tel"]::-webkit-placeholder { opacity: 1;}
input[type="tel"]::-moz-placeholder { opacity: 1;}
textarea::-moz-placeholder { opacity: 1;  }
textarea::-webkit-placeholder { opacity: 1;}
a:hover{ outline: none !important; text-decoration: none;}
a:active{ outline: none !important; text-decoration: none;}
a{ text-decoration: none !important; transition: all 0.3s;}
button, input[type="submit"]{transition: all 0.3s; cursor: pointer; -webkit-appearance: none; outline: none;}
input, button{ -webkit-appearance: none;}
input:focus, textarea:focus{ outline: none; box-shadow: none;}
button:focus, input[type="submit"]:focus{ outline: none; box-shadow: none;}
figure{ margin: 0px !important; padding: 0px;}
img{ max-width: 100%; object-fit:cover;}
a, span, strong, em{ display: inline-block;}
body p, body {font-family: var(--font-2);font-size: var(--font-18);line-height: var(--line-18);}

:root
{
    /* colors */
    --c-000: #000;
   	--c-888: #888;
   	--c-fff: #fff;
   	--c-004AAD: #004AAD;

    /* font-family */
    --font-1: 'Roboto';
    --font-2: 'Open Sans';
    /* font-sizes */
    --font-80:80px;
    --line-80:89px;

    --font-60:60px;
    --line-60:69px;

    --font-50:50px;
    --line-50:60px;

    --font-40:40px;
    --line-40:49px;

    --font-37:37px;
    --line-37:48px;

    --font-35:35px;
    --line-35:45px;

    --font-33:33px;
    --line-33:43px;

    --font-30:30px;
    --line-30:39px;

    --font-25:25px;
    --line-25:33px;

    --font-24:24px;
    --line-24:29px;

    --font-20:20px;
    --line-20:28px;

    --font-18:18px;
    --line-18:26px;

    --font-16:16px;
    --line-16:20px;

    --font-14:14px;
    --line-14:18px;

    --font-12:12px;
    --line-12:16px;
    
    
}

.tophead{ width: 100%; padding: 75px 0; position: relative;}
.tophead h6{ font-size: var(--font-20); line-height: var(--line-20);font-family: var(--font-1);font-weight: 700;}
.tophead h5{ font-size: var(--font-20); line-height: var(--line-20);font-family: var(--font-1);font-weight: 700;}
.tophead h4{ font-size: var(--font-25); line-height: var(--line-25);font-family: var(--font-1);font-weight: 700;}
.tophead h3{ font-size: var(--font-33); line-height: var(--line-33);font-family: var(--font-1);font-weight: 700;}
.tophead h2{ font-size: var(--font-40); line-height: var(--line-40);font-family: var(--font-1);font-weight: 700;}
.tophead h1{ font-size: var(--font-60); line-height: var(--line-60);font-family: var(--font-1);font-weight: 750;}

.butns{ font-size: var(--font-14); color: #fff; font-weight: 500;background: linear-gradient(94deg,rgba(34, 146, 87, 1) 0%, rgba(130, 195, 65, 1) 100%); min-width: 217px; line-height: 35px; text-align: center;border-radius: 5px;font-family: var(--font-2);}

.butns:hover{ background: #000; color: #fff;}




.butns-2{ font-size: var(--font-16);color: #fff;font-weight: 600;background: #000;min-width: 195px;line-height: 68px;text-align: center;border-radius: 10px; font-family: var(--font-2); border: 2px solid #000}

.butns-3{ font-size: var(--font-16);color: #000;font-weight: 600;background: #fff;min-width: 140px;line-height: 68px;text-align: center;border-radius: 10px; font-family: var(--font-2); border: 2px solid #78ca5b;}

.butns-4{ font-size: var(--font-16);color: #fff;font-weight: 600;background: #78ca5b;min-width: 195px;line-height: 68px;text-align: center;border-radius: 10px; font-family: var(--font-2);}

.butns-5 { font-size: var(--font-16);color: #fff;font-weight: 600;background: #0b3517;min-width: 128px;line-height: 42px;text-align: center;border-radius: 10px; font-family: var(--font-2);}

.butns-6 { font-size: var(--font-16);color: #fff;font-weight: 600;background: #0db02b;min-width: 150px;line-height: 42px;text-align: center;border-radius: 20px; font-family: var(--font-2);}

.butns-7 { font-size: var(--font-16);color: #000;font-weight: 600;background: #fff;min-width: 180px;line-height: 60px;text-align: center;border-radius: 10px; font-family: var(--font-2);border: 2px solid #d3d3d3;}

.butns-8 { font-size: var(--font-16);color: #fff;font-weight: 600;background: #236ba6;min-width: 271px;line-height: 50px;text-align: center;border-radius: 30px; font-family: var(--font-2);}

.navbar{ margin: 0px; padding: 0px;}
.navbar-brand{ margin: 0px; padding: 0px; width: 214px;}
.menu_sec li{font-size: var(--font-18); line-height: var(--line-18); color: #000;padding: 30px 33px;font-family: var(--font-1);font-weight: 600;}
.menu_sec li a{ color: #000;}

.drop-arw:before, .drop-arw:after{ display: none;}





.container{max-width: 1440px;}

.upper-header {background: #004162;padding: 10px 0;}
.upper-header .container{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.first-part{display: flex;gap: 15px;}
.first-part a{color:#fff;font-size: var(--font-14);line-height: var(--line-14);font-family: var(--font-2);}
.first-part a i{color:#7bdb52;padding-right: 20px;}
.second-part {display: flex;gap: 10px;flex-wrap: wrap;}


/* banner sec */

.banner-sec img{width: 100%;} 
.banner-sec {position: relative;}
.banner-box-in {max-width: 640px;float: right;}
.banner-info {position: absolute;top: 0;right: 0;width: 100%;padding-top: 105px;text-align: center;padding-right: 0px;}
.banner-info h1 {color: #004162;font-family: var(--font-1);font-size: var(--font-60);line-height: var(--line-60);font-weight: 700;}

/* after banner */

.manufacturer-info h2{color: #004162;}

.manufacturer-info p {color: #424242;}
.check-points li i {color: #78ca5b;padding-right: 35px; display: none;}
.check-points li {padding: 20px 0; border-bottom: 1px solid #eaeaea;font-size: var(--font-20);line-height: var(--line-20);font-weight: 600; font-family: var(--font-1); position: relative; padding-left: 34px;}
.check-points li:before{ content: "\f058"; color: #78ca5b; font-family: "Font Awesome 7 Free"; font-weight: 900;position: absolute;
  left: 0px;
  top: 23px;}





.check-points li:last-child {border: none;}
.sec-buttons {display: flex;gap: 30px;margin-top: 30px;}



/* power your home */

.sec-power-home {text-align: center;padding: 80px 0; color: #fff;}
.power-info {text-align: left;background: #004162;}
.power-info h6 em{font-style: normal;color: #72c057;font-weight: 600;}
.white-check i{color: #fff; padding-right: 25px;}
.white-check li{padding: 10px 0;font-size: var(--font-18);line-height: var(--line-18); padding-left: 27px; position: relative;}
.white-check li:before{ content: "\f058"; font-family: "Font Awesome 7 Free"; font-weight: 900;position: absolute;
  left: 0px;
  top: 12px;}
.white-check li i{ display: none;}




.power-info img {width: 100%; border-radius: 30px;}
.power-info .butns-4 {margin-top: 25px;}
.white-arrow i{color: #fff; padding-right: 25px;}
.white-arrow li{padding: 15px 0;font-size: var(--font-18);line-height: var(--line-18);border-bottom: 2px solid #75cd59;}
.white-arrow li:last-child {border: none;}

.sec-power-home .row:nth-child(even){display: flex;flex-direction: row-reverse;}
.power-info {margin-top: 240px;}
.sec-power-home .row:first-child .power-info {margin:0;}

.sec-power-home .row{ position: relative; padding-bottom: 173px;}
.sec-power-home .row:before{ width: 100%; position: absolute; bottom: -80px; left: 50%; background: url(../images/line1.png) no-repeat bottom center; height: 400px; content: ""; background-size: 100% 100% !important; max-width: 650px; transform: translateX(-50%); z-index: 1;}
.power-info{ margin: 0px !important;}

.sec-power-home .row:nth-child(even):before{ background: url(../images/line2.png) no-repeat bottom center;}

.power-info img{ object-position: left;}

.sec-power-home .row:last-child:before{ display: none;}
.sec-power-home .row:last-child{ padding-bottom: 0px;}








/* Ready to Redefine Your Energy Future */

.energy-future {background: #0c391a;text-align: center;color: #fff;padding: 80px 0;position: relative;padding-bottom: 145px;}
.energy-future::before {background: url(../images/wave.jpg) no-repeat;bottom: 0;left: 0;content: "";width: 100%;position: absolute;height: 110px;background-size: 100% 100%;}
.energy-future p {margin-top: 20px;font-weight: 700;}
.energy-future ul{display: flex;justify-content: center;align-items: center;gap: 30px;margin-top: 30px; flex-wrap: wrap;}
.energy-future ul li a{display: flex; align-items: center;gap: 10px;color: #fff;justify-content: center;}
.energy-future ul li a i{background: #000;border-radius: 100%; border: 2px solid #78ca5b;width: 35px;height: 35px;display: flex;justify-content: center;align-items: center;color: #fff;}


/* Power at Your Fingertips */

.finger-power em {color: #78ca5b;font-style: normal;}
.finger-power p {font-weight: 500;}
.finger-info ul {display: flex; align-items: center;gap: 15px;margin-top: 25px;}
.finger-info .sec-phone {color: #000;font-size: var(--font-25);line-height: var(--line-25);font-weight: 700;}



/* Globe Clean */

.sec-globe {position: relative;text-align: center;}
.sec-globe img{width: 100%;}
.globe-info {position: absolute;top: 0;left: 0;width: 100%;}
.globe-info h2 {color: #fff; font-size: var(--font-40); line-height: var(--line-40);font-family: var(--font-1);font-weight: 700;margin-top: 45px;}


/* Awards and Accolades */

.sec-awards {text-align: center;}
.award-img img{height: 266px;width: 100% !important;}
.award-img {position: relative;width: 100%;height: 266px;overflow: hidden;}
.award-img::before {background: url(../images/frame.png)no-repeat;position: absolute;top: 0;left: 0;content: "";width: 100%;height: 266px; background-size: 100% 100%;}
.award-box {padding: 0px 15px;}

/* Powering the Next Generation */

.sec-power-gene {text-align: center;background:url(../images/back-1.png) no-repeat top right,url(../images/back-2.png) no-repeat bottom right,url(../images/back-3.png)no-repeat bottom left;}
.sec-power-gene h2 {margin-bottom: 60px;}
.sec-power-gene img {max-width: 950px;}


/* Live Green Love Green Think Green */

.sec-green {background: #f1f1f1;}
.green-info h6 em{color: #72c057;font-style: normal;}
.green-info img{border-radius: 10px;width: 405px;}
.green-box {background: #fff;padding: 45px 30px;text-align: center;border-radius: 10px;margin-top: 1.5rem;}
.green-box h4 {margin: 20px 0;padding: 0;}



/* film reel */

.sec-stories {text-align: center;padding: 100px 0 110px;position: relative;}
.sec-stories::before{position: absolute;content: "";bottom: 0;left: 0;width: 100%;height: 478px;background: url(../images/back-2.png) no-repeat bottom right,url(../images/back-3.png)no-repeat bottom left;}
.customers {position: relative;background: #000;}
.customers-img img{border-radius: 10px;}
.customers::before{position: absolute;top: -23px;left: 0;width: 100%;background: url(../images/upper-reel.jpg) center center;content: "";height: 23px;}
.customers::after {position: absolute;bottom: -23px;left: 0;width: 100%;background: url(../images/lower-reel.jpg) center center;content: "";height: 23px;}


/* Reliable Store */

.sec-reliable {text-align: center;padding-top: 40px;}
.sec-reliable h3 {color: #5b5b5b;font-weight: 500;}
.sec-reliable .butns-6 {margin-top: 35px;}
.sec-go-green {margin-top: 40px;width: 100%;}

/* footer */

.sec-footer {background: #0a271c; color: #fff;}
.footer-part img{border-radius: 10px;}
.footer-part p {margin-top: 30px;}
.footer-part iframe{border-radius: 10px;width: 100%;height: 225px;}
.footer-part a{color: #fff;}
.social-icon {display: flex;gap: 15px;}
.social-icon li{font-size: var(--font-30) !important;line-height: var(--line-30) !important;padding: 0 !important;}
.sec-footer .col-md-3 {width: 20%;}
.sec-footer .row .col-md-3:last-child .footer-part{padding-left: 35px;}
.footer-part ul li{padding: 10px 0;font-size: var(--font-14);line-height: var(--line-14);}



/* Anime Section */

.sec-anime {background: linear-gradient(94deg,rgba(195, 230, 249, 1) 0%, rgba(208, 240, 217, 1) 100%); position: relative;}

.anime-info{ max-width: 368px; margin: 0px auto; text-align: center;}
.anipic{ position: absolute; bottom: 0px; right: 0px; z-index: -1; max-width: 60%;}
.sec-animeRow{ min-height: 480px;}







/* Our Product */

.sec-product {background: #f4f4f4;}
.sec-product .sec-tabs {display: flex;gap: 30px;padding: 20px 0;}
.sec-product .sec-tabs li a{font-size: var(--font-24);line-height: var(--line-24);font-weight: 700; color: #000;}
.sec-product .sec-tabs li a:hover{color: #004162;}
.sec-product h3 {color: #004162;}
.product-box img{width: 100%;position: relative;}
.product-info {background: #fff;padding: 23px 15px;position: relative;min-height: 310px;}
.product-icon {position: absolute;bottom: 0;right: 0;height: 131px !important;}
.product-info p{font-size: var(--font-14);line-height: var(--line-14);}
.product-info .butns-7 {margin-top: 25px;margin-left:25px;}

.product-box, .prdPic {position: relative;}
.prdPic::before{top: -7px;left: -8px;border-top: 4px solid #f09836; border-left: 4px solid #f09836 ; width: 60%;height: 60%;content: "";position: absolute;border-radius: 10px 5px 0 5px;}














/* next page */








/* product page banner */


.text-info-left {left: 0;padding-right: 0;padding-top: 95px;}
.banner-box {text-align: left !important;padding: 0;max-width: 650px;}
.text-info-left h1{color: #fff;}


/* About-sec */

.sec-about-us {background: #2b5340;color: #fff;}
.sec-about-heading {position: relative;}
.sec-about-heading h2 {margin-bottom: 30px;}
.sec-about-heading h2 em::before {position: absolute;bottom: 0;left: 0;width: 100%;height: 2px;content: "";background: #fff;}
.sec-about-heading h2 em{ position: relative; padding-bottom: 10px;}

/* advantages */

.sec-advantages {padding: 70px 0;background: #fafafa;}
.sec-advantages h2{text-align: center;font-weight: 500;}
.advantage-box ul {display: flex;align-items: center;gap: 25px;border-bottom: 1px solid #eee;padding-bottom: 20px;flex-wrap: wrap;}
.advantage-box ul i{display: flex;justify-content: center;align-items: center;width: 60px; height: 60px;border-radius: 100%;background: #009846;}
.advantage-box ul li{font-size: var(--font-25);line-height: var(--line-25);font-weight: 500;}
.advantage-box {background: #fff;border-radius: 10px;padding: 25px 30px;box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px;min-height: 255px;}
.advantage-box p {padding: 30px 0; color: #a9a9ad;font-size: var(--font-16);line-height: var(--line-16);}



/* the Bess */

.sec-approach {background: #004063;padding: 70px 0;}
.approach-heading {font-size: var(--font-50);line-height: var(--line-50);color: #fff;padding: 70px 0;}
.approach-info h3{color: #4cc9f4;}
.approach-info p{color: #fff;}


/* Reported as the first utility-scale */

.sec-report h2{text-align: center;padding: 35px 0;}
.report-image img {
  width: 100%;
  height: 260px;   /* adjust based on design */
  object-fit: cover;
  display: block;
}


/* bess applications */

.bess-application {text-align: center;padding: 70px 0;}
.bess-application h3 {color: #004063;}
.application-icon i{border-radius: 20px;height: 120px;width: 120px;box-shadow: rgba(0, 0, 0, 0.25) 0px 5px 15px;display: inline-block; padding: 24px;}
.application-icon i img{max-width: 100%;}
.application-icon p {padding-top: 30px;font-size: var(--font-16);line-height: var(--line-16);font-weight: 600;}





/* table */
.sec-battery{padding: 70px 0;}

.spec-table {width: 100%;border: 1px solid #dddddd;}

.spec-table th {text-align: left;padding: 10px 20px;font-weight: 600;background: #fff;color: #626262;border-right: 1px solid #ddd;}

.spec-table td {padding: 10px 20px;color: #555;font-size: var(--font-18);line-height: var(--line-18);}

.spec-table tbody tr:nth-child(odd) td {background: #dddddd;}
.spec-table tbody tr:nth-child(even) td {background: #ffffff;border-right: 1px solid #ddd;}

.battery-image img{border-radius: 20px;height: 610px;overflow: hidden;}
.battery-image img{height: 100%;width: 100%;}

.table-sec ul {text-align: center;margin-top: 30px;}



/*  */

.for-energy .owl-dots .owl-dot{margin: 5px;}
.for-energy .owl-dots {text-align: center;margin-top: 25px;}
.for-energy .owl-dots .owl-dot span {display: flex !important;width: 12px;height: 12px;background: #b3adad;border-radius: 11px;display: inline-block;}
.for-energy .owl-dots .owl-dot.active span {background: #78ca5b;}


/*  */

.sec-report ul {margin-top: 35px;}
.sec-report ul i{display: flex;justify-content: center;align-items: center;width: 40px;height: 40px;border-radius: 100%;background: #e0e7ff;margin-right: 15px;color: #4f46e5;}
.sec-report ul li p{flex: 1;}
.sec-report ul li{display: flex;align-items: center; padding: 15px 0;border-bottom: 1px solid #014164;}
.sec-report ul li:first-child{border-top: 1px solid #014164;}


/*  */

.banner-sec .for-text-center {max-width: 100%;text-align: center !important;}
.banner-sec .for-text-center h3{color: #fff;}

/*  */

.sec-pro-features {text-align: center;background: #f7f8fb;padding: 60px 0;}
.pro-box {border-radius: 20px;background: #fff;padding: 33px 10px;min-height: 370px;box-shadow: rgba(0, 0, 0, 0.08) 0px 5px 15px;}
.pro-box img {width: auto !important;display: inline-block !important;}
.pro-box p{font-size: var(--font-14);line-height: var(--line-14);}
.pro-box h6 {padding: 20px 0;}

.sec-pro-features .owl-nav {display: flex;justify-content: space-between;}

.sec-pro-features .owl-nav .owl-prev {width: 40px;height: 40px;border: 2px solid transparent !important;border-radius: 50%;background: linear-gradient(#fff, #fff) padding-box, linear-gradient(94deg, rgba(108, 204, 33, 1) 0%, rgba(34, 187, 247, 1) 100%)border-box !important;display: flex;align-items: center;justify-content: center;position: absolute;top: 50%;left: -20px;}

.sec-pro-features .owl-prev i {color: linear-gradient(94deg, rgba(108, 204, 33, 1) 0%, rgba(34, 187, 247, 1) 100%) !important ;}

.sec-pro-features .owl-nav .owl-next {width: 40px;height: 40px;border: 2px solid transparent !important;border-radius: 50%;background: linear-gradient(#fff, #fff) padding-box, linear-gradient(94deg, rgba(108, 204, 33, 1) 0%, rgba(34, 187, 247, 1) 100%)border-box !important;display: flex;align-items: center;justify-content: center;position: absolute;top: 50%;right: -20px;}


/*  */

.sec-wall-mounted {background: #fcfcfc;}
.sec-wall-mounted p{text-align: center;margin-top: 35px;font-size: var(--font-24);line-height: var(--line-24);font-weight: 700;}
.sec-wall-mounted h3 {text-align: center;}
.sec-wall-mounted h3 em{color: #014164;font-style: normal;}
.sec-wall-box {background: #fff;padding: 15px;border-radius: 20px;box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px;}
.sec-wall-box img {width: 100%; border-radius: 20px;}
.sec-wall-box a {color: #004162;font-size: var(--font-16);line-height: var(--line-16);font-weight: 600;}
.sec-wall-box h4{padding: 15px 0px;}



.product-info{ z-index: 1;}
.product-icon{ z-index: -1;}
.sec-power-gene img {
  max-width: 100%;
}

.procaro .item{ padding: 15px;}



.menu_sec li:hover a{ color: #55a9df;}
.nav_top .dropdown .dropdown-menu{ background: #004162 !important; top: 100%; border-radius: 5px;}
.nav_top .dropdown .dropdown-menu li a{ color: #fff; padding: 5px 20px; width: 100%;}
.nav_top .dropdown .dropdown-menu li{ padding: 0px !important;}
.nav_top .dropdown .dropdown-menu li a:hover{ background: #55a9df;}
.nav_top .dropdown .dropdown-menu li:first-child a{ border-radius: 5px 5px 0 0;}
.nav_top .dropdown .dropdown-menu li:last-child a{ border-radius: 0px 0px 5px 5px;}



.backbtn {
  height: 50px;
  width: 30px;
  position: absolute;
  bottom: 20px;
  left: 50%;
  border: 2px solid #fff;
  border-radius: 20px;
  color: #fff !important;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translateX(-50%);
}
.butns-2, .butns-3, .butns-4, .butns-7{ line-height: 50px; overflow: hidden; position: relative; z-index: 1; border: 1px solid transparent;}
/*.butns-2:hover, .butns-3:hover{ background: #55a9df; color: #fff; border-color:#55a9df; }*/
.butns-2:hover, .butns-3:hover, .butns-4:hover, .butns-7:hover{ color: #fff;border-color:#55a9df;}


.butns-2::before, .butns-3::before, .butns-4::before, .butns-7::before { border-color:#55a9df;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #55a9df;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;z-index: -1;
}
.butns-2:hover::before, .butns-3:hover::before, .butns-4:hover::before, .butns-7:hover::before{ transform: scaleX(1);}

.homeabutPic {
  width: 100%;
  position: relative;
  padding-right: 15%;
  padding-bottom: 40px;
  max-width: 710px;
}

.pic1{ width: 100%; height: 380px; border-radius: 20px; object-position: right;}
.pic2{ width: 270px; height: 200px; border-radius: 20px; border: 3px solid #fff; position: absolute; bottom: 0px; right: 28%;}
.homeabutPic:before{z-index: -1; background: url(../images/about-right-shape.svg) no-repeat left top; width: 112px; height: 100%; content: "";position: absolute;
  right: 0px;
  top: 0px;}

.grinsec h2{ color: #fff; padding-bottom: 0px;}
.grinsec{ background: #416f0c; padding: 30px 0; text-align: center;}



.greenSec{ background: #416f0c; color: #fff;}
.greenSec .row{ margin: 0 -30px;}
.greenSec .col-md-6{ padding: 0 30px;}
.manuBox p{ font-size: var(--font-14); line-height: var(--line-14);}
.manuBox i{ display: inline-block;}
.unBox + .unBox{ border-left: 1px solid rgba(255,255,255,0.1);}
.unBox{ padding: 0 30px;}
.rounded-5{ border-radius: 20px;}
.whBrd{ border-color:#fff; background: none; color: #fff;}


.sec-about-heading h2 em{ font-style: normal;}
.text-center .sec-about-heading h2 em::before{ left: 50%; transform: translateX(-50%);}

.dark-blue{ background: #02284d; color: #fff;}
.grnBx{ background: none; border: 2px solid #99f36c;}



.iconTxt p{ padding: 0px;}

.mw-100{ float: none;}


.linkBtn {
  color: #004162;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 12px;
}
.linkBtn i {
  width: 40px;
  height: 40px;
  background: #7bdb52;
  border-radius: 100%;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.linkBtn:hover{ color: #7bdb52;}


.bigTxt {
  position: absolute;
  top: 0px;
  left: 0px;
  -webkit-text-stroke: 2px #eee;
  font-size: 124px;
  z-index: -1;
  font-weight: 700;
  text-transform: uppercase;
  color: transparent; line-height: 70%;
}

.p-relative{ position: relative;}





.tickSign li {
  padding: 10px 0;
  font-size: var(--font-18);
  line-height: var(--line-18);
  padding-left: 27px;
  position: relative;
}
.tickSign li::before {
  content: "\f058";
  font-family: "Font Awesome 7 Free";
  font-weight: 900;
  position: absolute;
  left: 0px;
  top: 12px;
}

.leadBox{ background: #ff7029; padding: 50px; height: 100%; min-height: 400px;
  display: flex;
  align-items: center;}
.leadBox h5{ color: #fff; position: relative; padding-top: 10px;}
.leadBox h5:before{ width: 40px; height: 2px; background: #fff; position: absolute; top: 0px; left: 0px; content: "";}
.leadBoxGrn{ background: #57b33e;}

.p-relative {
  position: relative;
  z-index: 1;
}
.grayBg{ background: #f8f8f8;}

.text-center .bigTxt{ left: 50%; transform: translateX(-50%);}

.productPic{ width: 160px; height: 160px; margin: 0px auto 10px; overflow: hidden; border-radius: 100%;}
.teamcaro .item{ padding: 15px;}
.teamcaro .pro-box{ min-height: 500px;}


.teamcaro .owl-dots .owl-dot{margin: 5px;}
.teamcaro .owl-dots {text-align: center;margin-top: 25px;}
.teamcaro .owl-dots .owl-dot span {display: flex !important;width: 12px;height: 12px;background: #b3adad;border-radius: 11px;display: inline-block;}
.teamcaro .owl-dots .owl-dot.active span {background: #78ca5b;}



.bluebg{ background: #12101e; color: #fff;}

.orgcaro .item{ padding:80px 15px 15px;}
.pro-box{ color: #000;}
.orgBox{ background: #ece8e8;}
.orgIcon{ border-radius: 10px; width: 87px; height: 87px; background: #fff; overflow: hidden;width: 87px;
  height: 87px;
  background: #fff;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: -51px auto 0;}


.listdisk li{ margin: 6px 0; list-style: disc;}
.listdisk ul{ padding: 0 0 15px 20px;}




.client-logo-carousel .item {
  text-align: center;
  padding: 15px;
}

.client-logo-carousel .item-box {
  width: 100px;
  height: 100px;
  object-fit: contain;
  margin: auto;
  border-radius: 50%;
  background: #fff;
  padding: 15px;
  box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}


.cont_dteltxt{border:1px solid #D2D2D2;padding:47px 27px 28px;text-align:center;}
.cont_dteltxt strong{font-size: var(--font-24);
  line-height: var(--line-24);color:#000000;font-weight:700; display:block;padding-bottom:14px;}
.cont_dteltxt p{padding-bottom:15px;}
.cont_dteltxt i{width:110px;height:110px;background:#EAE3F2;border-radius:50%; display:flex; align-items:center;align-items: center; justify-content: center; margin: 0 auto 20px auto;}
.cont_dteltxt i img{max-width:50px;}
.cont_dteltxt p a{ color: #000;}


.ctfrom_fmin .wpcf7 form .wpcf7-response-output{ border: none !important; padding: 5px 10px; text-align: center; font: 400 13px/16px 'Roboto', sans-serif; color:#fff;
 margin: 15px 0 0 !important; }
.ctfrom_fmin .invalid .wpcf7-response-output{ background:#dc3232; }
.ctfrom_fmin .sent .wpcf7-response-output{ background:#84c426; }
.ctfrom_fmin span.wpcf7-not-valid-tip { background: #dc3232; position: absolute; top: 24px; left: 0px; font: 400 11px/14px 'Roboto', sans-serif;
 border-radius: 5px; padding: 6px 14px; color: #fff; z-index: 1;}
.ctfrom_fmin span.wpcf7-not-valid-tip::before { position: absolute; top: -15px; left: 10px; border: 9px solid transparent; border-bottom: 10px solid #dc3232;
 content: ""; }

.wpcf7-form-control.g-recaptcha.wpcf7-recaptcha.wpcf7-not-valid {  position: relative !important; width: 100%;display: inline-block;}

.wpcf7-form-control-wrap {  position: relative;}

.ctfrom_fmin span.wpcf7-not-valid-tip {  top: 100%;}
.ctfrom_fmin iframe {
  transform: scale(0.77);
  -webkit-transform: scale(0.77);
  transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
}
.inpt_clum{ position: relative;}
.inpt_clum .wpcf7-spinner{ position: absolute; top: 0px; right: 0px;}
.ctfrom_secin iframe{ max-height: inherit !important;}



.ctfrom_sec{padding:50px 0 100px; background:#fff;}
.ctfrom_secin {
  background: #fff;
  position: relative;
}
.ctfrom_secin .row{margin:0 -12px;}
.ctfrom_secin .col-md-8 ,.foot_secin .col-md-4{padding:0 12px;}
.ctfrom_secin iframe{width:100%;height:100%;}
.ctfrom_fmin{padding:35px 0 44px 33px;}
.ctfrom_sec h4{font-family:'Open Sans';padding-bottom:30px;margin-bottom:27px;}
.ctfrom_fmin .inpt_clum{margin-bottom:45px;}
.inpt_clum input[type='text'] , .inpt_clum input[type='tel'] ,.inpt_clum input[type="email"],.inpt_clum input[type="submit"] , .inpt_clum textarea{font-family:'Open Sans'; font-weight: 400;  font-size: 20px; line-height:24px; color:rgba(0,0,0, 0.7); width:100%; height: 40px; border-bottom:1px solid #000000 !important; outline:none; background:none; border:none;}
.inpt_clum input[type='text']::placeholder , .inpt_clum input[type='tel']::placeholder ,.inpt_clum input[type="email"]::placeholder,.inpt_clum input[type="submit"]::placeholder , .inpt_clum textarea::placeholder{color:#000;}
.inpt_clum textarea{resize:none;height:60px;}
.inpt_clum input[type="submit"]{height:59px;border:none !important;background:#FFCC3A; border-radius:5px;text-transform:uppercase;} 
.inpt_clum input[type="submit"]:hover{color: #fff; background-color: #ee2a24;}
.inpt_clum label{font-size:20px; line-height: 24px;}
.ctfrom_fmin .inpt_clum:last-child{margin-bottom:0;}
.cont_detil{padding:100px 0 50px;background:#fff;text-align:center;}
.cont_dteltxt{border:1px solid #D2D2D2;padding:47px 27px 28px;text-align:center;}
.cont_dteltxt strong{font-size:30px;line-height:40px;color:#000000;font-weight:400;font-family:'Open Sans';display:block;padding-bottom:14px;}
.cont_dteltxt p{padding-bottom:15px;}
.cont_dteltxt i{width:110px;height:110px;background:#EAE3F2;border-radius:50%; display:flex; align-items:center;align-items: center; justify-content: center; margin: 0 auto 20px auto;}
.cont_dteltxt i img{max-width:50px;}
.cont_detil .item{margin:0 10px;}
.cont_detil .owl-carousel{margin-top:29px;}


.aply_acc .card.actv {
  background: #f1f1f1;
}
.aply_acc .card .card-header {
  background: none;
  border-radius: 0;
  padding: 25px 300px 25px 30px;
  position: relative;
  cursor: pointer;
  border: none;
}
.aply_acc .card .card-header ul li {
  display: flex;
  padding-right: 16px;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 1px;
  align-items: center; margin: 10px 0 0 0;
}
.aply_acc .card-header strong{ font-size: var(--font-30);
  line-height: var(--line-30);color:#000;font-weight:600; display:block; padding-bottom: 10px;} 
 .aply_acc .card .card-header ul li img {
    max-width: 19px; display: inline-block;
  margin-right: 6px;
  }

.aply_acc .card .card-header ul{ display: flex; flex-wrap: wrap; }

.aply_acc .card .card-header .butns-4 {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 50px;
}
.aply_acc .card-body{ padding: 25px;}


.sec-power-home .col-md-6{ position: relative;
    z-index: 1;}
.aply_acc .card{ margin: 20px 0;}


.bg-W{ background: #fff;}
.cv-form-box{   border: 1px solid rgba(0,0,0,.125);
  border-radius: .25rem;}

.grnBx{ color: #fff;}

.testi-box {
    background: #fff;
    padding: 25px;
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.08);
    height: 100%;
}

.testi-box p {
    min-height: 140px;
}

.testi-box h5 {
    color: #e60000;
    margin-top: 15px;
    font-weight: 600;
}

.stars {
    color: #ffc107;
    font-size: 18px;
}

.testimonial-carousel .item{ padding: 20px 10px;}

.client-logo-section .owl-nav{ display: block !important;}
.client-logo-section .owl-nav button {
  width: 40px;
  height: 40px;
  border: 2px solid transparent !important;
  border-radius: 50%;
  background: linear-gradient(#fff, #fff) padding-box, linear-gradient(94deg, rgba(108, 204, 33, 1) 0%, rgba(34, 187, 247, 1) 100%)border-box !important;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;   transform: translateY(-50%);
}
.client-logo-section .owl-nav .owl-prev{ left: -20px;}
.client-logo-section .owl-nav .owl-next{ right: -20px;}






.weAreHere{ background: #01253f url(../images/calbb.jpg) no-repeat left; position: relative; overflow: hidden; border-radius: 20px;background-size: auto 100%; color: #fff;}
.call-icon i {
  width: 40px;
  height: 40px;
  background: #7bdb52;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.call-text small{ display: block;}
.call-text{ text-align: left;}

.flex-grow-1{ max-width: 80%; float: right; text-align: left;}
.flex-grow-1 h3{ padding-bottom: 5px; font-weight: 700; color:#fff;}
.flex-grow-1 h3 span{ color:#7bdb52;}
.flex-grow-1 p{ font-size: var(--font-16);
  line-height: var(--line-16); padding: 0px;}
.tagline{ color:#299555; text-transform: uppercase; position: relative; padding-bottom: 0px; display: inline-block; font-weight: 600;}
.tagline:before{ width: 40%; position: absolute; bottom: 0px; height: 1px; content: ""; left:0px; background: #299555;}
.weAreHere .row{ min-height: 118px; }
.weAreHere .row, .weAreHere .col-md-8, .weAreHere .col-md-4{ align-items: center; height: 100%;}

.contactFrm{ padding: 0px;}
.ctfrom_fmin {
  background: #fafbff;
  border-radius: 10px;
  padding: 20px;
  box-shadow: 0px 0px 3px 3px #ddd;
}

.feature-box{ margin-top: 30px;}
.feature-title{ font-weight: 700; font-size: var(--font-16); line-height: var(--line-16);}
.feature-text{ font-weight: 400; font-size: var(--font-14); line-height: var(--line-14);}

.feature-icon img{width: 33px;}

.ctfrom_secin .row{ margin: 0 -3px;}
.contctIfrm iframe{ border-radius: 10px;}
.contctIfrm{ height: 100%;}



.cont_dteltxt i {
  background: #031d36;
  width: 55px;
  height: 55px;
  color: #299555;
  font-size: 21px;
}

.cont_dteltxt {
  border: 1px solid #D2D2D2;
  padding: 27px;
  text-align: center;
  border-radius: 23px;
  background: #fff;
  box-shadow: 0px 0px 3px 3px #ddd;
}
.contct-row{ margin-top: -85px;}
.cont_dteltxt{ box-shadow: 0px 0px 3px 3px rgba(0,0,0,0.1); border: none; height: 100%;}
.cont_dteltxt strong {
  font-size: 19px;
  line-height: 15px;
  color: #299555;
  font-weight: 400;
  font-family: 'Open Sans';
  display: block;
  padding-bottom: 14px;
  font-weight: 600;
}
.cont_dteltxt p {
  padding-bottom: 15px;
  font-size: 15px;
  line-height: 21px;
}

.contact-sub{  font-size: 12px;
  line-height: 16px;}

.divider {
    width: 50px;
    height: 3px;
    background: #6aa84f;
    margin: 15px auto 0;
    border-radius: 2px;
}



/* ══ OPEN POSITIONS LABEL ══ */
      .open-positions-head { text-align: center; margin-bottom: 34px; }
      .open-positions-head .op-label { display: inline-block; background: #3a8c3a; color: #fff; font-size: 14px; font-weight: 700; letter-spacing: 2.5px; padding: 9px 40px; border-radius: 4px; text-transform: uppercase; clip-path: polygon(9% 0%, 90% 0%, 100% 100%, 0% 100%);}

      /* ══ JOB CARDS ══ */
      .jobs-section { padding: 0 0 50px; }
      .job-card { border: 1px solid #dce3ea; border-radius: 16px; padding: 24px 12px 22px; margin-bottom: 24px; background: #fff; transition: box-shadow 0.25s; display: flex; flex-direction: column; height: calc(100% - 24px); width: 100%;}
      .job-card:hover { box-shadow: 0 6px 24px rgba(0,0,0,0.10); }

      /* Icon + Title — no bottom border */
      .job-card-header { display: flex; align-items: center; gap: 14px; margin-bottom: 12px; }
      .job-icon-circle { width: 48px; height: 48px; min-width: 48px; background: #1a2744; border-radius: 50%; display: flex; align-items: center; justify-content: center; }
      .job-icon-circle i { font-size: 21px; color: #fff; }
      .job-card-header h5 { font-size: 16px; font-weight: 800; color: #1a2744; margin: 0; text-transform: uppercase; letter-spacing: 0.3px; line-height: 1.3; }
.job-card-header h5{ padding-bottom:0px;}
.job-meta i {
  color: #3a8c3a;
  font-size: 13px;
}
.job-meta span {
  display: flex;
  align-items: center;
  gap: 5px;
}
.job-meta {
  font-size: 12.5px;
  color: #555;
}

.job-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 14px;
  margin-bottom: 14px;
  font-size: 12.5px;
  color: #555;
}
.key-req-wrap {
  margin-bottom: 0px;
}
.key-req-label {
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  color: #3a8c3a;
  border-bottom: 2px solid #3a8c3a;
  padding-bottom: 3px;
  margin-bottom: 12px;
  text-transform: uppercase;
  letter-spacing: 0.8px;
}
.job-card ul {
  margin: 0 0 20px;
  padding-left: 20px;
  flex: 1;
  list-style: disc;
}
.job-card ul li {
  font-size: 13px;
  color: #444;
  margin-bottom: 5px;
  line-height: 1.5; list-style: disc;
}
.btn-apply-full:hover {
  background: #2c6e2c;
  color: #fff;
  text-decoration: none;
}
.btn-apply-full {
  display: block;
  width: 100%;
  background: #3a8c3a;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  padding: 12px 10px;
  border-radius: 6px;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  border: none;
  cursor: pointer;
  transition: background 0.2s;
  text-align: center;
  text-decoration: none;
  margin-top: auto;
}
.job-card .butns-4 {
  width: 184px;
  margin: 10px auto 0;
  line-height: 40px;min-width: auto;
}

.jobs-section{ position: relative;}
.jobs-section:before{ width: 100%; height:2px; background: #3a8c3a; position: absolute; top: 20px; left:0px; content: "";}


/* ══ WHY JOIN ══ */
      .why-join-In { background: #1a2744; padding: 17px 15px 20px; border-radius: 20px; max-width: 766px;
  margin: 0px auto;}
      .why-join-section h3 { text-align: center; color: #fff; font-size: 20px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 0px; }
      .why-join-items { display: flex; justify-content: center; flex-wrap: wrap; gap: 10px; }
      .why-join-item { text-align: center; color: #fff; padding:0 24px; min-width: 130px; }
      .why-join-item i { font-size: 30px; display: block; margin-bottom: 10px; color: #fff; }
      .why-join-item p { font-size: 13px; margin: 0; font-weight: 500; line-height: 1.4; padding: 0px;}
.why-join-item i{ margin: 0px auto 15px;}
.why-join-item + .why-join-item{ border-left: 1px solid;}





















  
  
@media (min-width: 992px) and (max-width: 9000px) {
.nav_top .dropdown .dropdown-menu { /*-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s;
    -o-transition: all 0.3s;transition: all 0.3s;*/ max-height: 0; display: block; opacity: 0;visibility: hidden;  margin:0px; 
    width: 225px; padding: 0px; max-height: 600px; left: 0; right: inherit; transform: translate(0, 10px);
transition: opacity 200ms ease-in, transform 200ms ease-in, visibility 200ms ease-in; border: none; box-shadow: 0px 12px 16px -4px #10182814; padding: 0px;}
.nav_top .dropdown:hover .dropdown-menu {  opacity: 1; visibility: visible; height: auto; transform: translate(0,0); }


/*sub_sub_menu*/
.nav_top .dropdown-submenu >.dropdown-menu { max-height: 0; display: none; opacity: 0; visibility: hidden; left: 100%; top: 0; border: none;  
 width: 150px; min-width: 100%;  border-radius: 0px; box-shadow: inherit; padding: 0px; margin: 0px; background: rgba(1, 25, 63, 0.9); min-width: inherit; 
box-shadow: 5px 3px 10px 0 rgba(0,0,0,.175); }
.nav_top .dropdown-submenu:hover > .dropdown-menu { max-height: 400px; opacity: 1; visibility: visible;display: block; }






}


@media only screen and (max-width: 1799px) {


:root
{
    --font-80:70px;
    --line-80:80px;

    --font-60:50px;
    --line-60:60px;

    --font-50:45px;
    --line-50:55px;

    --font-40:37px;
    --line-40:47px;

    --font-37:30px;
    --line-37:40px;

    --font-35:32px;
    --line-35:42px;

    --font-33:28px;
    --line-33:43px;

    --font-30:26px;
    --line-30:36px;

    --font-25:22px;
    --line-25:32px;

    --font-24:21px;
    --line-24:31px;

    --font-20:18px;
    --line-20:26px;

    --font-18:17px;
    --line-18:27px;

    --font-16:15px;
    --line-16:20px;

    --font-14:13px;
    --line-14:18px;

    --font-12:12px;
    --line-12:16px;
}



}


@media only screen and (max-width: 1599px) {
.container{max-width: 1370px;}
:root
{
    --font-80:60px;
    --line-80:70px;

    --font-60:45px;
    --line-60:65px;

    --font-50:42px;
    --line-50:52px;

    --font-40:32px;
    --line-40:42px;

    --font-37:29px;
    --line-37:39px;

    --font-35:27px;
    --line-35:37px;

    --font-33:26px;
    --line-33:36px;

    --font-30:24px;
    --line-30:34px;

    --font-25:20px;
    --line-25:30px;

    --font-24:19px;
    --line-24:28px;

    --font-20:18px;
    --line-20:26px;

    --font-18:17px;
    --line-18:27px;

    --font-16:15px;
    --line-16:20px;

    --font-14:13px;
    --line-14:18px;

    --font-12:12px;
    --line-12:16px;
}

.leadBox{ min-height: 308px;}






}   





@media only screen and (max-width: 1399px) {
.container{max-width: 1170px;}
:root
{
    --font-80:50px;
    --line-80:60px;

    --font-60:40px;
    --line-60:60px;

    --font-50:37px;
    --line-50:47px;

    --font-40:30px;
    --line-40:40px;

    --font-37:25px;
    --line-37:35px;

    --font-35:25px;
    --line-35:35px;

    --font-33:22px;
    --line-33:32px;

    --font-30:21px;
    --line-30:31px;

    --font-25:19px;
    --line-25:26px;

    --font-24:18px;
    --line-24:28px;

    --font-20:17px;
    --line-20:26px;

    --font-18:16px;
    --line-18:27px;

    --font-16:14px;
    --line-16:20px;

    --font-14:13px;
    --line-14:18px;

    --font-12:12px;
    --line-12:16px;
}

.menu_sec li {
  padding:30px 17px;
}


.text-info-left {
  padding-top: 55px;
}

.sec-power-gene{ background-size: 44%, 34%, 62%;}









} 


@media only screen and (max-width: 1199px) {
.container{max-width: 960px;}
:root
{
    --font-80:50px;
    --line-80:60px;

    --font-60:40px;
    --line-60:60px;

    --font-50:37px;
    --line-50:47px;

    --font-40:30px;
    --line-40:40px;

    --font-37:25px;
    --line-37:35px;

    --font-35:25px;
    --line-35:35px;

    --font-33:22px;
    --line-33:32px;

    --font-30:21px;
    --line-30:31px;

    --font-25:19px;
    --line-25:26px;

    --font-24:18px;
    --line-24:28px;

    --font-20:17px;
    --line-20:26px;

    --font-18:16px;
    --line-18:27px;

    --font-16:14px;
    --line-16:20px;

    --font-14:13px;
    --line-14:18px;

    --font-12:12px;
    --line-12:16px;
}

.menu_sec li {padding:20px 7px;}

.advantage-box {min-height: 276px;}
 


.application-icon i{ padding: 20px; border-radius: 13px;}

.sec-battery{ padding: 40px 0;}

.sec-power-home .row::before { display: none;}
.sec-power-home .row {
  position: relative;
  padding-bottom: 40px;
}




.butns-2, .butns-3, .butns-4, .butns-7{   line-height: 45px; min-width: auto; padding: 0 30px;}

.greenSec .row {
  margin: 0 -10px;
}

.greenSec .col-md-6 {
  padding: 0 10px;
}



.client-logo-section .owl-nav{ display: none !important;}



.tophead{ padding: 50px 0;}
.aboutwhatAre .col-md-6{ width: 100%; margin: 15px 0;}
.aboutwhatAre .col-md-4, .aboutwhatAre .col-md-8{ width: 100%; margin: 15px 0;}



.contct-row {
  margin-top: 0;
}



}


@media only screen and (max-width: 991px) {
.nav_top .navbar-toggler{ border: none; background: none;padding: 10px 0; margin-right: 15px;box-shadow: none;}
.nav_top .navbar-toggler .icon-bar {display: block;width: 34px;height: 3px;  border-radius: 16px; background-color: #000;}
.nav_top .navbar-toggler .icon-bar + .icon-bar {  margin-top: 6px;}
.navbar-toggler .icon-bar{-moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.navbar-toggler.showtoggle .icon-bar:nth-child(1) {transform: translateY(8px) rotate(45deg);}
.navbar-toggler.showtoggle .icon-bar:nth-child(2) { opacity: 0;}  
.navbar-toggler.showtoggle .icon-bar:nth-child(3) { transform: translateY(-10px) rotate(-45deg);} 
/*.header_sec .container{ padding: 0px;}*/
.navbar-collapse{ position: absolute; top: 100%; left: 0px; background: rgba(255,255,255,0.9); width: 100%; z-index: 11;}
.navbar-brand{ padding-left: 15px;}
.menu_sec li a{ width: 100%; padding: 10px 15px;}
.menu_sec li {
    padding: 0;
  }
.drop-arw {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 40px;
    height: 47px;
    display: flex;
    align-items: center;
    justify-content: center;
  }


       

.container{max-width: 720px;}

.upper-header .container {gap: 15px;}
.first-part, .second-part{justify-content: center;width: 100%;}

.sec-wall-mounted .col-md-4 {width: 50%;}
.sec-wall-mounted .row {justify-content: center;}
.sec-pro-features .owl-nav .owl-prev, .sec-pro-features .owl-nav .owl-next {position: inherit;}
.sec-pro-features .owl-nav {display: flex;justify-content: center; gap: 25px;margin-top: 30px;}

.sec-advantages .col-md-4 {width: 50%;}
.sec-advantages .row {justify-content: center;}

.sec-footer .col-md-3 {width: 33.33%;}
.sec-footer .col-md-3.sec-resp {width: 50%;margin-top: 30px;}


.sec-advantages {
  padding: 30px 0;
}

.footer-part ul li {
  padding: 6px 0;}


.sec-battery .col-md-5{width: 100%;}
.sec-battery .col-md-7{width: 100%;margin-top: 20px;}

.bess-application {padding: 35px 0;}
.sec-reliable {
  padding-top: 30px;
}

.advantage-box {
    min-height: 250px;}


.sec-manufacturer .col-md-7, .sec-manufacturer .col-md-5{ width: 100%;}
.finger-power .col-md-6{ width: 100%;}

.upper-header .container {
    gap: 0;
  }
.header_sec .container{ max-width: 100%;}



.butns-2, .butns-3, .butns-4, .butns-7{ line-height: 50px; min-width: auto; padding: 0 20px;}
.sec-power-home .col-md-6{ width: 100%;}

.power-info {
  margin-top: 20px;
}
.sec-power-home .row:before{ display: none;}

.mt-5 {
  margin-top: 1rem !important;
}

.sec-product .col-md-4{ width: 50%; margin: 12px 0;}

.sec-green .col-md-4, .sec-green .col-md-8{ width: 100%; margin: 12px 0;}
.green-info img {
  border-radius: 10px;
  width: 100%;
}


.sec-stories::before{ height: 100%;}
.sec-stories{ padding: 50px 0 70px;}


.banner-box-in {
  max-width: 640px;
  float: none;
}
.butns {
    font-size: var(--font-12);
    min-width: auto;
    padding: 0 13px;
  }
.first-part, .second-part {
    justify-content: center;
    width: auto;
  }
.butns {
    font-size: 11px;
    min-width: auto;
    padding: 0 13px;
  }
.first-part {
  display: flex;
  gap: 15px;
  align-items: center;
  justify-content: center;
}
.first-part li{ float: left;}
.first-part a{ position: relative; top: 3px;}

.first-part a {
    position: relative;
    top: 0;
  }

.power-info img{ border-radius: 20px;}

.pic2{ bottom: 22px;
  right: 20%;}


.sec-stories::before{ background-size: 20%, 20%;}


.aply_acc .card .card-header{ padding: 25px; padding-right: 120px;}
.aply_acc .card .card-header .butns-4{ right: 25px;}


.feature-box {
  margin-top: 30px;
  flex-direction: column;
  text-align: center;
}
.feature-icon{ margin: 0px auto !important;}
.feature-box .media-body{ width: 100%;}


.why-join-item + .why-join-item {
  border-left: none;
}



}

 
@media only screen and (max-width: 767px){
.container{max-width:100%;}

:root
{
    /* font-sizes */
    --font-80:50px;
    --line-80:60px;

    --font-60:30px;
    --line-60:40px;

    --font-40:25px;
    --line-40:35px;

    --font-30:20px;
    --line-30:25px;

    --font-24:18px;
    --line-24:23px;

    --font-18:15px;
    --line-18:23px;

    --font-16:14px;
    --line-16:20px;

    --font-14:13px;
    --line-14:18px;

    --font-12:11px;
    --line-12:14px;
    
   
    
}

.bess-application .row{ justify-content: center;}

.bess-application .col-md-3{width: 25%; margin: 10px 0;}

.butns-8{min-width: 180px;
  line-height: 45px;}

.sec-product .sec-tabs {
  display: flex;
  gap: 19px;
  padding: 20px 0;
  flex-wrap: wrap;
}


.first-part a{font-size: 0; line-height: 0px;}
.first-part a i {
    font-size: var(--font-14);
    line-height: var(--font-14);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 35px;
    height: 35px;
    background: #000;
    border-radius: 100%;
    padding: 0;
  }

.pic2 {
  width: 214px;
  height: 145px;
  border-radius: 10px;}
.pic1 {
  height: 316px;
  border-radius: 10px;}


.aboutwhatAre{ padding-top: 0px;}
.bigTxt{ font-size: 86px;}
.anipic{ display: none;}






}




@media only screen and (max-width: 640px){ 

    .sec-wall-box{min-height: 347px;}

    .sec-advantages .col-md-4 {width: 100%;}

.first-part{ gap: 4px;}

.bess-application .col-md-3{ width: 33.333%;}

.leadBox{ padding: 25px;}






}

@media only screen and (max-width: 575px){ 




.upper-header .container {
    gap: 0px;
  }

.sec-wall-box {
    min-height: 305px;
  }


 .sec-product .col-md-4 {
    width: 100%;
    margin: 12px 0;
  }

.banner-sec img {
  width: 100%;
  height: 300px;
}


.banner-info{ padding: 40px 0;}

.check-points li{ padding-bottom: 14px; padding-top: 14px; padding-left: 26px;}
.check-points li::before{ top: 16px;}


.sec-buttons {
  display: flex;
  gap: 10px;
  margin-top: 30px;
  flex-wrap: wrap;
}

.sulPic img{ max-width: 120px;}
.product-info .butns-7{ margin-top: 12px;
  margin-left: 0;}
.sec-power-gene h2 {
  margin-bottom: 30px;
}
.sec-green .col-md-4, .sec-green .col-md-8 {
    width: 100%;
    margin: 0;
  }


.aply_acc .card .card-header .butns-4 {
  position: relative;
  top: inherit;
  transform: inherit; right: inherit; margin-top: 20px;}

.aply_acc .card .card-header, .aply_acc .card-body{ padding: 20px;}
.cv-form-box{ padding: 20px !important;}


.tophead{ padding: 40px 0 !important;}

.pt-0{ padding-top:0px !important;}


}

@media only screen and (max-width: 480px){ 

.butns {font-size: var(--font-12);min-width: 170px;}
.sec-wall-mounted .col-md-4 {width: 100%;}

.bess-application .col-md-3{width: 100%;}

.sec-footer .row .col-md-3:first-child{width: 100%;}
 .sec-footer .col-md-3 {
    width: 50%;
  }

.butns-2, .butns-3, .butns-4, .butns-7 {
    line-height: 40px;
    min-width: auto;
    padding: 0 20px;
    border-radius: 7px;
  }
.power-info img{ border-radius: 11px;}

.sec-power-home, .energy-future{ padding: 45px 0;}
.energy-future{ padding-bottom: 120px !important;}

.globe-info {
  position: relative;
  top: inherit;
  left: inherit;
  width: 100%;
  background: #000; padding: 30px 0;
}
.globe-info h2{ margin-top: 0;}
.globe-info h2  br{ display: none;}


.butns {
    font-size: var(--font-12);
    min-width: auto;
    padding: 0 13px;
  }
 .navbar-brand {
    padding-left: 0;
  }



.bess-application .col-md-3{ width: 50%;}










}
@media only screen and (max-width: 440px){

.first-part, .second-part{ width: 100%;}
.second-part{ margin-top: 10px;}

}

@media only screen and (max-width: 400px){ 

 .sec-footer .col-md-3, .sec-footer .col-md-3.sec-resp {
    width: 100%;
    margin: 10px 0;
  }
.sec-footer .row .col-md-3:last-child .footer-part {
  padding-left: 0;
}
.footer-part p {
  margin-top: 15px;
}
.footer-part img {
  border-radius: 2px;
  max-width: 120px;
}

.footer-part{   text-align: center;}
.footer-part li{ display: inline-block;}
.social-icon {
  display: flex;
  gap: 15px;
  justify-content: center;
}
.download-sec{ margin-bottom: 6px;}

.application-icon i {
    padding: 25px;
    border-radius: 13px; height: 100px;
  width: 100px;
  }









}