*{padding: 0;margin: 0}
html{    overflow-x: hidden;}
@font-face {
    font-family: Anklepants;
    src: url("../assets/fonts/anklepants.otf") format("opentype");
}
@font-face {

    font-family: graphik regular;

    src: url("../assets/fonts/GraphikRegular.otf") format("opentype");

}

@font-face {

    font-family: Graphik Medium;

    src: url("../assets/fonts/GraphikMedium.otf") format("opentype");

}

@font-face {

    font-family: Graphik Bold;

    src: url("../assets/fonts/GraphikBold.otf") format("opentype");

}

@font-face {

    font-family: Graphik Semibold;

    src: url("../assets/fonts/GraphikSemibold.otf") format("opentype");

}

@font-face {

    font-family: Graphik ThinItalic;

    src: url("../assets/fonts/GraphikThinItalic.otf") format("opentype");

}

@font-face {

    font-family: Graphik Thin;

    src: url("../assets/fonts/GraphikThin.otf") format("opentype");

}

@font-face {

    font-family: Graphik Thin;

    src: url("../assets/fonts/GraphikThin.otf") format("opentype");

}

@font-face {

    font-family: Graphik Thin;

    src: url("../assets/fonts/GraphikThin.otf") format("opentype");

}

@font-face {

    font-family: Graphik SuperItalic;

    src: url("../assets/fonts/GraphikSuperItalic.otf") format("opentype");

}

@font-face {

    font-family: Graphik Super;

    src: url("../assets/fonts/GraphikSuper.otf") format("opentype");

}

@font-face {

    font-family: Graphik Super;

    src: url("../assets/fonts/GraphikSuper.otf") format("opentype");

}

@font-face {

    font-family: Graphik Light;

    src: url("../assets/fonts/GraphikLight.otf") format("opentype");

}


/*start*/
.heading p{text-align: justify;}
/*
body{overflow: hidden;transition: all 0.3s ease-in;font-family: graphik regular;}*/
header .header_in .nev_block ul li span{    display: flex;
    justify-content: space-between;}
header .header_in .nev_block ul li span i{    color: #000;
    float: right;
    font-size: 18px;
    width: 30px;
    text-align: center;}
