body{font-family:"Montserrat", sans-serif;}
a {text-decoration: none;}
ul{margin: 0; padding: 0;}
li{list-style: none;}

.container{width: 1140px;}

.menu_area{position: relative;z-index: 100;}
.menu_area nav{height:80px;}
.menu_area .navbar-brand{margin: auto 0 0;}
.menu_area .navbar{padding: 0;}
.menu_area .navbar ul li a{color: #2e2e2e; text-transform: uppercase; font-size: 13px;font-weight: bold; padding: 12px 25px !important;letter-spacing: .6px;}
.menu_area .navbar ul li a:hover{color: #01aeef;}
.menu_area .collapse{justify-content: end;}
.head_cont a{background: #01aeef; color: #fff !important;}

.slider_area .slide{display: flex !important; height: 600px;background: #01aeef;}
.slide_img{width: 60%;}
.slide_img img{width: 100%;height: 100%;object-fit: cover;}
.slide_cont{width: 40%;margin: auto 0; padding:15px 15px 15px 100px;}
.slide_cont p{color: #fff; font-size: 14px;line-height: 20px; margin: 5px 0;font-weight: 500;}

.scrollscreen--slider {padding:8px;}
.scrollscreen--track {width:2px;background:#133778;position: absolute;right: 1px;top: 50%;height: 300px;pointer-events: none;transform: translateY(-50%);}
*[dir='rtl'] .scrollscreen--track {left:0;right:auto;}
.scrollscreen--slider {position:absolute;top:0;left:0;right:0;box-sizing:border-box;height:0;border:none;background:transparent;pointer-events:none;}
.scrollscreen--slider::after {content:'';display:block;width:5px;height:100%;right:13px;top:0; position:absolute;background:#1583fa;}
.scrollscreen--content {position:relative;height:100%;overflow-x:hidden;overflow-y:auto;}
.scrollscreen--content::-webkit-scrollbar {-webkit-appearance: none;}
.scrollscreen {overflow:hidden;height: 300px;position:relative;}
.slider_area{margin: 0 !important; position: relative !important;}
.slider_area .slick-dots{position: absolute; left: 50px; top: 50%; transform: translateY(-50%); width: 3px;background: rgba(255,255,255,0.5); display:flex;flex-wrap: wrap; counter-reset: dots;}
.slider_area .slick-dots li{margin: 0;;height: auto;position: relative; transition: all 0.5s;}
.slider_area .slick-dots .slick-active{background: #fff;}
.slider_area .slick-dots li button{padding: 0;width: 0;}
.slider_area .slick-dots li button:before{counter-increment: dots; content: '0' counter(dots); color: transparent !important;}
.slider_area .slick-dots li:first-child button{top: -35px;position: absolute;left: -10px;}
.slider_area .slick-dots li:first-child button:before {font-size: 16px;font-weight: bold;color: #fff !important; opacity: 1;font-family:"Montserrat", sans-serif;}
.slider_area .slick-dots li:last-child button{bottom: -35px;position: absolute;left: -10px;}
.slider_area .slick-dots li:last-child button:before {font-size: 16px;font-weight: bold;color: #fff !important; opacity: 1;font-family:"Montserrat", sans-serif;}
.slider_area .slick-dots li:hover{background: #fff;}

.slide_cont .btn_box{margin-top:20px;}
.btn_box a{display: inline-block;padding: 13px 22px;border: 1px solid #fff;font-size: 14px;font-weight: bold;text-transform: uppercase;color: #fff; transition:all 0.5s;}
.btn_box a:hover{background: #28772e; border: 1px solid #28772e;}

.head{color: #383434;font-size: 40px;line-height: normal;font-weight: 800;margin-bottom: 20px;text-transform: uppercase;text-align: center;}

.product_area{padding: 50px 0;}
.pro_box{padding: 30px;box-shadow: -2px 2px 14px 0px rgb(202 202 202 / 75%);margin: 15px 0;}
.pro_img{height: 235px;overflow: hidden;}
.pro_img img{width: 100%;height: 100%; object-fit: cover;transition: all 0.5s;}
.pro_box:hover img{transform: scale(1.2);}
.pro_box h3 {font-weight: bold;color: #2d2d2d;font-size: 24px;line-height: 30px;margin: 10px 0;}
.pro_box p{padding: 0;color: #717171;font-size: 14px;line-height: 20px;font-weight: 500;margin-bottom: 10px;}
.btn_box2 a{border: 1px solid #01aeef; color: #01aeef; padding: 8px  20px;}
.btn_box2 a:hover{color: #fff; background: #01aeef;border: 1px solid #01aeef;}

.abt_area{background: #fafafa; padding: 50px 0;}
.abt_left{height: 450px;}
.abt_left img{width: 100%; height: 100%; object-fit: cover;}
.abt_right{width: 100%; margin: auto 0;}
.abt_right .head{text-align: left;}
.abt_right p{padding: 0;color: #717171;font-size: 14px;line-height: 20px;font-weight: 500;margin-bottom: 10px;}
.abt_right .btn_box2{margin-top: 30px;}
.abt_margin{margin-top: 30px;}
.abt_right h3{font-size: 25px;line-height: 30px;font-weight: 600;margin-bottom: 15px;color: rgb(56, 52, 52);}
.abt_right ul{display: flex; flex-wrap: wrap;}
.abt_right ul li{margin-bottom: 6px;position: relative;padding:0 15px 0 20px;font-size: 14px; width: 33.3333%; flex: 0 0 auto;}
.abt_right ul li:after {position: absolute;font-family: "Font Awesome 6 Free";top: 0;left: 0px;padding-right: 10px;content: "\f061";color: #01aeef; font-weight: bold;}

.video_area{padding: 50px 0;}
.video_box{position:relative;}
.video_box img{width:100%;cursor:pointer; height: fit-content; object-fit: cover;}
.play_btn{position:absolute;left:50%; top:50%; transform:translate(-50%,-50%);width: 60px !important;}

.benefit_area{background: #01aeef; padding: 50px 0;}
.benefit_area h2{color: #fff;}
.benefit_area p{color: #fff;font-size: 16px;line-height: 21px;font-weight: 600; text-align: center; margin: 0 0 20px;}
.benefit_box{counter-increment: inst;position: relative;}
.benefit_box:before {content: counter(inst);position: absolute;top: 0;left: 0;color: #fff;font-size: 17px;font-weight: bold;padding-left: 12px;}
.benefit_box h3 {position: relative;padding-left: 55px;font-size: 24px;line-height: 28px;font-weight: 700;margin-bottom: 25px;color: #fff;text-transform: uppercase;}
.benefit_box h3:after {position: absolute;content: "";top: 0;left: 20px;bottom: 0;margin: auto;width: 25px;height: 3px;background: #fff;}
.benefit_box ul li {font-size: 15px;line-height: 20px;font-weight: 600;color: #fff;position: relative;padding-left: 30px;margin-bottom: 20px;}
.benefit_box ul li:after {position: absolute;content: "\f061";top: 0;left: 0;font-family: "Font Awesome 6 Free";font-size: 18px;color: #fff; font-weight: bold;}

.newsletter_area{background: #fafafa; padding: 50px 0;}
.newsletter_area h4 {text-align: center;font-weight: 600;}
.newsletter_area p {text-align: center;margin-bottom: 24px;}
form.tnp-subscription {display: flex !important;}
.tnp-subscription div.tnp-field, .tnp-profile div.tnp-field {margin-bottom: 0 !important;}
.tnp-subscription div.tnp-field.tnp-field-email, .tnp-profile div.tnp-field.tnp-field-email {flex: 1;margin-bottom: 0 !important;background: #fff;}
.tnp-subscription input[type=email] {background: #fff !important;}
.tnp-field-email input{width: 100%;padding: .7em;display: block;border: 1px;color: #444;border-color: #ddd;background-color: #f4f4f4;background-image: none;text-shadow: none;font-size: 1em;margin: 0;line-height: normal;box-sizing: border-box;}
.tnp-field-button input{background: #01aeef; color:#fff; border: none;height: 100%; padding: 0 15px;}

.main-footer{background:#fff;padding: 50px 0;}
.ftr-logo p{ font-size:13px; line-height: 20px; font-weight: 600; color:#6a6a6a; margin-top: 20px; }
.ftr-logo figure img{ width: 140px; }
.ftr-adrs p{ font-size: 13px; line-height: 20px; color:#6a6a6a;  font-weight: 600; display: flex; }
.ftr-adrs a{ color:#6a6a6a; }
.ftr-adrs span{ padding-right:10px; font-size: 17px; }
.main-footer h4 {font-size: 17px;line-height: 22px;font-weight: bold;color:#6a6a6a;margin: 0 0 15px;}
.main-footer ul li{margin: 0;}
.main-footer ul li a {font-size: 0.85rem;font-weight: 600;color:#6a6a6a; transition: all 0.5s;}
.main-footer ul li a:hover{ color: #01aeef;}
.copyright{ background: #000; padding: 5px 0; }
.copyright p{font-size: 0.75rem;font-weight: 600;color:#d7d7d7;margin: 10px 0;}
.copyright p a{color:#01aeef;}
.ftr-social a{color:#6a6a6a; font-size: 15px; display: inline-block; padding: 0 10px 0 0;transition: all 0.5s;}
.ftr-social a:hover{ color: #01aeef; }

/* ------------- inner banner ---------------------- */

.inner_banner img {width: 100%;max-width: 100%;max-height: 350px;object-fit:cover;}
ul.breadcrumbs li{ display: inline-block; padding: 0px 5px; margin-bottom: 0; }
.innerBanner{ position: relative; }
.innerBanner:after{content: ""; position: absolute;left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%;background: rgb(0,0,0);background: linear-gradient(76deg, rgba(0,0,0,0.5606617647058824) 0%, rgb(9 9 9 / 67%) 86%);}
.innerBanner img{ width: 100%; max-width: 100%; max-height:300px; object-fit: cover; }
.title_breadcrumb-inner{ position: absolute; width: 100%;left:0; bottom:0; z-index: 5; }
.title_breadcrumb-inner span{display: inline-block;padding: 10px;width: auto;min-width: 250px;text-align: center;color: #fff;background: rgb(1 174 239 / 50%);border-radius:0;}
.title_breadcrumb-inner span h1{ font-size:30px; padding-bottom: 10px; margin-bottom: 0px; color: #fff; font-weight: 600;}
ul.breadcrumb_bottom {display: flex;align-items: center;justify-content: center;}
.breadcrumb_bottom ul{  margin-bottom: 0px; text-align: center;}
.breadcrumb_bottom ul li{color: #fff;font-size: 15px;  margin: 0;}
.breadcrumb_bottom ul li:not(:first-child){padding: 0 0 0 10px;}
.breadcrumb_bottom ul li strong{ color: #fff; font-weight: 400;}
.breadcrumb_bottom ul li a{ color: #fff; }
.breadcrumb_bottom ul li a:hover{ color: #fff;  }
.breadcmb-text{position: absolute;width: 100%;left:50%;transform: translate(-50%, -50%);top: 50%;z-index: 5;}
.breadcmb-text h1{ font-size: 45px; line-height: 55px; color: #fff; }

.pro_detail{padding-top:50px;}
.pro_left img{width:100%;}
.pro_right p{padding: 0;color: #717171;font-size: 14px;line-height: 20px;font-weight: 500;margin-bottom: 10px;}


.gallery_area{padding:70px 0;}
.gal_box .image-slider {position: relative;height: 400px;overflow: hidden;border: 2px solid #ccc;border-radius: 8px;}
.gal_box .img-wrapper {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.gal_box .img-wrapper img {width: 100%;height: 100%;object-fit: cover;}
.gal_box .slider-line {position: absolute;top: 0;bottom: 0;width: 2px;background-color: #005190;z-index: 2;pointer-events: none;left: 50%;transform: translateX(-50%);}
.gal_box .slider {-webkit-appearance: none;background-color: transparent;position: absolute;width: calc(100% + 2.25rem);height: 100%;left: -1.125rem;}
.gal_box .slider::-webkit-slider-thumb {-webkit-appearance: none;appearance: none;height: 2.25rem;width: 2.25rem;border: .25rem solid #fff;border-radius: 50%;box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.1);background-color: #fff;background-image: url(../images/slider_icon1.svg);background-size: cover;cursor: grab;}
.gal_box .slider::-moz-range-thumb {height: 2.25rem;width: 2.25rem;border: .25rem solid #fff;border-radius: 50%;box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.1);background-color: #fff;background-image: url(../images/slider_icon1.svg);background-size: cover;cursor: grab;}
.gal_box .slider::-webkit-slider-thumb {width: 20px;height: 20px;background: #005190;border-radius: 50%;cursor: pointer;border: 2px solid #fff;}
.gal_box .slider::-moz-range-thumb {width: 20px;height: 20px;background: #005190;border-radius: 50%;cursor: pointer;border: 2px solid #fff;}
.gal_box .slider::-ms-thumb {width: 20px;height: 20px;background: #005190;border-radius: 50%;cursor: pointer;border: 2px solid #fff;}
.gal_box .after {clip-path: inset(0 0 0 50%);}

.bg-gry {background: #fafafa;}
.ptb {padding: 70px 0;}
.intro-wrap .about-img {float: left;width: 50%;margin: 0 40px 20px 0;padding-top: 30%;}
.about-img {position: relative;}
.about-img img {width: 100%;height: 100%;object-fit: cover;text-align: center;position: absolute;top: 0;left: 0;}
.intro-wrap .about-img{float: left;width: 50%;margin: 0 40px 20px 0;padding-top: 30%;}
.intropara h2, .efficiency h2, .prop-text h2{color: #383434;font-size: 40px;line-height: 45px;font-weight: 800;margin-bottom: 20px;text-transform: uppercase;}
.intropara h3{margin-top: 20px;}
.intro2 .about-img {padding-top: 82%;}
.partimg{padding: 12px;border: 1px solid #e9e9e9;transition: 0.3s ease-in-out;}
.partimg:hover{box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;margin-top: -4px;}
.partimg img{height: 100px;width: 100%;object-fit: contain;}
.useage{background:  #01aeef;}
.useage img{width:100%;}
.use-text h3 {font-size: 25px;color: #fff;font-weight: 600;margin-bottom: 20px;}
.use-text p{color: #fff;}
.use-text ol li{list-style-type: auto;color: #fff;font-weight: 600;}
.use-text ol{padding-left: 20px;}
.tools .sub-head h3 , .places .sub-head h3{color: #01aeef;font-weight: 600;max-width: 76%;margin: 0 auto 10px;}
.tools .sub-head h4{margin-top: 50px;}
.toolimg{width: fit-content;}
.toolimg img{height: 140px;width: auto;object-fit: contain;}
.eff-text p img{width: 40%;float: right;margin: 0 0 20px 20px;}
.efficiency h3 {font-weight: 600;font-size: 18px;color: #01aeef;}
.efficiency h4 {font-size: 28px;font-weight: 700;margin-bottom: 30px;color: #383434;}
.partner-slider .item, .tool-slider .item{padding:10px;}
.partner-slider .slick-list, .tool-slider .slick-list{margin:0 -10px}
.place-box{padding: 40px 30px;height: 100%;}
.place-row [class*="col-"]:nth-child(odd) .place-box{background: #01aeef;}
.placeimg{height: 80px;width: 80px;border-radius: 50%;padding: 12px;overflow: hidden;background: #fff;border: 1px solid #01aeef;}
.placeimg img{height: 100%;width: 100%;object-fit: cover;}
.place-box h4{font-weight: 600;margin: 20px 0 10px 0;}
.place-box p{font-size: 12px;}
.place-row [class*="col-"]:nth-child(odd) .place-box h4, .place-row [class*="col-"]:nth-child(odd) .place-box p{color: #fff;}
.places .sub-head h4{margin-top: 60px;font-size: 24px;font-weight: 600;}
.properties .prop-wrap:nth-child(even) .prop-row{flex-direction: row-reverse;align-items: center;}
.prop-img{position: relative;height: 100%;padding-top: 70%;}
.prop-img img{width: 100%;height: 100%;object-fit: cover;position: absolute;top: 0;left: 0;}
.prop-text p img{width: 100%;height: auto;}
.prop-text h3{color: #01aeef;font-weight: 600;margin-top: 20px;font-size: 20px;}
.prop-text ul li{padding-left: 20px;position: relative;font-size: 14px;}
.prop-text ul li::before{content: "\f178";position: absolute;top: 4px;left: 0;font: normal normal normal 14px / 1 FontAwesome;color: #01aeef;}
.prop-wrap:nth-child(even){background: #01aeef;}
.prop-wrap:nth-child(even) .prop-text p{color: #fff;line-height: 18px;}
.prop-wrap:nth-child(even) .prop-text p:not(:last-child){margin-bottom: 24px;}
.prop-wrap:nth-child(even) .prop-text p strong{color: #fff;font-weight: 600;font-size: 16px;position: relative;padding-left: 24px;}
.prop-wrap:nth-child(even) .prop-text p strong::before{content: "";position: absolute;top: 8px;left: 0;width: 16px;height: 3px;background: #fff;}

.footer-frm { background: #fff;  padding: 25px; border: 1px solid #ddd;}

.home-cont{ background:#f9f9f9;padding:70px 0;}
.c-info-box{ background-color: #fff; border:1px solid #e9e9e9; height: 220px; padding: 30px; margin-bottom: 30px; display: flex; align-items: center; justify-content: center; border-radius: 5px; }
.footer-frm h2{ font-size:35px; line-height: 40px; color: #383434; font-weight: bold; margin-bottom: 20px;}
.c-info-box:hover{ background-color:#01aeef; }
.c-info-box:hover .c-title{ color: #fff; }
.c-info-box:hover .c-subtitle { color: #fff; }
.c-info-box:hover .c-subtitle a { color: #fff; }
.c-icon i{ font-size: 30px; color: #000; }
.c-info-box-inn{ text-align: center; }
.c-info-box .c-icon{ padding-bottom: 7px; }
.c-info-box .c-title{ font-size: 20px; color:#022c65; padding: 7px 0; font-weight: 600; }
.c-info-box .c-subtitle{ font-size: 14px; color: #472a1d; font-weight: 500; }
.c-info-box .c-subtitle a{ font-size: 14px; color: #472a1d; font-weight: 500; word-break: break-word;}
.c-info-box:hover .c-icon.social-icon a {color: #fff;border: 1px solid #fff;}
.c-info-box:hover .c-icon i{ color: #fff; }
.c-icon.social-icon a {border: 1px solid #472a1d;width: 45px;height: 45px;display: inline-block;position: relative;border-radius: 50px;margin: 0 5px 0 0;}
.c-icon.social-icon a i{ padding-top: 10px; font-size:25px; }
.frm-wrap .form-group input{height: 45px;border-radius: 0;background: transparent;border-bottom: #cdcdcd solid 1px !important;border: none;padding: 0;font-weight: 500;font-size: 15px;}
.frm-wrap .form-group input::placeholder, .frm-wrap .form-group textarea::placeholder{ color: #1e1e1e; }
.frm-wrap .form-control:focus{ box-shadow: none; }
.frm-wrap .form-group textarea{border-radius: 0;background: transparent;border-bottom: #cdcdcd solid 1px !important;border: none;padding: 0;font-weight: 500;font-size: 15px;height: 100px;width: 100%;}
.blue-btn{border: 1px solid #022c65 ;color: #022c65;font-size: 14px;font-weight: 600;padding: 10px 30px;border-radius: 25px;}
.blue-btn:hover{ background: #f18022; border: 1px solid #f18022 !important; color: #fff !important;}

.captcha-image {border: 1px solid; padding: 10px; display: inline-block; text-align: center;}
.cf7ic_instructions {display: block;}
.captcha-image .cf7ic_instructions span {color: red; font-weight: bold;}
.captcha-image label {display: inline-block !important; width: 60px !important; position: relative;}
.captcha-image label > input{opacity: 0; margin: 0; width: 50px; height: 50px; position: absolute;} /* HIDE RADIO */
.captcha-image svg {padding: 5px; width: 50px; height: 50px;}
.captcha-image label > input + svg {cursor:pointer; border:2px solid transparent; position: relative; overflow: hidden;} /* IMAGE STYLES */
.captcha-image label > input:checked + svg, .captcha-image label > input:focus + svg {border:2px solid #f00;} /* (CHECKED) IMAGE STYLES */

.footer-frm .form-group{margin-bottom:15px;}
.btn-submit{background: #01aeef;border-radius: 0;padding: 8px 20px;font-size: 14px;color: #fff;font-weight: 600;}

.about-content h3{ font-size: 22px; line-height:28px;  font-weight:600; margin: 20px 0 12px 0; color: #383434; }
.sub-head h2{ color: #383434; font-size: 40px; line-height: 45px; font-weight: 800; margin-bottom: 20px; text-transform: uppercase; }
.about-content ul li{ margin-bottom: 6px; position: relative; padding-left: 20px; font-size: 13px;}
.about-content ul li:after{position: absolute;font-family: FontAwesome;top: 0;
left: 0px;padding-right: 10px;content: "\f0a4";color: #01aeef;}
.inr-about{width: 300px;float: left;height: 253px;margin: 0 25px 10px 0;}
.about-img.inr-about img {width: 100%;height: 100%;object-fit: cover;}
.about-content ul{ column-count: 3; margin-bottom: 10px; border-bottom: 1px solid #e7e5e5;padding: 10px 0;}

.quote_modal .btn-close{background: #fff; opacity: 1; position: absolute;right: -5px;top: -5px; padding: 0;z-index: 1;}
.quote_modal .btn-close i{font-size: 24px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.quote_modal h2{font-size: 22px;line-height: normal;margin-bottom: 10px;}

/*===============Responsive Starts===============*/
@media all and (min-width: 800px) {
}
@media (min-width:981px) and (max-width:1399px){
    .menu_area .navbar-brand img{width: 150px;}
    .slider_area .slick-dots{left: 25px;}
    .slide_cont{padding: 15px 15px 15px 50px;}
    .menu_area .navbar ul li a{padding: 12px 15px !important;}
}

@media (min-width:768px) and (max-width:980px){
    .container{width: 100%;}
    .menu_area .navbar-brand img{width: 120px;}
    .menu_area .navbar .navbar-toggler{position: absolute;right: 0;top: 20px;}
    .head_cont a{text-align: center;}
    .navbar-collapse{background: #fff; padding: 0 15px 15px; border-radius: 15px;}
    .menu_area .navbar-toggler:focus{box-shadow: none;}
	.menu_area .navbar-toggler span{display: block;background: #01aeef;height: 5px;margin: 3px 0;border-radius: 20px;width: 30px;}
    .menu_area .navbar ul li a{padding: 10px 0 !important;}

    .slide_img, .slide_cont{width: 50%;}
    .slider_area .slick-dots{left: 25px;}
    .slide_cont{padding: 15px 15px 15px 50px;}
}

@media (max-width:767px){
    .container{width: 100%;}
    .menu_area .navbar-brand img{width: 120px;}
    .menu_area .navbar .navbar-toggler{position: absolute;right: 0;top: 20px;}
    .head_cont a{text-align: center;}
    .navbar-collapse{background: #fff; padding: 0 15px 15px; border-radius: 15px;}
    .menu_area .navbar-toggler:focus{box-shadow: none;}
	.menu_area .navbar-toggler span{display: block;background: #01aeef;height: 5px;margin: 3px 0;border-radius: 20px;width: 30px;}
    .menu_area .navbar ul li a{padding: 10px 0 !important;}

    .slider_area .slide{flex-wrap: wrap; height: auto;}
    .slide_img, .slide_cont{width: 100%;}
    .slider_area .slick-dots{display: none !important;}
    .slide_img{height: 200px;}
    .slide_cont{padding: 15px;}
    .scrollscreen{height: auto;}
    .btn_box a{padding: 10px 15px;}

    .head{font-size: 24px;}
    .abt_right h3{font-size: 18px;}
    .abt_right ul li{width: 50%;}
    .main-footer h4{margin: 15px 0 5px;}
    
    .breadcmb-text h1{font-size:18px; line-height:normal;}
    .intropara h2, .efficiency h2, .prop-text h2{font-size:28px;}
    .tools .sub-head h3, .places .sub-head h3{max-width:100%;}
    .place-box{padding:30px 10px;}
    .place-box h4{font-size:15px;}
    .contact-row{margin-top:30px;}
    .footer-frm h2{font-size:22px;}
    .about-content ul{column-count: 1;}
}
/*===============Responsive Ends===============*/