/* CSS Document */

body,html,div,h1,h2,h3,h4,h5,h6,span,img,ul,ol,blockquote,li {margin: 0;padding: 0;color: #000;font-family: 'Montserrat', sans-serif;}
h1{font-weight: 600;font-size: 30px; line-height: 36px;}
h2{font-size: 42px;  line-height: 22px;font-weight: 600;}
h3 {  font-size:24px;line-height: 30px;font-weight: 600;}
h4{font-size: 24px;font-weight: 600;}
h5 {   font-size: 30px;line-height: 36px;font-weight: 600;}
p{font-family: 'Open Sans', sans-serif;font-size: 16px;line-height: 24px;color: #313131;font-weight: 400;}
article,aside,body,details,figcaption,figure,footer,header,hgroup,p,nav,section,summary {color: #1B1B1B;font-size: 16px;font-weight: 500;line-height: 24px;margin: 0;padding: 0;font-family: 'Open Sans', sans-serif;}
a {color: #1B1B1B;-webkit-text-decoration: auto;text-decoration: auto;}


.owl-carousel .owl-item img.mobile-banner{display:none;}
 
section.banner{clear:both;position:relative;}
.owl-dots span{width:12px;height:12px;background:rgb(255 255 255 / 73%);display:inline-block;margin:0;border-radius:5px;}
.owl-dots .active span{background:#0070a2;width:12px;height:12px;}
section.banner .owl-dots{ position: absolute;bottom: 8%;width: 100%;align-items: center;display: flex;justify-content: center;}
section.banner .owl-dots button{width:auto;display:inline-block;margin:0px 4px;}
.carousel-caption{text-align: left;transform: translate(0, -50%);top: 60%; max-width: 30%; left: inherit; right: inherit; bottom: inherit;}
.carousel-caption h2{font-weight: 500;font-size: 38px;margin-bottom: 0;margin-top: .7rem;text-transform: capitalize;font-family: 'Montserrat', sans-serif; color: #000000;}
.carousel-caption p{    color: #000000;font-size: 19px;font-weight: 500; margin-bottom: 20px;}
.carousel-indicators{justify-content: flex-start;top: auto;margin-left: 10%;margin-bottom: 3rem;}
.carousel-indicators [data-bs-target]{width: 1rem;height: 1rem;border-radius: 100%;font-size: 0;}
.carousel-item h2 span, .carousel-item h1{color: #000000;text-decoration: none;display: block; line-height: 40px;}
/* .banner-contents a {font-size: 14px;line-height: 17px;font-weight: 800;color: #ffffff;;width: 39%;padding: 15px 20px;display: inline-block;position: absolute;top: -29px;opacity: 1;} */
.carousel-caption.banner-contents {background: rgba(255, 255, 255, 0.6);padding: 30px 40px;}
.banner-contents h2, .banner-contents h2 span {margin-top: 0;text-align: left;letter-spacing: 0px;color: #000;opacity: 1;  margin-bottom: 20px; font-weight:500;font-family: 'Montserrat', sans-serif; font-size: 36px; line-height: 48px;}
.carousel-item.active h2 span{  -webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;animation-name: zoomInRight;animation-delay: 0.2s;}
.carousel-item.active P{  -webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;animation-name: zoomInRight;animation-delay: 0.2s;}
.owl-carousel.banner-carousel .carousel-caption.banner-contents a img{height: auto!important; width: auto!important;}

.carousel-caption.banner-contents:hover a img { filter: grayscale();}
/*.banner-carousel .owl-item.active::after{left:100%;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;animation-name:fadeInLeft;animation-delay:0.01s;opacity:1;}*/
.owl-carousel.banner-carousel .owl-item img{height:100vh; object-fit: cover;}
.banner-carousel .owl-nav { padding: 0;position: absolute;right: 5%;bottom: 12%;}
.banner-carousel .owl-dots span {width: 12px;height: 12px;background: rgb(223 223 223 / 75%);display: inline-block;margin: 0;border-radius: 5px;}
.banner-carousel.owl-theme .owl-dots .owl-dot:hover span {background: rgb(255 255 255);}
.banner-carousel.owl-theme .owl-dots .owl-dot.active span {background: rgb(255 255 255);width: 12px;transition: 0.5s;height: 12px;}
.banner button span{display: none;}
/* manufacturing css */
.manufacturing-sec{background: #fff;padding:100px 0 130px;position: relative;z-index: 1;}
.manufacturing-sec .card-body .col-lg-6:nth-child(2) {padding-left: 25px;}
.manufacturing-sec .card{ background: transparent;border:none;outline: 0;}
.content-top{ padding-top: 120px;}
.manufacturing-sec h3{color: #000000;text-align: center;text-transform: uppercase;position: relative;font-family: 'Montserrat', sans-serif;font-size: 30px; line-height: 36px; font-weight: 600;}
.manufacturing-sec h3:after{position: absolute;content: "";bottom: -40px;left: 50%;width: 6%;height: 1px;margin-left: -37px;background: #EC323A;}
.manufacturing-sec h2{color: #000000;text-transform: capitalize; min-height: 220px;font-family: 'Montserrat', sans-serif;font-size: 60px; line-height: 65px; font-weight: 500;font-family: 'Montserrat', sans-serif; }
.manufacturing-sec p{padding-top: 0px; margin-bottom: 30px;font-family: 'Open Sans', sans-serif;}
.manufacturing-sec p:first-child{padding-top: 120px;}
.manufacturing-sec:after{position: absolute;content: "";background: #ECECEC;width: 100%;height: auto;bottom: 0;left: 0;z-index: -1;top: 460px;}
.manufacturing-sec .transformers {background: #fff;padding: 45px 35px;width: 100%;box-shadow: 0 0 10px #ddd;}
.manufacturing-sec .nav-tabs .nav-item{width:100%;margin: 0;border-bottom: 1.5px solid #ffffff38; }
.manufacturing-sec .nav-tabs .nav-item .nav-link {color: #009bdf;border: none;font-size: 16px;font-family: 'Open Sans', sans-serif;border-top-left-radius: 0;border-top-right-radius: 0;padding: 11px 0; font-weight: 600;transition: .3s all ease-in-out;    background: none;cursor: pointer;}
.manufacturing-sec .nav-tabs .nav-item:hover {background: #009BDF;transition: 0.5s;   }
.manufacturing-sec .nav-tabs .nav-item:hover .nav-link {color: #fff!important;/* transform: translateX(10px); */transition: 0.5s;padding-left: 10px;}
.manufacturing-sec .nav-tabs .nav-link.active {background-color: #009BDF; color: #fff!important;padding-left: 10px;}

/* ------------------------ */
.zoom_img figure {overflow: hidden;}
.zoom_img img {transition: all 0.8s ease 0s;width: 100%;height: auto;}
.zoom_img:hover img {transform: scale(1.1);}
/* -------------- */

/* ------eps section-------- */

.head-sec{text-align: center;}
.head-sec h2{font-size: 30px;color: #000000;text-transform: uppercase;font-weight: 600;margin: 11px 0 25px;}
.head-sec p{font-size: 16px;font-weight: 500;width: 69%;margin: 0 auto;padding: 20px 0 33px;}
.epc-sec{padding:60px 0 30px;}
.epc-sec h3{position: relative;color: #000000;font-size: 16px;background: #fff;display: inline-block;padding: 14px 22px;width: 84%;bottom: 77px;font-weight: 600;}
.epc-sec h3:hover{color:#0792ce ;}

/* services start */

.main-service-sec{background: #F5F5F5;padding: 60px 0 100px;}
.services-right {position: relative;margin-right: 0px;}
.services-right ul{position: absolute;top: 12rem;left: -5rem;}
.services-right .nav-tabs .nav-item .nav-link{font-weight: 500;color: #333;border:none; font-size: 24px; padding: 16px 20px 14px 40px;font-family: 'Montserrat', sans-serif;line-height: 48px;}
.services-right .nav-tabs .nav-item{ background: #fff;color: #333;margin:4px 0px 4px 0px;width: 100%;}
.services-right a img { float: right;}
.service-left{position: relative;}
.service-text{position: absolute;bottom: -2%;left: 5%;width: 64%;}.service-left:after{position: absolute;width: 100%;height: 100%;background: #000000;    top: 0;left: 0;}
.service-text h5{color: #fff;font-weight: 500;margin-bottom: 26px;font-size: 36px; line-height: 40px;}
.service-text p{color: #fff;font-size: 21px;margin-bottom: 30px; font-weight: 300;font-family: 'Montserrat', sans-serif;}
.main-service-sec .card-body{padding:0;}
.main-service-sec .card-body{padding:0;}
.main-service-sec .card_img{position: relative;}
.main-service-sec .card_img:before{position: absolute;content: "";width: 100%;height: 50%;left: 0;right: 0;bottom: 0;background:transparent linear-gradient(356deg, #000000d9 40%, #54545400 100%) 63% 48% no-repeat padding-box;}
.accordion-item{margin-bottom: 7px;border:none!important;outline: 0!important;border-radius: 0!important;background: transparent;}
.my-accordian{position: relative;top: 15%;right: 34%;}
.my-accordian button{font-size: 16px;font-weight: 600;}
.accordion-item:first-of-type .accordion-button{border:none!important;outline: 0!important;border-radius: 0!important;}
.accordion-button:not(.collapsed) {color: #000!important;background-color: #fff!important;box-shadow: none;}
.accordion-button:focus{box-shadow: none!important;}
.accordion-button{background-color: #ec323a!important;color: #fff!important;}
.accordion-button::after {flex-shrink: 0;width: 1rem;height: 1rem;margin-left: auto;content: "";background-image: url("../images/angle-1.svg")!important;background-repeat: no-repeat;background-size: 1.25rem;transition: transform .2s ease-in-out;}
.services-right .nav-tabs .nav-item:hover{background-color: #009bdf;color: #fff;}
.services-right .nav-tabs .nav-item .active{background-color: #009bdf;color: #fff; border-top-left-radius:0rem;border-top-right-radius: 0rem;}
.main-service-sec .nav-tabs{ border-bottom: none;}
.services-right .nav-tabs .nav-item .nav-link:hover{color: #fff;cursor: pointer;}
.services-right .nav-tabs .nav-item .active img{ transition: transform 333ms ease-out;}
.services-right .nav-tabs .nav-item .nav-link{transition: transform 333ms ease-out;}
.right-arrow:hover{ filter: grayscale();}

/* welcome section start */
.welcome-sec{padding:140px 0 40px;position: relative;}
.welcome-sec:after{position: absolute;content: "";width: 100%;height: 1px;left: 0;bottom: 348px;background: #70707033;z-index: -1;}
.welcome-sec h3{    font-size: 26px;    text-transform: uppercase;font-weight: 600; text-align: center;}
.welcome-text h5{font-size: 44px;line-height: 46px;color: #000000;font-weight: 400;padding-bottom: 4px;}
.welcome-text span{font-size: 44px;color: #6D6E71;font-weight: 500;}
.welcome-logo{margin-top: 50px;margin-bottom: 40px;}
.welcome-logo .owl-carousel .owl-nav.disabled{display: none;}
.welcome-logo .owl-dots{text-align: center; margin-top: 35px;}
.welcome-logo .item img{max-width: auto;display: block;margin: 0 auto;}
.welcome-text span {font-size: 48px;font-weight: 600;}
.media_popup_home{z-index: 99999999;}
.media_popup_home .modal-dialog{max-width:650px;}
.media_popup_home .modal-content{padding: 15px; border-radius: 0px;}
.media_popup_home .modal-body{padding: 0px; padding-top: 15px;}
.media_popup_home label {font-size: 14px; font-weight: 700; color: #000; display: block; margin-bottom: 20px;}
.media_popup_home label span{display: block; color: #333; font-weight: 400; line-height: 1;     margin-top: 5px;}
.modal-footer {padding: 0px 0px; display: block; margin-top: 15px; padding-top: 15px;}
.media_popup_home .modal-header{display: block; padding: 0px 0px;}
.media_popup_home .modal-header h4{font-size: 24px; color: #000;  font-family: 'Merriweather', serif; margin-bottom: 20px;}
.media_popup_home .modal-header p {font-size: 14px; color: #333; font-family: 'Open Sans', sans-serif; font-style: italic;}
.media_popup_home .modal-footer h5 {font-size: 14px; color: #000; font-weight: 700; margin: 0px;}
.media_popup_home .modal-footer a{font-size: 14px; color: #000; color: #333; margin: 0px; margin-top: 5px;}
.media_popup_home .modal-content button.close {position: absolute; top: -15px; right: -15px; color: #fff; width:28px; height:28px; line-height:25px; background: #e21b22; border-radius: 50%; opacity: 1;    border: none;}
.media_popup_home .modal-content button.close span{text-shadow: none; font-weight: 400;color: #fff;  font-size: 28px; line-height: 27px;padding-left: 1px;}
.media_popup_home .modal-content button.close:focus{outline: none;}
.media_popup_home .modal-content button.close:hover{ background:#000; color: #fff; opacity: 1;}

.my-text p{font-size: 18px;padding: 25px 0px 15px 0px;font-weight: 400;line-height: 28px;color: #000000;font-family: 'Montserrat';}
.count-text p{   font-size: 18px;font-weight: 400;max-width: 162px;color: #231F20;padding: 30px 0 0px;}
.other-text{position: relative;padding-top: 45px;}
.other-text h6{color: #009BDF;font-size: 44px;font-weight: 700;}
.other-text:before{position: absolute;content: "";top: 21%;left: 3%;width: 18%;height: 1px;background: #707070;opacity: 0.5;}
.icon-youtube {color: #000000;padding-top: 49px;display: inline-block;font-size: 16px;font-weight: 500;}
.icon-youtube:hover {color: #000000;}
.icon-youtube img{max-width: 36px;margin-right: 14px;}
.right-car{position: relative;}
.carporate-overlay{position: absolute;right: 42px;bottom: 40%;}
.carporate-overlay p{color: #FFFFFF;font-size: 14px;margin-bottom: 20px;}
.certification-sec a span img{margin-top: -3px;}
.certification-sec{text-align: center;background: #F5F5F5;padding: 21px 28px 3px;}
.certification-sec .item p{font-size: 16px;padding: 8px 20px;text-align: center;color: #231F20;font-weight: 400;line-height: 18px;}
.certification-sec h6{font-size: 18px;font-weight: 700; padding-bottom: 14px;color: #000000;}
.certification-sec .item img{max-width: 80px;display: block;margin: 0 auto;height: 80px;}
.certification-sec a {color: #EC323A;display: inline-block;font-weight: 500;font-size: 16px;font-family: 'Open Sans', sans-serif;padding-bottom: 20px;padding-right: 5px;margin-top: 30px;margin-bottom: 20px;}
.certification-sec a span{margin-left: 7px;}
.certification-sec:hover a{color: #EC323A;}
.certification-sec .owl-carousel{padding-top: 7px;}
.certification-sec .owl-carousel .owl-nav button.owl-prev:hover{background-color: #0070a2; color: #fff!important;}
.certification-sec .owl-carousel .owl-nav button.owl-next:hover{background-color: #0070a2;color: #fff!important;}
.certification-sec .owl-carousel .owl-nav button.owl-prev:hover span{color: #fff!important;}
.certification-sec .owl-carousel .owl-nav button.owl-next:hover span{color: #fff!important;}
.certification-sec .owl-carousel .owl-nav button.owl-prev{position: absolute;top: 30%;left: -5px;background: #fff;width: 26px;height: 26px;border-radius: 50%;color: #fff;display: block;box-shadow: 0px 0px 5px #00000047;}

.certification-sec .owl-carousel .owl-nav button.owl-prev span {display: inline-block;vertical-align: super;line-height:21px;font-size:27px;    color: #838383;}
.certification-sec .owl-carousel .owl-nav button.owl-next span {display: inline-block;vertical-align: super;line-height:21px;font-size:27px; color: #838383;}
.certification-sec .owl-carousel .owl-nav button.owl-next{position: absolute;top: 32%;right: -5px;background: #fff;width: 26px;height: 26px;border-radius: 50%;display: block;box-shadow: 0px 0px 5px #00000047;}
.certification-sec .owl-carousel .owl-nav button.owl-pre span{position: absolute!important;top: 2px!important;left: 8px!important;}
.certification-sec .owl-theme .owl-dots .owl-dot{display: none;}
.welcome-sec .owl-theme .owl-dots .owl-dot span{width: 9px;height: 9px;background-color: rgb(187, 187, 187);margin: 5px;transition: 0.5s;}
 .owl-theme .owl-dots .owl-dot:hover span{background: rgb(167 167 167);transition: 0.5s;}
 .owl-theme .owl-dots .owl-dot.active span{background: rgb(110 110 110);transition: 0.5s;}
.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {display: block;}
.theme-text {background: #fff;padding: 20px 30px;line-height: 26px;height: 170px;box-shadow: 0px 2px 8px #00000000;z-index: 2;margin-bottom: 2px;}

/* news start */

.news-event .owl-carousel .item img{width: 100%; height: 300px; object-fit: cover;}
.news-detail .news-right img.right-arrow{ height: auto; width: 50px;}
.news_sec .owl-nav.disabled{padding-top: 30px;}
.news-event {background: #f5f5f5;padding: 44px 0 41px;}
.theme-text {background: #fff;padding: 26px 30px 0px 30px;line-height: 26px;height: 180px;  box-shadow: 0px 2px 5px #00000017;z-index: 2;margin-bottom: 2px;}
.event{display:  flex; justify-content: start; align-items: center;}
.event strong{color: #000000;font-family: 'Open Sans', sans-serif;font-size: 14px;font-weight: 600;padding-right: 30px;}
.event span{font-weight: 400; font-size: 14px;}
.news-detail{display:  flex; justify-content: space-between; align-items: center; padding: 10px 0px;}
.news-left{max-width: 92%;}
.news-left p{color: #000; font-size: 21px; line-height:30px; font-weight: 300;font-family: 'Montserrat', sans-serif;}
.news-detail .news-right{ max-width:8% ;}
.news-detail .news-right img{position: absolute;right: 1.5rem; bottom: 2rem; width: 50px; height: 50px;}
.news-event .owl-carousel .owl-nav.disabled{display: none;}
.news-event h2{margin: 60px 0px 50px; font-size: 26px; font-weight: 600;}
.news_sec .owl-dots {text-align: center;margin-top: 50px;margin-bottom: 10px;}
.news_sec .owl-theme .owl-dots .owl-dot span {width: 9px;height: 9px;background-color: rgb(187, 187, 187);margin: 5px;transition: 0.5s;}
.news_sec .owl-theme .owl-dots .owl-dot.active span {background: rgb(167 167 167);width: 10px;transition: 0.5s;height: 10px; transition: 0.5s;}

/* news mobile start */

.news-mobile .owl-carousel .item img{width: 100%;}
.news_mobile_sec .owl-nav.disabled{padding-top: 30px;}
.news_mobile_sec .owl-theme .owl-dots .owl-dot span{width: 9px;height: 9px; }
.news-mobile {background: #fff;padding: 44px 0 41px;}
.theme-text-mobile {background: #fff;padding: 20px 30px 0px 30px;line-height: 26px;height: 170px;  box-shadow: 0px 2px 5px #00000017;z-index: 2;margin-bottom: 2px;}
.news-detail-mobile .news-right-mobile img{ width: auto;}
.event-mobile{display:  flex; justify-content: start; align-items: center;}
.event-mobile strong{color: #000000;font-family: 'Open Sans', sans-serif;font-size: 14px;font-weight: 700;padding-right: 30px;}
.event-mobile span{font-weight: 400; font-size: 14px;}
.news-detail-mobile{display:  inline; justify-content: space-between; align-items: center; padding: 10px 0px;}
.news-left-mobile{max-width: 92%;}
.news-left-mobile p{font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 16px;}
.news-detail-mobile .news-right-mobile{ max-width:8% ;}
.news-detail-mobile .news-right-mobile img.img-fluid.right-arrow{position: inherit;right: 0; bottom: 1rem;width: 50px;height: 50px;left: 1.5rem;}
.news-mobile .owl-carousel .owl-nav.disabled{display: none;}
.news-mobile h2{margin: 60px 0px 50px; font-size: 26px; font-weight: 700;}
.news_mobile_sec .owl-dots {text-align: center;margin-top: 70px;margin-bottom: 20px;}
.news_mobile_sec .owl-theme .owl-dots .owl-dot span {width: 9px;height: 9px;background-color: rgb(187, 187, 187);margin: 5px;transition: 0.5s;}
.news-mobile{display: none;}
.mobile-head-sec{text-align: center;}
.mobile-head-sec h2{font-size: 30px;color: #000000;text-transform: uppercase;font-weight: 700;margin: 0px 0 40px;}
.mobile-head-sec p{font-size: 16px;font-weight: 500;width: 69%;margin: 0 auto;padding: 15px 0 33px;}
.news-one{margin-bottom: 30px;}


/* corporate start */
.carporate-sec{ background-image: url(../images/bg-2.jpg);background-size: cover;background-repeat: no-repeat;background-position: center;background-attachment:inherit;height: 700px;}
.carporate-text-1{position: relative;}
.carporate-text-1 a{display: inline-block; margin-top: 10px;}
.carporate-text{position: absolute;top: 12%;padding-left: 19px;max-width: 700px;}
.carporate-text:nth-child(1) p{padding-bottom: 10px;margin-top: 23px;}
.carporate-sec h2{font-size: 28px;font-weight: 700;text-transform: uppercase;padding-bottom: 30px;padding-top: 10px;color: #fff;}
.carporate-sec h3{font-size: 17px;font-weight: 700;text-transform: capitalize;padding-bottom: 17px;font-family: 'Open Sans', sans-serif;padding-top: 15px;color: #fff;}
.carporate-sec p{font-size: 14px;text-align: justify;line-height: 26px;font-weight: 500;color: #fff;}
.carporate-sec ul{display: flex;background: #ffffff36;width: 35%;box-shadow: 0px 1px 2px #0000000f;}
.carporate-sec ul li{padding: 11px 20px;}
.carporate-sec .cor-bg{position: relative;}
.carporate-sec .cor-bg li:after{position: absolute;content: "";width: 1px;height: 50%;left: 135px;top: 20px;background: #707070;}
.carporate-sec ul li{color: #000000;font-family: 'Open Sans', sans-serif;font-size: 14px;font-weight: 400;margin-top: 5px;line-height: 20px;}
.carporate-sec ul li a{color: #000000;font-family: 'Open Sans', sans-serif;font-size: 14px;font-weight: 400;}