header{padding: 5px 0px;position:initial;z-index: 999;width: 100%;top: 0px;    bbackground: linear-gradient(0deg, #ffffff00, black);}

header .header_in{display: flex;align-items: center;justify-content: space-between;}

header .header_in .logo_block img{width:110px;}

header .header_in .nev_block ul{margin: 0;padding: 0;}

header.fixed-header .header_in .logo_block img{width: 100px;margin-top: 0;}

.fixed-header{top:0px;box-shadow: 0 3px 3px rgba(0,0,0,0.15);position: fixed;z-index: 999;background: #fff;width: 100%;}

header .header_in .nev_block ul li{display: inline-block;padding: 5px 15px;position: relative;}

header.fixed-header .header_in .nev_block ul li a{color: #222222;}

header.fixed-header .header_in .search_block .form span{color:#222222;}

header.fixed-header .header_in .search_block .form i{color:#222222;}

header .header_in .nev_block ul li a{color: #222;text-decoration: none;font-size: 18px;}

.about_section{padding:50px 0px;}

header .header_in .nev_block ul li a:hover{color: #ff6d10;}

.search-section.active {display: block;}

.search-section {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: #ccc;z-index: 999;display: none;transition: all 0.5s ease-in;}

.close-srch {position: absolute;right: 30px;top: 30px;text-decoration: none;color: #423b3b;}

.serach-logo {display: block;margin: 70px auto 0;float: none;max-width: 16%;}

.search-container {width: 100%;float: none;margin: 70px auto 0;max-width: 1000px;}



.full{width: 100%;}

.search_block .form{cursor: pointer;}

.search_block .form span{color: #fff;text-decoration: none;font-size: 18px;}

.search_block .form i{color: #fff;font-size: 20px;margin-left: 0px;}

.banner_area .text{position: absolute;top: 30%;color: #fff;}

.banner_area .text h1{    font-family: 'graphik bold';font-size: 45px;border-bottom: 1px solid #fff;padding-bottom: 20px;margin-bottom: 20px;}

.banner_area .text p{font-size: 18px;margin-bottom: 30px;}

.banner_area .text a:hover{background: #ff6d10;color: #fff;}

.banner_area .text a{    font-family: 'Graphik Medium';background: #fff;text-decoration: none;padding: 14px 20px;color: #000;border-radius: 5px;}


/*end*/






.revolution{padding: 60px 0px;}

.revolution .text h2{    font-size: 36px;font-family: 'Graphik Medium';}

.revolution .text a:hover{background: #ff6d10;color: #fff;border-color:#ff6d10; }

.revolution .text a{border: 1px solid #ddd;padding: 8px;border-radius: 5px;text-decoration: none;display: block;width: 145px;text-align: center;font-size: 16px;color: #000;}

.revolution .text p{color: #222222;    margin:5px 0px;    font-family: graphik regular;text-align: justify;}

.revolution .text p b{font-family: graphik bold;}

.counts{margin-top: 35px; }

.counts h3{font-weight: 600;font-size: 24px;}

.counts .vision_mission.mission{    background: #eaeaea;}

.counts .vision_mission{min-height: 254px; background: #ffece2;border-radius: 5px;padding:20px;margin-top: 15px;}

.counts .vision_mission p{color: #222222;    margin-bottom: 0;}

.counts .vision_mission h5{    color: #ff6d10;

    font-size: 26px;

    margin-bottom:10px;
    font-weight: 600;
        font-family: 'Anklepants', sans-serif;}

.reality{margin-top: 30px;text-align: center;}

.reality h3{font-family: Graphik Medium;font-size: 26px;margin-bottom: 20px;}

.reality .more a:hover{    background: #ff6d10;

    color: #fff;

    border-color: #ff6d10;}

.view_all a:hover{background: #ff6d10;

    color: #fff;

    border-color: #ff6d10;}

.reality .more a{    border: 1px solid #222;

    padding: 8px;

    border-radius: 5px;

    text-decoration: none;

    display: block;

    width: 145px;

    text-align: center;

    font-size: 16px;

    color: #222;

    margin: 0 auto;}

.counts .vision_mission .text{    padding-right: 0px;    display: flex;align-items: center;}

.counts .vision_mission .text .left{    margin-right: 15px;position: relative;}

.counts .vision_mission .text .left:hover img{    transform: scale(1.1);

    transition: 1s;}

.counts .vision_mission .text .left img{      transition: 0.5s;  width:75px;}

.num_counter{    margin-top:50px;}

.num_counter ul{    padding: 0;

    overflow: hidden;

    margin: 0;}

.num_counter ul li{     width: 25%;

    float: left;

    border-left: 2px solid #ddd;

    list-style: none;

    display: flex;

    align-items: center;

    justify-content:center;}

.num_counter ul li .icon:hover img{    transform: scale(1.1);

    transition: 1s;}

.num_counter ul li .icon img{    width:45px;    transition: 0.5s;}

.num_counter ul li .icon{float: left;margin-right: 10px;position: relative;}

.num_counter ul li .text{line-height:16px;

    padding-right: 0px;

    font-size: 26px;

    color: #ff6d10;

    /* font-weight: 600; */

    font-family: 'GRAPHIK BOLD';}

.num_counter ul li .text i{ color: #ff6d10;   font-size:30px;

    font-style: inherit;}

.num_counter ul li .text span{    font-size:26px;line-height: 33px;

    color: #ff6d10;}

.num_counter ul li .text label{    font-size: 16px;

    display: block;

    color: #222222;

    font-family: 'GRAPHIK REGULAR';}

.darvi_section{padding: 60px 0px;bbackground: #eaeaea;padding-bottom: 0px;    background: url(../assets/images/clint2-bg.png);background-size: cover;background-repeat: no-repeat;}

.about_darvi{padding-right:0px;}
.about_darvi h2{    font-size: 36px;
    font-family: 'Graphik Medium';}
.darvi_image{text-align: center;}

.darvi_image img{  }

.about_darvi p{padding: 30px 0px;margin-bottom: 0px;padding-top: 0px;text-align: justify;}

.about_darvi a:hover{background: #ff6d10;

    color: #fff;

    border-color: #ff6d10;}

.about_darvi a{    padding: 10px 20px;

    border: 1px solid #222222;

    border-radius: 5px;    background:#f7f7f7;

    text-decoration: none;

    color: #222222;

    font-size: 16px;}

.devider{ bbackground: #d8d8d8;
    height: 1px;
    margin-bottom: 15px;
    margin-top: 15px;}



.darvi_products h3{     font-size: 26px;

    margin-bottom: 15px;

    font-family: 'GRAPHIK MEDIUM';}

.darvi_products .right{float: right;    margin-top: 15px;}

.darvi_products .right a:hover{background: #ff6d10;

    color: #fff;

    border-color: #ff6d10;}

.darvi_products .right a{background: #464646;

    padding: 10px 15px;

    border-radius: 5px;

    text-decoration: none;

    color: #fff;}

.darvi_products ul{border: none;float: left;}

.darvi_products ul li button:hover{background: #ff6600 !important;color: #fff !important;border-color: #ff6600 !important;}

.darvi_products ul li button.active{background: #ff6600 !important;color: #fff !important;border-color: #ff6600 !important;}

.darvi_products ul li button{    border: 1px solid #222222 !important;

    border-radius: 5px;background: #f6f6f6;

    color: #222;margin-right: 5px;

    font-size: 16px;}

#myTabContent{width: 100%;float: left;margin-top: 10px;    padding: 0px 50px;}


footer{    background: #044524;

    padding: 60px 0px;padding-bottom: 0px;}

footer .top_footer{    display: flex;

    justify-content: space-between;

    border-bottom: 2px dotted #cecece;

    padding-bottom: 25px;

    margin-bottom: 35px;}

footer .top_footer .left h4{    font-size:28px;

    color:#fff;margin-bottom: 0px;}

footer .top_footer .right p{color: #fff;

    margin-bottom: 8px;

    font-size: 13px;}

footer .top_footer .right .social-links{    display: flex;justify-content: end;}

footer .top_footer .right .social-links a i:hover{    background: #ff6600;

    border-color: #ff6600;

    color: #fff;}

footer .top_footer .right .social-links a i{    border: 1px solid #fff;

    width: 35px;

    text-align: center;margin-right: 8px;

    height: 35px;

    padding: 9px;

    border-radius: 50%;

    color: #fff;}

.ft_form h4{color:#d66e29;

    font-family: Graphik Medium;

    font-size: 22px;}

.ft_form .ft_forms .text_box{    width: 50%;

    float: left;}

.ft_form .ft_forms .text_box input{    padding: 5px 12px;

    border-radius: 5px;width: 96%;

    margin-bottom: 8px;    outline: none;

    border: 1px solid #fff;

    font-size: 15px;}

.ft_form .ft_forms .text_box select{    padding: 8px 12px;

    border-radius: 5px;width: 96%;

    margin-bottom: 8px;    outline: none;

    border: 1px solid #fff;

    font-size: 15px;}

.ft_form .ft_forms textarea{    padding: 5px 12px;

    border-radius: 5px;

    outline: none;

    border: 1px solid #fff;

    font-size: 15px;height: 120px;

    width: 98.1%;}

.ft_form .ft_forms .submit:hover{background: #464646;}

.ft_form .ft_forms .submit{    background: #d66e29;

    padding: 8px 24px;

    color: #fff;

    border: none;

    border-radius: 5px;}

.bottom_right ul{margin: 0;padding: 0;}

.bottom_right ul li{    width: 33.33%;

    list-style: none;

    float: left;}

.bottom_right ul li h5{color: #d66e29;

    font-size: 18px;

    font-family: Graphik Medium;}

.bottom_right ul li a:hover{color: #ff6d10;}

.bottom_right ul li a{display: block;

    color: #e9e9e9;

    text-decoration: none;

    font-size: 15px;

    margin-bottom: 5px;}

.bottom_right{overflow: hidden;}

.registered{margin-top: 10px;}

.registered label{    color: #c5c5c5;

    margin-bottom: 5px;    font-family: 'GRAPHIK MEDIUM';

    font-size: 18px;}

.ft_bottom .sale{    background: #063b20;

    margin-top: 20px;

    padding: 10px;overflow: hidden;

    border-radius: 5px;}

.ft_bottom .sale .left{    width:33.33%;    padding: 0px 5px;

    float: left;}

.ft_bottom .sale .left label{color: #e9e9e9;

    font-size: 18px;}

.ft_bottom .sale .left ul{    padding: 0;

    margin: 0;}

.ft_bottom .sale .left ul li{     color: #fff;

    font-size: 15px;

    list-style: none;

    margin-top: 4px;

    margin-bottom: 4px;} 

.ft_bottom{margin-top: 30px;}

.ft_bottom .sale .left ul li i{    margin-right: 5px;}

.tr{     border-top: 2px dotted #fff;

    margin-top:15px;

    padding-top: 20px;

    display: flex;

    justify-content: space-between;} 

.tr p{    color: #fff;    font-family: Graphik Light;

    font-size: 15px;}

.tr p a{    color: #fff;

    text-decoration: none;}

.tr p a:hover{color: #ff6d10;}





.infrastracture{background: #eaeaea;padding: 60px 0px;}

.infrastracture_tabs h4{    float: left;

    font-weight: 600;    margin-bottom: 0;

    margin-top: 5px;

    font-size:30px;}

.infrastracture_tabs nav{float: right;}

.infrastracture_tabs nav .nav button:hover{background: #ff6600 !important;

    color: #fff !important;

    border-color: #ff6600 !important;}

.infrastracture_tabs nav .nav button.active{background: #ff6600 !important;

    color: #fff !important;

    border-color: #ff6600 !important;}

.infrastracture_tabs nav .nav button{border: 1px solid #222222 !important;

    border-radius: 5px;

    background: #f6f6f6;

    color: #222;

    margin-right: 5px;

    font-size: 16px;}

.infrastracture_tabs #nav-tabContent{float: left;
margin-bottom: 20px;
    width: 100%;margin-top: 30px;}

.tab_details{padding-right: 30px;}

.tab_details h4{float: none;color: #ff6600;

    font-size: 24px;margin-top: 0;

    margin-bottom: 10px;}

.tab_details a:hover{background: #ff6600;border-color: #ff6600 !important;color: #fff;}

.tab_details a{border: 1px solid #222222 !important;

    border-radius: 5px;

    background: #f6f6f6;

    color: #222;

    font-size: 16px;

    padding: 10px 18px;

    text-decoration: none;}

.certification{padding-bottom: 60px;}

.certification .heading{    display: flex;    margin-bottom: 20px;

    align-items: center;

    justify-content:center;}

.certification .heading h3{    font-size: 30px;

    margin-bottom: 0;    color:#00783a;

        font-family: 'Anklepants', sans-serif;
    font-weight: 600;}

.certification .heading a{    border: 1px solid #222222 !important;

    border-radius: 5px;

    color: #222;

    font-size: 16px;

    padding: 5px 18px;

    text-decoration: none;}

.certification .heading a:hover{    background: #ff6d10;border-color: #ff6d10 !important;

    color: #fff;

    border-color: #ff6d10;}

.view_all{    margin-top: 22px;}

.view_all a{background: #fff;

    padding: 10px 20px;

    border-radius: 5px;

    text-decoration: none;

    color: #222;}


.location{    position: relative;

    margin: 0px 0px;

    text-align: center;}

.location .text h3{left: 0;right: 0;  position: absolute;z-index: 777;margin-top: 65px;  font-size:32px;    font-family: 'GRAPHIK MEDIUM';margin-bottom: 30px;}

.location .text .full{width: 100%;}



.clients{background-size: cover; overflow: hidden; background: url(../assets/images/clint-bg.png);background-repeat: no-repeat;position: relative;padding:0px 0px;}

.clients .gallery{position: absolute;top: 0;}

.clients .row{    position: relative;

    padding: 60px 0px;

    text-align: center;}

.certification_slider {margin-top: 30px;}

.clients .client_text h3{     font-size: 32px;

    color: #fff;

    /* font-weight: 600; */

    font-family: 'GRAPHIK MEDIUM';}

.clients .client_text p{    color: #fff;

    width: 80%;

    margin: 0 auto;}

.block-33 {

  width:49%;

}

.fill-dimensions.cover-img img{border-radius: 5px;}

.display--inline-top{

  display:inline-block;

  vertical-align:top;

}







.gallery-image {

 padding-bottom: 5px;

  animation: marqueeTop 8s linear infinite;

}



.gallery-h--tb {

  animation: marqueeBottom 8s linear infinite;

}



  .gallery-image {

  animation: marqueeBottom 8s linear infinite;

}









.gallery-h {

overflow: hidden;

}



@keyframes marqueeTop {

  0% {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

    100% {

        -webkit-transform: translate3d(0, -100%, 0);

        transform: translate3d(0, -100%, 0)

    }

}



@keyframes marqueeBottom {

  0% {

        -webkit-transform: translate3d(0, -100%, 0);

        transform: translate3d(0, -100%, 0)

    }

    100% {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

}

.breadcrum{background: #dbdbdb;}

.breadcrum .breadcrum-in{padding: 15px 0px;display: flex;align-items: center;justify-content: space-between;}

.breadcrum .breadcrum-in .left a{text-decoration: none;color: #222222;}

.breadcrum .breadcrum-in .left a i{margin-right: 5px;font-size: 19px;}

.breadcrum .breadcrum-in .right ul{padding: 0;margin: 0;}

.breadcrum .breadcrum-in .right ul li{display: inline-block;     margin-left: 5px;  list-style: none;}

.breadcrum .breadcrum-in .right ul li i{font-size: 19px;}

.breadcrum .breadcrum-in .right ul li:last-child{color: #ff6600;}

.breadcrum .breadcrum-in .right ul li a{text-decoration: none;color: #222;}

.aboout_section{margin: 80px 0px;position: relative;margin-top: 100px;}

..aboout_section::before{    content: '';

    position: absolute;

    width: 100%;

    height: 100%;

    z-index: 9;

    top: -36px;

    background-image: url(../assets/images/dotted.png);

    left: 100px;

    background-repeat: no-repeat;}

.aboout_section .row{    align-items: center;

    position: relative;

    z-index: 9;}

.aboout_section .row .left_img img{width: 100%;}

.aboout_section .row .text .scroll{height: 432px;

    overflow-y: scroll;

    padding-right: 20px;}

.scroll::-webkit-scrollbar {

    width: 5px;

    height: 16px;

    background: #ddd;

    border-radius: 16px;

}












.page_banner{position: relative;}

      .page_banner .text{position: absolute;bottom: 30px;display: none;}

      .page_banner .text h1{     /* padding: 5px 20px; */
    /* border-radius: 10px; */
    /* background: #fff; */
    /* text-shadow: 3px 3px white; */
    text-transform: uppercase;
    font-family: "Anklepants";
    font-weight: 600;
    color: #ffffff !important;
    font-size: 40px;}

      .opening{margin: 50px 0px;}

      .opening .heading{margin-bottom: 0px;}

      .opening .heading h2{text-align: center;font-family: 'Anklepants', sans-serif;
    font-weight: 600;
    color:#00783a;font-size: 30px;text-transform: uppercase;}

    .sepreter{height: 4px;background: #ff6600;width: 100px;margin: 0 auto;border-radius: 0px;}

    .form_block{margin-top:10px;margin-bottom:10px;}

    .form_block.flex-col input{width:35px;height: 25px;}

    .form_block.flex-col label{height: auto;}

    .disclaimer{margin-top: 10px;}

    .disclaimer label{    font-weight: 600;

    font-size: 18px;

    margin-bottom: 4px;}

    .disclaimer p{    font-size: 15px;

    text-align: justify;}

    .form_block.flex-col{display: flex;align-items: center;}

    .form_block label{display: block;font-size: 16px;height: 45px;line-height: 1.3;margin-bottom: 2px;}

    .form_block input{width: 100%;border-radius: 5px;border: 1px solid #ddd;height: 41px;    padding: 5px 10px;font-size: 15px;}

    .form_block select{width: 100%;border-radius: 5px;border: 1px solid #ddd;height: 41px;    padding: 5px 10px;font-size: 15px;}

    .form_block textarea{    margin-bottom: 10px;width: 100%;border-radius: 5px;border: 1px solid #ddd;height: 115px;    padding: 5px 10px;font-size: 15px;}

    .form_block small{color: #9b9b9b;}

    .opening_form .btn_group{margin-top: 25px;}

    .opening_form .btn_group input:first-child{background: #ff6600;border: none;border-color:  #ff6600;padding: 8px 28px;text-transform: uppercase;color: #fff;border-radius: 5px;padding-top: 10px;}

    .opening_form .btn_group input:last-child{padding: 8px 28px;text-transform: uppercase;color: #222;border-radius: 5px;padding-top: 10px;margin-left: 5px;border: 1px solid #222;}

    .submit{background: #ff6600;border: none;border-color:  #ff6600;padding: 8px 28px;text-transform: uppercase;color: #fff;border-radius: 5px;padding-top: 10px;}

    #accordionExample .accordion-item h2 button{    background: none;

    font-size: 18px;

    color: #222;

    outline: none;

    box-shadow: none;

    border-bottom: 1px solid #ddd;}

    .opening .equal label{font-weight: 600;

    font-size: 20px;

    margin-bottom: 5px;}

    .opening .equal p{    margin-bottom: 5px;text-align: justify;}

    .opening .equal h3{font-weight: 600;font-size: 24px;}

    .opening .heading p{    text-align:justify;

    margin-top: 20px;}

.opening .equal h4{  font-family: 'Anklepants', sans-serif;
    font-weight: 600;
    color:#00783a;

    margin-bottom: 15px;

    text-align: center;font-size: 30px;

    margin-top: 28px;}

.con_map_block .right{width: 100%;padding: 5px;padding-bottom: 0;}

.con_map_block .right iframe{width: 100%;height: 432px;}

.con_map_block{ display: flex;

    align-items: center;    background: #ffece2;

    justify-content: space-between;

    border: 1px solid #222;

    margin: 50px 0px;

    padding: 1px;}

.con_map_block .left{    width: 380px;

    background: #ffece2;

    padding: 30px;}

.con_map_block .left .l_details:last-child{border-bottom: none;

    padding-bottom: 0;

    margin-bottom: 0;}

.con_map_block .left .l_details{     display: flex;

    border-bottom: 1px solid #222;

    margin-bottom: 39px;

    padding-bottom: 39px;}

.con_map_block .left .l_details .icon{    margin-right: 10px;}

.con_map_block .left .l_details .icon img{    width: 70px;}

.con_map_block .left .l_details .text{}

.con_map_block .left .l_details .text label{    font-family: Graphik Medium;

    font-size: 16px;

    margin-bottom: 3px;}

.con_map_block .left .l_details .text p{    margin-bottom: 0;}

.con_map_block .right img{width: 100%;}

.technical_para{    background: #f5f4f4;

    padding: 50px 0px;}

.technical_para .technical_para_in h3{    text-align: center;

    font-family: Graphik Medium;

    font-size: 28px;

    margin-bottom: 15px;}

.technical_para .technical_para_in .sepreter{margin-bottom: 30px;}

.night{    margin: 50px 0px;}

.night .row{align-items: center;}

.night .img{text-align: center;}

.night .img img{    width: 300px;}

.night .heading h2{     font-family: 'Anklepants', sans-serif;
    color:#00783a;
    font-weight: 600;

    font-size: 30px;

    margin-bottom: 15px;}

.night .heading .sepreter{    margin: 0;

    margin-bottom: 20px;}

.technical_para_in .table tbody tr td{    vertical-align: middle;

    margin: 0;width: 50%;

    padding-bottom: 8px;

    padding-top: 14px;

    padding-left: 20px;}

.technical_para_in .table tbody tr:nth-child(odd) td{background:#f5f4f4;}

.technical_para_in .table tbody tr:nth-child(even) td{background: #fff;}





.quality_policy{}

.quality_heading label{    text-align: center;

    display: block;

    font-size: 22px;

    font-family: Graphik Medium;}

.quality_heading h2{    color:#00783a;
    font-weight: 600;
    font-family: 'Anklepants', sans-serif;

    padding-right: 30px;

    margin-bottom: 20px;

    text-align: center;}

.policy_bg{background: url(../assets/images/policy_bg.jpg)no-repeat;background-size: cover;

    padding-bottom: 60px;}

.policy_col{     display: flex;

    background: #fff;

    margin-top: 15px;

    padding: 20px;

    border-radius: 5px;

    min-height: 138px;}

.policy_col .icon{    width: 100px;position: relative;

    margin-right: 20px;}

.policy_col .icon:hover{    transform: scale(1.1);

    transition: 1s;}

.policy_col .icon img{ transition: 0.5s;   width: 88px;}

.policy_col .text p{    margin-bottom: 0;text-align: justify;}

.policy_bg .view_all{    text-align: center;

    margin-top: 35px;}





.our_services{padding: 50px 0px;}

.our_services .heading h2{  color: #00783a;
    font-weight: 600;
    font-family: 'Anklepants', sans-serif;

    margin-bottom: 20px;

    text-align: center;}

.our_services nav{margin-bottom: 25px;}

.our_services nav .nav{justify-content: center;border: none;}

.our_services nav .nav button{    border: 1px solid #222222 !important;

    border-radius: 5px;

    background: #f6f6f6;

    color: #222;

    margin-right: 5px;

    font-size: 16px;}

#services .item .text:hover .icon img{transform: scale(1.1);transition: 1s;}

.our_services nav .nav button.active{background: #ff6600 !important;color: #fff !important;border-color: #ff6600 !important;}

#services .item .text{min-height: 178px; border: 1px solid #ddd;border-radius: 5px;overflow: hidden;padding: 20px;}

#services .item .text h4{min-height: 80px; text-align: center; color: #f16d26;font-family: Graphik Semibold;margin-bottom: 3px;font-size:18px;}

#services .item .text p{margin: 0;font-size: 16px;}

#services .item .text .icon{margin-top: 15px;}

#services .item .text .icon img{      transition: 0.5s;
    height: 85px;
    object-fit: contain;
    margin: 0 auto;}
#services .owl-nav{display: block;}
#services .owl-nav button.owl-prev span {
    font-size: 0;
    background: url(../assets/images/left-btn.png)no-repeat;
    width: 50px;
    top: 35%;
    height: 50px;
    display: block;
    position: absolute;
    left: -25px;
    background-size: 100%;
}
#services .owl-nav button.owl-next span {
    font-size: 0;
    background: url(../assets/images/right-btn.png)no-repeat;
    width: 50px;
    top: 35%;
    height: 50px;
    display: block;
    position: absolute;
    right: -25px;
    background-size: 100%;
}
#services2 .owl-nav{display: block;}
#services2 .owl-nav button.owl-prev span {
    font-size: 0;
    background: url(../assets/images/left-btn.png)no-repeat;
    width: 50px;
    top: 35%;
    height: 50px;
    display: block;
    position: absolute;
    left: -25px;
    background-size: 100%;
}
#services2 .owl-nav button.owl-next span {
    font-size: 0;
    background: url(../assets/images/right-btn.png)no-repeat;
    width: 50px;
    top: 35%;
    height: 50px;
    display: block;
    position: absolute;
    right: -25px;
    background-size: 100%;
}
.tf{    text-align: center;
    margin-bottom: 0;
    margin-top: 15px;}
.tf a{    color: #fff;
    text-decoration: none;
    font-size: 16px;}
#services .owl-dots{margin-top: 25px;text-align: center;display: none;}

#services .owl-dots button span{background:#989898;width: 25px;height: 8px;display: block;border-radius: 50px;margin: 5px;}

#services .owl-dots button.active span{width: 30px;background: #f16d26;}



#services2 .item .text{min-height: 178px; border: 1px solid #ddd;border-radius: 5px;overflow: hidden;padding: 20px;}

#services2 .item .text h4{min-height: 80px; text-align: center; color: #f16d26;font-family: Graphik Semibold;margin-bottom: 3px;font-size:18px;}

#services2 .item .text p{margin: 0;font-size: 16px;}

#services2 .item .text .icon{margin-top: 15px;}

#services2 .item .text .icon img{margin: 0 auto; height: 85px;object-fit: contain;}

#services2 .owl-dots{margin-top: 25px;text-align: center;display: none;}

#services2 .owl-dots button span{background:#989898;width: 25px;height: 8px;display: block;border-radius: 50px;margin: 5px;}

#services2 .owl-dots button.active span{width: 30px;background: #f16d26;}



.testing{    background: #f6f6f6;

    padding: 60px 0px;

    margin-bottom: 50px;}

.testing .testing_in h2{     color:#00783a;
    font-weight: 600;
    font-family: 'Anklepants', sans-serif;

    margin-bottom: 20px;

    text-align: center;}



.testing .testing_in p{    text-align: center;    margin-bottom: 5px;}

.testing .testing_in ul{    margin: 0px;

    padding: 0px;}

.testing .testing_in ul li{width: 31%;

    float: left;

    text-align: center;

    list-style: none;

    background: #fff;

    margin: 5px;

    /* margin: 0 auto; */

    padding: 16px;

    border: 1px solid #ddd;

    border-radius: 5px;}



.media{    margin-bottom: 60px;}

.media .media_in{    justify-content: center;

    border: none;}

.media .media_in h2{     color:#00783a;
    font-weight: 600;
    font-family: 'Anklepants', sans-serif;

    margin-bottom: 8px;

    text-align: center;}

.media .media_in p{    text-align: center;}

.media .media_in nav .nav{     margin-bottom: 25px;   border: none;

    justify-content: center;}

.media .media_in nav .nav button.active{    background: #ff6600 !important;

    color: #fff !important;

    border-color: #ff6600 !important;}

.media .media_in nav .nav button{    border: 1px solid #222222 !important;

    border-radius: 5px;

    background: #f6f6f6;

    color: #222;

    margin-right: 5px;

    font-size: 16px;}





#photos .owl-nav button.owl-prev span{font-size: 0;background: url(../assets/images/left-btn.png)no-repeat;width: 50px;top: 42%;height: 50px;display: block;position: absolute;left: -25px;background-size: 100%;}

#photos .owl-nav button.owl-next span{font-size: 0;background: url(../assets/images/right-btn.png)no-repeat;width: 50px;top:42%;height: 50px;display: block;position: absolute;right: -25px;background-size: 100%;

}

#photos .owl-dots{display: none;}



#videos .owl-nav button.owl-prev span{font-size: 0;background: url(../assets/images/left-btn.png)no-repeat;width: 50px;top: 42%;height: 50px;display: block;position: absolute;left: -25px;background-size: 100%;}

#videos .owl-nav button.owl-next span{font-size: 0;background: url(../assets/images/right-btn.png)no-repeat;width: 50px;top:42%;height: 50px;display: block;position: absolute;right: -25px;background-size: 100%;

}

#videos .owl-dots{display: none;}



header .header_in .nev_block ul li:hover .submenu{display: block;}

.submenu{ position: absolute;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    width: 200px;
    top: 35px;
    padding-top: 5px;
    border-top: 2px solid #ff6d10;
    background: #fff;
    display: none;
    border-radius: 0px;
    margin-left: -14px;
    z-index: 777;}

.submenu::before{ border-bottom: 10px solid #0000008f;
    content: ' ';
    width: 0;
    height: 0;
    left: 32px;
    right: 0;
    position: absolute;
    top: -10px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;}

.submenu ul li{    display: block !important;
    padding: 4px 15px !important;}

.submenu ul li:last-child{border-bottom: none;}

.submenu ul li a{display: block;color: #222 !important;font-size: 15px !important;}

.submenu ul li a:hover{color: #ff6d10 !important;}

#certification_slider .owl-dots{display: none !important;}



/* Responsive Start*/
@media (min-width: 1920px){
   /*  .slide-container {height:45vh !important;}*/
}
@media (min-width: 1440px){
   /*  .slide-container{height:48vh !important;} */
}

@media (max-width: 1024px){
    .banner_area .text h1{font-size: 34px;padding-bottom: 10px;margin-bottom: 10px;}
    .banner_area .text{top: 25%;}
    .revolution .text h2 {font-size: 28px;}
    footer .top_footer .left h4{font-size: 22px;}
    .ft_form h4{font-size: 18px;}
    .about_darvi h2 {font-size: 26px;}
    .aboout_section .row .cols .text h2{font-size: 26px;}
    .certification .heading h3 {font-size: 26px;}
    .our_team .our_team_in h2 {font-size: 26px;}
    .infra .infra_in h2 {font-size: 26px;}
    .production .infra_in h2 {font-size: 26px;}
    .our_hestory .infrastracture_tabs #nav-tabContent .tab-pane .year_wise .text h4{font-size: 26px;margin-bottom: 5px;}
    .page_banner .text h1{font-size: 26px;}
    .night .heading h2{font-size: 26px;margin-bottom: 5px;}
    .technical_para .technical_para_in h3{font-size: 26px;margin-bottom: 5px;}
    .policy_col{display: block;}
    .policy_col .icon {margin: 0 auto;width: 100px;position: relative;margin-right: auto;    margin-bottom: 20px;}
    .policy_col{min-height: 268px;}
    .opening .equal h4{font-size: 26px;}
    .opening .heading h2{font-size: 26px;}
}
@media (max-width: 912px){
    header .header_in .nev_block ul li{padding: 5px 10px;}
    .counts .vision_mission .text{display: block;text-align: center;}
    .counts .vision_mission{min-height: 335px;}
    .counts .vision_mission h5{text-align: center;}
    .darvi_products ul li button{font-size: 14px;}
    .tr p{font-size: 14px;}
    .ft_bottom .sale .left{padding: 0px 5px;}
    .pro_listing .listing_in .l_head h6{height: 60px;}
    header .header_in .nev_block ul li a{font-size: 16px;}
    .slides .slide .text ul li{font-size: 15px !important;}
}

@media (max-width: 820px){
    .banner_area .text h1{font-size: 25px;}
    .revolution .text h2 {font-size: 24px;}
    header .header_in .nev_block ul li {padding: 5px 5px;}
    .banner_area .text a{font-size: 14px;}
    .breadcrum .breadcrum-in .left{width: 100px;}
}

@media (min-width: 541px){
    #hamburger-menu{display: none;}
    #ham-navigation .logo_block{display: none;}
    header .header_in .nev_block ul li a i{display: none;}
}

@media (max-width: 540px){
    .main_banner2 .owl-dots{bottom: 0px !important;}
    .slides .slide .text ul li{font-size: 12px !important;}
    #ham-navigation .logo_block {padding: 10px;}
    header .header_in .nev_block ul li a i{float: right;font-size: 18px;width: 30px;text-align: center;}
    #ham-navigation ul {padding-top: 10px;padding-left: 10px;padding-right: 10px;}
    .breadcrum .breadcrum-in .left a i {font-size: 10px;}
    .bottom_right ul li {width: 100%;}
    .ft_bottom .sale .left{width: 100%;margin: 5px;}
    .con_map_block .left .l_details{margin-bottom: 20px;padding-bottom: 20px;}
    .con_map_block .left .l_details .icon img {width: 45px;}
    .con_map_block {display: block;}
    .con_map_block .left {width: 100%;padding: 15px;}
    .testing .testing_in ul li {width: 47%;}
    #photos .owl-nav button.owl-prev span{left: 0px;}
    #photos .owl-nav button.owl-next span{right: 0px;}
    #videos .owl-nav button.owl-prev span{left: 0px;}
    #videos .owl-nav button.owl-next span{right: 0px;}
    #services .owl-nav button.owl-prev span{left: 0px;}
    #services .owl-nav button.owl-next span{right: 0px;}
    #services2 .owl-nav button.owl-prev span{left: 0px;}
    #services2 .owl-nav button.owl-next span{right: 0px;}
    .policy_col {min-height: auto;}
    .technical_para_in .table tbody tr td{padding-left: 10px;font-size: 15px;}
    .night .img {margin-bottom: 30px;}
    .page_banner .text{bottom: 0px;}
    .page_banner .text h1 {font-size: 22px;}
    .pro_listing .listing_in .l_head h6 {height: auto;}
    .breadcrum .breadcrum-in .left a{font-size: 10px;}
    .breadcrum .breadcrum-in .left {width: 50px;}
    .breadcrum .breadcrum-in .right ul li{font-size: 10px;}
    .breadcrum .breadcrum-in .right ul li i {font-size: 10px;}
    .certification_slider .owl-nav button.owl-prev span{left: -10px;}
    .certification_slider .owl-nav button.owl-next span{    right: -10px;}
    #production_slider .owl-nav button.owl-prev span{left: 20px !important;}
    #production_slider .owl-nav button.owl-next span{right: 20px !important;}
    #infra_slider .owl-nav button.owl-prev span{left: 20px !important;}
    #infra_slider .owl-nav button.owl-next span{right: 20px !important;}
    .video iframe{height: 330px !important;}
    .slides .slide .text h4{font-size: 25px !important;}
    #certification_slider .owl-nav button.owl-prev span{left: 20px !important;}
    #certification_slider .owl-nav button.owl-next span{right: 20px !important;}
    #our_team .owl-nav .owl-prev span{left: 20px !important;}
    #our_team .owl-nav .owl-next span{right: 20px !important;}
    #events_slider .owl-nav .owl-prev span{left: 20px !important;}
    #events_slider .owl-nav .owl-next span{right: 20px !important;}
    .our_hestory .infrastracture_tabs #nav-tabContent .tab-pane .year_wise .text {top: 0%;width: 100%;left: 0%;padding:15px;bottom: 0%;}
    .infrastracture_tabs nav .nav button {margin-bottom: 5px;}
    .aboout_section .row .text .scroll {height: auto;overflow-y: auto;padding-right: 0px;display: block;}
    .aboout_section .left_img{    margin-bottom: 40px;}
    .product_slider .owl-item .item h6{font-size: 16px;margin-top: 0px;}
    .fixed-header .header_in .nev_block #hamburger-menu .hamburger-menu-button-close{}
    .fixed-header .header_in .nev_block #hamburger-menu .hamburger-menu-button-open{background: #000;}
    .fixed-header .header_in .nev_block #hamburger-menu .hamburger-menu-button-open::before{background: #000;}
    .fixed-header .header_in .nev_block #hamburger-menu .hamburger-menu-button-open::after{background: #000;}
    header.fixed-header .header_in .logo_block img{width: 80px;}
    .submenu ul{padding: 0px !important}
    .submenu::before{display: none;}
    .submenu {overflow: hidden;
    position: initial;
    box-shadow: none;
    width: 100%;
    /* top: 40px; */
    padding-top: 0px;
    border-top: none;
    background: none;
    display: none;
    border-radius: 0px;
    margin-left: 0px;
    z-index: 777;
}
    header .header_in .nev_block ul li {padding: 0px 0px;}
    .tr{display: block;text-align: center;}
    .ft_bottom .sale{padding: 0px;}
    .ft_bottom .sale .left ul li{font-size: 13px;}
    .ft_bottom .sale .left label{font-size: 15px;}
    .registered label{font-size: 15px;}
    .bottom_right ul li a{font-size: 13px;}
    .bottom_right ul li h5{    visibility: visible !important;
    margin-top: 15px;}
    .our_hestory .infrastracture_tabs #nav-tabContent .tab-pane .year_wise .text ul li{margin-top: 2px;font-size: 10px;}
    .ft_form{margin-bottom: 30px;}
    .our_hestory .infrastracture_tabs #nav-tabContent .tab-pane .year_wise .text h4{font-size: 18px;}
    footer .top_footer {display: block;text-align: center;}
    footer .top_footer .right .social-links{justify-content: center;}
    footer .top_footer .left h4{font-size: 20px;margin-bottom: 10px;}
    .clients .client_text h3 {font-size: 25px;}
    .clients .client_text p{width: 100%;}
    .location .text h3{font-size: 26px;}
    .darvi_products ul li{width: 100%;margin-top: 5px;}
    .darvi_products ul li button{width: 100%;}
    .darvi_products ul{float: none;}
    .darvi_products .right{float: none;}
    .darvi_products .right a{display: block;text-align: center;}
    .num_counter ul li {width: 50%;display: block;border: none;margin-bottom: 18px;}
    .about_darvi {padding-right: 0px;margin-bottom: 40px;}
    .revolution .text h2{font-size: 26px;}
    .revolution .text{margin-bottom: 30px;}
    .banner_area .text{display: none;}
    .scroll{display: none;}
    .main_banner .owl-dots{bottom: 0px;}
    header .header_in .nev_block ul li{display: block;border: none;}
    header .header_in .logo_block img {width: 80px;margin-top: 0px;}




    .hamburger-menu-button {
      width: 40px;
    height: 40px;
    padding: 0px;
    display: block;
    position: relative;
    margin-top: 0px;
    z-index: 100;
    background: none;
    border: none;
    box-sizing: content-box;
    text-indent: 100%;
    color: transparent;
    white-space: nowrap;
    cursor: pointer;
    overflow: hidden;
    outline: 0;
}
.hamburger-menu-button-open {
  top: 50%;
  margin-top: -1px;
  left: 50%;
  margin-left: -12px;
}
.hamburger-menu-button-open, 
.hamburger-menu-button-open::before, 
.hamburger-menu-button-open::after {
  position: absolute;
  width: 40px;margin-bottom: 2px;
  height: 3px;    margin-top: 2px;
  background: #fff;
  border-radius: 4px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
header .header_in .nev_block ul{padding-left: 20px;}
.hamburger-menu-button-open::before, 
.hamburger-menu-button-open::after {
  left: 0;
  content: "";
}
header.fixed-header .header_in .nev_block ul li a {
    color: #222222;
}
.hamburger-menu-button-close::before{    left: 18px;}
.hamburger-menu-button-close::after{    left: 18px;}
.hamburger-menu-button-open::before {
  top: 6px;
}
.hamburger-menu-button-open::after {
  bottom: 6px;
}
.hamburger-menu-button-close {
  background: transparent;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.hamburger-menu-button-close::before {
  -webkit-transform: translateY(-6px) rotate(45deg);
          transform: translateY(-6px) rotate(45deg);
}
.hamburger-menu-button-close::after {
  -webkit-transform: translateY(6px) rotate(-45deg);
          transform: translateY(6px) rotate(-45deg);
}
.ham-menu {
  position: absolute;
    top: 0px;
    left: 0px;display: none;
    margin: auto;
    width: 100%;
    overflow: hidden;
    
}
.pro_menu{    box-shadow: none;
    position: initial;width: 100%;    padding-top: 0px;
    background: none;    border-radius: 0px;
    margin-left: 0px;}
.ham-menu.on{display: block;}
.ham-menu{background:#ffece2;height: 100vh;}
.ham-menu ul {
  -webkit-transform: translateX(-110%);
          transform: translateX(-110%);
  -webkit-transition: all 0.5s ease-in-out;    
  transition: all 0.5s ease-in-out;
}
header .header_in .nev_block ul{padding-top: 90px;}
.submenu ul li a{color: #fff !important;}
.submenu ul li{    padding: 0px 0px !important;}
.ham-menu.on ul {
  -webkit-transform: translateX(0px);
          transform: translateX(0px);
}
.ham-menu ul {
  font-size: 0;
}
.ham-menu ul li {
  display: inline-block;
}
.ham-menu ul li:first-child .ham-menu ul li a {
  padding-left: 30px;
}
.ham-menu ul li a {
  padding:5px;
  display: block;
  background-color: transparent;
  color: #fff;
  text-transform: uppercase;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  font-size: 13px;
}
}

/* Responsive Start*/



header .header_in .nev_block ul li .submenu::before {
        border-bottom: 10px solid #ff6d10;
}
header .header_in .nev_block ul {
    margin: 0;
    padding: 0;
}

.submenu ul li a {
    display: block;
    color: #222 !important;
    font-size: 15px !important;
}
.submenu ul li a:hover {
    color: #ff6d10 !important;
}
header .header_in .nev_block ul li .submenu ul li:hover .pro_menu {
    display: block;
}
.pro_menu {
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    position: absolute;
    width:225px;
    top: 0px;
    padding-top: 5px;
    background: #fff;
    display: none;
    border-radius: 0px;
    margin-left: 182px;
    z-index: 777;
}
body {
  
    transition: all 0.3s ease-in;
    font-family: graphik regular;
}


@media (max-width:820px){
    .slides .slide .text{width: 90% !important;}
}
@media (min-width: 541px){
    #hamburger-menu{display: none;}
    #ham-navigation .logo_block{display: none;}
    header .header_in .nev_block ul li span i{display: none;}
}

@media (max-width: 540px){
    header{position: relative;background: #fff;}
    header .header_in .nev_block ul li a {color: #000;}
        .pro_menu {
        box-shadow: none;
        position: initial;
        width: 100%;
        padding-top: 0px;
        background: none;
        border-radius: 0px;
        margin-left: 0px;
    }
        #ham-navigation ul {
        padding-top: 10px;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}