/*
Theme Name: Solar Power Energy Pro
Theme URI: https://www.ovationthemes.com/products/solar-energy-wordpress-theme
Author: Ovationthemes
Author URI: https://www.ovationthemes.com/
Theme Description: Electricion Pro WordPress Theme is a feature-rich theme with a gorgeous layout. It is specifically designed for repairing services, manufacturing plants, road building, company, constructor, corporate, industry, plumber, electrician, carpenter, painter, handyman, mills, small contractors to big corporates, heavy vehicle and rent websites. This premium theme is compatible with all famous WordPress plugins like WooCommerce, Contact Form 7 etc. It uses theme options using customizer API. The responsive design will fit in all devices. Also, it is translation-ready and has RTL layout support. You have a lot of customization options like simple menu option, Favicon, Logo, Title and Tagline Customization, support to add CSS/JS, pagination option, enable-disable options on all sections.
Version: 0.0.1
Requires at least: 5.0
Requires PHP: 7.2.14
Tested up to: 5.7
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: solar-power-energy-pro
Tags: one-column, right-sidebar, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments

Solar Power Energy Pro WordPress Theme has been created by ovationthemes(ovationthemes.com), 2021.
Solar Power Energy Pro WordPress Theme is released under the terms of GNU GPL
*/

/*----------------all Pages-------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wght@8..144,100..1000&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
*{
  margin:0;
  padding:0;
  outline:none;
}
html body{
  background-color:#fff;
  font-size: 15px;
  color: #2a2a34;
  font-family: 'Roboto Flex', sans-serif;
  overflow-x: hidden;
}
html {
    overflow-x: hidden;
}
label {
  margin-bottom: 0 !important;
}
img{
  margin:0;
  padding:0;
  border:none;
  max-width:100%;
  height:auto;
}
section img{
  max-width:100%;
}
h1,h2,h3{
  font-size: 36px;
  font-family: 'Rajdhani';
  margin:0;
  padding:10px 0;
  color:#2a2a34;
  font-weight: 800;
}
h4,h5,h6{
  font-size: 22px;
  font-family: 'Rajdhani';
  margin:0;
  padding:10px 0;
  color:#29CA6F;
  font-weight: 700;
}
p{
  margin:0 0 15px;
  padding:0;
  font-size:16px;
  font-weight:400;
  color: #707070;
}
p, ul li a{
  letter-spacing: 0px;
}
body a{
  text-decoration:none;
  color:#2a2a34;
  font-weight: 400;
}
a:hover{
  color: #29CA6F;
}
a:focus,a:hover{
  text-decoration:none !important;
}
/* SITE LOADER */
/*--------- Site Loader --------------*/
.preloader {
  background: #fff;
  display: flex;
  height: 100%;
  width: 100%;
  left: 0;
  bottom: 0;
  top: 0;
  position: fixed;
  z-index: 9999999;
}
.load{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  width:100px;
  height:100px;
}
.load hr{
  border:0;
  margin:0;
  width:40%;
  height:40%;
  position:absolute;
  border-radius:50%;
  animation:spin 2s ease infinite;
  opacity: 1;
}
.load :first-child{background:#29CA6F;animation-delay:-1.5s}
.load :nth-child(2){background:#29CA6F;animation-delay:-1s}
.load :nth-child(3){background:#29CA6F;animation-delay:-0.5s}
.load :last-child{background:#29CA6F}

@keyframes spin{
  0%,100%{transform:translate(0)}
  25%{transform:translate(160%)}
  50%{transform:translate(160%, 160%)}
  75%{transform:translate(0, 160%)}
}

/* SEARCH POPUP */
.search-box i{
  cursor: pointer;
}
span.search-close-icon {
    display: none;
    transition: 3s;
}
.header-search {
    background: #29CA6F;
    width: 60px;
    height: 68px;
    float: right;
}
div#search-box{
  padding: 4px 0;
}
.search-icon i,.search-close-icon i {
  padding: 16px 0;
  font-size: 26px;
  color: #fff;
}
.search-slidein span.search-close-icon{
  display: block;
  transition: 3s;
}
.search-slidein .search-icon{
  display: none;
  transition: 3s;
}
.serach_outer {
    position: absolute;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 20px #00000029;
    padding: 15px;
    top: 55px;
    right: 0;
    display: none;
    z-index: 99;
    width: max-content;
}
.closepop {
    position: absolute;
    right: 23px;
    top: 1px;
    font-size: 17px;
}
.serach_outer input[type=search] {
    border-radius: 10px;
    background: #f7f7f7;
    width: 95%;
    height: 43px;
    padding: 10px;
}
form.search-form.serach-page {
    display: flex;
}
.header-search .serach_outer .search-form.serach-page input[type=submit] {
  background: #FFD84C !important;
  color: #202636 !important;
  font: 600 16px/20px 'Rajdhani';
  border-radius: 10px;
  padding: 11px 25px;
  height: 43px;
}
/*----------------------add to cart---------*/
#cart {
  background: #000;
  width: 400px;
  right: 0px;
  top: 50px;
  margin: 0px auto;
  text-align: left;
  padding: 20px;
  position: absolute;
  z-index: 999999;
  display: none;
  -webkit-animation: bounceIn 2s ease-in-out;
  animation: bounceIn 2s ease-in-out;
}
.cart_box:hover #cart{
  display: block;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
li.woocommerce-mini-cart-item.mini_cart_item a.remove {
    right: 0px;
    left: auto !important;
}
.woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img{
  float: left;
  margin-right: 24px;
}
.woocommerce a.remove{
  color: #fff !important;
  background-color: #29CA6F;
  width: 25px;
  height: 27px;
}
.woocommerce .widget_shopping_cart .cart_list li, .woocommerce.widget_shopping_cart .cart_list li{
  padding-left: 0em;
}
.woocommerce.widget_shopping_cart .buttons a{
  width: 100%;
  text-align: center;
}
.woocommerce .widget_shopping_cart .total{
  padding: 4px 0 0;
  margin: 10px 0 !important;
}
.woocommerce-mini-cart__total.total strong {
    padding: 8px 0;
}
p.woocommerce-mini-cart__buttons.buttons {
    display: flex;
}
.woocommerce .products li {
    width: 100% !important;
    margin: 10px 0 !important;
}
/*---------------- Pagination ----------------*/
.navigation {
  font-size:14px;
  font-weight:bold;
  margin: 10px 0;
}
.navigation a {
  padding: 0;
}
.navigation span, .navigation a {
  display: block;
  float: left;
  padding: 10px 15px 0 15;
  margin-bottom: 10px;
  margin-right: 10px;
  color: #5b5b5b;
  -webkit-transition: background .15s ease-in-out;
  -moz-transition: background .15s ease-in-out;
  -ms-transition: background .15s ease-in-out;
  -o-transition: background .15s ease-in-out;
  transition: background .15s ease-in-out;
  font-weight: normal;
}
.navigation span.meta-nav {
  font-weight: bold;
}
.navigation .current{
  background: #2a2a34;
  color:#ffffff;
  font-weight:normal;
}
.title-box{
  background:#dcedff ;
}
.main_title {
    background: #dcedff ;
}
/* MENU BAR */

@keyframes smoothScroll {
  0% {
    transform: translateY(-40px);
  }
  100% {
    transform: translateY(0px);
  }
}
ul.list_nav {
  margin: 0 auto;
  display: block;
}
.main-navigation li{
  position: relative;
  display: inline-block;
}
.main-navigation ul.sub-menu li:after{
  display: none;
}
.main-navigation a{
  font: 600 18px 'Rajdhani';
  padding: 16px 30px;
  color: #202636;
  position: relative;
  margin-right: 10px;
}
.main-navigation a::before{
  content: '';
  background: #20263626;
  width: 1px;
  height: 18px;
  position: absolute;
  right: -7px;
  top: 18px;
}
.main-navigation li:last-child a::before,.main-navigation li.current-menu-item.current_page_item a::before{
  display: none;
}
/*.main-navigation ul ul{
    position: static;
    background: transparent;
    min-width: auto;
    border: none;
    border-radius: 0;
}*/
.main-navigation ul ul{
  display: none;
  position: absolute;
  left: 0;
  top: 100% ;
  background: #2a2a34;
  min-width: 215px;
  z-index: 9999;
  margin-top: 10px;
  border: 1px solid #eee;
  border-radius: 10px;
  padding-left: 15px;
}
.main-navigation ul ul ul{
  left: 100%;
  top: 0;
}
.main-navigation ul ul li,
.menubar.scrolled .main-navigation ul ul li{
  float: none;
  display: block;
  text-align: left;
  border-bottom: 1px solid #e9eaea;
}
.main-navigation ul ul li:last-child{
  border-bottom: 0;
}
.main-navigation ul li:hover > ul{
  display: block;
}
.main-navigation .menu > ul > li.highlight{
  background-color: #000000;
}
.main-navigation .menu > ul > li.highlight:hover{
  background: transparent;
}
.menubar.scrolled .menu > ul > li:hover > a:after,
.menubar.scrolled .menu > ul > li.current_page_item > a:after,
.menubar.scrolled .menu > ul > li.current-menu-item > a:after{
  height: 2px;
}
ul#menu-ot_main_primary-menu {
    margin-bottom: 0;
    padding-left: 0;
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation{
  margin: 0 0 15px;
  overflow: hidden;
}
/*.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous{
  float: left;
  width: 50%;
}*/
.comment-navigation .nav-next, .posts-navigation .nav-next{
  float: right;
  text-align: right;
  width: auto;
}
.main-navigation a:hover,.main-navigation li.current-menu-item.current_page_item a{
  background: #FFD84C;
}
ul.children li a {
    padding: 10px;
}
a.closebtn.mobile-menu:hover,.main-navigation ul ul li a:hover {
    background: unset;
}
.main-navigation ul ul li a:hover{
  color: #29CA6F;
}
/* ---------- Return to Top ------------ */
#return-to-top {
  position: fixed;
  bottom: 10px;
  right: 20px;
  width: 50px;
  height: 50px;
  display: block;
  text-decoration: none;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  border-radius: 35px;
  display: none;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 99;
}
#return-to-top i {
  color: #92a8ac;
  position: relative;
  top: 13px;
  font-size: 19px;
  padding: 3px 18px;
  box-shadow:none;
  transition: all 0.40s ease;
  -webkit-transition: all 0.40s ease;
  -moz-transition: all 0.40s ease;
  -ms-transition: all 0.40s ease;
  -o-transition: all 0.40s ease;
}
#return-to-top:hover {
  background: transparent;
  box-shadow: 0 0 10px 0 #29CA6F inset, 0 0 10px 4px #29CA6F;
}
#return-to-top:hover i {
  top: 5px;
  color: #29CA6F !important;
}
div#mySidenav {
    display: block;
}
/*--------sidebar------------*/
div#sidebar {
    border: 1px solid #ccc;
    padding: 20px;
    border-radius: 14px;
}
div#sidebar .wp-block-group {
    margin: 20px 0px;
}
div#sidebar .wp-block-group__inner-container h2 {
    background: #dcedff ;
    font-size: 24px;
    text-align: center;
    font-style: italic;
}
#sidebar li.wp-block-latest-comments__comment {
  margin-top: 15px;
}
/*sidebar*/
#sidebar .postbox.smallpostimage{
  padding: 10px;
}
#sidebar td#prev a {
  color: #1fb125;
}
#sidebar caption {
  font-weight: bold;
  color: #29CA6F;
  font-size: 20px;
}
#sidebar table,#sidebar th,#sidebar td {
  text-align: center;
}
#sidebar td {
  padding: 7px;
}
#sidebar th {
  text-align: center;
  padding: 5px;
  color: #29CA6F;
}
#sidebar select {
  padding: 10px 5px;
  border: solid 1px #2c2c2c;
  color: #29CA6F;
  background: transparent;
  width: 100%;
}
#sidebar h3 {
  font-weight: bold;
  font-size: 22px;
  color: #2c2c2c;
  text-align: center;
  padding: 4% 0;
}
#sidebar input[type="search"],
input[type="search"] {
  padding: 17px;
  font-size: 14px;
  margin-bottom: 0px;
  color: #666c6e;
  border: solid 1px #e5eaec;
  width: 100%;
}
#sidebar .search-form .search-submit{
    bottom: 4px;
    padding: 12px 10px !important;
    position: absolute;
    left: 20px;
    width: 40%;
    margin: 2% 0px
}
#sidebar label{
  margin-bottom: 0;
  width: 100%;
}
#sidebar input[type="submit"]{
  background:#1fb125;
  color:#fff;
  padding:10px 0;
  font-size:12px;
  width: 30%;
  font-weight: bold;
}
#sidebar .widget {
  margin-bottom: 25px;
}
#sidebar ul {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 17px;
}
#sidebar ul li {
    border-bottom: 1px solid #ddd;
    margin: 0 0 5px;
    padding: 10px 20px 10px;
}
#sidebar aside#monster-widget-placeholder-9 ul li {
    box-shadow: 0.5px 0.866px 4px 0px rgb(0 0 0 / 10%);
    margin-bottom: 10px;
}
aside#monster-widget-placeholder-10 ul li {
    box-shadow: 0.5px 0.866px 4px 0px rgb(0 0 0 / 10%);
    margin-bottom: 15px;
}
#sidebar ul li a:before{
  font: normal normal normal 14px/1 FontAwesome;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f054";
    font-size: 10px;
    font-weight: 100;
    margin-left: -15px;
    margin-right: 10px;
    top: -1px;
    display: inline-block;
    position: relative;
}
#sidebar ul li:last-child{
  border: none;
}
#sidebar ul li a {
  font-size: 15px;
  font-weight: 500;
  color: #2a2a34;
}
#sidebar .tagcloud a,
.site-footer .tagcloud a{
  background:#eeeeee;
  color:#2c2c2c;
  font-size:15px !important;
  padding:5px 18px;
  margin:0 0 5px;
  display:inline-block;
}
#sidebar .tagcloud a:hover,
.site-footer .tagcloud a:hover{
  background:#1fb125;
  color: #fff;
}
.menu-ot_main_primary-menu-container {
    margin-bottom: 50px !important;
}
.textwidget img {
    border-radius: 10px;
}
span.rss-date {
    font-style: italic;
    font-weight: bold;
}
.rssSummary {
    margin: 10px 0px;
}
aside#monster-widget-placeholder-4 ul,aside#monster-widget-placeholder-6 ul,aside#monster-widget-placeholder-7 ul,.menu-ot_main_primary-menu-container ul{
    background: #dcedff ;
}
ul#menu-ot_main_primary-menu-1 {
    margin-bottom: 20% !important;
}
td#today a {
    background: #29CA6F;
    border-radius: 50px;
    padding: 8px 10px;
}
/*--------- Woocommerce Section--------- */

