*{margin: 0px; padding: 0px;}
h1,h2,h3,h4,h5,h6{margin: 0px; padding: 0px; font-weight: normal; font-family: 'Nineteenth';}
p{margin: 0px; padding: 0px; font-family: 'Nexa';}
a{text-decoration: none; transition: 0.5s; font-family: 'Nineteenth';}
body{ overflow-x: hidden; font-size:15px; color:#000;}
html{overflow-x: hidden;}
ul{ padding:0; margin:0;}
ul li{ list-style-type:none;}
.body{ position:relative;}
[data-aos][data-aos][data-aos-duration="400"], body[data-aos-duration="400"] [data-aos] {transition-duration: 1.2s;}

@font-face {
    font-family: 'Arial';
    src: url('../fonts/ArialMT.woff2') format('woff2'),
        url('../fonts/ArialMT.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Nexa';
    src: url('../fonts/NexaBlack.woff2') format('woff2'),
        url('../fonts/NexaBlack.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Nexa';
    src: url('../fonts/NexaBlack.woff2') format('woff2'),
        url('../fonts/NexaBlack.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Nexa';
    src: url('../fonts/NexaBlack.woff2') format('woff2'),
        url('../fonts/NexaBlack.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Nexa';
    src: url('../fonts/NexaBlack.woff2') format('woff2'),
        url('../fonts/NexaBlack.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Nexa Demo';
    src: url('../fonts/NexaDemo-Bold.woff2') format('woff2'),
        url('../fonts/NexaDemo-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Nexa';
    src: url('../fonts/NexaBlack.woff2') format('woff2'),
        url('../fonts/NexaBlack.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Nexa';
    src: url('../fonts/NexaHeavy.woff2') format('woff2'),
        url('../fonts/NexaHeavy.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Nexa Demo';
    src: url('../fonts/NexaDemo-Light.woff2') format('woff2'),
        url('../fonts/NexaDemo-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Nexa';
    src: url('../fonts/Nexa-Black.woff2') format('woff2'),
        url('../fonts/Nexa-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Nexa';
    src: url('../fonts/NexaHeavy.woff2') format('woff2'),
        url('../fonts/NexaHeavy.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Nexa';
    src: url('../fonts/NexaHeavy.woff2') format('woff2'),
        url('../fonts/NexaHeavy.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Nexa';
    src: url('../fonts/NexaRegular.woff2') format('woff2'),
        url('../fonts/NexaRegular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Nexa';
    src: url('../fonts/NexaHeavy.woff2') format('woff2'),
        url('../fonts/NexaHeavy.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Nexa';
    src: url('../fonts/NexaHeavy.woff2') format('woff2'),
        url('../fonts/NexaHeavy.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Nexa';
    src: url('../fonts/NexaHeavy.woff2') format('woff2'),
        url('../fonts/NexaHeavy.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Nexa';
    src: url('../fonts/NexaRegular.woff2') format('woff2'),
        url('../fonts/NexaRegular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Nexa';
    src: url('../fonts/NexaRegular.woff2') format('woff2'),
        url('../fonts/NexaRegular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Nexa';
    src: url('../fonts/NexaRegular.woff2') format('woff2'),
        url('../fonts/NexaRegular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Nexa';
    src: url('../fonts/NexaRegular.woff2') format('woff2'),
        url('../fonts/NexaRegular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Nexa';
    src: url('../fonts/NexaThin.woff2') format('woff2'),
        url('../fonts/NexaThin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Nexa XBold';
    src: url('../fonts/Nexa-XBold.woff2') format('woff2'),
        url('../fonts/Nexa-XBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Nexa';
    src: url('../fonts/Nexa-Thin-Italic.woff2') format('woff2'),
        url('../fonts/Nexa-Thin-Italic.woff') format('woff');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Nexa';
    src: url('../fonts/NexaRegular.woff2') format('woff2'),
        url('../fonts/NexaRegular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Nineteenth';
    src: url('../fonts/Nineteenth.woff2') format('woff2'),
        url('../fonts/Nineteenth.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Nexa XBold';
    src: url('../fonts/Nexa-XBold-Italic.woff2') format('woff2'),
        url('../fonts/Nexa-XBold-Italic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Nineteenth';
    src: url('../fonts/Nineteenth.woff2') format('woff2'),
        url('../fonts/Nineteenth.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


section.header {position: absolute; width: 100%; min-height: 80px;  padding: 15px 0 10px; background: #ffffffb3;}
.header a.logo img { width: 60%; display: inline-block;}
.header a.logo img.sticky-logo {display: none;}
.header .header-menu {padding:0px; display: flex; justify-content: end; height: 100%;}
.header .header-menu nav.navbar.navbar-expand-lg {padding: 0;}
.header .header-menu .navbar-nav {padding: 0; margin: 0; float: right;}
.header .header-menu .navbar-nav li {display: inline-block; margin-left: 3px;}
.header .header-menu .navbar-nav li a {color: #000; text-transform: uppercase; padding:5px 10px; transition:all 0.5s ease; font-size:14px;}
.header .header-menu .navbar-nav li a:hover, .header-right .header-menu .navbar-nav li.active a { color:#fff; background:#84ba43;}

.header .header-menu .navbar-nav li ul.dropdown-menu {background: #ffffffa1; border-radius: 0; border: none; padding: 5px;}
.header .header-menu .navbar-nav li ul.dropdown-menu li {display: block; margin: 0; border-bottom: 1px solid #857c7c24;}
.header .header-menu .navbar-nav li ul.dropdown-menu li:last-child{ border:none;}
.header .header-menu .navbar-nav li ul.dropdown-menu li a {padding: 10px 10px; display: block; width: 100%; font-size:13px;}

.header.sticky-header .header-menu .navbar-nav li ul.dropdown-menu{background: #fffffff5;}

section.header.sticky-header {position: fixed; padding: 10px 0; background-color: #fffffff5; z-index: 3; box-shadow: 0px 0px 5px #0000006e;  min-height: inherit; transition: all 1s ease;}
section.header.sticky-header a.logo img {width: 40%;}
section.header.sticky-header img.main-logo {display: none;}
section.header.sticky-header img.sticky-logo {display: block;}


.page-banner {height: 650px; overflow: hidden; display: flex; align-items: end; justify-content: center; text-align: center; padding: 50px 0; background-repeat: no-repeat; background-size:100% 100%;}
.page-banner .banner-content {z-index: 1; position: relative;}

.banner-content {text-align: center;}
.banner-content h1 {color: #fff; font-weight: 500; text-shadow: 0px 0px 10px #000; font-size: 48px;}
.banner-content .content-img img {max-width: 400px;}
.banner-content h3 {color: #fff; font-weight: 600; text-shadow: 0px 0px 10px #000; font-family: 'Nexa';}

.sec-about{ background-image:url(../images/about-sec-bg.jpg); background-repeat:no-repeat; background-position:center; background-size: 100% 100%; display: flex; align-items: center; min-height: 600px; position:relative;}
.sec-title{ text-align:center; margin:0 0 20px 0;} 
.sec-title h4 {font-weight: 500; color:#606060; font-size: 38px;}
.sec-title p {color:#606060; font-size: 18px;}
.sec-about .sec-contant p {color: #000000; text-align: justify;}

.sec-about .left-img {position: absolute; left: 0; bottom: 0; max-width: 200px; margin-bottom: -220px;}
.sec-about .left-img img {width: 100%; transform: rotate(3.5deg) !important; left: -5px; position: relative;}
.sec-about .right-img {position: absolute; right: 0; bottom: 0; max-width: 350px; margin-bottom: -200px;}
.sec-about .right-img img {width: 80%; float: right;}


.mid-body{ background-image:url(../images/Shaping-sec-bg.jpg); background-repeat:no-repeat; background-position:top center; padding:100px 0 30px; background-size: 100% 100%;}
.mid-body .sec-title h4 {color: #fff; text-transform: capitalize;}
.mid-body .sec-title p{ color:#fff;}


section.mid-body .sec-title {margin: 0 0 40px 0;}
.experienced .sec-img img {width: 100%; transform: translate(50px, 0px); filter: drop-shadow(-80px 50px 0px #71b61e);}
.experienced .content-box {margin: 0; display: flex; align-items: center; height: 100%;}
.experienced .content-box .img-bg{position: absolute; right: 0; display: flex; justify-content: end; width: 50%; min-height: 230px; background: #2d3092; clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%, 20.5% 0%); padding: 30px;}
.experienced .content-text {position: relative; padding: 0px 0px 0 60px; color: #fff;}
.experienced .content-text h3 {font-size: 24px; font-weight: 500;}
.experienced .content-text h6 {padding: 5px 0; font-weight: 500;}
.experienced .content-text p {font-weight: 300; text-align: justify;}
.experienced .left-img {width: 150px; min-height:420px;  background: #57b823; position: absolute; left: 0; margin-top: 70px; shape-outside: polygon(0% 0%, 100% 0%, 0% 65%, 0% 100%, 0% 0%); clip-path: polygon(0% 0%, 100% 0%, 0% 65%, 0% 100%, 0% 0%); font-size: 26px;}

.specialists {padding: 40px 0;}
.specialists .sec-img img {width: 100%; transform: translate(-50px, 0px); filter: drop-shadow(40px 50px 0px #71b61ea6);}
.specialists .content-box { margin: 0; display: flex; align-items: center; height: 100%;}
.specialists .content-box .img-bg{position: absolute; left: 0; display: flex; justify-content: end; width: 50%; min-height: 230px; background: #2d3092; clip-path: polygon(0% 0%, 100% 0%, 79% 100%, 0% 100%, 0% 0%); padding: 30px;}
.specialists .content-text {position: relative; padding: 0px 60px 0 0px; color: #fff; text-align: right;}
.specialists .content-text h3 {font-size: 24px; font-weight: 500;}
.specialists .content-text h6 {padding: 5px 0; font-weight: 600;}
.specialists .content-text p {font-weight: 300; text-align: justify;}
.specialists .right-img {width: 150px; min-height:280px; background: #57b82387; position: absolute; right: 0; margin-top: 80px; shape-outside: polygon(0% 100%, 100% 0%, 100% 100%, 0% 100%, 0% 0%); clip-path: polygon(0% 100%, 100% 0%, 100% 100%, 0% 100%, 0% 0%); font-size: 26px;}
.mid-body .experienced.pioneering { padding: 30px 0 0 0 !important;}

.mid-body .pioneering .sec-title{margin: 0 0 50px 0;}
.pioneering .sec-title p {font-weight: 100; text-transform: unset; font-family: 'Nineteenth';}
.mid-body .pioneering {padding: 100px 0 0;}
.mid-body .pioneering .inner-content {text-align: center;}
.mid-body .pioneering .inner-content .icon-box img {width: 130px;}
.mid-body .pioneering .inner-content .content-box { padding: 10px 0 0; color: #fff;}
.mid-body .pioneering .inner-content .content-box h3.title {font-weight: 600; font-family: 'Arial'; font-size: 30px;}
.mid-body .pioneering .inner-content .content-box p{font-family: 'Arial';}
.mid-body .pioneering .inner-content .content-box .count-number {display: flex; justify-content: center; align-items: center;}
.mid-body .pioneering .inner-content .content-box .count-number span {font-weight: 600; padding: 0px; font-family: 'Arial'; font-size: 30px;}

.modules{ background-image:url(../images/Modules-bg.jpg); background-position:top center; padding:80px 0; background-size: cover;}
.modules .sec-title h4 {color: #fff;}
.modules .sec-title {margin: 0 0 50px 0;}
.mono-poly .left-content-box h5 { text-align: right; background: #88bf45; padding: 20px; color: #fff; font-weight: normal; margin: 0 0 20px 0; shape-outside: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%, 25% 0%); clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%, 25% 0%); font-size: 26px;}
.mono-poly .right-content-box h5 { text-align: left; background: #88bf45; padding: 20px; color: #fff; font-weight: normal; margin: 0 0 20px 0; shape-outside: polygon(0% 0%, 75% 0%, 100% 100%, 0% 100%, 0% 0%); clip-path: polygon(0% 0%, 75% 0%, 100% 100%, 0% 100%, 0% 0%); font-size: 26px;}
.mono-poly .left-content-box img {float: right; width: 300px;  height: 550px;}
.mono-poly .right-content-box .poly-img {height: 550px; display: flex; align-items: end;}
.mono-poly .right-content-box img {float: left; width: 300px; height: 500px;}
.mono-poly .btm-img {text-align: center;}
.mono-poly .btm-img img {max-width: 85%; margin: 10px auto 0;}

section.users {background: #89c045; padding: 80px 0; text-align:center;}
section.users .sec-title {margin: 0 0 40px 0;}
section.users .sec-title h4{ color:#fff;}
/*section.users ul.users-logo { text-align: center; border-left: 3px solid #fff; border-right: 3px solid #fff; display: inline-block; padding: 0 20px;}
section.users ul.users-logo li {display: inline-block; padding: 0 10px; text-align: center;}
section.users ul.users-logo li img {max-width: 130px;}*/

.users .user-logo {max-width: 900px; margin: 0 auto; padding: 0 20px; border-left: 3px solid #fff; border-right: 3px solid #fff; }
.users .user-logo .item-clients {text-align: center;}
.users .user-logo .item-clients img{ width:130px;}
.users .user-logo .owl-dots {position: absolute; width: 100%; top: auto; bottom: -60px;}

section.footer {padding: 80px 0 20px;}
.footer .ftr-content .ftr-logo img { width: 70%;}
.footer .ftr-content p.ftr-text {font-size: 14px; padding: 20px 0; color: #2e3192;}
.footer .ftr-content ul.ftr-social li {display: inline-block; padding: 0 10px 0 0;}
.footer .ftr-content ul.ftr-social li .fa {width: 50px; height: 50px; background: #2d3092; display: inline-flex; align-items: center; justify-content: center; color: #fff; border-radius:30px; transition: all 0.5s ease; font-size: 26px; transition:all 0.5s ease;}
.footer .ftr-content ul.ftr-social li .fa:hover{ background:#8cc246;}


.footer .ftr-content ul.links li{ padding:0 0 10px 0;}
.footer .ftr-content ul.links li a {font-weight: 500; font-size: 20px; color: #2e3192; transition:all 0.5s ease;}
.footer .ftr-content ul.links li a:hover{color: #8cc246;}
.footer .ftr-content h4.title {color: #8cc246; font-weight: 600; padding: 0 0 5px 0; font-size: 18px;}
.footer .ftr-content ul.info {margin: 0 0 15px 0;}
.footer .ftr-content ul.info li, .footer .ftr-content ul.info li a {color: #2e3192; font-size: 14px; transition:all 0.5s ease; font-family: 'Nexa';}
.footer .ftr-content ul.info li a:hover{color: #8cc246;}
.footer .ftr-content ul.info.last li {padding: 0 0 10px 0;}

/*.about-page .banner{ background-image:url(../images/about-page-banner.jpg); padding: 50px 0;}*/
.brand-story{ background-image:url(../images/story-bg.jpg); padding:50px 0; background-position:center; background-size: cover;} 
.brand-story .sec-title h4 {color: #2d3092;}
.brand-story .story p {text-align: justify; font-size:16px; color: #fff; padding: 0 0 25px 0;}

.Vision{ background-image:url(../images/Vision-sec-bg.jpg); padding:50px 0; background-position:center; background-size: 100%; background-repeat: no-repeat;}
.Vision .left-img img {width: 100%;  -webkit-filter: drop-shadow(20px 20px 0px #00000010); filter: drop-shadow(20px 20px 0px #00000010);}
.Vision .content-align {display: flex; align-items: center; height: 100%;}
.Vision .content-align .right-content {padding: 0 90px 0 20px; text-align: justify;}
.Vision .content-align .right-content h4.title {color: #fff; font-weight: 500; font-size: 32px; padding: 50px 0 10px 0;}
.Vision .content-align .right-content p {color: #fff;}
.Vision .content-align .right-content p a { color: #ff0000; font-weight: normal; font-size: 16px; padding: 0 0 0 10px; font-family: 'Nexa';  text-decoration: underline;}
.Vision .content-align .right-content p a:hover{ text-decoration:none;}


.solar-solution{background-image:url(../images/Solar-Solution-bg.jpg); padding:50px 0; background-position:center; background-size: 100% 100%; background-repeat: no-repeat; overflow: hidden;}
.solar-solution .sec-title {margin: 0 0 50px 0;}
.solar-solution .sec-title h4 {color: #2d3092;}
.solar-solution .sec-title p {color: #000; font-size: 15px;}
.solution-details {padding: 0 150px;}
.solution-details .content-box { width: 33%; padding: 0px 50px 50px; float: left;}
.solution-details .content-box .align {display: flex; align-items: center; justify-content: center; width: 200px; height: 180px; background: #80b542; 
text-align: center; transform: skew(-10deg); box-shadow: 20px 20px 0 #b2b2b233; color: #fff; transition:all 1s ease;}
.solution-details .content-box .align:hover{ box-shadow: -20px 20px 0 #b2b2b233; transform: skew(0deg);}
.solution-details .content-box .align h4 {font-size: 30px; font-weight: 600;}
.solution-details .content-box .align p {font-size: 14px;}
.solution-details .content-box.last .align h4 {font-size: 24px;}

.solar-solution .icons ul {text-align: center; margin: 20px 0;}
.solar-solution .icons ul li {display: inline-grid; padding: 0 20px;}
.solar-solution .icons ul li img {width: 80px; margin: 0 auto;}
.solar-solution .icons ul li p {padding: 10px 0; color: #000;}

.solar-solution .resources {padding: 20px 0 0 0; position: relative;}
.solar-solution .resources .left-content{ width:50%; float:left;}
.solar-solution .resources .left-content .resources-content h4 {background-image: url(../images/title-bg.png); background-size: 100% 100%; padding: 15px; color: #2e3192; font-weight: 500; clear: both;font-size: 32px; padding-left: 27%;}
.solar-solution .resources .left-content ul {width: 70%; padding: 10px 0; float: right;}
.solar-solution .resources .left-content ul li {list-style-type: inherit; padding: 0 0 10px 0; color: #000000;}
.solar-solution .resources .right-img {width: 50%; float: right;}
.solar-solution .resources .right-img img{ width: 85%; float: right;-webkit-filter: drop-shadow(20px 20px 0px #00000010);filter: drop-shadow(20px 20px 0px #00000010);}

.steps{background-image:url(../images/step-sec-bg.jpg); padding:50px 0; background-position:center; background-size: 100% 100%; background-repeat: no-repeat; overflow: hidden;}
.steps .sec-title{ max-width:960px; margin:0 auto 30px; text-align:left;}
.steps .sec-title h4{ color:#fff;}
.steps .step-lft-img {float: left; width: 50%;}
.steps .step-lft-img img{ width:100%;/* -webkit-filter: drop-shadow(20px 20px 0px #00000024); filter: drop-shadow(20px 20px 0px #00000024);*/}
.steps .step-right-img {width: 50%; float: right;}
.steps .step-right-img img{ width:60%; float:left; margin-left: 50px; margin-top: -10px;}


section.header{ z-index: 2;}

.diversity{ background-image:url(../images/diversity-sec-bg.jpg); background-repeat:no-repeat; background-position:center; padding:80px 0; background-size: 100% 100%;}
.diversity .sec-title h4 {color: #fff; font-size: 42px;}
.diversity .left-content, .diversity .right-content {text-align: center; padding: 30px 0 0 0; position:relative; display: flex; align-items: end;  justify-content: center; height: 100%;}
.diversity .left-content img, .diversity .right-content img { width: 65%; filter: drop-shadow(1px 1px 10px #333);}
.diversity .left-content::after { content: ""; width: 2px; min-height: 380px; position: absolute; right: 0; background: #fff;}
.diversity .left-content p, .diversity .right-content p {color: #fff; font-size: 24px; padding: 20px 0 0 0; line-height: 28px;}

.manufacturing-body-content {background: #e6e7e8; padding: 0; }
.manufacturing-body-content .sec-box{position: relative;}
.manufacturing-body-content .sec-box {display: flex; align-items: center;}
.manufacturing-body-content .sec-box-1 .left-img, .manufacturing-body-content .sec-box-2 .right-img, .manufacturing-body-content .sec-box-3 .left-img {width: 58%; height: 430px;}
.manufacturing-body-content .sec-box-1 .left-img img, .manufacturing-body-content .sec-box-2 .right-img img, .manufacturing-body-content .sec-box-3 .left-img img {width: 58%; height:100%; position: absolute; left: 0; top: 0;}
.manufacturing-body-content .sec-box-1 .right-text, .manufacturing-body-content .sec-box-2 .left-text, .manufacturing-body-content .sec-box-3 .right-text {width: 40%;}
.manufacturing-body-content .sec-box-2 .right-img img{ right:0; left: auto;}
.manufacturing-body-content .sec-box h4 {font-weight: 500; font-size: 32px;}
.manufacturing-body-content .sec-box p {font-size: 20px; padding: 10px 0 0 0;}
.manufacturing-body-content .sec-box .left-text {text-align: right;}


.mono-perc {background: #dddedf; padding: 80px 0; position: relative;}
.mono-perc .container {max-width: 900px;}
.mono-perc .sec-title {text-align: left; margin: 0 0 40px 0;}
.mono-perc .sec-title h2 {font-size: 38px; font-weight: normal; letter-spacing: 4px;}
.mono-perc .sec-title p {color: #000; font-size: 20px;}
.mono-perc .perc-content p.content-text {font-size: 20px; color: #000;}
.mono-perc .perc-img img {position: absolute; right: 0; top: 0; width: 40%; height: 100%;}

.our-product{background-image: url(../images/product-sec-bg.jpg); background-repeat:no-repeat; background-position:center; padding:80px 0; background-size: 100% 100%;}
.our-product .container {max-width: 900px;}
.our-product .sec-title {margin: 0 0 50px;}
.our-product .sec-title h2 {font-size: 38px; font-weight: normal; letter-spacing: 3px; text-transform:uppercase;}
.our-product .product-img img {width: 100%; float: right;   filter: drop-shadow(1px 1px 7px #333);}
.our-product .product-img .button-box {margin: 20px 0 0 0; text-align: center; display: inline-block; width: 100%;}
.our-product .product-img a.enquire, .our-product .descripstion a.enquire {clear: both; background-image: linear-gradient(#7bb041, #89c045); color: #fff; text-transform: uppercase; padding: 13px 20px; font-weight: 600; font-size: 18px; letter-spacing: 2px; border-radius: 10px; box-shadow: 1px 1px 5px #555; transition:all 0.5s ease;}
.our-product .product-img a.enquire:hover, .our-product .descripstion a.enquire:hover{background-image: linear-gradient(#2d3092, #2d3092);}
.our-product .descripstion {display: flex; align-items: center; height: 100%; padding: 0 0 0 50px;}
.our-product .descripstion .align {width: 100%;}
.our-product .descripstion h4.name {background: #2d3092; padding: 8px 10px; text-align: center; color: #fff; font-weight: normal; margin: 0 0 10px 0;}
.our-product .descripstion ul {margin:30px 0 30px 15px;}
.our-product .descripstion ul li {font-size: 18px; font-family: 'Nexa'; padding: 0px 0 15px 20px; position: relative;}
.our-product .descripstion ul li::before {content: ""; width: 10px; height: 10px; position: absolute; background: #2d3092; left: 0; top: 10px; border-radius: 10px;}
.our-product .descripstion a.btn{background: #2d3092; display: inline-block; padding: 8px 40px; border-radius: 20px; color: #fff; font-weight: normal; box-shadow: 1px 1px 5px #555; font-size:20px;}
.our-product .descripstion a.btn:hover{ background:#7bb041;}

.apart{background-image: url(../images/apart-sec-bg.jpg); background-repeat:no-repeat; background-position:center; padding:80px 0; background-size: 100% 100%;}
.apart .left-img {display: flex; height: 100%; align-items: center; justify-content: center;}
.apart .left-img img {width: 100%; filter: drop-shadow(1px 1px 30px #333);}
.apart .right-content h1 {color: #fff; font-weight: normal; padding: 0 0 40px 0;}
.apart .right-content ul {margin:30px 0 30px 15px;}
.apart .right-content ul li {font-size: 18px; font-family: 'Nexa'; padding: 0px 0 35px 20px; position: relative; color:#fff;}
.apart .right-content ul li::before {content: ""; width: 10px; height: 10px; position: absolute; background: #84ba43; left: 0; top: 10px; border-radius: 10px;}

.sec-aplications {background: #86bc44; padding: 80px 0; position:relative;}
.sec-aplications .mid-title {    position: absolute; top: 46%; width: 50%; text-align: center; }
.sec-aplications .mid-title  h1{clip-path: polygon(0% 0%, 100% 0%, 95% 100%, 0% 100%, 0% 0%); color:#fff; background:#2d3193; padding: 15px; font-size: 52px; font-weight: normal;}


.sec-aplications .aplications-left .box-one {float: right; text-align: center; position: relative; left: 115px; margin:0 0 100px 0;}
.sec-aplications .aplications-left img { width: 100%; filter: drop-shadow(1px 1px 5px #333);}
.sec-aplications .aplications-left  .box-two {clear: both; padding: 50px 0 0 0; text-align: center; position: relative; right: 30px;}
.sec-aplications h4 {color: #fff; font-weight: normal; padding: 0 0 10px 90px;}
.sec-aplications .aplications-right {display: flex; height: 100%; align-items: center; justify-content: center;}
.sec-aplications .aplications-right .box-three {text-align: center;}
.sec-aplications .aplications-right .box-three img {width: 100%; filter: drop-shadow(1px 1px 5px #333);}


.satisfied-user { padding: 50px 0; background-image:url(../images/satisfied-bdy-bg.jpg); background-size: 100% 100%; background-position: center top;   background-repeat: no-repeat; }
.satisfied-user .sec-title h1 {font-weight: normal;}
.satisfied-user .user-content ul {text-align: center; display: block; max-width: 800px; margin: 30px auto;}
.satisfied-user .user-content ul li {width: 25%; display:block; float: left; padding: 0 20px 30px;}
.satisfied-user .user-content ul li img {width: 100%; transition: all 0.9s ease; filter: drop-shadow(0px 5px 10px #bbb);}
.satisfied-user .user-content ul li img:hover{filter: drop-shadow(0px 20px 5px #00000024); transform: scale(1.1);}
.gallery {padding: 50px 0; background: #e6e7e8;}
.gallery .sec-title {margin-bottom: 50px;}
.gallery .sec-title h1{ font-weight:normal;}
.gallery .gallery-img img {width: 100%; margin-bottom: 50px; filter: drop-shadow(10px 10px 10px #00000024); transition:all 0.9s ease;}
.gallery .gallery-img img:hover{filter: drop-shadow(-20px 20px 5px #00000024); transform: scale(1.1);}
.gallery .video-box {margin: 0 0 20px 0; box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px 0px; padding: 10px; height: 250px;}
.gallery .video-box iframe {width: 100%; height: 100%;}

.learning {padding: 100px 0; background: #e6e7e8;}
.learning .row {padding:50px 50px;}
.learning .row .img-box {width: 100%; max-height: 400px; display: flex; align-items: center; justify-content: center; overflow: hidden; filter: drop-shadow(10px 10px 10px #00000024);}
.learning .row .img-box img {width: 100%;}
.learning .row.row-bg-1{background: linear-gradient(110deg, #e6e7e8 33%, #8cc146 0%);}
.learning .text-content {display: flex; align-items: center; height: 100%;}
.learning .text-content h3 {color: #fff; margin: 0 0 15px 0; font-size: 34px;}
.learning .text-content p {color: #fff; font-weight: 400; font-size: 15px; padding: 0 0 15px 0;}
.learning .text-content ul {margin: 0 0px 15px 20px;}
.learning .text-content ul li {list-style-type: circle; font-weight: 400; color: #fff; font-size: 15px; padding: 0 0 10px 0; font-family: 'Nexa';}
.learning .text-content ul li a {font-weight: normal;  color: #2e3192;}
.learning .text-content h4 {color: #fff; padding: 0 0 10px 0;}

.learning .row.row-bg-2{margin: 50px 0; background: linear-gradient(75deg, #8cc146 70%, #e6e7e8  0%);}

section.visit {padding: 50px 0; background: #8ac046;}
.visit .add-content {text-align: center; position:relative;}
.visit .add-content h6 {font-size: 20px; padding-bottom: 10px;}
.visit .add-content p {font-size: 18px;}
.visit .add-content::after {content: ""; position: absolute; width: 1px; height: 100%; background: #000; top: 0; right: -15px;}
.visit .add-content.last::after{ content:none;}
.connect-box {padding: 50px 0; background: #e6e7e8;}
.connect-box form { margin: 30px 0px;}
.connect-box form .form-group {margin-bottom: 15px;}
.connect-box form .form-group input, .connect-box form .form-group select {border: none; padding: 15px;}
.connect-box form .form-group input:focus, .connect-box form .form-group select:focus {outline: 1px solid #8ac046; box-shadow: none;}
.connect-box form .box-btn {text-align: center;}
.connect-box form .box-btn button {background-image: linear-gradient(#7bb041, #89c045); color: #fff; text-transform: uppercase; padding: 12px 20px; font-weight: 600; letter-spacing: 2px; border-radius: 10px; box-shadow: 1px 1px 5px #555; transition:all 0.5s ease;  margin: 20px 0;}
.connect-box form .box-btn button:hover{background-image: linear-gradient(#2d3092, #2d3092);}

.connect-box .map-box {text-align: center; overflow: hidden;}
.connect-box .map-box h4 {text-transform: uppercase; margin: 10px 0 20px 0;}
.connect-box .map-box iframe {width: 100%; max-height: 350px; min-height:350px;}

.energy-eficient {background: #d1d3d4; padding: 40px 0 30px;}
.energy-eficient .eficient-img {display: flex; align-items: end; justify-content: center; height: 100%;}
.energy-eficient .eficient-img img {width: 100%; max-height:590px;}

.energy-eficient .eficient-content {display: flex; align-items: center; height: 100%; text-align:center;}
.energy-eficient .eficient-content .sec-title {text-align: center;}
.energy-eficient .eficient-content .sec-title h2 {font-size: 38px; font-weight: normal; letter-spacing: 4px;}
.energy-eficient .eficient-content p.content-text {font-size: 16px; line-height: 28px;}
.polycrystalline-products .descripstion h4.name{ text-align:left;  padding: 8px 20px;}

.polycrystalline-products .container-2 {max-width: 1140px;}
.polycrystalline-products .pro-btn-box {margin: 80px 0 0;}
.polycrystalline-products .pro-btn-box .btn-box {text-align: center; margin:0 auto 20px;}
.polycrystalline-products .pro-btn-box .btn-box a.btn {background-image: linear-gradient(#7bb041, #89c045); color: #fff; text-transform: capitalize; padding: 10px 39px;
font-size: 16px; letter-spacing: 0; border-radius: 10px; box-shadow: 1px 1px 5px #555; transition: all 0.5s ease; width:100%; font-weight:500;}
.polycrystalline-products .pro-btn-box .btn-box a.btn:hover{background-image: linear-gradient(#3b3eb2, #2d3092);}
.polycrystalline-products .pro-btn-box .btn-box a.btn.btn-2 {width: 50%; border-radius: 20px; background-image: linear-gradient(#3b3eb2, #2d3092);}
.polycrystalline-products .pro-btn-box .btn-box a.btn.btn-3 {width: 100%;}
.polycrystalline-products .pro-btn-box .btn-box a.btn.btn-4 {width: 60%;}
.polycrystalline-products .pro-btn-box .btn-box.last {text-align: right;}
.polycrystalline-products .pro-btn-box .btn-box.last a.btn{ width:65%;}
.polycrystalline-products .pro-btn-box .btn-box.last-2 {text-align: left;}
.polycrystalline-products .pro-btn-box .btn-box.last-2 a.btn { width:65%;}


.polycrystalline-apart{ padding:50px 0 30px;}
.polycrystalline-apart .left-img{ position:relative; align-items: start; justify-content: start;}
.polycrystalline-apart .left-img img {margin-left: -80px; width: 80%; margin-top: -30px;}
.polycrystalline-apart .left-img img.image-2 {position: absolute; top: 190px; right: 170px; width:70%; margin: 0;}
.polycrystalline-apart{background-size: 115% 115%;}

.polycrystalline-aplications {padding: 50px 0; background:#82b843;}
.polycrystalline-aplications .sec-title {display: inline-block; width: 50%; margin-bottom: 50px;}
.polycrystalline-aplications .sec-title h1{ clip-path: polygon(0% 0%, 100% 0%, 95% 100%, 0% 100%, 0% 0%); color: #fff; background: #2d3193; padding: 15px; font-size: 52px; font-weight: normal;}
.polycrystalline-aplications .aplications-box {text-align: center; margin-bottom: 50px; }
.polycrystalline-aplications .aplications-box img { width: 100%; transition:all 0.9s ease;}
.polycrystalline-aplications .aplications-box img:hover{filter: drop-shadow(-20px 20px 5px #00000024); transform: scale(0.9);}
.polycrystalline-aplications .aplications-box h4 {color: #fff; font-size: 16px; margin: 0 0 10px 0;}


.download-body{ padding:50px 0; background-image:url(../images/downloads-page-bg.jpg); background-position: center center; background-repeat: no-repeat;    background-size: 100% 100%; background-attachment: fixed; min-height: 800px; display: flex; align-items: center;} 
.download-body .download-content {max-width: 800px; margin: 0 auto;}
.download-body .download-content .card {margin: 0 0 5px 0; background: no-repeat; border: none;}
.download-body .download-content .card .card-head {background: #83bb3d; border: none; padding: 12px 15px; color: #fff;}
.download-body .download-content .card .card-head h3 {background: url(../images/minus-icon.png) no-repeat calc(100% - 10px) center; background-size: 20px;  cursor: pointer;}
.download-body .download-content .card .card-head h3.collapsed {background-image:url(../images/plus-icon.png);}
.download-body .download-content .card .card-body {padding: 0px 10px 10px 10px; display: block;}

.download-content .card .card-body .flip-card { height:107px; margin: 20px 0 0 0; }
.download-content .card .card-body .flip-card-inner {position: relative; width: 100%; height: 100%; text-align: center; transition: transform 0.6s; transform-style: preserve-3d;}
.download-content .card .card-body .flip-card:hover .flip-card-inner {transform: rotateY(180deg);}
.download-content .card .card-body .flip-card-front, .download-content .card .card-body .flip-card-back {position: absolute; width: 100%; height: 100%; -webkit-backface-visibility: hidden;  backface-visibility: hidden;}
.download-content .card .card-body .flip-card-front {background-color: #d1d3d4;  display: flex; align-items: center; justify-content: center;}
.download-content .card .card-body .flip-card-front img {width: 80px;}
.download-content .card .card-body .flip-card-back {background-color: #83bb3d; transform: rotateY(180deg); padding: 15px; display: flex; align-items: center;    justify-content: center;}
.download-content .card .card-body .flip-card-back img {width: 40px;}


.enquire-form-popup .modal-dialog{ max-width:600px;}
.enquire-form-popup .modal-content {border-radius: 0;}
.enquire-form-popup .modal-content .modal-header {background: #2e3192; border: none; border-radius: 0;}
.enquire-form-popup .modal-content .modal-header h3.modal-title {text-align: center; width: 100%; color: #fff; text-transform: uppercase;}
.enquire-form-popup .modal-content .modal-header button.close {position: absolute; right: -10px; top: -10px; border: none; width: 30px; height: 30px; border-radius: 30px; background: red; color: #fff; font-size: 20px; display: flex; align-items: center; justify-content: center;}
.enquire-form-popup .modal-content .modal-header button.close:hover{ background:#89c045;}
.enquire-form-popup .modal-content .modal-body .form-group {width: 50%; float: left; padding: 0 10px 10px;}
.enquire-form-popup .modal-content .modal-body .form-group.comments {width: 100%;}
.enquire-form-popup .modal-content .modal-body .form-group label {font-size: 13px; padding: 0 0 5px 0;}
.enquire-form-popup .modal-content .modal-body .form-group input, .enquire-form-popup .modal-content .modal-body .form-group select, .enquire-form-popup .modal-content .modal-body .form-group textarea {border: 1px solid #eee; border-radius: 0px; font-size: 14px; padding: 8px 15px;}
.enquire-form-popup .modal-content .modal-body .btn-submit {clear: both; text-align: center;}
.enquire-form-popup .modal-content .modal-body .btn-submit input {background: #89c045; color: #fff; text-transform: uppercase;  padding: 12px 20px; font-weight: 600; letter-spacing: 2px; border-radius: 5px; transition: all 0.5s ease; margin: 10px 0 0; border: none;}
.enquire-form-popup .modal-content .modal-body .btn-submit input:hover{background: #2e3192;}

.enquire-form-popup .modal-content .modal-body .form-group input:focus, .enquire-form-popup .modal-content .modal-body .form-group select:focus, .enquire-form-popup .modal-content .modal-body .form-group textarea:focus{box-shadow: none; outline: 1px solid #89c045;}

.home-banner {display: block; padding: 0; background-size: auto;}
.home-banner .banner-content .banner-image {display: flex; background-size: 100% 100%; height: 650px; align-items: end; justify-content: center; padding: 0 0 50px 0;}
.home-banner .banner-content .owl-nav button {position: absolute; top: 50%;}
.home-banner .banner-content .owl-nav button.owl-prev {left: 0;}
.home-banner .banner-content .owl-nav button.owl-next {right: 0;}
.home-banner .banner-content .owl-nav button { width: 80px; background:transparent; border-radius: 50px; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 36px; height: 80px; line-height: unset; transition:all 0.5s ease;}
.home-banner .banner-content .owl-nav button:hover{ background:#0009;}
.home-banner .banner-content .owl-nav button span {position: relative; top: -4px;}

.diversity .left-content img, .diversity .right-content img {width: 300px; filter: drop-shadow(1px 1px 10px #333); height: 550px;}
.diversity .right-content img {height: 500px;}
.our-product .product-img img{/*height: 490px;*/ height: 650px;}

.home-banner .banner-content .owl-item .banner-content-text {transform: translate(0px, 200px);}
.home-banner .banner-content .owl-item.active .banner-content-text {transform: translate(0px, 0px);  transition: all 3s ease;}

#global-loader {position: fixed; z-index: 50000; left: 0; top: 0; right: 0; bottom: 0; background: #fff; margin: 0 auto; text-align: center;}
#global-loader .load-img{ display:flex; height: 100%; align-items: center; justify-content: center;}
#global-loader img{ width:30%;}



.career {padding: 50px 0;}
.career .career-content p {text-align: center; font-size: 18px;}
.career .career-content .core-value {margin: 70px 0 0 0; background: #dadada; padding: 20px;}
.career .career-content .core-value .box-title {text-align: center; margin-top: -40px;}
.career .career-content .core-value .box-title h2 {text-align: center; display: inline-block; background: #8ac046; padding: 0 30px; color: #fff;}
.career .career-content .core-value ul {padding: 30px 0 0 0; text-align: center; margin: 0 auto;}
.career .career-content .core-value ul li {display: inline-block; font-size: 22px; padding: 0 10px 10px; position:relative;}
.career .career-content .core-value ul li::after {content: ""; width: 4px; height: 25px; background: #8ac046; position: absolute; right: -3px; top: 6px;}
.career .career-content .core-value ul li:last-child::after{ content:none;}

.join-us { padding: 50px 0; background: #8ac046;}
.join-us h2 {color: #fff; font-size: 42px;}
.join-us form .form-group {margin: 0 0 10px 0;}
.join-us form .form-group input, .join-us form .form-group select {border: none; padding: 15px;}
.join-us form .form-group select {background: #3554a5; color: #fff; padding: 15px; background-image: url(../images/down-icon.png); background-position: 96% 25px;    background-repeat: no-repeat; background-size: 12px auto; cursor: pointer;}
.join-us form .form-group.upload-box{background: #3554a5; color: #fff; padding: 15px; border-radius: 5px;}
.join-us form .form-group.upload-box label {color: #fff; text-transform: uppercase;}
.join-us form .form-group.upload-box input {width: 29%; float: right; padding: 0;}
.join-us form .box-btn {text-align: center;}
.join-us form .box-btn button.btn {background-image: linear-gradient(#7bb041, #89c045); color: #fff; text-transform: uppercase; padding: 12px 20px; font-weight: 600;
letter-spacing: 2px; border-radius: 10px; box-shadow: 1px 1px 5px #555; transition: all 0.5s ease; margin: 20px 0;}
.join-us form .box-btn button.btn:hover{background-image: linear-gradient(#3554a5, #3554a5);}
.join-us form .form-group input:focus, .join-us form .form-group select:focus {outline: 1px solid #8ac046; box-shadow: none;}
.join-us form .form-group select option {background: #fff; color: #000;}

/*EXTRA 04-04-23*/

.download-content .card .card-body .flip-card-front h5 {
    font-size: 15px;
}