*{margin:0;padding:0;box-sizing:border-box;font-family:"Inter",sans-serif}
#banner{position:relative;height:100vh;z-index:99}
.over{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000059}
.contactover{position:absolute;top:0;left:0;width:100%;height:100%; background-image: linear-gradient(to bottom, rgba(0,0,0,0.55) 0%, rgba(0,0,0,0.0) 15%);}
img{width:100%;height:100vh;object-fit:cover}
.ban-text2{max-width:1320px;width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.ban-text2 h1{text-align:center;color:#fff;line-height:1.2;font-size:80px;padding:0 30px;font-weight:600}
#header{padding:20px 40px;width:100%;position:absolute;top:0;z-index:99999}
#header .nav a{text-decoration:none}
#header .logo h2{color:#fff;font-size:27px; margin-bottom:0px;}
#header .navwrap{width:100%;display:flex;align-items:end;justify-content:space-between}
.menu{position:relative}
.menu ul{display:flex;align-items:center;justify-content:center;gap:50px;margin-bottom:0px;}
.menu #navMenu li{list-style:none}
.menu #navMenu li a{text-decoration:none;color:#fff;font-size:18px;transition:.4s ease-in-out;position:relative}
.sub-menu{background-color:#efefef!important}
.menu #navMenu li a:hover::after{width:100%}
.hamburger{width:28px;height:22px;display:none;flex-direction:column;justify-content:space-between;cursor:pointer;z-index:1001}
.hamburger span{width:100%;height:3px;background:#fff;border-radius:2px;transition:all .4s ease}
.hamburger:hover span{background:#d82578}
.contact a{padding:12px 18px;font-weight:500;background:#d82578;text-decoration:none;color:#fff;transition:.3s ease-in-out}
.contact a:hover{background:#299ec3;color:#fff}
.contact-link{display:none!important;padding:12px 18px;font-weight:500;background:#d82578;text-decoration:none;color:#fff;transition:.3s ease-in-out}
.contact-link:hover{background:#299ec3;color:#fff}
#navMenu li{position:relative}
#navMenu li a{padding:20px 0}
.sub-menu{position:absolute;top:150%;left:0;background-color:#fff;min-width:250px;box-shadow:0 8px 16px #0003;border-radius:15px;z-index:1000;padding:10px 0;margin:0;list-style:none;opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .4s ease-in-out,transform .4s ease-in-out,visibility .4s}
.sub-menu li a{display:block;padding:12px 16px!important;text-decoration:none;color:#000!important;font-size:16px!important;transition:background-color .3s ease}
.sub-menu li a:hover{color:#d82578!important;background-color:#efefef}
#navMenu li:hover .sub-menu{opacity:1;visibility:visible;transform:translateY(0)}
.submenu-toggle{cursor:pointer;margin-left:8px;user-select:none;display:inline-block;transition:transform .3s ease;font-size:.8em;color:#fff}
.submenu-toggle.open{transform:rotate(180deg)}
.sub-menu.active{opacity:1;visibility:visible;transform:translateY(0)}
.submenu-toggle i{color:#fff;transition:.4s ease-in-out}
#navMenu li:hover .submenu-toggle i{transform:rotate(180deg);color:#fff}
#navMenu li a:hover{color:#fff}
.sub-menu li a:hover{color:#d82578!important}

ul.powerlist{list-style:none; margin:0; padding:0;}
ul.powerlist li{display:flex; margin:7px 0; position:relative;}
ul.powerlist li img{width:16px; height:16px; margin-right:10px; position:relative; top:5px;}
.imgradius{border-radius:15px;}
ul.anglegrp li{color:#6e7999; margin:15px 0;}
ul.anglegrp li:before{transform: rotate(45deg);
    content: ' ';
    display: block;
    width: 12px;
    height: 12px;
    background: #00B940;
    margin-right: 15px;
    flex-shrink: 0; margin-top:10px;}

.allinonesection{background:url(img/seconbg.png) no-repeat; background-size:cover; padding:50px 0; height:600px;}
.hivbx{ position:absolute; display:flex; align-items:center; justify-content:center; background:#d6f0cb; border-radius:10px; padding:15px 25px;font-size:20px; transition:0.5s all;}
.hivbx:hover{background:#24ac42;color:#FFF;}
.hivbx img{width:40px; height:40px; margin-right:10px;transition:0.5s all;}
.hivbx img.fimg{opacity:0; visibility:hidden;display:none;}
.hivbx:hover img.fimg{opacity:1; visibility:visible;display:block;} 
.hivbx:hover img.simg{opacity:0; visibility:hidden;display:none;}
.firstbx{top:47%; left:25%;}
.secondbx{top:47%; left:55%;}
.thirdbx{top:65%; left:40%;}
.fourbx{top:65%; left:70%;}
.learmorebtn{margin-top:25px;}
.learmorebtn a{text-decoration:none; color:#00b940;}
.learmorebtn a i{margin-left:5px;}

.innovationarea{background:url(img/innovation-bg.jpg) no-repeat; background-size:cover; padding:100px 0; background-position:center center;}
.textsec{background:rgba(66,66,66,.9); padding:50px; color:#FFF;border-radius:20px;font-size: 20px;line-height: 35px;}
.textsec h2{font-size:40px;}
.textsec a{color:#FFF; display:inline-block; padding:15px 25px; border-radius:25px; background:#93B200; font-size:14px; line-height:14px; text-decoration:none; margin-top:25px;}

.fontcolor{color:#000;}
.downloadtxtic{color:#00357d;}

.smallheading{font-size:20px; }
.width70{max-width:70%; height:auto;}


.footer{padding: 45px 0;border-top: 1px solid #e3e3e3; background:#f3f2f2; position:relative;}
.footercol{padding:25px 25px;}
.footercol h5{color:#00357d; margin-bottom:25px; font-weight:600; position:relative;}
/*.footercol h5:after{content:''; position:absolute; bottom:0; left:0; width:50px; height:1px; background:#00357d;}*/
.footercol ul{padding-left:0px; list-style:none;}
.footercol ul li{margin:10px 0;}
.footercol ul li a{color:#00357d; text-decoration:none; font-weight:400;}
.footercol span,.copyright{color:#303030;}

@media screen and (max-width: 850px) {
.hamburger{display:flex;z-index:10001}
#navMenu li:hover .submenu-toggle i{transform:rotate(0);color:#d82578}
.submenu-toggle i{color:#000;transition:.4s ease-in-out}
#navMenu li:hover > a{color:#d82578!important}
.menu ul{position:fixed;top:0;left:-250px;width:250px;height:100vh;background:#fff;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:0;padding-top:80px;transition:left .4s ease;z-index:1000}
.menu ul li{width:100%}
.menu #navMenu li a{font-size:16px;color:#000;padding:15px 25px!important;display:flex;justify-content:space-between;align-items:center;width:100%}
#navMenu .contact-link{font-size:18px!important;margin-top:20px!important;padding:10px 25px!important;margin-left:auto;width:90%!important;border:none;display:flex!important;text-align:center!important;margin-right:auto;justify-content:center}
#navMenu .contact-link:hover{color:#fff!important}
.menu ul.active{left:0}
.contact{display:none}
.contact-link{margin-top:0!important;display:block;color:#fff!important;text-align:center}
.contact-link::after{display:none}
.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;opacity:0;visibility:hidden;transition:.3s ease;z-index:999}
.overlay.active{opacity:1;visibility:visible}
.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
.hamburger.active span:nth-child(2){opacity:0}
.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}
.sub-menu{position:static;background-color:transparent;box-shadow:none;border-radius:0;padding:0;margin:0;transform:none;max-height:0;overflow:hidden;transition:max-height .3s ease;opacity:1;visibility:visible;width:100%}
.sub-menu.active{max-height:500px}
.sub-menu li a{color:#000!important;padding:12px 35px!important;font-size:16px!important;border-bottom:1px solid #f0f0f0}
.submenu-toggle{color:#000!important}
.sub-menu:not(.active){display:none}
.menu-item-with-submenu{cursor:pointer}
}
@media screen and (max-width: 500px) {
.ban-text2 h1{padding:0 20px;font-size:50px}
.ban-text2 h1 br{display:none}
.hivbx{position:relative; margin:15px 0;}
.firstbx, .secondbx, .thirdbx, .fourbx{left:0; top:0;}
.mbpd{margin-top:25px;}
.textsec{padding:25px; line-height:30px; font-size:18px;}
.textsec h2{font-size:30px;}
.textsec a{margin-top:0px;}
#in-con-banner.kontactbanner img{height:350px !important; object-position:center center;}
#in-con-banner.kontactbanner{height:auto !important;}
.sdbg{padding:25px;}
.in-con-form-right h2{font-size:30px !important;}
.footercol{padding:8px 15px;}
.footercol h5{margin-bottom:15px;}
.copyright{margin-top:25px; border-top:1px solid #ddd; padding-top:10px;}
.footer{padding:30px 0 10px;}
}
#in-con-banner{position:relative;height:420px;overflow:hidden}
#in-con-banner img{height:420px;vertical-align:top;object-fit:cover;object-position:center right}
#in-con-banner.stromtarif-banner{height:100vh}
#in-con-banner.stromtarif-banner img{height:100vh}
#in-con-banner .ban-text2 h4{text-align:left;color:#fff;line-height:1.2;font-size:40px;padding:0 15px;text-transform:uppercase;font-weight:600;margin-bottom:15px}
#in-con-banner .stromtarif-bantxt{transform:translate(-50%,20%)}
#in-con-banner .stromtarif-bantxt h4{font-weight:800;font-size:50px;letter-spacing:1px}
#in-con-banner .ban-text2 div{text-align:left;color:#fff;display:inline-block;width:100%;line-height:1.2;font-size:17px;padding:0 15px;text-transform:uppercase;font-weight:600}
#in-con-banner .stromtarif-bantxt div{font-weight:400;margin-bottom:15px}
#in-con-banner .ban-text2 div a{color:#fff;opacity:1;text-decoration:none;margin-right:10px;transition:.4s ease-in-out}
#in-con-banner .ban-text2 div a:hover{color:#d82578}
#in-con-banner .ban-text2 div span{color:#fff!important;opacity:.8;text-decoration:none;margin-right:10px}
#in-con-banner .over{background-color:#00000073}
#in-con-banner .ban-text2{top:60%}
#in-con-form .form-grid{width:50%}
#in-con-form .in-con-form-right{background-color:#fff;box-shadow:0 0 30px 0 #00000026}
.in-con-form-right h2{font-weight:700;color:#000;font-size:35px;text-transform:uppercase}
#in-con-form .btn-custom{margin-top:15px;background-color:#00357d;color:#fff;display:inline;padding:14px 22px!important;text-transform:uppercase;border-radius:0;transition:.4s ease-in-out}
#in-con-form .btn-custom:hover{background-color:#299ec3;color:#fff}
#footer{padding:20px 0;text-align:center;background-color:#299ec3}
#footer .logo h2{color:#fff;font-size:24px;margin-bottom:0}
#footer a{text-decoration:none}