/*
Theme Name: Onbattery
Author: converzo
Author URI: https://converzo.nl
Description: The Onbattery Theme based on the famous Wordpress CMS.
Version: 1.0
*/

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&family=Ubuntu:wght@300;400;500;700&display=swap');
* {margin: 0;padding: 0;box-sizing: border-box;}
img {max-width: 100%;height: auto;}
body {background: #ffffff;font-size:20px;color: #000000;font-family: 'Roboto', sans-serif;font-weight: 300;}
ul {list-style: none;padding: 0;}
p {margin-bottom: 35px;font-size: 20px;line-height: 41px;color: #000000;}
a {color: inherit;text-decoration: none;transition: 0.4s;}
.mm-page {
    min-height: 0 !important;
}
/* ----- Heading Font CSS ------ */

h1,h2,h3,h4,h5,h6 {margin-bottom: 35px;line-height: 1.2;font-family: 'Ubuntu', sans-serif;font-weight: 700;}
h1{font-size:60px;line-height: 68px;}
h2{font-size:40px;}
h3{font-size:30px;}
h4{font-size: 25px;}
h5{font-size: 20px;}
h6{font-size: 16px;}
strong{font-weight: 700;}
a:focus,.btn:focus,button:focus,.btn-primary:not(:disabled):not(.disabled):active:focus {outline: none;box-shadow: none;}
input:focus{border: none;outline: none;}
input,button,textarea{font-family: 'Roboto', sans-serif;}
/* global css start */ 
.full_width{width: 100%;float: left;}
.wrapper{max-width:1140px;margin: 0 auto;width: 100%;padding: 0 20px;}

.btn_one{transition: 0.4s; padding:14px 20px ;min-width:136px;font-weight:500;line-height: 1;background:#000;color: #fff; position: relative;display: inline-block;margin-bottom: 5px;border-top-left-radius: 8px;border-top-right-radius: 8px;}
.btn_one:hover{background-color: rgba(0, 0, 0, 0.8);}
.btn_one::after{content: ""; position: absolute;left: 0;top: 100%;width: 100%;height: 5px; background: linear-gradient(90deg, #00ffff 0%, #85f8a5 100%);transition: 0.4s;}
.btn_one:hover::after{background: linear-gradient(90deg, #85f8a5 0%, #00ffff 100%);}
.btn_one .arrow{background: url(images/arrow.png)center no-repeat;  width: 13px;height: 23px;background-size: 13px;display: inline-block;margin-left: 15px;position: relative;}
.btn_one .arrow.location{background: url(images/location-icon.png);width: 21px;background-size: 21px;height: 30px;}
.d_flex{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.list li{font-size: 20px;line-height: 41px;color: #000000;}
.list ul,.list ol{padding-left: 20px;margin-bottom: 35px;}
.list ul li{list-style: disc;}
.m_100{margin-bottom: 120px;}
.layout{width: 100%;float: left;overflow: clip;}
.d_flex.aligntop { align-items:start }
/* global css end */
/* ******************************* main css ***************************** */

/* header css start */
.header{position: fixed;left: 0;top: 0;z-index: 999;background: #ffffff;padding: 30px 0;transition: 0.4s;}
.header.sticky{box-shadow: 0px 0px 10px rgba(0,0,0,.4);padding: 20px 0;}
.header .logo{max-width: 250px;position: relative;width: auto;line-height: 1;}
.header .right_nav{width: calc(100% - 250px);text-align: right;}
.header .logo a{display: inline-block;}
.header .right_nav li{display: inline-block;margin-left: 44px;position: relative;}
.header .right_nav li a{position: relative;font-size: 18px;font-weight: 500;}
.header .right_nav li a::after{content: ""; position: absolute;left: 0;bottom: -8px;width: 0%;height: 5px; background: linear-gradient(90deg, #00ffff 0%, #85f8a5 100%);transition: 0.4s;}
.header .right_nav li:hover a::after,.header .right_nav li.current-menu-item a::after{width: 100%;}

.header.header_trp{background: transparent;}
.header.header_trp  .right_nav li a{color: #ffffff;}
.header.header_trp .logo a{display: block;}
/* .header.header_trp .logo a img{max-height: 45px;} */
.header.header_trp .logo img.notsticky{display: block;}
.header.header_trp .logo img.sticky{display: none;}
.header.header_trp.sticky .logo img.notsticky{display: none;}
.header.header_trp.sticky .logo img.sticky{display: block;}
.header.header_trp.sticky {background: #ffffff;}
.header.header_trp.sticky  .right_nav li a{color: #000;}

/* sub menu */
.header .right_nav .sub-menu{box-shadow: 0px 24px 4px rgba(0,0,0,.4);position: absolute;left: 9999rem;top: 17px;width: 240px;padding-top: 15px;opacity: 0;z-index: 100;transition: opacity 0.15s linear, transform 0.15s linear, left 0s 0.15s;transform: translateY(0.6rem);}
.header .right_nav .menu li:hover .sub-menu{left: 0;opacity: 1; transform: translateY(0);transition: opacity 0.15s linear, transform 0.15s linear}
.header .right_nav .sub-menu li{margin-left: 0;width: 100%;float: left;background: #ffffff;padding:0 12px;text-align: left;}
.header .right_nav .sub-menu li a{display: block;text-transform: inherit;font-size: 17px;color: #000000;font-weight: 400;padding: 10px 0;position: relative;}
.header .right_nav .sub-menu li a::before{content: ""; position: absolute;left: 0;bottom: 0;width: 100%;height: 2px; background: linear-gradient(90deg, #00ffff 0%, #85f8a5 100%);}
.header .right_nav .sub-menu li:last-child a::before{display: none;}
.header .right_nav .sub-menu li a:hover{ background: -webkit-linear-gradient(90deg, #00ffff 0%, #85f8a5 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.header .right_nav .sub-menu li a::after{display:  none !important;}
.header .right_nav .sub-menu li:last-child a{border-bottom: none;}
.moble_bar{display: none;}
/* .header .right_nav li.menu-item-has-children > a::before {content: "";position: absolute;right: -18px;top: 50%;background: url(images/arrow-down.png)right center no-repeat;width: 14px;height: 12px;background-size: 14px;transform: translateY(-50%);} */

/* header css end */

/* hero css start */
.hero{ position: relative;height: 100vh;max-height: 733px;min-height: 700px; display: flex;flex-wrap: wrap;align-items: flex-end;overflow: hidden;}
.hero::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0,0.2);}
.video_fix{position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;}
.hero .wrapper{position: relative;z-index: 2;}
.hero .title_box{padding-bottom: 158px;max-width: 800px;width: 100%;}
.hero h1{color: #ffffff;margin-bottom: 0;text-transform: uppercase;}
.hero.comm{height: 100%;min-height: 485px;padding-top: 180px;}
.hero.default{margin-bottom: 60px;}
.hero.default .title_box{padding-bottom: 30px;}
/* hero css end */

/* intro text css start */
.inteo_section{margin-top: -114px;position: relative;z-index: 2;overflow: hidden;}
.inteo_section .outer_part{background: #ffffff;padding: 50px 80px;position: relative;}
.inteo_section .outer_part::after{content: "";position: absolute;right: -500%;width: 500%;height: 100%;background: #ffffff;top: 0;}
.inteo_section .outer_part::before{content: "";position: absolute;right: -400%;width: 500%;height: 10px;  background: linear-gradient(90deg, #00ffff 0%, #85f8a5 100%);top: 0;z-index: 1;}
.inteo_section .outer_part p:last-child{margin-bottom: 0;}
.inteo_section p:not(.single_product p){ font-size: 28px; line-height: 45px;}
.our_partner .partner_card{margin-bottom: 45px;max-width: 22%;}
.our_partner .partner_card img{display: block;margin: auto;}
/* intro css end */

/* image and text css star */
.image_text_section .wrapper{max-width: 1440px;padding: 0;}
.image_text_section .left_image{width: 50%;position: relative;}
.image_text_section .image_gradient{border-top-right-radius: 30px;overflow: hidden;}
.image_text_section .right_text{width: 50%;padding-left: 80px;padding-right: 20px;}
.image_text_section .left_image  img{width: 100%;display: block;}
.image_gradient{position: relative;}
.image_gradient::after{content: ""; position: absolute;left: 0;bottom: 0;width: 100%;height: 10px; background: linear-gradient(90deg, #00ffff 0%, #85f8a5 100%);transition: 0.4s;}
.image_text_section .text_wrap{max-width: 500px;float: left;}
.image_text_section .text_wrap p:last-child{margin-bottom: 0;}
.image_text_section .text_wrap ul { display: list-item; margin: 0 0 20px 20px; }
.image_text_section .text_wrap p strong{font-weight: 500;}
.image_text_section.contact .outer_part{align-items: unset;}
.image_text_section.contact h2{margin-bottom: 25px;}
.image_text_section.contact .image_gradient{height: 100%;}
.image_text_section.contact iframe{display: block;width: 100%;height: 100%;min-height: 500px;}
.image_text_section.contact .image_gradient div{height:100%;}
.image_text_section p a{text-decoration: underline;}
.image_text_section.contact p a{text-decoration: unset;}
.image_text_section.contact p a:hover{text-decoration: underline;}
.image_text_section.contact p em{min-width: 80px;display: inline-block;}
.image_text_section p a{text-decoration: underline;}

/* image and text css end */

/* our mission start */
.our_mission .top_content{max-width: 775px;margin: 0 auto;text-align: center;width: 100%;}
.our_mission .our_partner{width: 100%;margin-top: 70px;}
/* our mission end */

/* our market start */
.our_market .top_content{max-width: 532px;width: 100%;float: left;}
.our_market .inner_part{margin-top: 20px;display: flex;flex-wrap: wrap;justify-content: space-between;gap: 40px;}
.our_market .card{width:calc(50% - 20px);position: relative;overflow: hidden;border-top-left-radius: 30px;border-top-right-radius: 30px;}
.our_market .card img{width: 100%;display: block;transform: scale(1);transition: 0.4s;}
.our_market .card:hover img{transform: scale(1.1);}
.our_market .card .bottom_text{position: absolute;left: 0px;bottom: 0px;width: 100%;padding: 30px;}
.our_market .card .bottom_text h3{color: #ffffff;margin-bottom: 0;line-height: 40px;}
/* our market end */

/* text section css start */
.text_section .outer_part{max-width: 821px;}
.text_section .bottom_images{margin-bottom: -20px;}
.text_section .bottom_images img{max-width: 25%;width: 100%;margin-bottom: 20px;}
/* text section css end */

/* product css start */
.product_section .product_slider{max-width: 1440px;margin: 0 auto;}
.product_slider .slick-list {padding: 0 20% !important;}
.product_slider .slick-slide { margin: 0 30px;}
.product_slider .image{position: relative;margin-bottom: 20px;}
.product_slider  h2{margin-bottom: 20px;}
.product_slider .image img{width: 70%;}
.product_slider .image .new{position: absolute;right: 20px;top: 20px;transform: rotate(19deg);background: linear-gradient(90deg, #00ffff 0%, #85f8a5 100%); width: 102px;height: 35px;color: #ffffff;font-family: 'Ubuntu', sans-serif;font-size: 30px;font-weight: 700;line-height: 40px;text-align: center;display: flex;align-items: center;justify-content: center;}
.product_slider p{margin-bottom: 0;}
/* product css end */

/* cta css start */
.cta{padding: 135px 0;}
.cta p{margin-bottom: 22px;}
.cta .wrapper{max-width: 800px;}
.cta .outer_part{background-color:rgba(255, 255, 255, 0.7);;width: 100%;float: left;padding: 45px 50px 60px;border-top-left-radius: 30px;border-top-right-radius: 30px;text-align: center;}
.newsletter{max-width: 520px;margin: 0 auto;  position: relative;}
.newsletter input:not(input[type="submit"]){border-radius: 10px;font-size: 15px;font-weight: 300;font-style: italic; width: 100%;padding: 15px 20px;padding-right: 160px;border: 1px solid #000;}
.newsletter input[type="submit"]{border-top-right-radius: 10px;border-bottom-right-radius: 10px; cursor: pointer; width: 142px;padding: 10px 30px;text-align: left; background: url(images/arrow.png)right 15px center no-repeat #000;height: 100%;position: absolute;right: 0;top: 0;border: 1px solid #000;color: #fff;font-size: 18px;font-weight: 500;transition: 0.4s;}
.newsletter input[type="submit"]:hover{background-color: rgb(0, 0, 0, 0.8) ;border-color: rgb(0, 0, 0, 0.8);}
.newsletter p{margin-bottom: 0;position: relative;}
.newsletter .wpcf7-spinner{position: absolute;right: 0;top: 5px;}
.newsletter .wpcf7-not-valid-tip{display: none;}
.newsletter input.wpcf7-not-valid{border-color: #dc3232 !important;}
.newsletter .wpcf7-response-output{background: rgba(0, 0, 0, 0.8);color: #fff; font-size: 16px;text-align: center;margin-left: 0 !important;padding: 15px !important;}
/* cta css end */

/* two col text start */
.two_col_text .col_half{width: 46%;}
.full_width_text p:last-child{margin-bottom: 0;}
.two_col_text p a{text-decoration: underline;}
.two_col_text .btn_one{margin-bottom: 25px;}
/* two col text end */

/* sicky bar start */
.sticky_bar{position: fixed;right: -105px;top: 50%;transform: translateY(-50%) rotate(-90deg);z-index: 10;}
.sticky_bar .d_flex {transform: rotate(180deg);}
.sticky_bar a.btn_one .arrow{margin-left: 0;margin-right: 10px;}
/* sicky bar end */
/* 
.image_text_section .outer_part {align-items: unset;}
.image_text_section .image_gradient{height: 100%;}
.image_text_section .left_image img{height: 100%;object-fit: cover;} */


/* footer css start */
.footer{background: linear-gradient(90deg, #00ffff 0%, #85f8a5 100%);}
.footer h1{text-transform: uppercase;}
.footer .footer_top{padding: 135px 0;}
.footer .footer_top li{line-height: 41px;}
.footer .footer_top li a:hover{text-decoration: underline;}
.footer .footer_top li em{width: 80px;display: inline-block;}
.footer .left_part{width: 48%;max-width: 475px;}
.footer .left_part p{max-width: 372px;}
.footer .left_part p:last-child{margin-bottom: 0;}
.footer .right_part{width: 48%;}
.footer .footer_bottom{margin-bottom: 35px;}
.footer .footer_bottom li{display: inline-block;font-size: 14px;margin-left: 20px;}
.footer .footer_bottom li a{text-decoration: underline;}
.footer .footer_bottom li a:hover{text-decoration: unset;}

.our_market.othervacancy { margin: 0; padding: 50px 0; }


.product_post_page .inteo_section  .outer_part{padding: 50px 40px 20px;}
.product_post_page .inteo_section .our_partner {width: 672px;position: relative;}
.product_post_page .inteo_section .our_partner::after{content: "";
    position: absolute; left: 0; width: 100%; height: 2px; background: linear-gradient(90deg, #00ffff 0%, #85f8a5 100%); bottom: 0; z-index: 1;}
.product_section .product_outer.overview{gap: 50px;justify-content: flex-start;}
.product_section .product_outer.overview .product_card{  width: calc(25% - 38px);}
.product_post_page .our_partner .partner_card{max-width: 30%;}

.product_cat_box{padding:  0 40px;display: flex;justify-content: space-between;align-items: center;margin: 60px  0;flex-wrap: wrap;}
.product_cat_box .left_link{width: calc(100% - 300px);}
.product_cat_box .right_img{width: 300px;text-align: right;}
.product_post_page .product_outer {}

.product_cat_page .our_partner .partner_card{opacity: 0.1;}
.product_cat_page .our_partner .partner_card.active{opacity: 1;}
.product_cat_page .our_partner a.partner_card:hover{opacity: 1;}

.single_product  .product_cat_box{align-items: flex-start;margin-top: 20px;margin-bottom: 100px;}

.single_product  .product_cat_box .left_link{width: calc(100% - 380px);padding-right: 20px;}
.single_product  .product_cat_box .right_img{width: 360px;text-align: left;}
.single_product .product_image{display: block;margin: 0 auto;width: 90%;}
.Interesse .image_gradient{padding: 40px;border-top-left-radius: 30px; border-top-right-radius: 30px;  box-shadow: 0px 2px 4px rgba(0,0,0,0.5);text-align: center;}

.single_product .top_images img{margin-bottom: 15px;display: block;margin:  auto auto;}

.downloads_block li a{padding: 22px 0px;padding-right: 65px; position: relative;display: block;}
.downloads_block li a::after{content: ""; position: absolute;left: 0;bottom: 0; width: 100%; height: 2px;background: linear-gradient(90deg, #00ffff 0%, #85f8a5 100%); transition: 0.4s;}
.downloads_block li a::before{content: "";position: absolute;right: 30px;top: 19px;width: 32px;height: 32px;background-size: 32px !important;}
.downloads_block li.jpg a::before{background: url(images/jpg-icon.svg)center no-repeat;}
.downloads_block li.pdf a::before{background: url(images/pdf-icon.svg)center no-repeat;}



.careers_single_page ul{padding-left: 0;}
.careers_single_page ul li{padding-left: 20px;list-style: none; position: relative;}
.careers_single_page ul li::before{content: "";position: absolute;background: url(images/arrow.png)center no-repeat;left: 0;top: 10px;width: 13px;height: 23px;background-size: 13px;}

.Interesse{margin-top: 25px;}

.pagination{display: flex;justify-content: flex-end;margin-top: 40px;}

.pagination .wp-pagenavi a, .pagination .wp-pagenavi span{border-top-left-radius: 30px;padding: 5px 5px;position: relative;margin: 2px 5px;
    border-top-right-radius: 32px;width: 32px;height: 30px;border: none;background: #000;color: #fff;font-size: 18px;font-weight: 500 !important;display: inline-block;text-align: center;}

    .pagination .wp-pagenavi a:hover::before,.pagination .wp-pagenavi span.current::before{content: "";
        position: absolute; left: 0; width: 100%; height: 4px; background: linear-gradient(90deg, #00ffff 0%, #85f8a5 100%); bottom: -4px; z-index: 1;}
/* footer css end */






/********************************** new css start *****************************************/

.main-content.bess_page_temp{margin-top: 138px;}
.calculator_section{display: flex;flex-wrap: wrap;align-items: flex-start;justify-content: space-between;overflow: clip;}
.calculator_section .left_part{width: 50%;position: sticky;top: 0;left: 0;}
.calculator_section .left_part img{width: 100%;display: block;}
.calculator_section .right_part{width: 50%;position: relative;padding: 70px;}
.calculator_section .right_part::before{content: "";position: absolute;right: -400%;width: 500%;height: 10px;background: linear-gradient(90deg, #00ffff 0%, #85f8a5 100%);top: 0;z-index: 1;}
.calculator_section .text_box{max-width:410px;width: 100%;float: left;}
.calculator_section .text_box p a{text-decoration: underline;}
.calculator_section .text_box p a:hover{text-decoration: none;}
.calculator_section .right_part h2{margin-bottom: 20px;}

.custom_form_sec .field label{width: 100%;float: left;margin-bottom: 10px;font-size: 16px;font-family: 'Ubuntu', sans-serif;font-weight: 500;color: #000;font-style: normal;}
.custom_form_sec .field input{width: 100%;float: left;}
.custom_form_sec .field textarea{width: 100%;float: left;resize: none;border: 1px solid #000000;padding: 12px;border-radius: 8px;font-size: 15px;font-family: 'Ubuntu', sans-serif;height: 150px;}

.custom_form_sec .field input{border: 1px solid #000000;padding: 12px;border-radius: 8px;font-size: 15px;font-family: 'Ubuntu', sans-serif;}
.custom_form_sec .field.left{width: 42%;float: left;}
.custom_form_sec .field.right{width: 42%;float: right;}
.custom_form_sec .field .top{margin-bottom: 6px;}
.custom_form_sec .field .top input{width:calc(100% - 65px);float: left;padding: 16px 12px;}
.custom_form_sec .field .top label{width: 60px;float: right;text-align: center;font-size: 14px;line-height: 1.1;font-weight: 300; font-style: italic;color: #858585;font-family: 'Ubuntu', sans-serif;}
.custom_form_sec .top label strong{display: block;font-size: 18px;line-height: 1.1;font-style: normal;color: #000;margin-top: 3px;}

.custom_form_sec p{width: 100%;float: left; font-style: italic;color: #858585;font-size: 14px;line-height: 1.1;margin-bottom: 0;font-family: 'Ubuntu', sans-serif;line-height: 22px;}
.custom_form_sec h5{margin-bottom: 6px;font-weight: 500;font-size: 16px;line-height: 1;font-family: 'Ubuntu', sans-serif;}
.custom_form_sec hr,.custom_form_sec h4{width: 100%;float: left;}

.custom_form_sec .text_field{margin-bottom: 30px;}
.custom_form_sec .field{margin-bottom: 20px;}
.custom_form_sec .text_field .left_text{width: 78%;float: left;}
.custom_form_sec .text_field .right_text{width: 22%;float: right;text-align: right;}
.custom_form_sec hr{border: none;border-bottom: 2px solid #858585;margin-bottom: 40px;}

.custom_form_sec .field.submit_btn{position: relative;}
.custom_form_sec .field input[type="submit"],.custom_form_sec .field button{text-align: left; transition: 0.4s; padding:12px 45px 12px 20px;min-width:136px;font-weight:500;line-height: 1;background:#000;color: #fff; position: relative;display: inline-block;border-radius: unset; border-top-left-radius: 8px;border-top-right-radius: 8px;font-family: 'Roboto', sans-serif;cursor: pointer;}
.custom_form_sec .field input[type="submit"]:hover,.custom_form_sec .field button:hover{background-color: rgba(0, 0, 0, 0.8);border-color: rgba(0, 0, 0, 0.8);}
.custom_form_sec .field.submit_btn::after{content: ""; position: absolute;left: 0;top: 100%;width: 100%;height: 5px; background: linear-gradient(90deg, #00ffff 0%, #85f8a5 100%);transition: 0.4s;}
.custom_form_sec .field.submit_btn:hover::after{background: linear-gradient(90deg, #85f8a5 0%, #00ffff 100%);}
.custom_form_sec .field.submit_btn::before{content: ""; background: url(images/arrow.png)center no-repeat;width: 13px;height: 23px;background-size: 13px;display: inline-block;position: absolute;right: 22px;top: 50%;transform: translateY(-50%);z-index: 1;pointer-events: none;}

.custom_form_sec .field.select_btn p{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;}
.custom_form_sec .field.select_btn label,.yes_no_field h5{width: 70%;float: left;}
.custom_form_sec .field.select_btn .wpcf7-form-control-wrap,.yes_no_field .switch_btn{width: 27%;float: right;}
.custom_form_sec .field.select_btn select{width: 100%;float: left; border: 1px solid #000000;padding:12px 35px 12px 10px;border-radius: 8px;font-size: 15px;font-family: 'Ubuntu', sans-serif;background:url(images/arrow-down.png)right 10px center no-repeat transparent;-webkit-appearance: none;background-size: 17px;}
textarea:focus,select:focus,input:focus{outline: none;}

.yes_no_field{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.custom_form_sec .switch_btn input[type="radio"]{display: none;}
.custom_form_sec .wpcf7-radio{position: relative; display: flex;border: 1px solid #000;border-radius: 8px;flex-wrap: wrap;justify-content: space-between;text-align: center;overflow: hidden;}
.custom_form_sec .wpcf7-radio .wpcf7-list-item-label{width: 100%;color: #858585;font-weight: 400;cursor: pointer;display: inline-block; padding: 12px;margin-bottom: 0;}
.custom_form_sec .wpcf7-radio input[type="radio"]:checked + .wpcf7-list-item-label{background: #000;color: #fff;}
.custom_form_sec .field p{margin-bottom: 0;width: 100%;}
.custom_form_sec .switch_btn label{margin-bottom: 0;}
.switch_btn .wpcf7-list-item{margin-left: 0 !important;}
.switch_btn .wpcf7-list-item{width: 50%;}

.calculator_section  .wpcf7-spinner{display: none !important;}
.calculator_section  .wpcf7-form-control-wrap{width: 100%;display: block;}
.calculator_section  .wpcf7-response-output{margin: 20px 0 10px !important;padding: 10px !important;text-align: center;width: 100%;float: left;font-size: 16px !important;}
.calculator_section  .field input.wpcf7-not-valid{border-color: #dc3232  !important;}
.calculator_section  .wpcf7-not-valid-tip{font-size: 0 !important;display: none !important;}

/********************************** new css end *****************************************/


@media only screen and (min-width: 1024px) {
.image_text_section.image_right .left_image{order: 2;}
.image_text_section.image_right .right_text{order: 1;padding-left: 20px;padding-right: 55px;}
.image_text_section.image_right .right_text .text_wrap{float: right;}
.image_text_section.image_right .image_gradient{border-top-right-radius: 0px;border-top-left-radius: 30px;overflow: hidden;}
}

/* Responsive css start */
@media only screen and (max-width: 1250px) {
    .wrapper{padding: 0 40px;}
    .sticky_bar a.btn_one { padding: 10px 20px 10px; font-size: 16px;}
    .sticky_bar a.btn_one .arrow{background-size: 15px;width: 10px; height: 18px;}
    .sticky_bar{right: -90px;}
    .image_text_section .right_text{padding-left: 30px;}
    .image_text_section.image_right .right_text{padding-right: 30px;padding-left: 40px;}
    .inteo_section .outer_part{padding: 50px ;}
    .calculator_section .right_part{padding: 40px 30px;}
}

@media only screen and (max-width: 1023px) {
    .header{padding: 20px 0;}
    .m_100{margin-bottom: 80px;}
    .wrapper{padding: 0 40px;}
    .header .right_nav{display: none;}
    .moble_bar{display: block;width: 45px;min-height: 35px;}
    .moble_bar span{display: block;width: 100%;background: #000000;height: 5px;}
    .header.header_trp .moble_bar span{background: #fff;}
    .header.header_trp.sticky .moble_bar span{background: #000;}
    .moble_bar span:not(:last-child){margin-bottom: 10px;}
    h1{font-size:50px;line-height: 58px;}
    h2{font-size:35px;}
    h3{font-size:25px;}
    h4{font-size: 20px;}
    h5{font-size: 18px;}
    h6{font-size: 16px;}
   .inteo_section p:not(.single_product p) {font-size: 25px; line-height: 45px;}
   .image_text_section .outer_part {padding: 0 40px;}
   .image_text_section.image_right .right_text{padding-right: 0px;padding-left: 0px;}

   .image_text_section .left_image{width: 100%;margin-bottom: 35px;}
   .image_text_section .right_text{width: 100%;padding-left: 0px;padding-right: 0px;}
   .image_text_section .text_wrap{width: 100%;}
   .inteo_section .outer_part{padding: 40px 30px;}
   .image_text_section .text_wrap{max-width: 100%;}
   .our_market .card .bottom_text{padding: 20px;}
   .our_market .inner_part{gap: 20px;}
   .our_market .card { width: calc(50% - 10px);}

   .product_slider .slick-list {padding: 0 12% !important;}
   .product_slider .slick-slide {margin: 0 20px;}
   .footer .footer_top,.cta{padding: 80px 0;}
   .image_text_section .image_gradient { border-top-right-radius: 30px;  border-top-left-radius: 30px; }

   .product_section .product_outer.overview .product_card{width: calc(33.33% - 38px);}
   .single_product .product_cat_box .left_link{width: 100%;text-align: left;margin-bottom: 60px;}
   .single_product .product_cat_box .right_img{width: 100%;max-width: 360px;}
   .calculator_section .left_part{width: 100%;position: static;}
   .calculator_section .right_part{width: 100%;padding: 40px;}
   .calculator_section .text_box{width: 100%;max-width: 100%;}
.custom_form_sec {max-width: 500px;}
.main-content.bess_page_temp {margin-top: 118px;}
.calculator_section .left_part img{max-height: 400px;object-fit: cover;}

}

@media only screen and (max-width: 767px) {

    .wrapper, .image_text_section .outer_part{padding: 0 20px;}
    .inteo_section .outer_part{padding: 40px 20px;}

    .our_market .card{width: 100%;}
    .footer .left_part{width: 100%;max-width: 100%;margin-bottom: 35px;}
    .footer .right_part{width: 100%;}
    .header .logo img{max-height: 40px;}
    .header .logo{width: 185px;}
    .hero{min-height: 500px;max-height: 600px;}
    .cta .outer_part{padding: 40px 20px;}
    .footer .footer_top, .cta{padding: 60px 0;}
    .two_col_text .col_half{width: 100%;}
    .sticky_bar {display: none;}

    .product_section .product_outer.overview{gap: 30px;}
    .product_section .product_outer.overview .product_card{width: calc(50% - 25px);}
    .product_post_page .inteo_section .our_partner{width: 100%;}
    .product_cat_box{padding: 0;}
    .main-content.bess_page_temp {margin-top:83px;}
    .calculator_section .right_part{padding:30px 20px;}


}

@media only screen and (max-width: 600px) {
    h1{font-size:30px;line-height: 38px;}
    h2{font-size:25px;}
    h3{font-size:22px;}
    h1, h2, h3, h4, h5, h6,p,.our_partner .partner_card,.text_section .bottom_images img{margin-bottom: 25px;}
    .our_market .top_content{max-width: 100%;}
    .our_partner .partner_card,.text_section .bottom_images img{max-width: 40%;}
    .product_slider .image .new{font-size: 22px;line-height: 1;width: 85px; height: 30px;}
    .product_slider .slick-slide { margin: 0 10px;}
    .product_slider .slick-list { padding: 0 10% !important; }
    .product_slider .title h2{margin-bottom: 10px;}
    .m_100{margin-bottom: 60px;}
    .inteo_section p:not(.single_product p) { font-size: 18px;line-height: 34px;}
    .inteo_section .wrapper{padding: 0;}
    .inteo_section{margin-top: 0;}
    .hero .title_box{padding-bottom: 30px;}
    .hero { min-height: 440px; max-height: 440px;}
    .footer .left_part p{max-width: 100%;}
    .newsletter input[type="submit"]{position: static;margin-top: 15px;border-radius: 10px;}
    .newsletter input:not(input[type="submit"]){padding-right: 20px;}
    .cta .wrapper{padding: 0 10px;}
    .cta .outer_part{padding: 40px 10px;}
    body,p, .list li{font-size: 18px;}
    p, .list li{font-size: 18px;line-height: 30px;}
    .footer_nav{width: 100%;margin-top: 15px;}
	.footer .footer_bottom li { margin-left: 0; margin-right: 15px; }
    .our_market .card,.image_text_section .image_gradient{border-top-left-radius: 20px;border-top-right-radius: 20px;}
    .our_market .card .bottom_text{padding: 10px;}
    .moble_bar{width: 40px;}
    .moble_bar span{height: 4px;margin-bottom: 8px;}
    .newsletter{max-width: 90%;}
    .hero.comm,.image_text_section.contact iframe{min-height: 350px;}

    .careers_single_page ul li::before {top: 5px;background-size: 10px;}

    .product_post_page .inteo_section .outer_part{padding: 40px 20px;}
    .product_post_page .our_partner .partner_card{width: 33.33%;}
    .product_cat_box .left_link{width: 100%;margin-bottom: 20px;text-align: center;}
    .product_cat_box .right_img{width: 100%;text-align: center;}
    .product_section .product_outer.overview .product_card{width: 100%;}
    .product_section .product_outer.overview .product_card img{max-height: 250px;width: auto; margin: 0 auto; display: block;}
    .product_section .product_outer.overview  .title{text-align: center;}
    .single_product .product_cat_box .right_img{max-width: 100%;}
    .custom_form_sec {max-width: 100%;}
    .custom_form_sec .field.left,.custom_form_sec .field.select_btn label, .yes_no_field h5,.custom_form_sec .text_field .left_text,.custom_form_sec .text_field .right_text{width: 100%;}
    .custom_form_sec .field.right,.custom_form_sec .switch_btn{width: 100%;}
    .custom_form_sec .switch_btn{max-width: 200px;margin-top: 10px;}
    .custom_form_sec .text_field .right_text{float: left;text-align: left;margin-top: 10px;}
    .custom_form_sec .field.select_btn .wpcf7-form-control-wrap{width: 200px;}




}

@media only screen and (max-width: 350px) {
    .footer .footer_bottom li{margin-left: 10px;}
}



/* hide cta on brochure page */ 

.page-id-180 .cta {display:none;}

/* product titles */

.product_section  h2:not(.product_cat_box h2) {
	font-size:15px;
}

.right_text ul {list-style:disc; line-height:1.5em;margin:20px;}
.right_text ul ul {list-style:none;line-height:1.5em;}