.woocommerce ul.products li.product a img {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.woocommerce ul.products li.product .star-rating{
  margin: 0 auto .5em;
  color: #f4bc16;
}
.woocommerce .products li {
    text-align: center;
    border: solid 1px #e6e6e7;
    border-radius: 10px;
    padding: 10px 10px 10px 10px !important;
}
.woocommerce .products li:hover{
  box-shadow: 0px 0px 10px 2px #ededed;
}
.woocommerce #sidebar {
  margin-top: 2em;
}
a.showcoupon,
.woocommerce-message::before{
  color: #29CA6F;
}
.woocommerce-message {
  border-top-color: #29CA6F;
}
.woocommerce ul.products li.product .onsale, .woocommerce span.onsale {
    background: #29CA6F;
    color: #fff;
    padding: 0;
    border-radius: 5px;
    margin: 0 !important;
    min-height: 5px;
    line-height: 26px;
    min-width: 60px;
}
.woocommerce ul.products li.product .onsale{
    top: 10px !important;
    right: 10px !important;
}
h2.woocommerce-loop-product__title{
  font-size: 18px !important;
}
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price, .woocommerce div.product span.price {
    color: #2a2a34 !important;
    font-size: 22px;
}
.woocommerce div.product .product_title,.woocommerce div.product p.price, .woocommerce div.product span.price{
  margin-bottom: 5px;
}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button,.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt{
    color: #fff !important;
    font-size: 16px;
    font-weight: 600;
    background: #213545;
    border-radius: 50px !important;
    position: relative;
    padding: 14px 20px;
    opacity: 1 !important;
    cursor: pointer !important;
}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover{
  background: #29CA6F !important;
  color: #fff;
}
.woocommerce .quantity .qty {
  width: 5em;
  padding: 8px 5px;
  border-radius: 0;
  border: solid 1px #2a2a34;
  color: #2a2a34;
}
.col-1,.col-2 {
  max-width: 100%;
}
nav.woocommerce-MyAccount-navigation ul {
  list-style: none;
  padding: 0;
}
nav.woocommerce-MyAccount-navigation ul li {
  background: #29CA6F;
  padding: 12px!important;
  margin-bottom: 10px;
  border-radius: 10px;
}
nav.woocommerce-MyAccount-navigation ul li a{
  color: #fff !important;
  font-weight: bold;
  font-style: none !important;
  text-decoration: none;
}
.posted_in {
  display: block;
}
.woocommerce .woocommerce-ordering select{
  padding: 10px;
}
span.woocommerce-input-wrapper{
 width: 100%;
}
.woocommerce-product-gallery__image{
  padding: 2px;
}
.woocommerce a.checkout-button.button.alt.wc-forward{
  color: #fff !important;
  font-style: none;
}
.woocommerce a.checkout-button.button.alt.wc-forward:hover{
  text-decoration: none !important;
}
a.woocommerce-LoopProduct-link.woocommerce-loop-product__link img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail {
    width: auto;
    margin: auto;
}
.woocommerce-product-gallery__image img.wp-post-image {
    width: auto !important;
    margin: inherit;
}
nav.woocommerce-breadcrumb {
    margin: 17px 0px !important;
    font-size: 16px !important;
    color: #29CA6F !important;
}
.summary.entry-summary form.cart .quantity {
    margin: 4px 15px 0px 0px !important;
}
button.single_add_to_cart_button.button.alt {
    padding: 15px 30px;
}
.comment-form-rating label, p.stars {
    padding: 10px 0px;
}
textarea#comment {
    width: auto !important;
}
input#coupon_code {
    width: 104px;
    margin: 6px 15px 0px 0px;
}
ul.woocommerce-error {
    border-top-color: #29CA6F;
}
.woocommerce-error::before {
    color: #29CA6F;
}
/*--------post------------*/
.single-post .post_share_icon a {
    padding: 10px 13px;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    width: auto;
    margin: 5px 3px;
}
.single-post a.post-facebook {
    background: #3b5998;
}
.single-post a.post-pinterest {
    background: #c92228;
}
.single-post a.post-linkedin {
    background: #0976b4;
}
.single-post a.post-twitter {
    background: #1B95E0;
}
.single-post b.share-txt {
    font-size: 18px;
}
p.comment-form-comment{
position: relative;
}
p.comment-form-comment label {
    position: absolute;
    bottom: 100%;
    font-weight: 700;
}
div#comments p.logged-in-as {
    margin-bottom: 35px;
}
.single-post .feature-box img {
    width: 50%;
}
.single-post-content p {
    margin-right: 10%;
    text-align: justify;
}
a.page-numbers{
  padding: 10px !important;
  background-color: #29CA6F;
  color: #ffffff !important;
  border: 1px solid #29CA6F;
}
.navigation span.page-numbers.current{
  background-color: #ffffff;
  border: 1px solid #29CA6F;
  color: #000000 !important;
  padding: 10px !important;
}
p.form-submit input#submit {
    border: none;
    padding: 10px;
    font-weight: bold;
    border-radius: 5px;
}
button.wp-block-search__button,form.search-form.serach-page input.search-submit {
    background: #29CA6F !important;
    padding: 5px 20px !important;
    border-radius: 5px;
    border: none !important;
    color: #fff !important;
    font-weight: bold;
}
ul.wp-block-latest-posts__list.wp-block-latest-posts li{
  margin: 15px 0px;
}
div#single_post .news-box.my-4 {
    box-shadow: 0px 0px 40px 12px #ededed;
    border-radius: 15px;
}
.content_boxes .feature-box img {
    border-radius: 10px;
    width: 100%;
}
img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
    width: 100%;
}
div#single_post .news-datebox {
    right: 35px;
    bottom: 29%;
  }
  div#blog-left-sidebar .news-datebox,div#blog-right-sidebar .news-datebox {
    bottom: 42%;
}
div#full-width-blog .lower-new-box,div#blog-left-sidebar .lower-new-box,div#blog-right-sidebar .lower-new-box{
    position: static;
    width: 100%;
  }
  .single-post .feature-box {
    width: 20%;
}
/*---------Contat Us--------------*/
input.contactp-name,input.contactp-email,input.contactp-call,input.contact-date {
    font-size: 15px;
    border-radius: 10px;
    padding: 10px;
    margin: 5px;
    border: 1px solid #d8e5ee;
    width: 100%;
}
textarea.contactp-msg{
    height: 80px;
    border-radius: 10px;
    width: 100%;
    margin: 5px;
    padding: 10px;
    border: 1px solid #d8e5ee;
}
input.contactp-sumbit{
    padding: 10px 20px;
    border-radius: 10px;
    margin: 5px;
    border: 1px solid #d8e5ee;
    display: inline-block;
    font-weight: bold;
    background: #ffffff;
    cursor: pointer;
}
.contact-section-form {
    border-radius: 20px;
    background: #29CA6F;
}
.call0 h6 a,.contact-info h6 a{
  color: #3d3c3c ;
  font-weight: 700;
}
.contact-info span {
    padding-left: 38px;
}
div#contact-box i{
  color: #29CA6F;
}
textarea.contactp-msg::placeholder,input.contactp-name::placeholder,input.contactp-email::placeholder,input.contactp-call::placeholder,input.contact-date{
   color: #8899a6;
}
.contact-info h3{
  position: relative;
}
div#contact-box h6 {
    font-size: 16px;
}
/*.contact-info h3:after {
    content: "";
    display: block;
    width: 75px;
    height: 2px;
    top: 50%;
    position: absolute;
    background: #29CA6F;
    left: 27%;
}*/
/*.contact-info hr.first {
    width: 10%;
    border: 1px solid #29CA6F;
}*/
/* STICKY HEADER */

