@charset "utf-8";
.video iframe{width:100%; height:100vh; margin-top:127px}
.whatsapp_pos{position:fixed; z-index:99; bottom:15%;right:8px}
.whatsapp_pos img{border-radius:50px}

.history_box{text-align:center;width:220px;height:220px;}

.flip-card-inner{position:relative;width:100%;height:100%;transition:transform .7s;transform-style:preserve-3d;}.history_box:hover .flip-card-inner{transform:rotateY(180deg)}
.history_box:focus-within .flip-card-inner{transform:rotateY(180deg)}

.flip-face{position:absolute;inset:0;backface-visibility:hidden;display:flex;flex-flow:column;place-content:center;align-items:center;border-radius:15px;padding:30px 10px}
.front{background:#f4831f;color:#fff;}
.back{background:#24285e;color:#fff;transform:rotateY(180deg)}

.history_box h3{font-weight:500;height:36px;line-height:1.1em;font-size:1.1em;overflow:hidden}
.year_tx{font-size:1.6em;font-weight:600;letter-spacing:3px}

.history_tx{font-size:0.9em;line-height:1.4em}

/*.history_box:hover .history_tx{height:100%;width:100%;opacity:1;position:absolute;top:0;background:#24285e;padding:30px 10px}*/

.yellow{color:#f99e36}
.mt-3{ margin-top:55px}
.clearfix{ clear:both}
.float-start{ float:left}

/* Search */
.rel{position:relative}
.search_pos{position:absolute;z-index:9;top:30px;right:240px}
*{box-sizing:border-box;margin:0;padding:0}header{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.1)}.logo{font-size:20px;font-weight:700}.search-icon{font-size:22px;cursor:pointer}.modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.6);justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;padding:25px;width:90%;max-width:400px;border-radius:10px;position:relative}.close{position:absolute;right:15px;top:-8px;font-size:40px;cursor:pointer}.modal-content h2{margin-bottom:15px}.modal-content input{width:100%;padding:12px;font-size:16px;margin-bottom:15px; border:1px solid #ccc}.modal-content button{width:100%;padding:12px;background:#f68620;color:#fff;border:0;font-size:16px;cursor:pointer;border-radius:5px}.modal-content button:hover{background:#0056b3}

.inner_banner{width:100%; height:auto; margin:auto}
.inner_banner img{width:100%; height:auto}

table{border:1px solid #eee; width:100%}
table tr td{border:1px solid #eee; padding:7px}
table th{font-weight:700;border:1px solid #eee; text-align:left;padding:7px; background:#fdfdfd}


/*News*/
.new_wrap{width:472px;background:#fff;padding:1px;transition:all linear .5s}
.new_wrap:hover{box-shadow:0px 0px 10px #ccc;background: linear-gradient(to bottom, #d4d4d4, #fff 100%) !important;}
.new_wrap .title_h{line-height:1.2em;font-size:1.2em;height:46px} 
.new_wrap .title_h a{color:#24285e}.new_wrap .yellow{color:#f4831f}.new_wrap .yellow:hover{ color:#e7730c}
.new_wrap .text-sm{font-size:0.88em}
.news_text{height:36px;line-height:1.3em}
.news_date span{padding:0.3em 0.5em;background:#24285e;color:#fff}
.owl-carousel .news_date span img,.news_date span img{width:13px; display:inline-block}
.new_wrap .news_thum,.new_wrap .news_thum figure{width:470px;height:314px;display:table-cell;vertical-align:middle;text-align:center; border:0}.new_wrap .news_thum figure img{max-width:100%;height:auto; transition:all linear .5s}.new_wrap:hover .news_thum figure img{ transform:scale(1.05)}
.overflow-hide{ overflow:hidden}

.news_bx{border:1px solid #eee; box-shadow:1px 0 5px #eee; padding:20px}
.news_left{width:390px;float:left}
.news_right{width:66%; float:right}

.news_thum{width:392px;height:262px;margin:auto;border:1px solid #f3f3f3}
.news_thum span{width:390px;height:260px;display:table-cell;vertical-align:middle;text-align:center}
.news_thum span img{ width:100%; height:100%}

.title_h{height:55px;overflow:hidden; font-size:1.5em; line-height:1em}
.title_h a{color:#24285e}.title_h a:hover{color:#f4831f}
.news_content{font-size:1em;height:74px; overflow:hidden;margin-top:10px}
.news_thum_big{width:700px;height:467px; margin:auto}
.news_thum_big span{width:700px;height:467px;display:table-cell;vertical-align:middle;text-align:center}
.news_thum_big span img{width:100%; height:100%}

.trust_sec{background:linear-gradient(to bottom, #ffffff 0%, #fafafa 100%)}
.trust_sec h2{font-size:1.68em;line-height: 1em;color:#76c042;text-transform:uppercase}
.trust_sec .nav-link{padding:10px 30px!important;color:#000!important; font-weight:500; border:1px solid #eee; border-radius:10px 10px 0 0}
.trust_sec .nav-link.active{background:#76c042!important; color:#fff!important}
.link a{color:#f4831f}
.text-danger {color: #fb7701 !important}
.hand{cursor:pointer}

.bg-light{background:#eee;padding:10px}
.title_h2{font-size:1.5em;line-height:1em;font-weight:600;color:#24285e}



.vid_dg{position:relative;display:flex;height:100vh;max-height:100vh;background:#000;overflow:hidden}
.vid_dg__background{position:absolute;top:50%;left:50%;width:80%;height:0;padding-bottom:66.25%;transform:translate(-50%,-50%);pointer-events:none}
.vid_dg iframe,.vid_dg__video-overlay{position:absolute;width:100%;height:110%}
.vid_dg__video-overlay{background-position:center;background-size:cover;background-repeat:no-repeat;transition:opacity .5s cubic-bezier(.25,.46,.45,.94),visibility .5s linear}
.vid_dg__video-overlay--fadeOut{opacity:0;visibility:hidden}.vid_dg iframe{top:0;left:0;pointer-events:none}
@media only screen and (max-width:1151px){.vid_dg iframe,.vid_dg__video-overlay{width:100%;height:115%}.vid_dg{height:75vh;max-height:75vh}.vid_dg__background{width:100%;}}

@media only screen and (max-width:480px){.vid_dg iframe,.vid_dg__video-overlay{width:100%;height:145%}.vid_dg{height:60vh;max-height:63vh}.vid_dg__background{width:100%;}}

/*Loading*/
.spinner-border,.spinner-grow{display:inline-block;width:var(--bs-spinner-width);height:var(--bs-spinner-height);vertical-align:var(--bs-spinner-vertical-align);border-radius:50%;animation:var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name)}@keyframes spinner-border{to{transform:rotate(360deg)}}.spinner-border{--bs-spinner-width:2rem;--bs-spinner-height:2rem;--bs-spinner-vertical-align:-0.125em;--bs-spinner-border-width:0.25em;--bs-spinner-animation-speed:0.75s;--bs-spinner-animation-name:spinner-border;border:var(--bs-spinner-border-width) solid currentcolor;border-right-color:transparent}.spinner-border-sm{--bs-spinner-width:1rem;--bs-spinner-height:1rem;--bs-spinner-border-width:0.2em}@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}.spinner-grow{--bs-spinner-width:2rem;--bs-spinner-height:2rem;--bs-spinner-vertical-align:-0.125em;--bs-spinner-animation-speed:0.75s;--bs-spinner-animation-name:spinner-grow;background-color:currentcolor;opacity:0}.spinner-grow-sm{--bs-spinner-width:1rem;--bs-spinner-height:1rem}@media (prefers-reduced-motion:reduce){.spinner-border,.spinner-grow{--bs-spinner-animation-speed:1.5s}}
.visually-hidden,.visually-hidden-focusable:not(:focus):not(:focus-within){width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption),.visually-hidden:not(caption){position:absolute!important}
/*Loading*/

.bg_blue{background:linear-gradient(45deg, #181e5a 50%,#fd8a15 100%);color:#fff!important}
.hd_tx3{font-weight:600 !important;font-size:3.8em;line-height:1.2em;color:#0b1166;text-shadow:-1px 1px 0 #e9e8ee, 1px 1px 0 #e9e8ee, 1px -1px 0 #e9e8ee, -1px -1px 0 #e9e8ee; opacity:.1}
.bg_blue h2{position:absolute;z-index:9;top:-14px;left:12px;right:0;font-weight:600;font-size:3.8em; line-height:1.2em;color:#fff}
.p-6{padding:80px 0 80px 50px !important}
.solution_cnt{margin-top:25px; font-size:1.23em; line-height:1.4em}
.img_w img{ border-radius:30px 0 0 30px}
.mt_top{margin-top:170px}
.img_pos{position:absolute; z-index:9; top:0; right:0}
.img_pos img{ width:100%; height:auto}

.product .to-light-gray-0{background:linear-gradient(to top, #d4d4d4, #fff 100%) !important}

/*Low Current Systems*/
.sec_left{ width:60%; float:left}
.sec_right{width:40%; float:right; margin-top:300px}
.low_current_icon{background:#f99e36; width:70px; height:70px; line-height:70px; border-radius:70px; text-align:center; float:left}
.low_current_icon img{margin:5px auto}
.low_current_right{float:left; width:80%; padding:18px 0 0 25px; color:#fff; font-size:1.44em}


/*Partners*/
.bg-logos{background:#ecebeb}
.partner_bg{background:#181e5a;padding:0 50px}
.partner_bg .max-w-7xl{max-width:86rem}
.bg-white{background:#fff}
.w100{width:100%}.mb-7{margin-bottom:100px !important}

.logo_list ul li{list-style:none; display:inline-block; width:33%; margin:auto}

.partners-text{font-size:3.8em;font-weight:800 !important;color:#fff;text-shadow:2px 2px 0 #f4831f, 4px 4px 0 #f4831f}.partners-text::after{content:"Partners";position:absolute;top:4px;left:4px;color:transparent;-webkit-text-stroke:2px #eee;z-index:-1}

.thm_cont{width:300px;height:155px}
.thm_cont span{width:300px;height:155px;display:table-cell;vertical-align:middle;text-align:center}
.thm_cont span img{ width:100%; height:100%}

/*footer*/
.space-y-4{width:35%}.space-y-3{ width:30%}
.space-y-2 img{vertical-align:middle;margin-top: 0.2em}


/*Power control Systems*/
.solutions-section{padding:50px 10px}.solutions-container{max-width:1210px;margin:auto;display:flex;gap:18px}.solution-card{flex:1;background:#fff;border-radius:20px;display:flex;flex-direction:column}.solution-title{background:#ffa43a;color:#fff;font-weight:600!important;text-align:center;padding:14px 10px;font-size:1em;line-height:1.2em;border-radius:12px;width:75%;margin:-31px auto 0;height:72px;display:flex;align-items:center;justify-content:center;box-shadow:none}
.solution-body{padding:20px 18px;font-size:13px;line-height:1.6;color:#000}
.solution-body strong{font-weight:600}
.solution-body p{margin-bottom:15px}

/*Products*/
.arrow_pos{position:absolute; z-index:9; top:110px; right:-50px;transition:all linear .6s}
.arrow_pos:hover{transform:rotate(0deg) scale(1.2)}

.pro_listing h2{ background:#f99e36; padding:15px 80px; border-radius:20px; font-size:1.7em; font-weight:700; color:#fff; display:inline-block; margin:30px 0}
.pro_listing .yellow{ color:#f4831f; border:1px solid #f4831f; padding:0.3em 1em}
.pro_listing .yellow:hover{ background:#f4831f; color:#fff}
.product .h-\[350px\]{height:239px!important}
.owl-carousel .owl-nav button.owl-next{margin-right:-20px}
.owl-carousel .owl-nav button.owl-prev{margin-left:-20px}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev{ font-size:40px!important; border:1px solid #24285e; color:#24285e}
.owl-theme .owl-nav [class*=owl-]:hover{color:#f4831f !important;border:1px solid #24285e;}

.product .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot{border:1px solid #666 !important}
.product .owl-theme .owl-nav [class*=owl-]{font-size:14px;margin:-55px}
.product .owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#f4831f;text-decoration:none}
.d_arrow_none{display:block}
.d_view_none{display:none}


@media only screen and (max-width:1400px) {
/*Products*/
.product .owl-theme .owl-nav [class*=owl-]{font-size:14px;margin:0}
.arrow_pos{top:110px; right:-45px}
}



@media only screen and (max-width:1151px) {
.owl-carousel .owl-nav button.owl-next{margin-right:5px}
.owl-carousel .owl-nav button.owl-prev{margin-left:5px}	
	
.w-full .container{max-width:100%}	
.fixed .gap-8{gap:1rem}

.px-12{padding-left:2rem!important;padding-right:2rem !important}
	
.gap-8{gap:1.5rem}
.history_txs{height:85px}.history_box{margin:0.5em auto}
.search_pos{top:28px; right:188px}

/*News*/
.news_right{width:56%}
.title_h{height:50px}
.news_content{height:75px}

.mt_top{margin-top:70px}
.img_pos{right:-200px;text-align:right}
.img_pos img{width:60%; height:auto}

/*Low Current Systems*/
.sec_left{ width:100%; float:none}
.sec_right{width:100%; float:none; margin:0 0 50px; padding-top:2em}

.logo_list ul li{width:32%}
.thm_cont{width:250px;height:129px}
.thm_cont span{width:250px;height:129px}
.partners-text{font-size:4.5em}

.arrow_pos{top:110px; right:0px}
.d_arrow_none{display:none}
.d_view_none{display:block; margin-top:52px}

.illuminating_sec .h-screen{height:auto!important;padding:100px 0}
.video iframe{width:100%; height:40vh; margin-top:127px}
.solution_sec .min-h-screen{min-height:auto!important}
.history_box h3{ height:37px; line-height:1em;overflow:hidden}
.history_tx{height:67px}
.counter_tx .text-lg{font-size:.75em!important}
.counter_tx .text-2xl{font-size:2.5em!important}



}


@media only screen and (max-width:991px) {
.owl-carousel .owl-nav button{ width:32px !important; height:32px !important}	
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev{font-size:26px !important;line-height:20px}

.2owl-carousel.owl-carousel .owl-nav button.owl-prev{margin-left:-15px !important}
.2owl-carousel.owl-carousel .owl-nav button.owl-next{margin-right:-15px !important}

.video iframe{width:100%; height:60vh; margin-top:127px}
.search_pos{top:23px; right:120px}

.text-xl{font-size:1.1rem !important}
.mobile-dropdown-menu a{ font-size:1em !important}

/*News*/
.news_left{width:200px}
.news_right{width:66%}
.news_thum{width:200px;height:133px}
.news_thum span{width:200px;height:133px}

.new_wrap{width:332px}
.new_wrap .news_thum, .new_wrap .news_thum figure{width:330px;height:220px}
.new_wrap .title_h{font-size:1.1em;height:42px}
.new_wrap .text-sm{font-size: 0.82em;}

.img_pos{display:none}
.mt_top{margin-top:0}
.p-6{padding:30px!important}
.solution_cnt{text-align:center}
.mt_top{text-align:center}

.bg_blue h2{font-size:3em !important}
.hd_tx3{font-size:3em !important}


.thm_cont{width:180px;height:93px}
.thm_cont span{width:180px;height:93px}
.partners-text{font-size:3.5em}


.bg_blue .container{ padding:0 !important}
.solutions-container {flex-wrap: wrap}
.solution-card{flex:1 1 31%; margin-bottom:1.88em}


/*Products*/
.pro_listing h2{padding:10px 50px; font-size:1.3em}
.product .h-\[350px\]{height:360px!important}

.counter_tx .text-2xl{font-size:1.8em!important}

}

@media only screen and (max-width:767px) {
.history_tx{height:72px}

/*News*/
.news_right{width:60%}
.title_h{font-size:1.1em; height:36px}
.news_content{line-height:1.4em;height:62px;font-size:0.88em}


.news_thum_big{width:400px;height:267px; margin:auto}
.news_thum_big span{width:400px;height:267px}.title_h2{font-size:1.1em}
.news_dtl_txt{ font-size:0.9em}

.new_wrap{width:282px}
.new_wrap .news_thum, .new_wrap .news_thum figure{width:280px;height:187px}

.low_current_right{padding:20px 0 0 25px; font-size:1.2em}

.thm_cont{width:130px;height:67px}
.thm_cont span{width:130px;height:67px}
.partners-text{font-size:3em}

.d_view_none{margin-top:0}
.pro_listing h2{ display:block}
.counter_tx .text-2xl{font-size:1.4em!important}

}

@media (max-width: 576px) {
.solution-card{flex:1 1 100%}
.text-3xl{font-size:1.6rem !important}
.text-4xl{font-size: 2rem !important}
.mb-8{ margin-bottom:0.8em !important}
.new_wrap .yellow{ font-size:0.9em}
.new_wrap .title_h{ font-size:1em}

}


@media only screen and (max-width:479px) {
.history_tx{height:auto; line-height:1.3em}
.search_pos{top:23px; right:90px}

.text-4xl{font-size:2rem}

/*News*/
.news_bx{ padding:10px}
.news_left{float:none; margin:auto;width:280px}
.news_right{width:100%; float:none; margin-top:20px}
.news_thum{width:280px;height:187px}
.news_thum span{width:280px;height:187px}

.news_thum_big{width:300px;height:200px; margin:auto}
.news_thum_big span{width:300px;height:200px}

.bg_blue h2{font-size:1.66em !important;line-height:1.4em;top:-11px;left:10px}
.hd_tx3{font-size:1.66em !important;line-height:1.4em}

.solution_cnt{font-size:1em; line-height:1.5em}
.sec_left{ padding:0.5em 1em}
.p-6{padding:30px 0 !important}
.low_current_right{ width:75%;padding:12px 0 0 15px;font-size:1em;line-height:1.2em}

.partner_bg{padding: 0 20px}

.logo_list ul li{width:49%}
.thm_cont{width:100px;height:52px}
.thm_cont span{width:100px;height:52px}
.partners-text{font-size:1.62em}
.mb-7{margin-bottom:50px !important}

/*Products*/
.pro_listing{ flex-wrap:wrap; padding-bottom:1em}
.pro_listing h2{padding:10px 20px; font-size:1.2em; text-align:center; margin:0.5em  0}
.d_view_none .px-12{padding:5px 15px!important}
.pro_listing  p{ width:100%}


}