*{padding: 0px;margin: 0px;}
body{font-family: 'Poppins', sans-serif; transition: all 0.5s ease-in-out;}
header{padding: 10px 10px;width: 100%;position:absolute;top: 0px;z-index: 999;    background:#F5F5F5;padding-top: 0px;}
.header_in .logo_block a img{width:180px;}
header .container{max-width: 95%;}
.social-media a{margin-left: 10px;}
.header_in .mid_nav .top-row .contact-head a:hover{color: #1F4D97;}
.social-media a img:hover{transition: all ease .5s;transform: rotate(360deg);}
.header_in .mid_nav .top-row{margin-bottom: 10px;display: flex;justify-content: right;align-items: center;}
.header_in .mid_nav .top-row .contact-head a{font-size: 15px; display: inline-flex;align-items: center;margin-right: 50px;text-decoration: none;color: #000000;font-weight: 400;}
.header_in .mid_nav .top-row .contact-head a img{margin-right: 8px;}
.header_in .mid_nav .top-row .select_ln{cursor: pointer; background: #1F4D97;border: none;padding: 8px 12px;border-radius: 2px;}
.header_in .mid_nav .top-row .select_ln select{padding: 0px; cursor: pointer; background: #1F4D97;border: none !important;width: 128px;color: #fff;font-size: 14px;font-weight: 400;outline: none;}
.header_in .mid_nav .btm_row:::before{border-bottom: 73px solid #21548b;content: ' ';width: 0;height: 0;left: -45px;right: 0;position: absolute;top: 0px;border-left: 45px solid #00000000;border-right: 0px solid #00000000;}
.header_in .mid_nav .top-row .rt_logo{margin-left: 0px;}
.header_in .mid_nav .top-row .rt_logo img{}
.header_in .mid_nav .btm_row ul li:last-child{margin-right: 0px;}
.header_in .mid_nav .btm_row ul li:last-child a{padding-right: 0px;}
.header_in .mid_nav .btm_row{display: flex;align-items: center;justify-content: right;}
.header_in .mid_nav .btm_row ul{margin: 0;padding: 0;}
.header_in .mid_nav .btm_row ul li{position: relative; display: inline-block;padding-right:10px;padding-left:10px;}
.header_in .mid_nav .btm_row ul li a{padding: 15px 5px;text-decoration: none;margin-right: 10px;color: #000;font-size: 16px;font-weight: 400;}
.header_in .mid_nav .btm_row ul li a:hover{color:#1F4D97;}
.header_in .mid_nav .btm_row ul li a img{transition: all 0.5s ease-in-out;position: relative;top: -1px;margin-left: 10px;}
.header_in .mid_nav .btm_row ul li a:last-child{margin-right: 0;}
.header_in{display: flex;align-items: center;justify-content: space-between;}
.fixed-header{padding-top: 0px !important; padding: 10px; top:0px;box-shadow: 0 3px 3px rgba(0,0,0,0.15);position: fixed;z-index: 999;background:#fff;width: 100%;}
.main_banner .owl-stage .owl-item .item .banner_area{position:relative;}
.main_banner .owl-stage .owl-item .item .banner_area .text h3{    text-shadow: -3px 0px 1px #000, -1px 2px 2px #000000;position: relative; text-transform: uppercase;font-size: 40px;color: #fff;margin-bottom: 15px;font-weight: 600;}
.exp_more a:hover{background:#1F4D97;color: #fff;}
.exp_more a{    background: #0BDBF2;
    text-decoration: none;
    color: #000;
    padding: 8px 20px;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 600;}
p{line-height: 1.8;}
.main_banner .owl-stage .owl-item .item .banner_area .text p{      color: #fff;
    /* font-weight: 400; */
    margin-bottom: 30px;    text-shadow: -3px 0px 1px #000, -1px 2px 2px #000000;
    font-size: 18px;
    line-height: 1.5;}
.main_banner .owl-stage .owl-item .item .banner_area .text .btm-border{border-bottom: 1px solid #0BDBF2;margin-bottom: 30px;margin-top: 8px;width: 175px;}
.main_banner .owl-stage .owl-item .item .banner_area .text{left:5%;    position: absolute;right: 5%;text-align: center;
    top: 38%;}
.main_banner .owl-stage .owl-item .item .banner_area img{border-radius: 0px;}
.main_banner .owl-dots{display: block;margin-top: 10px;}
.main_banner .owl-dots button.active span{    background: #1F4D97 !important;
    width: 10px !important;
    height: 10px !important;}
.main_banner .owl-dots button span{    margin: 4px !important;
    width: 8px !important;
    height: 8px !important;
    background: #0BDBF2 !important;}
.main_banner .owl-nav{height: 32px;
    display: none !important;
    border: 1px solid #fff;
    width: 50px;
    border-radius: 5px;
    position: absolute;
    bottom: 180px;
    right: 0;
    left: 0;
    margin: 0 auto;}
.main_banner .owl-nav button{background: none !important;margin: 0px !important;}
.main_banner .owl-nav button span{padding: 6px;font-size: 29px;position: relative;top: -7px;color: #fff !important;}


.sub_menu {
          position: absolute;
    left: 0;
    top: 33px;
    border-radius: 5px;
    width: 290px;
    background: #F5F5F5;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    border-top: 2px solid #1F4D97;
    display: none;
}
.header_in .mid_nav .btm_row ul li:hover .sub_menu {
    display: block;
}
.sub_menu::before{       border-bottom: 10px solid #1F4D97;
    content: ' ';
    width: 0;
    /* margin: 0 auto; */
    /* text-align: center; */
    height: 0;
    left: 40px;
    right: 0;
    position: absolute;
    top: -11px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;}
.sub_menu li{    display: block !important;border-bottom: 1px solid #ddd;}
.sub_menu li:last-child{border-bottom: none;}
.sub_menu li a{    display: block;
    padding: 3px 0px !important;
    font-size: 15px !important;}
.sub_menu li:hover{background: #fff;}



 .clients{margin: 80px 0px;}
        .clients .clinthead{text-align: center;margin-bottom: 40px;}
        .clients .clinthead h2{position: relative;
    font-size: 24px;
    font-weight: 700;text-transform: uppercase;
    color: #000000;
    margin-bottom: 5px;}
        .clients .clinthead h2::before{    content: ' ';
    width: 28px;
    height: 6px;display: none;
    left: -5px;
    right: 0;display: none;
    position: absolute;
    top: -10px;
    background: #0BDBF2;
    z-index: -1;}
        .clients .clinthead h2::after{content: ' ';
    width: 32px;display: none;
    height: 6px;
    left: -23px;display: none;
    right: 0;
    position: absolute;
    top: 3px;
    background: #0BDBF2;
    z-index: -1;
    transform: rotate(90deg);
    border-bottom-left-radius: 5px;}
        .clients .clinthead span{    margin-bottom: 20px;
    display: none;
    height: 1px;margin: 0 auto;
    background: #0BDBF2;
    width:220px;}
    .clients .clint-list ul{overflow: hidden;margin: 0;padding: 0px;}
    .clients .clint-list ul li{float: left;text-align: center;
    width: 19.5%;
    border: 1px solid #ddd;    list-style: none;
    margin: 2px;}
    .clients .clint-list ul li img{    margin: 0 auto;}

.clients .clint-list ul li label{    display: block;
    background: #dddddd70;
    padding: 5px;}


.enq {position: fixed;top: 40%;right: -4px;z-index: 101;cursor: pointer;}
.enq img{width: 38px;transition: all 0.5s ease-in-out;}
.enq:hover img{transform: scale(1.08);}

.topscroll {position: fixed;bottom: 8px;right: 12px;z-index: 101;cursor: pointer;}
.topscroll img{width: 13px;transition: all 0.5s ease-in-out;}
.topscroll:hover img{transform: scale(1.08);}

.chat {position: fixed;bottom:40px;right: 5px;z-index: 99;}
.chat ul li{list-style: none;}
.chat img{width: 35px;background: #fff;transition: all 0.5s ease-in-out;border-radius: 50px;padding: 2px;}
.chat img:hover{transform: scale(1.08);}
.social {box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;position: fixed;top: 40%;left: 0;z-index: 99;background: #0BDBF2;padding: 10px;border-top-right-radius: 2px;border-bottom-right-radius: 2px;}
.social ul{padding: 0px;margin-bottom: 0px;}
.social ul li{list-style: none;margin-bottom: 8px;}
.social ul li img{transition: all 0.5s ease-in-out;width: 22px;}
.social ul li a img:hover{transform: scale(1.08);}
.social ul li:last-child{margin-bottom: 0px;}
.num_text .ff{display: flex;align-items: center;}
.numbers{ width: 50%;float: left;}
.num_text .ff span{    font-size: 35px;
    font-weight: 700;
    color: #1F4D97;
    line-height: 32px;}
.numbers .head{padding-left: 50px; text-align: left;margin-bottom: 20px;}
.numbers .head h3{    font-weight: 700;
    color: #1F4D97;
    font-size: 20px;
    margin-bottom: 5px;}
.numbers .head label{    color: #000000;
    font-size: 18px;}
.numbers .head .borders{border-bottom: 1px solid #0BDBF2;
    width: 35%;
    margin-top: 8px;}
.numbers .numbers_in{}
.numbers .numbers_in ul{padding: 20px 50px;list-style: none;}
.numbers .numbers_in ul li{margin-bottom: 30px;}
.numbers .numbers_in ul li:last-child{margin-bottom: 0px;}
.numbers .numbers_in ul li .num_text .counter{font-size: 35px;
    font-weight: 700;
    color: #1F4D97;
    line-height: 32px;}
.numbers .numbers_in ul li:last-child .num_text{padding-right: 0px;margin-right: 0px;    border: none;}
.numbers .numbers_in ul li .num_text p{    margin: 0;
    padding-bottom: 0px;
    font-size: 15px;
    color: #000000;}

@media (min-width: 1280px) {
    .container{max-width: 90%;}
}


.newapplication{display: ;}
      .newapplication .making-slider{}
      .newapplication .making-slider .iconcontent{margin-bottom: 20px;padding: 0px;}
      .newapplication .making-slider .iconcontent .icon{    margin-bottom: 15px;
    display: inline-flex;
    vertical-align: middle;
    align-items: center;}
      .newapplication .making-slider .iconcontent .icon img{height: 55px;    margin-right: 10px;}
      .newapplication .making-slider .iconcontent .icon h3{font-size: 16px;
    position: relative;min-width: 80%;
    font-weight: 500;
    margin-bottom: 0px;
    text-align: left;
            background-image: linear-gradient(to top, #1477a7 10%, #294f76 90%);
    padding: 10px 5px;
    color: #fff;
    text-transform: uppercase;
    }
      .newapplication .making-slider .iconcontent .icon h3::after{   border-bottom: 40px solid #186c9a00;
    content: ' ';
    width: 0;
    /* margin: 0 auto; */
    /* text-align: center; */
    height: 0;
    /* left: 40px; */
    right: 0px;
    position: absolute;
    top: 0px;
    border-left: 10px solid #186c9a00;
    border-right: 15px solid #ffffff;}
      .newapplication .making-slider .iconcontent p{margin: 0;font-size: 14px;line-height: 1.5;padding-left: 0px;}

    .newapplication .making-slider .iconcontent .content ul{    padding-left: 20px;}
    .newapplication .making-slider .iconcontent .content ul li{    margin: 0;
    font-size: 14px;
    line-height: 1.5;
    padding-left: 0px;font-weight: 700;
    text-align: left;
    list-style: disc;
    margin-bottom: 5px;}

/*@media (max-width: 1920px){
    .newapplication .making-slider .iconcontent h3::after{    right: -2px;top: -2px;}
}
@media (max-width: 1620px){
    .newapplication .making-slider .iconcontent h3::after{    right: -1px;top: -1px;}
}
@media (max-width: 1500px){
    .newapplication .making-slider .iconcontent h3::after{    right: -1px;top: 0px;}
}
@media (max-width: 1450px){
    .newapplication .making-slider .iconcontent h3::after{    right: 0px;top: 0px;}
}*/



.about{padding: 80px 0px;}
.about .row{align-items: center;}
.about .text{padding-right: 30px;}
.about .text h2{position: relative; font-size: 24px;font-weight: 700;color: #000000;margin-bottom: 0;}
.about .text h2::before{    content: ' ';
    width: 28px;
    height: 6px;
    left: -5px;
    right: 0;
    position: absolute;
    top: -10px;
    background: #0BDBF2;
    z-index: -1;}
.about .text h2::after{content: ' ';
    width: 32px;
    height: 6px;
    left: -23px;
    right: 0;
    position: absolute;
    top: 3px;
    background: #0BDBF2;
    z-index: -1;
    transform: rotate(90deg);
    border-bottom-left-radius: 5px;}
.about .text label{display: block;
    color: #1F4D97;
    margin-bottom: 2px;
    font-weight: 500;
    font-size: 18px;}
.about .text span{    margin-bottom: 20px;
    display: block;
    height: 1px;
    background: #0BDBF2;
    width: 135px;}
.about .text p{font-size: 15px;}
.about .text .more{margin-top: 35px;}
.about .text .more a{background: #1F4D97;padding: 10px 18px;text-decoration: none;color: #fff;font-size: 15px;border-radius: 2px;}
.about .img{width: 50%;float: left;}
.about .img img{width:100%;}
.banner_with_numbers{position: relative;}
.industries{    background: url(../assets/images/industriesbg.png);
    padding: 80px 0px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;}
.industries .head h2::before{     content: ' ';
    width: 28px;
    height: 6px;
    left: -5px;
    right: 0;
    position: absolute;
    top: -10px;
    background: #fff;
    z-index: -1;}
.industries .head h2::after{content: ' ';
    width: 32px;
    height: 6px;
    left: -23px;
    right: 0;
    position: absolute;
    top: 3px;
    background: #fff;
    z-index: -1;
    transform: rotate(90deg);
    border-bottom-left-radius: 5px;}
.industries .head h2{position: relative; font-size: 24px;font-weight: 700;color: #000000;margin-bottom: 5px;}
.industries .head label{display: block;
    color: #1F4D97;
    margin-bottom: 5px;
    font-weight: 500;
    font-size: 18px;}
.industries .head span{margin-bottom: 20px;
    display: block;
    height: 1px;
    background: #fff;
    width: 135px;}
.industries .head p{font-size: 15px;}
.industries .industries_details{background: #fff;
    border: 1px solid #1F4D97;
    height: 250px;
    margin-top: 20px;
    padding: 20px;
    border-radius: 20px;}
.industries .industries_details .img{height: 85px;overflow: hidden;margin-bottom: 20px;}
.industries .industries_details .img img{    transition: all 0.5s ease-in-out;width:100%;height: 85px;object-fit: contain;}
.industries .industries_details:hover .img img{transform: scale(1.08);}
.industries .industries_details .text .left a{text-decoration: none;}
.industries .industries_details .text .left h4{font-size: 20px;color: #1F4D97;font-weight: 700;display: flex;justify-content: space-between;}
.industries .industries_details .text .left p{line-height: 22px; font-size: 15px;margin-bottom: 0;}
.industries .more{text-align: center;margin-top: 60px;}
.industries .more a{background: #1F4D97;padding: 10px 30px;text-decoration: none;color: #fff;font-size: 15px;border-radius: 2px;}
.industries .more a:hover{background: #0BDBF2;}

.serve_industries{background: #fff;padding: 80px 0px;}
.serve_industries .head h2{margin-bottom: 3px;position: relative; font-size: 24px;font-weight: 700;color: #000000;}
.serve_industries .head h2::before{content: ' ';width: 28px;height: 6px;left: -5px;right: 0;position: absolute;top: -10px;background: #0BDBF2;z-index: -1;}
.serve_industries .head h2::after{content: ' ';width: 32px;height: 6px;left: -23px;right: 0;position: absolute;top: 3px;background: #0BDBF2;z-index: -1;transform: rotate(90deg);border-bottom-left-radius: 5px;}
.serve_industries .head label{display: block;color: #1F4D97;margin-bottom: 2px;font-weight: 500;font-size: 18px;}
.serve_industries .head span{margin-bottom: 20px;display: block;height: 1px;background: #0BDBF2;width: 135px;}
.serve_industries .head p{font-size: 15px;}
.serve_industries .serve_block{margin-top: 20px;position: relative;}
.serve_industries .serve_block .img{margin-bottom: 20px;overflow: hidden;}
.serve_industries .serve_block .img img{width: 100%;    transition: all 0.5s ease-in-out;}
.serve_industries .serve_block:hover .img img{transform: scale(1.08);}
.serve_industries .serve_block .text{position: absolute;bottom: -1px;width: 100%;}
.serve_industries .serve_block .text a{text-decoration: none;display: flex;justify-content: center;padding: 5px;background: #0BDBF2;align-items: center;}
.serve_industries .serve_block .text a h3{font-size: 16px;color: #1F4D97;margin-right: 30px;margin-bottom: 0px;color: #000;font-weight: 400;}
.serve_industries .more{margin-top: 30px;margin-bottom: 20px;}
.serve_industries .more a{background: #1F4D97;padding: 10px 30px;text-decoration: none;color: #fff;font-size: 15px;border-radius: 2px;}
.serve_industries .more a:hover{background: #0BDBF2;}


.industries_page{padding: 80px 0px;}
.industries_page .head h2{margin-bottom: 3px;position: relative; font-size: 24px;font-weight: 700;color: #000000;}
.industries_page .head h2::before{content: ' ';width: 28px;height: 6px;left: -5px;right: 0;position: absolute;top: -10px;background: #0BDBF2;z-index: -1;}
.industries_page .head h2::after{content: ' ';width: 32px;height: 6px;left: -23px;right: 0;position: absolute;top: 3px;background: #0BDBF2;z-index: -1;transform: rotate(90deg);border-bottom-left-radius: 5px;}
.industries_page .head span{margin-bottom: 20px;display: block;height: 1px;background: #0BDBF2;width: 135px;}
.industries_page .serve_block{margin-top: 25px;position: relative;}
.industries_page .serve_block .img{overflow: hidden;}
.industries_page .serve_block .img img{width: 100%;    transition: all 0.5s ease-in-out;}
.industries_page .serve_block:hover .img img{transform: scale(1.08);}
.industries_page .serve_block .text{position: absolute;bottom: 0px;width: 100%;}
.industries_page .serve_block .text h3{margin-bottom: 0;font-size: 16px;}
.industries_page .serve_block .text a{    text-decoration: none;
    display: flex
;
    justify-content: center;
    padding: 8px;
    background: #1F4D97;
    align-items: center;
    color: #ffffff;}
.industries_page .serve_block .text a h3{font-size: 16px;color: #1F4D97;margin-right: 30px;margin-bottom: 0px;color: #000;font-weight: 400;}
.industries_page .more{margin-top: 30px;margin-bottom: 20px;text-align: center;}
.industries_page .more a{background: #1F4D97;padding: 10px 30px;text-decoration: none;color: #fff;font-size: 15px;border-radius: 2px;}
.industries_page .more a:hover{background: #0BDBF2;}



.fp-block{background: #fff;padding: 80px 0px;padding-top: 20px;}
.fp-block .head p{font-size: 15px;}
.fp-block .head .more{    margin-top: 30px;margin-bottom: 20px;}
.fp-block .head .more a{    background: #1F4D97;
    padding: 10px 30px;
    text-decoration: none;
    color: #fff;
    font-size: 15px;
    border-radius: 2px;}
.fp-block .head h2{position: relative; font-size: 24px;font-weight: 700;color: #000000;margin-bottom: 0;}
.fp-block .head h2::before{     content: ' ';
    width: 28px;
    height: 6px;
    left: -5px;
    right: 0;
    position: absolute;
    top: -10px;
    background: #0BDBF2;
    z-index: -1;}
.fp-block .head h2::after{    content: ' ';
    width: 32px;
    height: 6px;
    left: -23px;
    right: 0;
    position: absolute;
    top: 3px;
    background: #0BDBF2;
    z-index: -1;
    transform: rotate(90deg);
    border-bottom-left-radius: 5px;}
.fp-block .item .serve_block{margin-top: 20px;position: relative;}
.fp-block .item .serve_block .img{overflow: hidden; margin-bottom: 10px;}
.fp-block .item .serve_block:hover .img img{transform: scale(1.08);}
.fp-block .item .serve_block .img img{ transition: all 0.5s ease-in-out;   width: 100%;height: 255px;object-fit: contain;}
.fp-block .item .serve_block .text{}
.fp-block .item .serve_block .text a{text-decoration: none;}
.fp-block .item .serve_block .text a h3{font-size: 16px;    margin-bottom: 0px;color: #000;text-align: center;font-weight: 400;padding: 12px 10px;}
.feature-product .owl-nav{height: 32px; display: none !important;border: 1px solid #000;width: 50px;border-radius: 5px;margin: 0 auto;margin-top: 30px;}
.feature-product .owl-nav button{background: none !important;margin: 0px !important;}
.feature-product .owl-nav button span{padding: 6px;font-size: 29px;position: relative;top:-7px;}
.feature-product .owl-dots{margin-top: 30px;}
.feature-product .owl-dots button.active span{    background: #1F4D97 !important;
    width: 10px !important;
    height: 10px !important;}
.feature-product .owl-dots button span{margin: 4px !important;
    width: 8px !important;
    height: 8px !important;
    background: #0BDBF2 !important;}

.event-block{background: #eaf2ff;padding: 80px 0px;}
.event-block .head h2::before{     content: ' ';
    width: 28px;
    height: 6px;
    left: -5px;
    right: 0;
    position: absolute;
    top: -10px;
    background: #0BDBF2;
    z-index: -1;}
.event-block .head h2::after{content: ' ';
    width: 32px;
    height: 6px;
    left: -23px;
    right: 0;
    position: absolute;
    top: 3px;
    background: #0BDBF2;
    z-index: -1;
    transform: rotate(90deg);
    border-bottom-left-radius: 5px;}
.event-block .head h2{position: relative; font-size: 24px;font-weight: 700;color: #000000;margin-bottom: 5px;}
.event-block .head label{display: block;color: #1F4D97;margin-bottom: 8px;font-weight: 500;font-size: 18px;}
.event-block .head span{    margin-bottom: 20px;
    display: block;
    height: 1px;
    background: #0BDBF2;
    width: 135px;}
.event-block .head p{font-size: 15px;}
.event-block .item .serve_block{     margin-top: 20px;
    position: relative;
    margin-bottom: 115px;}
.event-block .item .serve_block .img{overflow: hidden;}
.event-block  .item .serve_block:hover .img img{    transform: scale(1.08);}
.event-block .item .serve_block .img img{    transition: all 0.5s ease-in-out;width: 100%;object-fit: contain;}
.event-block .item .serve_block .text a{text-decoration: none;position: relative;}
.event-block .item .serve_block .text a h3{line-height: 1.6;
    font-size: 15px;
    margin-bottom: 0px;
    color: #FFFFFF;padding-bottom: 0px;
    font-weight: 500;
    padding: 12px 0px;}
.event-block .item .serve_block .text a p{color: #FFFFFF;
    font-weight: 300;
    margin-bottom: 0;}

.event-block .item .serve_block .text{  
           font-size: 15px;
    color: #fff;
    position: absolute;
    bottom: -60px;
    width: 90%;
    right: 0px;
    background: #1F4D97;
    padding: 25px;
    z-index: 999;}
.event-block .item .serve_block .text a .date{display: flex;align-items: center;color: #fff;}
.event-block .item .serve_block .text a .date img{    width: 20px;
    margin-right: 8px;}
.news-event .owl-dots{ 
    right: 0;}
.news-event .owl-dots button.active span{    background: #1F4D97 !important;
    width: 10px !important;
    height: 10px !important;}
.news-event .owl-dots button span{    margin: 4px !important;
    width: 8px !important;
    height: 8px !important;
    background: #0BDBF2 !important;}
.news-event .owl-nav{height: 30px; display: none !important;border: 1px solid #000;width: 50px;border-radius: 5px;margin: 0 auto;margin-top: 30px;position: absolute;top: -100px;right: 0;}
.news-event .owl-nav button{height: 30px; background: none !important;margin: 0px !important;}
.news-event .owl-nav button span{padding: 6px;font-size: 29px;position: relative;top: -7px;}
.application_s{margin-bottom: 50px;}
      .application_s .app-container h3{       font-size: 24px;
    font-weight: 700;
    color: #000000;
    text-align: center;
    margin-bottom: 40px;
    text-transform: capitalize;}
      .application_s .app-container ul{     text-align: center;
    margin: 0;
    padding: 0;}
      .application_s .app-container ul li{ list-style:none;}
      .application_s .app-container ul li img{  width: 75px;margin: 0 auto;}
      .application_s .app-container ul li span{      display: block;
    color: #000;
    font-weight: 400;
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    margin: 12px 0 0;}
footer .bottom_ft .left p a:hover{color: #0BDBF2;}
.top-footer{padding-top: 50px;}
footer .bottom_ft .left p a{color: #1F4D97;text-decoration: none;font-weight: 600;}
footer{    background: url(../assets/images/footer-bg.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;}
footer .bottom_ft{padding-top: 20px !important; padding: 15px 0px;display: flex;align-items: center;justify-content: space-between;}
footer .bottom_ft .left p{margin-bottom: 0px;font-size: 14px;color: #000;}
footer .bottom_ft .powered p{margin-bottom: 0px;}
footer .bottom_ft .powered p a:hover{color: #0BDBF2;}
footer .bottom_ft .powered p a{font-size: 14px;color: #000;text-decoration: none;}
.ft-form .ft-form{align-items: center;justify-content: space-between;}
.ft-form .ft-form input{    width: 100%;
    margin-right: 5px;
    font-size: 14px;
    padding: 18px 28px;
    background: #ffffff;
    border: none;
    border-radius: 5px;
    height: 58px;}
.ft-form .ft-form input::placeholder{color:#000;}
.ft-form .ft-form button:hover{background: #0BDBF2;}
.ft-form .ft-form button{width: 100%;font-size: 14px;padding: 18px 28px;background: #1F4D97;border: none;border-radius: 5px;height: 58px;color: #fff;}
.ft-form .ft-form button i{margin-left: 5px;}

footer .ft h4{    font-size: 18px;
    color: #000000;
    font-weight: 500;
    margin-bottom: 20px;}
footer .ft p{    font-size: 14px;}
footer .ft{margin-bottom: 25px;}
footer .ft p a{text-decoration: none;font-weight: 500;color: #1F4D97;}
.eqf{margin-top: 30px;}
.eqf a:hover{background: #0BDBF2;}
.eqf a{background: #1F4D97;
    padding: 10px 18px;
    text-decoration: none;
    color: #fff;
    font-size: 14px;
    border-radius: 5px;}
.ft_linking{display: flex;justify-content: space-between;}
.ft_linking .ft{}
.ft_linking .ft ul{margin: 0;padding: 0;padding-right: 10px;}
.ft_linking .ft ul li{    list-style: none;
    margin-bottom: 5px;}
.ft_linking .ft ul li a:hover{    color: #1F4D97;}
.ft_linking .ft ul li a{  font-size: 13px;
    font-weight: 400;
    text-decoration: none;
    color: #000000;}
.ft-border{    border-bottom: 1px solid #0bdbf2;
    margin-top: 25px;
    margin-bottom: 25px;}
.ft-logo{border-right: 1px solid #0BDBF2;}
.top-footer .row{align-items: center;}
.fts{display: flex;    align-items: center;}
.fts .text p{font-size: 14px;}
.fts .ft-social{padding-left: 30px;}
.fts .ft-social ul{margin: 0;padding: 0;display: flex;}
.fts .ft-social ul li{list-style: none;}
.fts .ft-social ul li a{list-style: none;}
.fts .ft-social ul li a img{margin-left: 8px;}
.fts .ft-social ul li a img:hover{transition: all ease .5s;transform: rotate(360deg);}

.making{background: #fff;padding: 20px 0px;}
.making ul{margin: 0;padding: 0;display: flex;align-items: center;justify-content: space-between;}
.making ul li{list-style: none;overflow: hidden;}
.making ul li img{    transition: all 0.5s ease-in-out;}
.making ul li:hover img{transform: scale(1.08);}



.blog-block{background: #EAF2FF;padding: 80px 0px;}
.blog-block .head h2::before{    content: ' ';
    width: 28px;
    height: 6px;
    left: -5px;
    right: 0;
    position: absolute;
    top: -10px;
    background: #0BDBF2;
    z-index: -1;}
.blog-block .head h2::after{     content: ' ';
    width: 32px;
    height: 6px;
    left: -23px;
    right: 0;
    position: absolute;
    top: 3px;
    background: #0BDBF2;
    z-index: -1;
    transform: rotate(90deg);
    border-bottom-left-radius: 5px;}
.blog-block .head span{margin-bottom: 20px;
    display: block;
    height: 1px;
    background: #0BDBF2;
    width: 145px;}
.blog-block .head h2{position: relative; font-size: 24px;font-weight: 700;color: #000000;margin-bottom: 0;}
.blog-block .head label{display: block;color: #1F4D97;margin-bottom: 5px;font-weight: 500;font-size: 18px;}
.blog-block .head p{font-size: 15px;padding-right: 100px;}
.blog-block .item .serve_block{margin-top: 20px;position: relative;}
.blog-block  .item .serve_block .img{overflow: hidden;position: relative;}
.blog-block  .item .serve_block:hover .img img{transform: scale(1.08);}
.blog-block .item .serve_block .img img{transition: all 0.5s ease-in-out;overflow: hidden; width: 100%;object-fit: contain;}
.blog-block .item .serve_block .text{    margin-top: 20px;
    position: absolute;
    bottom: 0;
    right: 0px;
    background: #1F4D97;
    padding: 10px 10px;
    width: 90%;}
.blog-block .item .serve_block .text p{    font-size: 15px;
    color: #fff;
    margin-bottom: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    min-height: 36px;}
.blog-block .item .serve_block .text p.read-more{margin-bottom: 0px;}
.blog-block .item .serve_block .text p.read-more a{    text-transform: uppercase;
    font-weight: 700;
    text-decoration: none;
    color: #000000;
    background: #F5F5F5;
    padding: 7px 18px;
    border-radius: 5px;
    font-size: 14px;}
.blog-block .item .serve_block .img label{    font-weight: 500;
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    background: #0BDBF2;
    width: 75px;
    height: 75px;
    font-size: 18px;
    padding: 18px 5px;
    line-height: 1.2;}
.blog-block .owl-dots{margin-top: 25px;}
.blog-block .owl-dots button.active span{background: #1F4D97 !important;width: 10px !important;height:10px !important;}
.blog-block .owl-dots button span{margin: 4px !important; width: 8px !important;height:8px !important;background: #0BDBF2 !important;}
.blog-block .owl-nav{height: 30px; display: none !important;border: 1px solid #000;width: 50px;border-radius: 5px;margin: 0 auto;margin-top: 30px;position: absolute;top: -100px;right: 0;}
.blog-block .item .serve_block .text a .date{display: flex;
    align-items: center;}
.blog-block .item .serve_block .text a .date img{    width: 35px;}
.blog-block .owl-nav button{height: 30px; background: none !important;margin: 0px !important;}
.blog-block .owl-nav button span{padding: 6px;font-size: 29px;position: relative;top: -7px;}
.owl-nav button span{color: #000 !important;}
.testemonial .head h2::before{    content: ' ';
    width: 28px;
    height: 6px;
    left: -5px;
    right: 0;
    position: absolute;
    top: -10px;
    background: #0BDBF2;
    z-index: -1;}
.testemonial .head h2::after{    content: ' ';
    width: 32px;
    height: 6px;
    left: -23px;
    right: 0;
    position: absolute;
    top: 3px;
    background: #0BDBF2;
    z-index: -1;
    transform: rotate(90deg);
    border-bottom-left-radius: 5px;}
.testemonial{background: #f6f6f6;
    padding: 80px 0px;}
.testemonial .head{text-align: left;}
.testemonial .head h2{    font-size: 24px;
    font-weight: 700;position: relative;
    color: #000000;
    margin-bottom:2px;}
.testemonial .head label{    display: block;
    color: #1F4D97;
    margin-bottom: 20px;
    font-weight: 500;
    font-size: 20px;}
.testemonial .cum_width{}
.testemonial .testemonial-slider .item .teste-block .img img{    width: 165px;
    margin: 20px auto;}
.testemonial .testemonial-slider .item .teste-block{justify-content: space-between;display: flex;align-items: baseline;}
.testemonial .testemonial-slider .item .teste-block p{    font-size: 18px;margin-bottom: 0px;
    color: #000;}
.testemonial .testemonial-slider .item .teste-block .text{width: 60%;}
.testemonial .testemonial-slider .item .teste-block .text label{    color: #1F4D97;
    font-size: 18px;
    font-weight: 500;
    display: block;
    margin-bottom: 20px;}
.testemonial .testemonial-slider .owl-nav{height: 30px; display: none !important;border: 1px solid #1F4D97;width: 50px;border-radius: 5px;margin: 0 auto;margin-top: 30px;}
.testemonial .testemonial-slider .owl-nav button{height: 30px; background: none !important;margin: 0px !important;}
.testemonial .testemonial-slider .owl-nav button span{padding: 6px;font-size: 29px;position: relative;top: -7px;    color: #1F4D97 !important;}
.testemonial .testemonial-slider .owl-dots{display: block;      transform: rotate(0deg);
    margin-top: 25px;}
.testemonial .testemonial-slider .owl-dots button.active span{    background: #1F4D97 !important;
    width: 10px !important;
    height: 10px !important;}
.testemonial .testemonial-slider .owl-dots button span{margin: 4px !important;
    width: 8px !important;
    height: 8px !important;
    background: #0BDBF2 !important;}




.page-banner img{width: 100%;}
.aboutus{padding: 80px 0px;}
.aboutus .text{    padding-right: 30px;}
.aboutus .text h1{    position: relative;
    font-size: 24px;
    font-weight: 700;
    color: #000000;
    margin-bottom: 5px;}
.aboutus .text h1::before{    content: ' ';
    width: 28px;
    height: 6px;
    left: -5px;
    right: 0;
    position: absolute;
    top: -10px;
    background: #0BDBF2;
    z-index: -1;}
.aboutus .text h1::after{content: ' ';
    width: 32px;
    height: 6px;
    left: -23px;
    right: 0;
    position: absolute;
    top: 3px;
    background: #0BDBF2;
    z-index: -1;
    transform: rotate(90deg);
    border-bottom-left-radius: 5px;}
.aboutus .text span{    margin-bottom: 20px;
    display: block;
    height: 1px;
    background: #0BDBF2;
    width: 135px;}
.aboutus .text label{    display: block;
    color: #1F4D97;
    margin-bottom: 2px;
    font-weight: 500;
    font-size: 18px;}
.aboutus .text p{    font-size: 15px;}
.aboutus .img img{width: 100%;}
.aboutus .row{align-items: center;}
.vision-mission{background: #EAF2FF;padding: 80px 80px;}
.vision-mission .text{    border: 1px solid #585858;
    padding: 20px;    height: 382px;
    text-align: center;
    background: #fff;}
.vision-mission .text .icon{margin-bottom: 10px;}
.vision-mission .text:hover .icon img{transform: scale(1.08);}
.vision-mission .text .icon img{height: 55px;    transition: all 0.5s ease-in-out;}
.vision-mission .text h3{    font-size: 20px;
    font-weight: 600;
    color: #1F4D97;
    margin-bottom: 8px;}
.vision-mission .text p{margin-bottom: 0;font-size: 15px;}


.infra{padding: 80px 0px;}
.infra .head{}
.infra .head h2{    margin-bottom: 3px;
    position: relative;
    font-size: 24px;
    font-weight: 700;
    color: #000000;}
.infra .head h2::before{    content: ' ';
    width: 28px;
    height: 6px;
    left: -5px;
    right: 0;
    position: absolute;
    top: -10px;
    background: #0BDBF2;
    z-index: -1;}
.infra .head h2::after{    content: ' ';
    width: 32px;
    height: 6px;
    left: -23px;
    right: 0;
    position: absolute;
    top: 3px;
    background: #0BDBF2;
    z-index: -1;
    transform: rotate(90deg);
    border-bottom-left-radius: 5px;}
.infra .serve_block {
    margin-top: 20px;
    position: relative;
}
.infra .serve_block .img {
    overflow: hidden;
}
.infra .serve_block:hover .img img{transform: scale(1.08);}
.infra .serve_block .img img {
    width: 100%;
    transition: all 0.5s ease-in-out;
}
.infra .serve_block .text a{text-decoration: none;
    padding: 12px;display: block;
    background: #0BDBF2;}
.infra .serve_block .text a h3{    font-size: 16px;
    color: #1F4D97;text-align: center;
    margin-bottom: 0px;
    color: #000;
    font-weight: 400;}

.infra .more{    margin-top: 45px;text-align: center;}
.infra .more a{    background: #1F4D97;
    padding: 10px 18px;
    text-decoration: none;
    color: #fff;
    font-size: 15px;
    border-radius: 2px;}

.qc{background: url(../assets/images/qc-bg.png);
    background-position: center;
    background-size: cover;padding: 80px 0px;
    background-repeat: no-repeat;}
.qc .text{text-align: center;}
.qc .text h3{     color: #FFFFFF;   margin-bottom: 20px;}
.qc .text p{    font-size: 15px;color: #fff;}

.md{margin-bottom: 80px;}
.md .img img{width: 100%;}
.md .text{padding-left: 30px;}
.md .text h3{    margin-bottom: 3px;
    position: relative;
    font-size: 24px;
    font-weight: 700;
    color: #000000;}
.md .text h3::before{content: ' ';
    width: 28px;
    height: 6px;
    left: -5px;
    right: 0;
    position: absolute;
    top: -10px;
    background: #0BDBF2;
    z-index: -1;}
.md .text h3::after{    content: ' ';
    width: 32px;
    height: 6px;
    left: -23px;
    right: 0;
    position: absolute;
    top: 3px;
    background: #0BDBF2;
    z-index: -1;
    transform: rotate(90deg);
    border-bottom-left-radius: 5px;}
.md .text label{    display: block;
    color: #1F4D97;
    margin-bottom: 2px;
    font-weight: 500;
    font-size: 18px;}
.md .text span{    margin-bottom: 20px;
    display: block;
    height: 1px;
    background: #0BDBF2;
    width: 135px;}
.md .text p{font-size: 15px;}
.md .row{align-items: center;}

.pumps{padding-top: 80px;}
.pumps .row{align-items: center;}
.pumps .text{padding-right: 50px;}
.pumps .text h1{    position: relative;
    font-size: 24px;
    font-weight: 700;
    color: #000000;
    margin-bottom: 5px;}
.pumps .text h1::before{    content: ' ';
    width: 28px;
    height: 6px;
    left: -5px;
    right: 0;
    position: absolute;
    top: -10px;
    background: #0BDBF2;
    z-index: -1;}
.pumps .text h1::after{    content: ' ';
    width: 32px;
    height: 6px;
    left: -23px;
    right: 0;
    position: absolute;
    top: 3px;
    background: #0BDBF2;
    z-index: -1;
    transform: rotate(90deg);
    border-bottom-left-radius: 5px;}
.pumps .text span{    margin-bottom: 20px;
    display: block;
    height: 1px;
    background: #0BDBF2;
    width: 135px;}
.pumps .text p{font-size: 15px;}
.pumps .img img{width: 100%;}

.principle{background: #EAF2FF;padding: 80px 0px;margin-top: 40px;}
.principle .head{    text-align: center;}
.principle .head span{     margin-bottom: 20px !important;
    display: block;
    height: 1px;
    background: #0BDBF2;
    width: 135px;
    margin: 0 auto;}
.principle .head h2{    position: relative;
    font-size: 24px;
    font-weight: 700;position: relative;display:inline-table;
    color: #000000;
    margin-bottom: 5px;}
.principle .head h2::before{content: ' ';
    width: 28px;
    height: 6px;
    left: -5px;
    right: 0;
    position: absolute;
    top: -10px;
    background: #0BDBF2;
    z-index: 1;}
.principle .head h2::after{content: ' ';
    width: 32px;
    height: 6px;
    left: -23px;
    right: 0;
    position: absolute;
    top: 3px;
    background: #0BDBF2;
    z-index: 1;
    transform: rotate(90deg);
    border-bottom-left-radius: 5px;}
.principle .head p{font-size: 15px;}
.principle .head h4{    display: block;
    color: #1F4D97;
    font-weight: 500;
    font-size: 18px;
    margin-top: 30px;}
.principle .text{margin-top: 25px; background: #0BDBF2;padding: 0px;text-align: center;}
.principle .text .img{    background: #fff;
    position: relative;
    margin-bottom: 20px;}
.principle .text .content p{    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    min-height: 36px;}
.principle .text .img img{    width: 100%;
    height: 200px;padding: 10px;
    object-fit: contain;}
.principle .text h3{font-size: 18px;font-weight: 600;margin-bottom: 15px;padding: 0px 10px;height: 40px;}
.principle .text p{font-size: 15px;}
.principle .text .con{margin-top: 20px;}
.principle .text .con p{margin-bottom: 0px;}
.principle .text .con p b{font-weight: 400;color: #1F4D97;}
.principle .text .content{padding: 0px 10px;padding-bottom: 20px;}
.features{background: url(../assets/images/features-bg.png);
    background-position: center;
    background-size: cover;
    padding: 80px 0px;
    background-repeat: no-repeat;}
.features .head{    text-align: center;}
.features .head h2{    text-align: center;
    color: #fff;
    font-size: 24px;position: relative;
    font-weight: 700;
    margin-bottom: 30px;
    border-bottom: 1px solid #0BDBF2;
    display: inline-table;}
.features .head h2::before{    content: ' ';
    width: 28px;
    height: 6px;
    left: -5px;
    right: 0;
    position: absolute;
    top: -10px;
    background: #0BDBF2;
    z-index: 1;}
.features .head h2::after{    content: ' ';
    width: 32px;
    height: 6px;
    left: -23px;
    right: 0;
    position: absolute;
    top: 3px;
    background: #0BDBF2;
    z-index: 1;
    transform: rotate(90deg);
    border-bottom-left-radius: 5px;}
.features .text p{    color: #fff;
    display: flex;
    align-items: center;
    font-size: 15px;}
.features .text p img{margin-right: 15px;width: 24px;}

.performance{background: #EAF2FF;padding: 80px 0px;}
.performance .head{text-align: center;}
.performance .head h2{ text-align: center;
    color: #000;
    font-size: 24px;
    position: relative;
    font-weight: 700;
    margin-bottom: 30px;
    border-bottom: 1px solid #0BDBF2;
    display: inline-table;}
.performance .head h2::before{content: ' ';
    width: 28px;
    height: 6px;
    left: -5px;
    right: 0;
    position: absolute;
    top: -10px;
    background: #0BDBF2;
    z-index: 1;}
.performance .head h2::after{content: ' ';
    width: 32px;
    height: 6px;
    left: -23px;
    right: 0;
    position: absolute;
    top: 3px;
    background: #0BDBF2;
    z-index: 1;
    transform: rotate(90deg);
    border-bottom-left-radius: 5px;}
.performance .text{border: 1px solid #585858;
    padding: 20px;min-height: 232px;
    background: #fff;}
.performance .text h4{    font-size: 20px;
    color: #1F4D97;font-weight:700;
    line-height: 25px;
    margin-bottom: 25px;}
.performance .text p{font-size: 15px;display: flex;    line-height: 25px;margin-bottom: 5px;}
.performance .text p i{    margin-top: 5px;
    margin-right: 10px;
    color: #0BDBF2;}


.rifinery{padding: 80px 0px;}
.rifinery .text h1{    position: relative;
    font-size: 24px;
    font-weight: 700;
    color: #000000;
    margin-bottom: 5px;}
.rifinery .text h1::before{    content: ' ';
    width: 28px;
    height: 6px;
    left: -5px;
    right: 0;
    position: absolute;
    top: -10px;
    background: #0BDBF2;
    z-index: -1;}
.rifinery .text h1::after{    content: ' ';
    width: 32px;
    height: 6px;
    left: -23px;
    right: 0;
    position: absolute;
    top: 3px;
    background: #0BDBF2;
    z-index: -1;
    transform: rotate(90deg);
    border-bottom-left-radius: 5px;}
.rifinery .text span{margin-bottom: 20px;
    display: block;
    height: 1px;
    background: #0BDBF2;
    width: 135px;}
.rifinery .text p{font-size: 14px;}
.rifinery .img img{width: 100%;}
.rifinery .text ul{padding-left: 20px;}
.rifinery .text ul li{font-size: 14px;margin-bottom: 5px;}
.rifinery .text label{display: block;font-weight: 500;font-size: 18px;}


.advantages{background: #EAF2FF;padding: 80px 0px;}
.advantages .top-block{margin-bottom: 50px;}
.advantages .top-block .img img{width: 100%;}
.advantages .top-block .text{padding-left: 20px;}
.advantages .top-block .text h3{font-weight: 600;font-size: 20px;line-height: 30px;color: #000;position: relative;}
.advantages .top-block .text h3::before{content: ' ';width: 28px;height: 6px;left: -5px;right: 0;position: absolute;top: -10px;background: #0BDBF2;z-index: 1;}
.advantages .top-block .text h3::after{content: ' ';width: 32px;height: 6px;left: -23px;right: 0;position: absolute;top: 3px;background: #0BDBF2;z-index: 1;transform: rotate(90deg);border-bottom-left-radius: 5px;}
}
.advantages .top-block .text span{margin-bottom: 20px;display: block;height: 1px;background: #0BDBF2;width: 135px;}
.advantages .top-block .text ul{padding-left: 20px;margin: 0;}
.advantages .top-block .text ul li{font-size: 15px;margin-top: 5px;}

.advantages .btm-block .img img{width: 100%;}
.advantages .btm-block .text{padding-right: 20px;}
.advantages .btm-block .text h3{font-weight: 600;font-size: 20px;line-height: 30px;color: #000;position: relative;}
.advantages .btm-block .text h3::before{content: ' ';width: 28px;height: 6px;left: -5px;right: 0;position: absolute;top: -10px;background: #0BDBF2;z-index: 1;}
.advantages .btm-block .text h3::after{content: ' ';width: 32px;height: 6px;left: -23px;right: 0;position: absolute;top: 3px;background: #0BDBF2;z-index: 1;transform: rotate(90deg);border-bottom-left-radius: 5px;}
}
.advantages .btm-block .text span{margin-bottom: 20px;display: block;height: 1px;background: #0BDBF2;width: 135px;}
.advantages .btm-block .text ul{padding-left: 20px;margin: 0;}
.advantages .btm-block .text ul li{font-size: 15px;margin-top: 5px;}

.applications{padding: 80px 0px;}
.applications .head h2{    position: relative;
    font-size: 24px;
    font-weight: 700;
    color: #000000;
    margin-bottom: 5px;}
.applications .head h2::before{    content: ' ';
    width: 28px;
    height: 6px;
    left: -5px;
    right: 0;
    position: absolute;
    top: -10px;
    background: #0BDBF2;
    z-index: -1;}
.applications .head h2::after{    content: ' ';
    width: 32px;
    height: 6px;
    left: -23px;
    right: 0;
    position: absolute;
    top: 3px;
    background: #0BDBF2;
    z-index: -1;
    transform: rotate(90deg);
    border-bottom-left-radius: 5px;}
.applications .img img{width: 100%;}


.gallery{margin: 80px 0px;}
        .gallery .head{margin-bottom: 40px;}
        .gallery .head h3{    position: relative;
    font-size: 24px;    text-transform: uppercase;
    font-weight: 700;text-align: center;
    color: #000000;
    margin-bottom: 5px;}
        .gallery .head span{    margin-bottom: 20px;
    display: block;display: none;
    height: 1px;
    margin: 0 auto;
    background: #0BDBF2;
    width: 220px;}
    .gallery .g_block label{    display: block;
    text-align: center;font-size: 15px;
    justify-content: center;min-height: 85px;
    padding: 8px;
    background: #0BDBF2;
    align-items: center;
    color: #000000;}
        .gallery .g_block{    margin-bottom: 25px;}
        .lightboxpreview {transition: all .3s linear;padding-top:60%;cursor:pointer;background-size:cover;}
        .lightbox-content {max-height:75svh;height:75svh;}
        .lightbox-close{cursor:pointer;margin-left: auto;position:absolute;right:-30px;top:-30px;color:white;font-size: 2rem;font-weight: 700;line-height: 1;}
        .modalscale {transform:scale(0);opacity:0;}
        .lightbox-container, .lightbox-btn, .lightbox-image-wrapper, .lightbox-enabled{transition:all .4s ease-in-out;}
        .lightbox_img_wrap {padding-top:65%;position:relative;overflow:hidden;}
        .lightbox-enabled:hover {transform:scale(1.1)}
        .lightbox-enabled {width:100%;height:100%;position:absolute;top:0;object-fit:cover;cursor:pointer;}
        .lightbox-container {width:100svw;height:100svh;position:fixed;top:0;left:0;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,.6);z-index:9999;opacity:0;pointer-events:none;}
        .lightbox-container.active {opacity:1;pointer-events:all;}
        .lightbox-image-wrapper {display:flex;transform:scale(0);align-items:center;justify-content:center;max-width:90vw;max-height:90vh;position:relative;}
        .lightbox-container.active .lightbox-image-wrapper {transform:scale(1);}
        .lightbox-btn, #close {color:white;z-index:9999999;cursor:pointer; position:absolute;font-size:50px;}

        .left {left:50px;}
        .right {right:50px;}
        #close {top:50px;right:50px;}
        .lightbox-image {width:100%;max-height:95vh;object-fit:cover;}

        @keyframes slideleft {
          33% {transform:translateX(-300px);
          opacity:0;
          }
          66% {transform:translateX(300px);
          opacity:0;
          }
        }
        .slideleft{animation-name: slideleft;animation-duration: .5s; animation-timing-function: ease; }
        @keyframes slideright {
          33% {transform:translateX(300px);
          opacity:0;}
          66% {transform:translateX(-300px);
          opacity:0;}
        }
        .slideright{animation-name: slideright;animation-duration: .5s; animation-timing-function: ease; }


.video_img_gallery{margin: 70px 0px;}
    .video_img_gallery .head h2{font-size: 24px;font-weight: 700;text-transform: uppercase;text-align: center;}
    .vide_o{margin-top: 25px;}
    .vide_o a{text-decoration: none;color: #000;}
    .vide_o a .img img{width: 100%;}
    .vide_o a label{background: #0BDBF2;display: block;text-align: center;font-weight: 400;padding: 8px;font-size: 15px;min-height: 128px;}

.our_installations{margin: 70px 0px;}
    .our_installations .head h2{font-size: 24px;font-weight: 700;text-transform: uppercase;text-align: center;}
    .our_installations .nav{justify-content: center;margin-top: 15px;    border: none;    margin-bottom: 20px;}
    .our_installations .nav li{    margin: 0px 5px;}
    .our_installations .nav li button{    border: none;
    background: #1F4D97;
    border-radius: 0;
    color: #fff;
    padding: 10px 25px;}
    .our_installations .nav li button.active{   border: none;
    background: #1F4D97;
    border-radius: 0;
    color: #fff;
    padding: 10px 25px;}
    .our_installations #myTabContent{}
    .our_installations #myTabContent .g_block{margin-top: 20px;}
    .our_installations #myTabContent .g_block .lightbox_img_wrap{}
    .our_installations #myTabContent .g_block .lightbox_img_wrap img{}
    .our_installations #myTabContent .g_block label{      background: #0BDBF2;
    display: block;
    text-align: center;
    font-weight: 400;
    padding: 8px;
    font-size: 15px;
    min-height: 128px;}

.blog-page{    padding: 70px 0px;background: #0bdbf21c;}
  .blog-page .head h2{font-size: 24px;font-weight: 700;text-align: center;margin-bottom: 20px;}
  .blog-page .blog_block{margin-top: 25px;}
  .blog-page .blog_block:hover .img img{transform: scale(1.08);}
  .blog-page .blog_block .img{overflow: hidden;}
  .blog-page .blog_block .img img{width: 100%;    transition: 0.5s ease-in-out;}
  .blog-page .blog_block a{text-decoration: none;}
  .blog-page .blog_block a h3{margin-bottom: 0;font-size: 16px;background: #1F4D97;padding: 12px;color: #fff;}
  .blog-page .blog_block .text{background: #1F4D97;margin-bottom: 0;padding: 12px;}
  .blog-page .blog_block a p{    color: #fff;font-size: 15px;}
.blog-page .blog_block a p:nth-child(2){     padding-bottom: 0px;
    line-height: 22px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 44px;
    margin-bottom: 0;}
.blog-page .text h1{margin-bottom: 20px;font-size: 26px;font-weight: 600;}
.blog-page .text h2{font-size: 24px;font-weight: 600;}
  .blog-page .text img{    width: 100%;
    background: #fff;
    padding: 8px;}
.blog-page .text h3{    font-size: 22px;
    font-weight: 500;
    margin-top: 20px;}
  .blog-page .text .intro{margin-top: 25px;}
  .blog-page .text .intro h4{font-size: 24px;}
  .blog-page .text .intro p{font-size: 15px;}
  .blog-page .text .intro label{display: block;font-weight: 600;}
  .blog-page .text .intro ul{padding: 0;padding-left: 25px;}
  .blog-page .text .intro ul li{margin-top: 8px;font-size: 15px;}
  .blog-page .text .intro h5{font-weight: 600;}
  .fle_x{display: flex;align-items: center;}




@media (min-width:1921px) {
    body{max-width: 1920px;margin: 0 auto;}
    header{max-width: 1920px;}
}

  @media (min-width:1600px) {
    .header_in .logo_block a img{width: 250px;}
    .serve_industries .head p, .numbers .numbers_in ul li .num_text p, .about .text .more a, .about .text p, .exp_more a, .header_in .mid_nav .top-row .contact-head a, .header_in .mid_nav .btm_row ul li a{font-size: 18px;}
    .main_banner .owl-stage .owl-item .item .banner_area .text h3{font-size: 55px;}
    .industries .head label, .main_banner .owl-stage .owl-item .item .banner_area .text p{font-size: 22px;}
    .industries .head p, .about .text .more a{font-size: 25px;}
    .testemonial .testemonial-slider .item .teste-block .text label, .testemonial .head label, .serve_industries .head label, .numbers .head label{font-size: 22px;}
    .numbers .numbers_in ul li .num_text .counter{font-size: 45px;line-height: normal;}
    .industries .industries_details .text .left h4{font-size: 25px;}
    .left{font-size: 18px;}
    .industries .industries_details{height: 340px;}
    .industries .industries_details .img, .industries .industries_details .img img{height: 175px;}
    .fp-block .head .more a, .serve_industries .more a{font-size: 18px;}
    .serve_industries .serve_block .text a h3{font-size: 20px;}
    .fp-block .head p{font-size: 18px;}
    .fp-block .item .serve_block .text a h3{font-size: 20px;}
    .event-block .head p{font-size: 18px;}
    .event-block .head label{font-size: 22px;}
    .event-block .item .serve_block .text a h3{font-size: 20px;}
    .event-block .item .serve_block .img img{height: 100%;}
    .testemonial .testemonial-slider .item .teste-block p{font-size: 20px;}
    .blog-block .head p{font-size: 18px;}
    .blog-block .head label{font-size: 22px;}
    .blog-block .item .serve_block .text p{font-size: 18px;}
    .fts .text p{font-size: 16px;}
    .aboutus .text h1, .md .text h3{font-size: 28px;}
    .aboutus .text label, .md .text label{font-size: 22px;}
    .md .text p{font-size: 18px;}
    .infra .serve_block .text a h3{font-size: 18px;}
    .aboutus .text p, .qc .text p{font-size: 18px;}
    .vision-mission .text p{font-size: 17px;}
  }

@media (max-width:1300px) {
    .header_in .mid_nav .btm_row ul li{padding-right: 5px;padding-left: 0px;}
    .main_banner .owl-stage .owl-item .item .banner_area .text h3{font-size: 28px;}
    .vision-mission .text{height: 430px;}
}

@media (max-width:1024px) {
    .aboutus .text {padding-right: 0px;}
        .vision-mission .text {height: 500px;}
    .md .text{padding-left: 0px;}
    .header_in .mid_nav .btm_row ul li a{font-size: 13px;}
    .header_in .mid_nav .btm_row ul li{padding-right: 0px;}
    .social-media a{margin-left: 0px;}
    header{padding: 10px 0px;}
    .header_in .mid_nav .top-row .rt_logo img {width: 35px;}
    .header_in .mid_nav .top-row .contact-head a{font-size: 13px;margin-right: 20px;}
    .social-media{margin-left: 10px;}
    .numbers .head label{font-size: 15px;}
    .numbers .numbers_in ul li .num_text .counter{font-size: 25px;}
    .numbers .numbers_in ul li .num_text p{font-size: 12px;line-height: 16px;}
    .numbers .numbers_in ul li {margin-bottom: 15px;}
    .industries .head label{font-size: 14px;}
    .industries .industries_details{height: 280px;}
    .serve_industries .serve_block .text a h3{font-size: 15px;margin-right: 10px;}
}

@media (max-width:1000px) {
    header .container{max-width: 100%;}
    .header_in .logo_block a img {width: 155px;}
    .header_in .mid_nav .btm_row ul li a {padding: 15px 2px;padding-top: 0;}
    .container{max-width: 98%;}
    .numbers .head label{font-size: 12px;}
    .blog-block .item .serve_block .img img{height: 250px;}
    .fts .text p{line-height: normal;}
    .ft-logo a img{width: 150px;}
    .ft_linking .ft ul li a{line-height: normal;}
    .vision-mission .text p{line-height: 20px;}
    .clients .clint-list ul li img{width: 100%;}
}
@media (max-width:850px) {
    .header_in .mid_nav .btm_row ul li a{font-size: 10px;}
    .fixed-header{        padding: 10px 0px;
        padding-top: 10px !important;}
    .numbers .head{padding-left: 20px;}
    .numbers .numbers_in ul{padding: 0px 20px;}
    .eqf a{padding: 10px 5px;font-size: 13px;}
    .about .text {padding-right: 0px;}
    .blog-block .head p{padding-right: 0px;}
    .vision-mission{padding: 80px 0px;}
    .clients .clint-list ul li{width: 23.5% !important;}
    .contact-page .text{padding: 1px !important;}
    .contact-page .text ul li{margin: 20px !important;}
}


@media (min-width:601px) {
    .hamburger-menu{display: none;}
}

@media (max-width:600px) {
    #eqpopup .modal-dialog {max-width: 100% !important;}
    .contactus{margin-top: 40px;}
    .our_installations #myTabContent .g_block label, .vide_o a label{min-height: auto;}
    header{position: initial;}
    .md .text{margin-top: 50px;}
    .vision-mission .text{height: auto;margin-bottom: 10px;}
    .mid_nav{display: none;}
    .fle_x{display: block;}
    .about .img {width: 100%;float: left;margin: 50px 0px;}
    .main_banner .owl-stage .owl-item .item .banner_area .text h3{font-size: 18px;}
    .main_banner .owl-stage .owl-item .item .banner_area .text p{font-size: 14px;margin-bottom: 20px;}
    .main_banner .owl-stage .owl-item .item .banner_area .text{right: 0;left: 0%;top: 45%;text-align: center;width: 95%;margin: 0 auto;}
    .numbers{width: 100%;}
    .numbers .head{padding-left: 0px;text-align: center;}
    .numbers .head .borders{margin-top: 8px !important;margin: 0 auto;}
    .num_text .ff{justify-content: center;}
    .num_text{text-align: center;border: 1px solid #ddd !important;padding: 10px;border-radius: 5px;}
    .industries .industries_details{height: auto;}
    .blog-block .item .serve_block .text{position: initial;}
    .blog-block .item .serve_block .img img{height: 100%;}
    .blog-block .item .serve_block .text{width: 100%;margin-top: 0px;}
    .fts{display: block;margin-top: 20px;}
    .fts .ft-social {padding-left: 0px;}
    footer .ft p br{display: none;}
    .ft_linking{display: block;}
    .ft_linking .ft{width: 50%;float: left;}
    .ft-form form.wpcf7-form p{display: block !important;}
    .ft-form .ft-form input{margin-bottom: 10px;}
    footer .bottom_ft{display: block;}
    footer .bottom_ft .left p{text-align: center;}
    footer .bottom_ft .powered p{text-align: center;}
    .testemonial .testemonial-slider .item .teste-block{display: block;}
    .testemonial .testemonial-slider .item .teste-block .text{width: 100%;}
    .testemonial .testemonial-slider .item .teste-block .text label{font-size: 16px;}
    .testemonial .testemonial-slider .item .teste-block p{font-size: 15px;}
    .testemonial .head label{font-size: 17px;}
    .sub_menu{position: initial;box-shadow: none;border-top: none;background: none;}
    .sub_menu li{border-bottom: none;position: 0px;}
    .sub_menu li a{padding: 0px 0px !important}
    .mobile-logo a img{width: 225px;padding: 20px;}
    .main_banner .owl-stage .owl-item .item .banner_area img{height: 400px;object-fit: cover;}
    .sub_menu{width: 100%;padding: 0px !important}
}








.hamburger-menu {
      position: fixed;
    top: 8px;
    /* left: 0; */
    right: 20px;
    padding-top: 20px;
    padding-left: 15px;
    /* width: 100%; */
    height: 43px;
    cursor: pointer;
    z-index: 9998;
    /* background: #EBEBEB; */
}
.bar,
.bar:after,
.bar:before {
  width: 30px;
  height: 3px;
}
.bar {
  position: relative;
  transform: translateY(10px);
  background: black;
  transition: all 0ms 300ms;
}
.bar.animate {
  background: rgba(255, 255, 255, 0);
}
.bar:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 10px;
  background: black;
  transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.bar:after {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  background: black;
  transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.bar.animate:after {
  top: 0;
  transform: rotate(45deg);
  transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.bar.animate:before {
  bottom: 0;
  transform: rotate(-45deg);
  transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
/*---------------------
Mobiles Menu 
----------------------*/
    /*---------------------
    Mobiles Menu - Design 
    ----------------------*/
.mobile-menu ul {
  margin: 0;
  padding: 0px 20px;
}

.mobile-menu li {
  font-size: 20px;
  line-height: 30px;
  margin: 0;
  overflow: hidden;
  padding: 5px;
  position: relative;
  text-align: left;
  padding-left:15px;
}
.mobile-menu li:hover {
  background: #CCCCCC;
}
.mobile-menu li a {
  text-decoration: none;
  color: black;
}

    /*---------------------
    Mobiles Menu - Slide IN 
    ----------------------*/
.mobile-menu {
  top: 0;
  max-width:100%;
  left: -100%;
  width: 100%;
  background: #EBEBEB;
  color: black;
  height: 100%;
  position: fixed;
  z-index: 9997;
  overflow-y: auto;
  -webkit-transform: translate3d(0, 0, 205px);
  -moz-transform: translate3d(0, 0, 205px);
  transform: translate3d(0, 0, 205px);
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
.mobile-menu.active {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
    /*---------------------
    Mobiles Menu - Dropdown Submenu
    ----------------------*/
.has-children:hover{
    cursor:hand;
}
.children {
    display:none;   
}
.mobile-menu .children li:first-child {
  margin-top: 0px;
}
.icon-arrow {
    position: absolute;
    display: block;
    font-size: 0.7em;
    color: black;
    top: 5px;
    right: 10px;
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg); 
    transition: .6s;
  -webkit-transition: .6s;
  -moz-transition: .6s;  
}
.icon-arrow:after {
    content: "\25BC";
}
.icon-arrow.open {
  transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg); 
  transition: .6s;
  -webkit-transition: .6s;
  -moz-transition: .6s;         
}