.stickynavbar {
  /*background-color: #fff !important;*/
  z-index: 9999999999999;
  padding-top: 0 !important;
  box-shadow: 0 0 8px grey;
}
.sticky {
  /*position: fixed!important;*/
  top: 0;
  width: 100%;
  padding-bottom: 0 !important;
}
/*-------------------------- Calendar widget --------------------------*/
.widget.widget_calendar table {
  margin: 0;
}
.widget.widget_calendar td, .widget.widget_calendar tr, .widget.widget_calendar th {
  border: 1px solid #fff;
}
#footer .widget.widget_calendar td, #footer .widget.widget_calendar tr, #footer .widget.widget_calendar th {
  padding: 2px;
}
.widget_calendar td,
.widget_calendar th {
  line-height: 1.5625;
  padding: 0;
  text-align: center;
}
.widget th,
.widget td {
  padding: 0.5384615385em;
}
/*---------------common css-------------*/
input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-email.ft-email {
    width: 100%;
}
/* --------------Video Css-------------------------- */
#slider .solution-video,#video .main-video {
  width: 100%;
  height: 400px;
  margin: auto;
  display: block;
  border: none;
}
#slider .solution-close-btn,#video .video-close-btn {
  width: 100px;
  height: 50px;
  display: block;
  margin: 20px auto;
  cursor: pointer;
  border: 2px solid black;
  background-color: white;
}
#slider .solution-video-popup,#video .video-popup {
  display: none;
  width: 100%;
  height: 100%;
  margin: auto;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 99;
}
#slider .solution-popup-bg,#video .video-popup-bg {
  background: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100%;
  position: absolute;
}
#slider .solution-popup-content,#video .video-popup-content {
  background: black;
  position: absolute;
  top: 60%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 75%;
  height: auto;
}
#slider button.solution-popup-btn,#video button.video-popup-btn {
  background: transparent;
  border: unset;
  outline: unset;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 99;
  top: 32%;
}
#slider .solution-popup-btn i {
  background: #FFFFFF4D;
  height: 72px;
  width: 72px;
  border-radius: 50%;
  color: #fff;
  padding: 24px 29px;
  font-size: 21px;
  cursor: pointer;
  border-width: 2px;
  border-style: solid;
  border-color: #ffffffba;
  /* border-image: linear-gradient(180deg, #FFFFFF -11.81%, rgba(255, 255, 255, 0) 100%); */
  /* border-image-slice: 1; */
}
/*------------topbar-----------*/
.top-logo {
    background: #29CA6F;
    padding: 23px 0;
}
#topbar_section {
    background: #202636f2;
    padding: 15px 35px;
}
.topbar-contact-box a{
  color: #c3c5cccc;
  font: 600 16px 'Roboto Flex';
}
.topbar-contact-box a:hover,.topbar-social-icon-box a:hover{
  color: #29CA6F;
}
.topbar-contact-box i{
  color: #C3C5CC;
  font-size: 16px;
  margin-right: 10px;
}
.topbar-social-icon-box a{
  color: #C3C5CC;
  font-size: 18px;
  margin: 0 10px;
}
.topbar-social-icon-box {
    text-align: right;
    padding-right: 50px;
}
/*-----------Header---------*/
.home.page-template #nav-box {
    position: absolute;
    z-index: 9;
    left: 0;
    right: 0;
}
.header-nav.align-self-center {
    padding: 12px 0;
    background: #ffffff;
}
.main-navigation ul ul li a{
  color: #ffffff;
  padding: 0;
}
.header-btn {
    background: #FFD84C;
    padding: 20px 10px;
    text-align: center;
    height: 68px;
}
.header-btn:hover{
  background: #0052B4;
}
.header-btn:hover a{
  color: #ffffff;
}
.header-btn a{
  color: #202636;
  font: 600 20px 'Rajdhani';
}
.header-btn a i{
  color: #0052B4;
  background: #FFFFFF;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  padding: 13px 0;
  font-size: 11px;
  margin-left: 19px;
  position: relative;
  top: -3px;
}
/*-------slide--------*/
#slider {
    position: relative;
    padding-bottom: 24em;
}
.slide-img {
    position: relative;
}
.slider-box span{
  color: #1F283E;
  background: #FFD84C;
  font:600 18px 'Rajdhani';
  padding: 15px 30px;
}
h1.headtwo{
  color: #ffffff;
  font: 700 80px/80px 'Rajdhani';
  display: block;
  padding-top: 30px;
}
.slider-box p{
  color: #ffffff;
  font: 500 18px/26px 'Roboto Flex';
}
.theme-button a{
  color: #ffffff;
  font: 600 24px 'Rajdhani';
  letter-spacing: 2px;
  background: #29CA6F;
  border-radius: 40px;
  padding: 10px 9px 6px 35px;
}
.theme-button a i{
  color: #0052B4;
  background: #FFFFFF;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  padding: 13px 12px;
  font-size: 14px;
  margin-left: 19px;
  position: relative;
  top: -3px;
}
.slider-box {
    transform: translateY(-100%);
    width: 87%;
}
.slider-video-main-box {
    border: 2px solid #FFFFFFCC;
    background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
    box-shadow: 0px 80px 232px 0px #0030793D;
    padding: 68px 32px 32px 32px;
    border-radius: 24px;
    -webkit-backdrop-filter: blur(40px);
    backdrop-filter: blur(40px);
}
.video-box {
    position: absolute;
    bottom: 75px;
}
.video-text-box h3{
  color: #0052B4;
  font: 600 70px/80px 'Rajdhani';
}
.video-text-box p{
  color: #202636;
  font: 600 28px/28px 'Rajdhani';
  width: 68%;
  margin: 0 auto 30px;
}
.video-img img {
    width: 100%;
    border-radius: 24px;
    background: linear-gradient(180deg, #8AF8FF -15.97%, rgba(255, 255, 255, 0) 138.06%);
    padding: 4px;
}
#slider .carousel-indicators{
  bottom: 30px;
}
#slider .carousel-indicators [data-bs-target]{
  border: 2px solid #FFFFFF;
  width: 14px;
  height: 14px;
  background: transparent;
  border-radius: 3px;
  opacity: 1;
  margin: 0 10px;
}
#slider .carousel-indicators .active{
  background: #FFD84C;
  border-radius: 50%;
  border-color: #FFD84C;
}
#slider .slide_nav {
    position: absolute;
    right: 0;
    top: 54%;
}
#slider span.carousel-control-prev-icon {
    top: -49%;
    position: absolute;
}
#slider span.carousel-control-prev-icon,#slider span.carousel-control-next-icon{
  background-image: unset;
  color: #200E32;
  width: 65px;
  height: 65px;
  margin: 33px 0;
  padding: 20px 27px;
}
#slider span.carousel-control-prev-icon{
  background-color: #FFD84C;
}
#slider span.carousel-control-next-icon{
  background-color: #ffffff;
}
#slider span.carousel-control-prev-icon:hover,#slider span.carousel-control-next-icon:hover,#testimonials button.owl-prev:hover, #testimonials button.owl-next:hover{
  background-color: #0052B4;
  color: #ffffff;
}
.slider-content-box {
    margin-top: 18.9em;
    background: #FFD84C;
    border-radius: 0px 0px 30px 0px;
    padding: 20px 55px;
    display: flex;
    align-items: center;
    width: 432px;
    height: 158px;
    gap: 18px;
    z-index: -1;
    position: relative;
}
.slider-content-box span{
  color: #202636;
  font: 600 22px/25px 'Rajdhani';
}
/*-----------About------------*/
.cloud-image {
    position: absolute;
    right: 0;
    top: -190px;
}
.about-text-box p{
  color: #737B8F;
  font: 500 18px/34px 'Roboto Flex';
}
.about-feature-img {
    background: #0052B4;
    width: 72px;
    height: 72px;
    border-radius: 50%;
    padding: 16px 20px;
}
.about-feature-box p {
    color: #202636;
    font: 600 22px / 24px 'Rajdhani';
    margin-bottom: 0;
}
.solution-box {
    background: #FFFFFFCC;
    box-shadow: 0px 80px 232px 0px #0030793D;
    border: 2px solid #FFFFFF;
    border-radius: 24px;
    padding: 36px 10px;
    position: absolute;
    right: 0;
    bottom: -130px;
    width: 228px;
    height: 236px;
}
.about-home-image {
    position: absolute;
    bottom: 0;
    left: 200px;
    right: 0;
    width: 452px;
    margin: 0 auto;
}
.about-man-image {
    position: absolute;
    right: 0;
    bottom: -80px;
    width: 519px;
}
.about-main-head {
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
span.abt-small-head{
  color: #1F283E;
  background: #FFD84C;
  font: 600 20px 'Rajdhani';
  padding: 15px 30px;
  display: block;
  width: max-content;
}
h3.abt-main-head{
  color: #ffffff;
  font:700 48px/48px 'Rajdhani';
  letter-spacing: -1px;
  padding-top: 35px;
}
p.abt-text{
  font: 500 18px 'Roboto Flex';
  color: #ffffffb3;
}
.about-button a{
  color: #ffffff;
  font: 600 22px 'Rajdhani';
  letter-spacing: 2px;
  background: #29CA6F;
  border-radius: 40px;
  padding: 10px 16px 8px 36px;
}
.about-button a i{
  color: #0052B4;
  background: #FFFFFF;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  padding: 13px 12px;
  font-size: 14px;
  margin-left: 19px;
  position: relative;
  top: -1px;
}
.about-main-head {
  background-size: 100% 100%;
  background-repeat: no-repeat;
  padding: 0px 100px 40px;
  margin-top: 0;
  margin-right: 80px;
}
.about-text-box p {
    margin-bottom: 48px;
}
.about-feature-box {
    margin: 60px 0;
}
.solution-box p {
    color: #202636;
    font: 600 25px 'Rajdhani';
    text-align: center;
    position: relative;
    top: -58px;
}
.about-button {
    padding-top: 45px;
}
/*----------OUR SERVICES------*/
.section-heading-box span{
  color: #1F283E;
  background: #FFD84C;
  font: 600 20px 'Rajdhani';
  padding: 15px 30px;
  display: block;
  width: max-content;
}
.section-heading-box h2{
  color: #202636;
  font: 700 46px/48px 'Rajdhani';
}
#our_services .section-heading-box span,#our_services .section-heading-box h2{
  margin: 0 auto;
}
#our_services .section-heading-box h2{
  width: 40%;
}
#our_services .owl-item .service-box img {
    width: 73%;
}
#our_services .owl-item .service-title-box img {
    width: 170px;
    margin-bottom: -57px;
    margin-left: -48px;
}
.service-content-box {
    position: absolute;
    bottom: 0;
    right: 0;
    transform: translate(0px, -35px);
    transition: 0.5s;
}
.service-title-box {
    background: #FFFFFFCC;
    border: 2px solid #ffffff;
    box-shadow: 16px 55px 40px 0px #00326D33;
    border-radius: 24px;
    padding: 18px 20px;
    width: 240px;
    transition: 0.5s;
    -webkit-backdrop-filter: blur(40px);
    backdrop-filter: blur(40px);
}
.service-title-box h3{
  color: #202636;
  font: 600 22px 'Rajdhani';
}
a.servic-btn{
  color: #ffffff;
  font: 600 20px 'Rajdhani';
  letter-spacing: 2px;
  background: #29CA6F;
  border-radius: 40px;
  padding: 13px 13px 13px 33px;
  display: block;
  margin-bottom: 10px;
  display: none;
  transition: 0.5s;
  text-align: left;
}
a.servic-btn i{
  color: #0052B4;
  background: #FFFFFF;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  padding: 13px 12px;
  font-size: 14px;
  margin-left: 19px;
  position: absolute;
  top: 5px;
  right: 10px;
}
.service-box:hover .service-content-box{
  transform: translate(0px, 38px);
  transition: 0.5s;
}
.service-box:hover .service-title-box{
  transition: 0.5s;
  background: #FFD84C;
  border-color: #FFD84Ce6;
  box-shadow: unset;
}
.service-box:hover a.servic-btn{
  display: block;
  transition: 0.5s;
}
#our_services .owl-stage-outer {
    padding: 70px 0;
}
.owl-dots {
    text-align: center;
}
button.owl-dot.active {
    background: #FFD84C !important;
    border-radius: 50%;
    border-color: #FFD84C !important;
}
button.owl-dot {
    border: 2px solid #2026364D !important;
    width: 14px;
    height: 14px;
    background: transparent;
    border-radius: 3px;
    opacity: 1;
    margin: 0 8px;
}
/*---------Installation---------------*/
#installation .section-heading-box span,#installation .section-heading-box h2{
  margin: 0 auto;
}
#installation .section-heading-box h2{
  width: 40%;
  color: #ffffff;
}
.installation-box img {
    transform: scaleY(0.8);
    transition: 0.5s;
    border-radius: 24px;
}
#installation .owl-item.center .installation-box img {
    transform: unset;
    transition: 0.5s;
}
#installation .owl-stage-outer {
    padding: 70px 0;
}
.installation-content-box {
    background: #FFFFFFCC;
    border-radius: 24px;
    padding: 30px;
    width: 75%;
    margin: -80px auto 0;
    position: relative;
    border: 2px solid #ffffff;
    display: none;
    -webkit-backdrop-filter: blur(40px);
    backdrop-filter: blur(40px);
}
#installation .owl-item.center .installation-content-box{
  display: block;
}
.installation-content-box h3{
  color: #202636;
  font: 700 26px/32px 'Rajdhani';
  width: 70%;
}
.installation-count-box span:nth-child(1){
  color: #202636;
  font: 700 34px/30px 'Rajdhani';
}
.installation-count-box span:nth-child(2){
  color: #737B8F;
  font: 600 16px/34px 'Roboto Flex';
  position: relative;
  top: -3px;
  margin-left: 12px;
}
a.install-btn{
  color: #ffffff;
  font: 600 20px 'Rajdhani';
  letter-spacing: 2px;
  background: #29CA6F;
  border-radius: 40px;
  padding: 8px 10px 6px 33px;
  margin-bottom: 10px;
  transition: 0.5s;
}
a.install-btn i{
  color: #0052B4;
  background: #FFFFFF;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  padding: 13px 12px;
  font-size: 14px;
  margin-left: 19px;
  position: relative;
  top: -2px;
}
.installation-btn {
    text-align: right;
}
.installation-title-box {
    padding-top: 17px;
}
#installation button.owl-dot.active {
    background: #FFD84C !important;
    border-color: #FFD84C !important;
}
#installation button.owl-dot {
    border: 2px solid #D9D9D9 !important;
    width: 326px;
    height: 14px;
    background: #D9D9D9;
    opacity: 1;
    margin: 0;
    border-radius: 0px;
}
#installation .owl-dots {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
/*-------Benifit Section--------*/
.benifit-content-box {
    position: absolute;
    right: 0;
    top: 0;
}
.benifit-content-box .benifit-data:nth-child(1){
  background: #FFFFFFCC;
  border: 2px solid #ffffff;
  border-radius: 24px 24px 0px 24px;
  -webkit-backdrop-filter: blur(40px);
  backdrop-filter: blur(40px);
  box-shadow: 16px 55px 120px 0px #00326D33;
}
.benifit-content-box .benifit-data:nth-child(2){
  background: #0065DBCC;
  border-radius: 0px 24px 24px 0px;
  box-shadow: 16px 55px 120px 0px #00326D33;
}
.benifit-content-box .benifit-data:nth-child(2) p,.benifit-content-box .benifit-data:nth-child(3) p{
  color: #ffffff;
}
.benifit-content-box .benifit-data:nth-child(3){
  background: #021D54E5;
  border-radius: 24px 0px 24px 24px;
  box-shadow: 16px 55px 120px 0px #00326D33;
}
.benifit-content-box .benifit-data:nth-child(1),.benifit-content-box .benifit-data:nth-child(2),.benifit-content-box .benifit-data:nth-child(3){
  width: 220px;
  padding: 22px;
}
.benifit-content-box .benifit-data:nth-child(1),.benifit-content-box .benifit-data:nth-child(3){
  margin-left: -220px;
}
.benifit-data p {
    color: #202636;
    font: 600 22px / 32px 'Rajdhani';
    margin-bottom: 0;
    margin-top: 6px;
}
.benifit-right-box {
    padding-right: 13em;
}
a.benifit-btn{
  color: #0052B4;
  font: 600 24px 'Rajdhani';
}
a.benifit-btn.btn {
    box-shadow: unset;
}
a.benifit-btn i {
    color: #ffffff;
    background: #0052B4;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    padding: 13px 12px;
    font-size: 14px;
    margin-left: 19px;
    position: relative;
    top: -2px;
}
.benifit-right-box p{
  color: #737B8F;
  font: 400 18px/32px 'Roboto Flex';
  padding-top: 35px;
}
#benifit .section-heading-box {
    border-bottom: 2px solid #0A125412;
    padding: 0 0 35px;
}
.benifit-image-box:before {
    content: '';
    position: absolute;
    width: 424px;
    height: 210px;
    left: 29px;
    top: 49px;
    background: rgba(54, 249, 249, 0.4);
    filter: blur(144px);
    z-index: -1;
}
.benifit-box{
  position: relative;
}
.benifit-box::before{
  content: '';
  position: absolute;
  width: 204px;
  height: 383px;
  right: 0px;
  top: 98px;
  background: rgba(41, 202, 111, 0.4);
  filter: blur(115px);
}
/* ---------Power sector-------------- */
#power_sector {
    margin-bottom: -210px;
    position: relative;
    z-index: 1;
}
.power-sector-shadow::before{
  content: '';
  position: absolute;
  width: 340px;
  height: 318px;
  left: 0px;
  top: 215px;
  background: rgba(54, 249, 249, 0.4);
  filter: blur(115px);
  z-index: -1;
}
.power-data-box {
    background: #00133799;
    border-radius: 24px;
    position: absolute;
    top: 25px;
    padding: 35px;
    width: 748px;
    left: 68px;
}
.power-data-box h2{
  color: #FFFFFF;
  font:700 52px/58px 'Rajdhani';
}
.power-data-box p{
  color: #FFFFFFCC;
  font: 500 22px/38px 'Roboto Flex';
  padding-bottom: 15px;
}
a.power-btn {
    color: #202636;
    font: 600 24px 'Rajdhani';
    letter-spacing: 2px;
    background: #FFFFFF;
    border-radius: 40px;
    padding: 10px 10px 8px 33px;
    margin-bottom: 10px;
    transition: 0.5s;
}
a.power-btn.btn:hover i{
  color: #0052B4;
  background: #ffffff;
}
a.power-btn i {
    color: #ffffff;
    background: #0052B4;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    padding: 13px 12px;
    font-size: 14px;
    margin-left: 19px;
    position: relative;
    top: -2px;
}
/* ----------Testimonial------------- */
#testimonials {
    padding: 15em 0 20px;
}
#testimonials .section-heading-box span{
  background: #29C26B;
  color: #ffffff;
}
.testi-box {
    background: #fff;
    box-shadow: 20px 18px 0 0 #ffffffab, 40px 40px 0 0 #ffffffc7;
    border-radius: 10px;
    backdrop-filter: blur(44px);
}
.test-bg svg {
    position: absolute;
    top: -55px;
    width: 88%;
}
.test-bg::before,.test-bg::after{
  content: '';
  background-image: url('./assets/images/plus-shape.png');
  position: absolute;
  height: 66px;
  width: 66px;
  z-index: 1;
}
.test-bg::before{
  left: 17px;
  bottom: -37px;
}
.test-bg::after{
  left: -78px;
  bottom: 63px;
}
.testimonial-main-box::before{
  content: '';
  background-image: url('./assets/images/testimonial-line.png');
  position: absolute;
  height: 53px;
  width: 57px;
  right: 21px;
  top: -5px;
  background-repeat: no-repeat;
}
.testimonial-image {
    position: relative;
    bottom: -115px;
    left: -38px;
}
#testimonials .section-heading-box {
    position: relative;
    top: 65px;
}
.test-bg {
    padding: 0 35px;
}
#testimonials .owl-item {
    padding: 22px 55px;
}
#testimonials .owl-nav {
    position: absolute;
    right: -80px;
    top: 28%;
}
#testimonials button.owl-prev {
    top: 0%;
    position: absolute;
    background-color: #F4C418;
}
#testimonials button.owl-prev,#testimonials button.owl-next{
  color: #200E32;
  width: 65px;
  height: 65px;
  margin: 33px 0;
  padding: 20px 27px;
}
#testimonials button.owl-next{
  background-color: #ffffff;
  top: 66px;
  position: absolute;
}
p.testi-inn-text{
  color: #5E6282;
  font: 500 17px/27px 'Roboto Flex';
}
h3.testi-name{
  color: #5E6282;
  font: 600 18px 'Poppins';
  padding: 0;
}
h6.testi-desig{
  color: #5E6282;
  font: 500 14px 'Poppins';
}
.test-inn img {
    width: auto !important;
}
/* -------------Feature Section------------ */
#features {
    margin-top: 80px;
}
.feature-content-box .feature-data{
  position: absolute;
  background: #FFFFFFCC;
  display: flex;
  align-items: flex-start;
  gap: 20px;
  padding: 20px;
  border-radius: 24px;
  right: 15px;
  border: 2px solid #ffffff;
  box-shadow: 6px 0px 12px 0px #f1f1f1;
  width: 90%;
}
.feature-content-box .feature-data:nth-child(1){
  bottom: 165px;
}
.feature-content-box .feature-data:nth-child(2){
  bottom: 24px;
}
.feature-data span{
  background: #36BA6F;
  height: 47px;
  width: 47px;
  color: #ffffff;
  font: 700 24px 'Roboto';
  border-radius: 50%;
  padding: 9px 17px;
  display: block;
}
.feature-data p{
  color: #202636;
  font: 400 24px/40px 'Roboto';
  margin-bottom: 0;
}
.feature-heading-box h2{
  color: #202636;
  font: 700 56px/59px 'Rajdhani';
}
a.feature-btn{
  color: #0052B4;
  font: 600 24px 'Rajdhani';
  display: block;
  width: max-content;
}
a.feature-btn.btn{
  box-shadow: unset;
}
a.feature-btn i {
    color: #0052B4;
    background: #ffffff;
    border: 1px solid #0052B4;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    padding: 13px 12px;
    font-size: 14px;
    margin-left: 19px;
    position: relative;
    top: -2px;
}
#features .feature-heading-box {
    border-bottom: 2px solid #0A125412;
    padding: 0 0 15px;
}
p.feature-text{
  color: #737B8F;
  font: 500 24px/40px 'Roboto Flex';
  padding-top: 35px;
}
/* ----------Video Section------------------ */
button.video-popup-btn {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    border: unset;
    background: unset;
}
.video-popup-btn i{
  background: #FFFFFF4D;
  color: #ffffff;
  height: 95px;
  width: 95px;
  border-radius: 50%;
  border: 1px solid #ffffff;
  font-size: 30px;
  padding: 30px 38px;
}
.quote-form-box {
    background: #ffffffe3;
    border: 2px solid #ffffff;
    box-shadow: 0px 80px 232px 0px #0030793D;
    border-radius: 24px;
    position: relative;
    width: 50%;
    padding: 55px;
    margin: -17em auto 0;
    backdrop-filter: blur(40px);
}
.quote-form-box input[type="text"],.quote-form-box input[type="email"],.quote-form-box input[type="number"],.quote-form-box select{
  height: 54px;
  margin-bottom: 15px;
}
.quote-form-box input[type="text"],.quote-form-box input[type="email"],.quote-form-box input[type="number"],.quote-form-box textarea,.quote-form-box select{
  width: 100%;
  box-shadow: 0px 1.85px 3.15px 0px #00000001, 0px 8.15px 6.52px 0px #00000002, 0px 20px 13px 0px #00000003, 0px 38.52px 25.48px 0px #00000003, 0px 64.81px 46.85px 0px #00000004, 0px 100px 80px 0px #00000005;
  border: 1px solid #D9D9D9;
  border-radius: 10px;
  padding: 15px;
  background: #FFFFFF;
}
.quote-form-box input[type="text"]::placeholder,.quote-form-box input[type="email"]::placeholder,.quote-form-box input[type="number"]::placeholder,.quote-form-box textarea::placeholder,.quote-form-box select{
  color: #737B8F;
  font: 500 16px/40px 'Roboto Flex';
}
.quote-form-box textarea{
  height: 155px;
}
.quote-form-box p{
  margin-bottom: 0;
}
.quote-submit-btn p{
  position: relative;
  width: max-content;
}
.quote-submit-btn p::before {
    content: '\f178';
    font-family: 'Font Awesome 5 Free';
    position: absolute;
    font-weight: 600;
    z-index: 1;
    right: 9px;
    top: 5px;
    color: #0052B4;
    background: #FFFFFF;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    padding: 8px 11px;
}
.quote-submit-btn input[type="submit"]{
  background: #29CA6F;
  border-radius: 40px;
  padding: 12px 58px 12px 32px;
  color: #ffffff;
  font: 600 20px 'Rajdhani';
  letter-spacing: 2px;
  border: 1px solid #29CA6F;
}
.quote-submit-btn input[type="submit"]:hover{
    box-shadow: 0px 3px 5px rgba(0,0,0,.4);
    background: #0052B4;
    border-color: #0052B4;
}
.quote-submit-btn .wpcf7-spinner{
  display: none;
}
.quote-form-box h3{
  color: #202636;
  font: 700 33px 'Rajdhani';
  padding: 0 0 25px;
}
/* -----Latest Section-------------------------------- */
#latest_news .section-heading-box h2{
  width: 55%;
}
.latest-meta span,.latest-meta span a{
  color: #00B5E2;
  font: 500 18px 'Roboto Flex';
}
.news_head h3 a{
  color: #202636;
  font: 600 30px/34px 'Rajdhani';
  display: block;
}
p.blog-text{
  color: #737B8F;
  font: 400 20px/35px 'Roboto';
}
a.latesredmore{
  color: #0052B4;
  font: 600 24px 'Rajdhani';
}
a.latesredmore i {
    color: #0052B4;
    background: #ffffff;
    border: 1px solid #0052B4;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    padding: 13px 12px;
    font-size: 14px;
    margin-left: 19px;
    position: relative;
    top: -2px;
}
.content_style {
    background: #FFFFFF99;
    border: 4px solid #FFFFFF;
    padding: 28px 19px;
    border-radius: 0px 0px 24px 24px;
}
.news-content {
    box-shadow: 0px 35px 133px 0px #7190BE14;
    border-radius: 24px;
}
#latest_news .owl-stage-outer {
    padding: 0px 20px 42px 0;
}
.news-image img {
    border-radius: 24px 24px 0px 0px;
}
.latest-meta span{
  border-right: 1px solid #00b5e2;
  padding-right: 23px;
}
.latest-meta span:nth-child(3){
  border-right: unset;
}
/* --------Sponsor Section--------------- */
#sponsor .owl-item img{
  width: auto !important;
  margin: 0 auto;
}
.sponsor-bg-img {
    background-size: contain;
    background-repeat: no-repeat;
    padding: 75px 52px;
    margin: 0 15px;
}
#sponsor .owl-stage {
    align-items: center;
    display: flex;
}
/* ---------Home Contact-------------------- */
.contact-form {
    background: #FFFFFFCC;
    box-shadow: 25px 26px 100px 0px #295F8314;
    border: 2px solid #ffffff;
    position: absolute;
    right: 0;
    bottom: 10px;
    border-radius: 24px;
    width: 60%;
    padding: 30px;
    backdrop-filter: blur(33px);
}
.contact-form h2{
  color: #202636;
  font: 600 54px 'Rajdhani';
}
.contact-form p{
  color: #737B8F;
  font: 400 22px/40px 'Roboto';
}
.contact-form input[type="text"],.contact-form input[type="email"],.contact-form textarea{
  width: 100%;
  border: 1px solid #FFFFFFCC;
  border-radius: 8px;
  padding: 10px 15px;
  background: #FFFFFFCC;
  box-shadow: 0px 4px 100px 0px #0756C714;
}
.contact-form textarea{
  height: 200px;
}
.contact-form input[type="text"]::placeholder,.contact-form input[type="email"]::placeholder,.contact-form textarea::placeholder{
  color: #737B8F;
  font:400 24px 'Roboto';
}
.contact-submit-btn p{
  position: relative;
  width: max-content;
}
.contact-submit-btn p::before {
    content: '\f178';
    font-family: 'Font Awesome 5 Free';
    position: absolute;
    font-weight: 600;
    z-index: 1;
    right: 9px;
    top: 7px;
    color: #0052B4;
    background: #FFFFFF;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    padding: 0px 11px;
    font-size: 14px;
}
.contact-submit-btn input[type="submit"]{
  background: #0052B4;
  border-radius: 40px;
  padding: 12px 58px 12px 32px;
  color: #FFFFFF;
  font: 600 24px 'Rajdhani';
  letter-spacing: 2px;
  border: 1px solid #0052B4;
}
.contact-submit-btn input[type="submit"]:hover{
  box-shadow: 0px 3px 5px rgba(0, 0, 0, .4);
  background: #29CA6F;
  border-color: #29CA6F;
}
.contact-submit-btn .wpcf7-spinner{
  display: none;
}
.contact-us-box {
    background: #00133799;
    width: 60%;
    border-radius: 0 24px 24px 24px;
    padding: 40px 25px;
    position: relative;
    margin-top: -194px;
}
.contact-data-box {
    display: flex;
    align-items: center;
    gap: 25px;
    margin-bottom: 20px;
}
.name-box h3,.name-box span a,.contact-data-box span a{
  color: #FFFFFF;
}
.contact-us-box .contact-data-box:nth-child(1) img{
  width: 64px;
}
.name-box h3{
  font: 600 38px 'Roboto';
  padding: 0;
}
.name-box span a,.contact-data-box span a{
  font: 400 22px 'Roboto';
}
.contact-data-box i{
  background: #FFFFFF;
  height: 64px;
  width: 64px;
  border-radius: 50%;
  color: #0052B4;
  font-size: 26px;
  padding: 20px 22px;
}
.contact-us-box .contact-data-box:nth-child(3) span{
  width: 64%;
}
/* ------Newsletter---------------- */
.newsletter-box {
    background: #29CA6F;
    border-radius: 0px 0px 40px 40px;
    width: 55%;
    margin: 0 auto;
    padding: 20px 60px 40px;
}
.footer-newsletter-form form{
  position: relative;
}
.subscribe-btn {
    position: absolute;
    right: -28px;
    top: 0;
}
.footer-newsletter-form {
    width: 71%;
    margin: 0 auto;
}
.footer-newsletter-form input[type="email"]{
  background: #FFFFFF;
  padding: 18px 30px 18px 48px;
  border-radius: 8px;
  border: 1px solid #FFFFFF;
}
.footer-newsletter-form input[type="email"]::placeholder{
  color: #737B8F;
  font: 400 16px 'Roboto';
}
span[data-name="footer-email"]{
  position: relative;
}
span[data-name="footer-email"]::before{
  content: '\f0e0';
  font-family: 'Font Awesome 5 Free';
  position: absolute;
  font-weight: 600;
  left: 22px;
  top: -3px;
  color: #737B8F;
  font-size: 18px;
}
.subscribe-btn p{
  position: relative;
  width: min-content;
  margin: 0;
  padding: 0;
}
.subscribe-btn input[type="submit"] {
    background: #102C61;
    border-radius: 40px;
    padding: 16px 70px 16px 35px;
    color: #ffffff;
    font: 600 22px 'Rajdhani';
    letter-spacing: 2px;
    border: 1px solid #102C61;
}
.subscribe-btn input[type="submit"]:hover{
  box-shadow: 0px 3px 5px rgba(0, 0, 0, .4);
  background: #FFD84C;
  border-color: #FFD84C;
  color: #1F283E;
}
.subscribe-btn p::before {
    content: '\f178';
    font-family: 'Font Awesome 5 Free';
    position: absolute;
    font-weight: 600;
    z-index: 1;
    right: 12px;
    top: 11px;
    color: #0052B4;
    background: #FFFFFF;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    padding: 8px 11px;
    transform: rotate(-45deg);
}
/*-------------FOOTER--------*/
.outer-footer {
    padding-top: 60px;
}
.footer-cols h2,.footer-cols h3 {
  color: #ffffff;
  font: 700 32px 'Rajdhani';
  position: relative;
  margin-bottom: 40px;
  padding-bottom: 15px;
}
.footer-cols h2::before,.footer-cols h3::before{
  content: '';
  background: #29CA6F;
  width: 58px;
  height: 4px;
  position: absolute;
  bottom: 0;
  left: 0;
}
span.last-word {
    color: #29CA6F;
}
.footer3 span.last-word{
  color: #ffffff;
}
.footer-cols ul{
  padding-left: 0;
}
.footer-cols ul li a {
    color: #7B859E;
    font: 500 20px 'Roboto Flex';
    position: relative;
    padding-left: 38px;
    display: block;
    margin-bottom: 20px;
}
.footer-cols ul li a:hover,.footer-cols .footer2 ul li a:hover{
    color: #29CA6F;
}
.footer-cols ul li a::before{
  content: '\f178';
  font-family: 'Font Awesome 5 Free';
  position: absolute;
  font-weight: 600;
  z-index: 1;
  left: 0px;
  top: 0px;
  color: #7B859E;
  font-size: 20px;
}
.footer-cols .footer2 ul li a::before{
  display: none;
}
.footer-cols .footer2 ul li a{
  padding-left: 0px;
  margin-bottom: 10px;
  color: #ffffff82;
  font: 600 18px 'Rajdhani';
}
.recent-post-box {
    padding-left: 16px;
}
p.post-date{
  color: #00B5E2;
  font: 600 14px 'Roboto Flex';
}
.recent-post-box img {
    border-radius: 10px;
}
.footer-cols ul li{
  list-style: none;
}
.copyright {
    border-top: 1px solid #8297be4d;
}
.copy-text span{
  color: #FFFFFF;
  font: 600 24px 'Rajdhani';
}
.copy-text span a{
  color: #29CA6F;
  font-weight: 600;
}
/*ANIMATION*/
@keyframes zoomInDown {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.5, 1.5);
  }
  100% {
    transform: scale(1, 1);
  }
}
@keyframes zoomInRight {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.5, 1.5);
  }
  100% {
    transform: scale(1, 1);
  }
}
@keyframes zoomInLeft {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.5, 1.5);
  }
  100% {
    transform: scale(1, 1);
  }
}
@keyframes zoomInUp {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.5, 1.5);
  }
  100% {
    transform: scale(1, 1);
  }
}
@keyframes fadeInLeft {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.5, 1.5);
  }
  100% {
    transform: scale(1, 1);
  }
}
.active.zoom-In-up {
  animation: zoom-In-up 1s ease-in-out both;
}
.active.slide-in-left {
  animation: slide-in-left 1s ease-in-out both;
}
.active.slide-in-right {
  animation: slide-in-right 1s ease-in-out both;
}
.active.fade-bottom {
  animation: fade-bottom 1s ease-in;
}
.active.fade-up {
  animation: fade-up 1s ease-in;
}
.active.fade-left {
  animation: fade-left 1s ease-in;
}
.active.fade-right {
  animation: fade-right 1s ease-in;
}
@keyframes fade-bottom {
  0% {
    transform: translateY(50px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-up {
  0% {
    transform: translateY(-50px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-left {
  0% {
    transform: translateX(-100px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes fade-right {
  0% {
    transform: translateX(100px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes slide-in-left {
  0% {
    transform: translateX(-100px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes slide-in-right {
  0% {
    transform: translateX(100px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

{
    animation: zoomInDown 3s ease-out 1;
}
.call-head{
  animation: zoomInRight 3s ease-out 1;
}
.appoint-bg,.row.call-phone,.row.calus-email{
  animation: zoomInUp 3s ease-out 1;
}
.inner-plan-box{
   animation: fadeInLeft 3s ease-out 1;
   box-shadow: 0px 0px 10px 2px #ededed;
}
.serv-head{
    animation: zoomInLeft 3s ease-out 1;
  }
.reveal{
  position: relative;
  transform: translateY(150px);
  opacity: 0;
  transition: 1s all ease;
}

.reveal.active{
  transform: translateY(0);
  opacity: 1;
}
{
    animation: rotate 1s linear;
}
@keyframes rotate{
    0%{
        transform: rotate(0deg);
    }
    50%{
        transform: rotate(180deg);
    }
    100%{
        transform: rotate(360deg);
    }
}
.shrink {
transition: 1s ease;
}

.shrink :hover{
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
transition: 1s ease;
}
/*buton effects*/
.btn:hover{
  box-shadow: 0px 3px 5px rgba(0, 0, 0, .4);
  background: #0052B4;
  border-color: #0052B4;
  color: #ffffff;
}
a.quote-btn:hover,a.plan-btn:hover {
    background: #fff !important;
}
input.appoin-button:hover {
    color: #fff !important;
}
/*----Image Effects*/
.shrink img {
transition: 1s ease;
}

.shrink img:hover{
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
transition: 1s ease;
}
.grow img{
transition: 1s ease;
}

.grow img:hover{
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
transition: 1s ease;
}
.circle img {
transition: 1s ease;
}

.circle img:hover {
border-radius:50%;
transition: 1s ease;
}
.rotate img{
transition: 1s ease;
}

.rotate img:hover{
-webkit-transform: rotateZ(-10deg);
-ms-transform: rotateZ(-10deg);
transform: rotateZ(-10deg);
transition: 1s ease;
}
/* MEDIA SECTION */
@media screen and (max-width: 1700px) and (min-width: 1441px){
  .topbar-contact-box a{
    font: 600 13px 'Roboto Flex';
  }
  #topbar_section{
    padding: 15px 20px;
  }
  .topbar-contact-box i{
    font-size: 13px;
    margin-right: 5px;
  }
  .topbar-social-icon-box{
    padding-right: 15px;
  }
  .main-navigation a{
    padding: 16px 23px;
  }
  .topbar-contact-box .col-lg-3.col-md-6.col-sm-6:nth-child(2) {
    padding: 0;
  }
  .slider-box{
    transform: translateY(-73%);
  }
  h1.headtwo{
    font: 700 55px / 60px 'Rajdhani';
  }
  .slider-video-main-box{
    padding: 33px 20px 20px 20px;
  }
  .video-text-box h3{
    font: 600 61px / 65px 'Rajdhani';
  }
  .slider-box p{
    font: 500 14px / 22px 'Roboto Flex';
  }
  .slider-content-box{
    margin-top: 13.9em;
    padding: 20px 25px;
    width: 381px;
  }
  .installation-content-box{
    width: 85%;
    padding: 15px;
  }
  .installation-content-box h3{
    font: 700 22px / 32px 'Rajdhani';
    width: 80%;
  }
  .installation-count-box span:nth-child(1){
    font: 700 26px / 30px 'Rajdhani';
  }
  .installation-count-box span:nth-child(2){
    font: 600 14px / 34px 'Roboto Flex';
  }
  a.install-btn{
    font: 600 17px 'Rajdhani';
    padding: 8px 10px 6px 17px;
  }
}
@media screen and (max-width: 1440px) and (min-width: 1300px){
  .topbar-contact-box a{
    font: 600 13px 'Roboto Flex';
  }
  #topbar_section{
    padding: 15px 20px;
  }
  .topbar-contact-box i{
    font-size: 13px;
    margin-right: 5px;
  }
  .topbar-social-icon-box{
    padding-right: 15px;
  }
  .main-navigation a{
    padding: 16px 23px;
  }
  .topbar-contact-box .col-lg-3.col-md-6.col-sm-6:nth-child(2) {
    padding: 0;
  }
  .slider-box{
    transform: translateY(-73%);
  }
  h1.headtwo{
    font: 700 55px / 60px 'Rajdhani';
  }
  .slider-video-main-box{
    padding: 33px 20px 20px 20px;
  }
  .video-text-box h3{
    font: 600 61px / 65px 'Rajdhani';
  }
  .slider-box p{
    font: 500 14px / 22px 'Roboto Flex';
  }
  .slider-content-box{
    margin-top: 13.9em;
    padding: 20px 25px;
    width: 381px;
  }
  .about-feature-box p{
    font: 600 19px / 24px 'Rajdhani';
  }
  .about-feature-img{
    width: 65px;
    height: 65px;
    padding: 16px 18px;
  }
  .about-main-head{
    padding: 0px 65px 20px;
  }
  h3.abt-main-head{
    font: 700 39px / 39px 'Rajdhani';
  }
  .about-button a{
    font: 600 16px 'Rajdhani';
    padding: 10px 8px 8px 24px;
  }
  .about-man-image{
    width: 460px;
  }
  .about-home-image{
    left: 150px;
    width: 361px;
  }
  .cloud-image{
    top: -135px;
  }
  .installation-content-box h3{
    font: 700 22px / 30px 'Rajdhani';
    width: 75%;
  }
  .installation-count-box span:nth-child(1){
    font: 700 27px / 27px 'Rajdhani';
  }
  .installation-count-box span:nth-child(2){
    font: 600 14px / 34px 'Roboto Flex';
    margin-left: 7px;
  }
  a.install-btn{
    font: 600 17px 'Rajdhani';
    padding: 8px 6px 6px 15px;
  }
  .installation-content-box{
    width: 86%;
  }
  #installation button.owl-dot{
    width: 275px;
  }
  .benifit-right-box {
    padding-right: 8em;
  }
  .section-heading-box h2{
    font: 700 34px / 39px 'Rajdhani';
  }
  .benifit-right-box p{
    font: 400 16px / 32px 'Roboto Flex';
  }
  .benifit-content-box{
    right: -98px;
    top: -40px;
  }
  .benifit-content-box .benifit-data:nth-child(1), .benifit-content-box .benifit-data:nth-child(2), .benifit-content-box .benifit-data:nth-child(3){
    padding: 16px;
  }
  .benifit-data img {
    width: 48%;
  }
  .power-data-box{
    padding: 35px 30px 42px;
    width: 558px;
  }
  .power-data-box h2{
    font: 700 37px / 39px 'Rajdhani';
  }
  .power-data-box p{
    font: 500 18px / 30px 'Roboto Flex';
  }
  a.power-btn{
    font: 600 20px 'Rajdhani';
  }
  .testimonial-main-box::before{
    right: -35px;
    top: 46px;
  }
  #testimonials {
    padding: 12em 0 20px;
  }
  .testimonial-image{
    bottom: -101px;
  }
  #testimonials .owl-item {
    padding: 22px 40px;
  }
  .test-bg {
    padding: 31px 0px;
  }
  #testimonials .owl-nav{
    right: -55px;
  }
  .test-bg svg{
    width: 554px;
    top: -30px;
    left: -10px;
  }
  .feature-heading-box h2{
    font: 700 40px / 49px 'Rajdhani';
  }
  p.feature-text{
    font: 500 19px / 32px 'Roboto Flex';
    padding-top: 27px;
  }
  .feature-data p{
    font: 400 20px / 29px 'Roboto';
  }
  .feature-content-box .feature-data{
    padding: 15px;
    right: 0px;
    width: 88%;
  }
  .feature-content-box .feature-data:nth-child(1) {
    bottom: 134px;
  }
  .feature-data span{
    height: 45px;
    width: 45px;
    font: 700 19px 'Roboto';
    padding: 10px 17px;
  }
  .quote-form-box{
    width: 55%;
    padding: 35px;
    margin: -13em auto 0;
  }
  .video-popup-btn i{
    height: 85px;
    width: 85px;
    font-size: 25px;
    padding: 30px 35px;
  }
  #video button.video-popup-btn{
    top: 28%;
  }
  .latest-meta span, .latest-meta span a{
    font: 500 16px 'Roboto Flex';
  }
  .news_head h3 a{
    font: 600 23px / 29px 'Rajdhani';
  }
  .sponsor-bg-img{
    padding: 54px 52px;
  }
  .contact-form textarea {
    height: 156px;
  }
  .contact-form p{
    font: 400 18px / 30px 'Roboto';
  }
  .contact-form{
    width: 57%;
  }
  .contact-submit-btn p::before{
    padding: 6px 13px;
  }
  .contact-form input[type="text"]::placeholder,.contact-form input[type="email"]::placeholder,.contact-form textarea::placeholder{
    font:400 20px 'Roboto';
  }
  .newsletter-box{
    width: 65%;
  }
}
@media screen and (max-width: 1440px) and (min-width: 1390px){
  .sponsor-bg-img {
        padding: 69px 52px;
    }
}
@media screen and (max-width: 1299px) and (min-width: 1025px){
  .test-bg {
    padding: 0 15px;
  }
  #testimonials .owl-item {
    padding: 22px 30px;
  }
  .top-logo{
    padding: 23px 12px;
  }
  .sponsor-bg-img{
    padding: 54px 40px;
  }
  .main-navigation a{
    padding: 16px 15px;
  }
}
@media screen and (max-width: 1299px) and (min-width: 992px){
  .home.page-template #nav-box{
    position: static;
  }
  #topbar_section{
    padding: 15px 10px;
  }
  .topbar-social-icon-box{
    padding-right: 0px;
  }
  .topbar-social-icon-box a{
    font-size: 15px;
    margin: 0 5px;
  }
  .topbar-contact-box a{
    font: 600 11px 'Roboto Flex';
  }
  .topbar-contact-box i{
    margin-right: 3px;
    font-size: 10px;
  }
  .topbar-contact-box .col-lg-3.col-md-6.col-sm-6:nth-child(2){
    padding: 0;
  }
  .top-logo{
    padding: 24px 12px;
  }
  .header-btn a{
    font: 600 15px 'Rajdhani';
  }
  .slider-box{
    transform: translateY(-85%);
    width: 100%;
  }
  .slider-content-box span{
    font: 600 17px / 21px 'Rajdhani';
  }
  .video-box{
    bottom: 23px;
  }
  .video-text-box p{
    font: 600 21px / 22px 'Rajdhani';
    margin: 0 auto 21px;
  }
  #slider .carousel-caption{
    left: 6%;
  }
  h1.headtwo{
    font: 700 34px / 40px 'Rajdhani';
  }
  .slider-content-box{
    margin-top: 13.9em;
  }
  #slider .carousel-indicators{
    display: none;
  }
  .about-feature-box p{
    font: 600 15px / 24px 'Rajdhani';
  }
  .about-feature-img{
    width: 60px;
    height: 60px;
    padding: 16px 17px;
  }
  .about-main-head{
    padding: 0px 40px 15px;
  }
  h3.abt-main-head{
    font: 700 27px / 30px 'Rajdhani';
    padding-top: 22px;
  }
  .about-button a{
    padding: 10px 9px 8px 23px;
    font: 600 15px 'Rajdhani';
  }
  .cloud-image{
    top: -115px;
  }
  #installation button.owl-dot{
    width: 210px;
  }
  .benifit-right-box {
    padding-right: 2em;
  }
  .section-heading-box h2{
    font: 700 33px / 42px 'Rajdhani';
  }
  .benifit-content-box .benifit-data:nth-child(2){
    margin-right: -75px;
  }
  .benifit-content-box{
    top: -50px;
  }
  .power-data-box{
    width: 520px;
    padding: 20px;
  }
  .power-data-box h2{
    font: 700 32px / 35px 'Rajdhani';
  }
  .power-data-box p{
    font: 500 17px / 27px 'Roboto Flex';
  }
  #testimonials {
    padding: 12em 0 20px;
  }
  .testimonial-image{
    bottom: -84px;
  }
  .feature-heading-box h2{
    font: 700 33px / 45px 'Rajdhani';
  }
  p.feature-text{
    font: 500 20px / 33px 'Roboto Flex';
    padding-top: 25px;
  }
  .feature-data p{
    font: 400 18px / 32px 'Roboto';
  }
  .feature-content-box .feature-data{
    right: 0px;
    width: 90%;
    width: 90%;
  }
  .feature-content-box .feature-data:nth-child(1) {
    bottom: 150px;
  }
  .quote-form-box{
    width: 73%;
    padding: 33px;
    margin: -5em auto 0;
  }
  .contact-form{
    width: 53%;
    padding: 20px;
  }
  .contact-form h2{
    font: 600 40px / 35px 'Rajdhani';
  }
  .contact-form p{
    font: 400 18px / 29px 'Roboto';
  }
  .contact-form textarea {
    height: 122px;
  }
  .name-box h3{
    font: 600 30px 'Roboto';
  }
  .name-box span a, .contact-data-box span a {
    font: 400 17px 'Roboto';
  }
  .contact-data-box{
    gap: 13px;
  }
  .newsletter-box{
    width: 70%;
  }
  .footer-newsletter-form{
    width: 86%;
  }
}
@media screen and (max-width: 1024px) and (min-width: 992px){
  .top-logo{
    padding: 24px 12px;
  }
  .slider-box{
    transform: translateY(-69%);
    width: 100%;
  }
  #installation button.owl-dot{
    width: 185px;
  }
  #testimonials {
    padding: 12em 0 20px;
  }
  .test-bg {
    padding: 0 15px;
  }
  #testimonials .owl-item {
    padding: 22px 20px;
  }
  #testimonials .owl-nav{
    right: -60px;
  }
  .sponsor-bg-img{
    padding: 39px 40px;
  }
}
@media screen and (max-width: 991px) and (min-width: 768px){
  .home.page-template #nav-box{
    position: static;
  }
  #topbar_section{
    padding: 15px 15px;
  }
  .topbar-social-icon-box{
    padding-right: 0;
  }
  .top-logo {
    padding: 65px 20px;
  }
  .slider-video-main-box{
    padding: 20px 15px 15px 15px;
  }
  .video-text-box h3{
    font: 600 55px / 60px 'Rajdhani';
  }
  .slider-content-box{
    margin-top: 1.9em;
    width: 320px;
    gap: 12px;
    padding: 20px 25px;
  }
  .slider-content-box span{
    font: 600 17px / 21px 'Rajdhani';
  }
  .video-box{
    bottom: 23px;
  }
  .video-text-box p{
    font: 600 21px / 22px 'Rajdhani';
    margin: 0 auto 21px;
  }
  .slider-box{
    transform: translateY(-9%);
    width: 100%;
  }
  #slider .carousel-caption{
    left: 6%;
  }
  h1.headtwo{
    font: 700 34px / 40px 'Rajdhani';
  }
  .about-man-image{
    width: 298px;
  }
  .about-home-image{
    left: 0px;
    width: 211px;
  }
  .about-main-head{
    background-size: cover;
    padding: 0px 38px 40px;
    margin-right: 71px;
  }
  #our_services .section-heading-box h2,#installation .section-heading-box h2 {
    width: 66%;
  }
  .installation-content-box h3{
    font: 700 22px / 32px 'Rajdhani';
    width: 90%;
  }
  .installation-content-box{
    padding: 15px;
    width: 83%;
  }
  .installation-count-box span:nth-child(1){
    font: 700 22px / 30px 'Rajdhani';
  }
  .installation-count-box span:nth-child(2){
    font: 600 13px / 34px 'Roboto Flex';
    top: 0px;
    margin-left: 5px;
  }
  a.install-btn{
    font: 600 14px 'Rajdhani';
    padding: 8px 9px 6px 17px;
  }
  a.install-btn i{
    width: 36px;
    height: 36px;
    padding: 12px 11px;
    top: 1px;
  }
  #installation button.owl-dot{
    width: 153px;
  }
  .benifit-right-box{
    padding-right: 0;
    padding-top: 10em;
    text-align: center;
  }
  #benifit .section-heading-box span{
    margin: 0 auto;
  }
  .power-data-box,.testimonial-image,.feature-content-box .feature-data,.contact-form{
    position: static;
  }
  #testimonials {
    padding: 11em 0 160px;
  }
  .testimonial-image{
    padding: 20px 0;
  }
  .feature-heading-box h2{
    font: 700 33px / 38px 'Rajdhani';
  }
  p.feature-text{
    font: 500 18px / 29px 'Roboto Flex';
  }
  .feature-content-box .feature-data{
    gap: 17px;
    padding: 15px;
    width: 100%;
    margin: 10px 0;
  }
  .feature-data p{
    font: 400 18px / 32px 'Roboto';
  }
  .quote-form-box{
    width: 85%;
    margin: -4em auto 0;
    padding: 28px;
  }
  #latest_news .section-heading-box h2 {
    width: 81%;
  }
  .latest-meta span{
    padding-right: 14px;
  }
  .sponsor-bg-img{
    padding: 18px 25px;
  }
  .contact-form{
    width: 100%;
    margin: 10px 0;
  }
  #testimonials .owl-nav{
    right: -6px;
  }
  .power-data-box{
    width: 700px;
    margin: 0 auto;
  }
  .newsletter-box{
    width: 85%;
  }
  .footer-newsletter-form{
    width: 90%;
  }
  .about-feature-box{
    width: 36%;
  }
}
@media screen and (max-width: 767px) and (min-width: 576px){
  .serach_outer{
    right: -10px;
  }
  .slider-box {
      transform: translateY(-9%);
  }
  h1.headtwo{
    font: 700 31px / 28px 'Rajdhani';
  }
  .slider-box span{
    font: 600 15px 'Rajdhani';
    padding: 10px 30px;
  }
  .slider-box p{
    font: 500 15px / 26px 'Roboto Flex';
  }
  #slider .theme-button a{
    padding: 10px 9px 6px 22px;
    font: 600 18px 'Rajdhani';
  }
  #slider .theme-button a i{
    top: -1px;
  }
  #our_services .section-heading-box h2,#installation .section-heading-box h2 {
    width: 75%;
  }
  #installation button.owl-dot{
    width: 90px;
  }
  .installation-content-box h3{
    font: 700 20px / 32px 'Rajdhani';
    width: 90%;
  }
  .installation-title-box {
    padding-top: 0px;
  }
  .installation-btn,.power-data-box p, .power-data-box h2{
    text-align: center;
  }
  .installation-btn{
    padding-top: 10px;
  }
  #testimonials .owl-item {
    padding: 22px 30px;
  }
  .test-bg {
    padding: 0 25px;
  }
  #testimonials {
    padding: 10em 0 70px;
  }
  #power_sector{
    margin-bottom: -155px;
  }
  .quote-form-box{
    width: 85%;
  }
  .newsletter-box{
    width: 90%;
  }
  .footer-newsletter-form{
    width: 100%;
  }
  .contact-us-box{
    width: 80%;
  }
}
@media screen and (max-width: 767px){
  .video-box,.power-data-box,.about-home-image,.contact-form,.home.page-template #nav-box,.solution-box,.about-man-image,.benifit-content-box,.feature-content-box .feature-data{
    position: static;
  }
  .power-data-box,.slider-content-box{
    width: auto;
  }
  #testimonials .owl-nav,#slider .slide_nav{
    display: none;
  }
  #slider .carousel-indicators {
    bottom: 0px;
    margin-bottom: 10px;
  }
  .contact-form,.slider-box,#latest_news .section-heading-box h2{
    width: 100%;
  }
  #slider{
    padding-bottom: 0;
  }
  .cloud-image{
    display: none;
  }
  .about-text-box p{
    text-align: center;
    margin-bottom: 20px;
  }
  .solution-box{
    margin: 20px auto;
  }
  span.abt-small-head,.section-heading-box span,a.feature-btn{
    margin: 0 auto;
  }
  .topbar-social-icon-box,.contact-form p,.contact-form h2,.contact-submit-btn,.quote-form-box h3,h3.abt-main-head,p.abt-text,.about-button,.section-heading-box h2,a.benifit-btn,.benifit-right-box p,.feature-image-box.position-relative,.feature-heading-box h2,p.feature-text{
    text-align: center;
  }
  h3.abt-main-head{
    font: 700 30px / 36px 'Rajdhani';
    padding-top: 20px;
  }
  p.abt-text{
    font: 500 16px 'Roboto Flex';
  }
  section#benifit {
    padding: 0 15px;
  }
  .benifit-content-box .benifit-data:nth-child(1), .benifit-content-box .benifit-data:nth-child(2), .benifit-content-box .benifit-data:nth-child(3){
    margin: 15px auto;
    border-radius: 24px;
  }
  .benifit-right-box {
    padding-right: 0;
  }
  a.benifit-btn{
    display: block;
  }
  .feature-data p{
    text-align: left;
  }
  .feature-content-box .feature-data{
    width: 100%;
    margin: 10px auto;
  }
  .feature-image-box img {
    margin-bottom: 15px;
  }
  .quote-form-box{
    margin: 30px auto 0;
  }
  .sponsor-bg-img{
    background-size: cover;
    border-radius: 24px;
  }
  .contact-form{
    margin: 20px 0;
    padding: 20px;
  }
  .topbar-social-icon-box{
    padding-right: 0;
  }
  .slider-content-box{
    margin-top: 20px;
    height: auto;
    padding: 20px 15px;
    border-radius: 0;
  }
  .about-main-head{
    padding: 0px 20px 40px;
    margin-right: 0;
    background-image: unset !important;
    background-color: #0052B4;
  }
  a.power-btn{
    padding: 10px 10px 5px 18px;
    display: block;
    width: max-content;
    margin: 0 auto;
  }
  .testimonial-image{
    position: static;
    margin-top: 55px;
  }
  .subscribe-btn{
    position: static;
  }
  .subscribe-btn p,.contact-submit-btn p,.quote-submit-btn p{
    margin: 0 auto;
  }
}
@media screen and (max-width: 575px){
  .topbar-contact-box,.about-feature-box p,.installation-btn,.power-data-box p,.power-data-box h2{
    text-align: center;
  }
  .slider-box{
    transform: translateY(-9%);
  }
  .slider-box span{
    font: 600 14px 'Rajdhani';
    padding: 10px 15px;
  }
  h1.headtwo{
    font: 700 18px / 30px 'Rajdhani';
    padding-top: 14px;
  }
  .slider-box p{
    display: none;
  }
  #slider .theme-button a{
    font: 600 16px 'Rajdhani';
    padding: 10px 9px 6px 18px;
  }
  #slider .theme-button a i{
    width: 36px;
    height: 36px;
    padding: 11px 0px;
    top: 0px;
  }
  .slider-video-main-box{
    padding: 25px 15px 15px 15px;
  }
  .video-text-box p{
    font: 600 28px / 28px 'Rajdhani';
  }
  .slider-content-box span{
    font: 600 18px / 25px 'Rajdhani';
  }
  .about-feature-img{
    margin: 13px auto;
  }
  .about-button a{
    font: 600 15px 'Rajdhani';
    padding: 10px 7px 8px 15px;
  }
  .about-button {
    padding-top: 15px;
  }
  .section-heading-box h2{
    font: 700 30px / 37px 'Rajdhani';
  }
  #our_services .section-heading-box h2,#installation .section-heading-box h2 {
    width: 95%;
  }
  #our_services .owl-stage-outer {
    padding: 50px 0;
  }
  .installation-content-box{
    width: 85%;
    padding: 15px 8px;
  }
  .installation-content-box h3{
    font: 700 15px / 24px 'Rajdhani';
    width: 100%;
  }
  .installation-count-box span:nth-child(1){
    font: 700 20px / 23px 'Rajdhani';
  }
  .installation-count-box span:nth-child(2){
    font: 600 12px / 28px 'Roboto Flex';
  }
  a.install-btn{
    padding: 8px 10px 6px 15px;
    font: 600 15px 'Rajdhani';
  }
  a.install-btn i{
    width: 36px;
    height: 36px;
    padding: 11px 12px;
    top: 0px;
  }
  .installation-btn{
    margin-top: 11px;
  }
  #installation button.owl-dot{
    width: 60px;
  }
  .power-data-box h2{
    font: 700 30px / 38px 'Rajdhani';
  }
  .power-data-box{
    padding: 20px;
  }
  #power_sector{
    margin-bottom: -305px;
  }
  #testimonials .owl-item {
    padding: 22px 30px;
  }
  .test-bg{
    padding: 0px;
  }
  .test-inn img{
    margin: 0 auto;
  }
  .feature-data p{
    font: 400 16px / 24px 'Roboto';
  }
  .feature-heading-box h2{
    font: 700 30px / 40px 'Rajdhani';
  }
  .quote-form-box{
    width: 95%;
    padding: 20px;
  }
  .video-popup-btn i{
    height: 65px;
    width: 65px;
    font-size: 25px;
    padding: 20px 26px;
  }
  .content_style{
    padding: 18px 15px;
  }
  .latest-meta span{
    padding-right: 10px;
  }
  .latest-meta span, .latest-meta span a{
    font: 500 15px 'Roboto Flex';
  }
  .news_head h3 a{
    font: 600 25px / 29px 'Rajdhani';
  }
  .contact-us-box{
    margin-top: 20px;
    padding: 30px 20px;
    border-radius: 24px;
    width: fit-content;
    margin: 18px auto;
  }
  .contact-us-box .contact-data-box:nth-child(1) img {
    width: 50px;
  }
  .contact-data-box i{
    height: 50px;
    width: 50px;
    font-size: 14px;
    padding: 19px 19px;
  }
  .contact-data-box{
    gap: 15px;
  }
  .name-box h3{
    font: 600 24px 'Roboto';
  }
  .name-box span a, .contact-data-box span a{
    font: 400 17px 'Roboto';
  }
  .contact-form h2{
    font: 600 30px 'Rajdhani';
  }
  .newsletter-box{
    width: 90%;
    padding: 20px 25px 40px;
  }
  .footer-newsletter-form{
    width: 100%;
  }
  .footer-cols h2::before, .footer-cols h3::before{
    right: 0;
    margin: 0 auto;
  }
  .footer-cols ul li{
    width: fit-content;
    margin: 0 auto;
  }
  .recent-post-box img{
    width: 100px !important;
    margin-bottom: 10px;
  }
  /* Notification bar */
	.mtsnb .mtsnb-container{
		padding: 10px 35px;
	}
}