body{
    padding: 0!important;
    margin: 0!important;
}

h1,h2,h3,h4,h5,h6{
    font-family: poppin!important;
}

p,ul,li{
    padding:0;
    margin:0;
}
a {
    /*color: #0d6efd;*/
    text-decoration: none!important;
}
a#navbarDropdownMenuLink:hover {
    color: black;
}
a#navbarDropdownMenuLink {
    color: black;
}
.dropdown-submenu:hover{
    color: black;
}
.header1 a {
    color: white!important;
}
.top-header {
    font-size: 14px;
}
.header1 i {
    padding: 0 6px;
}

.logo img {
    width: 100%;
    
    margin-top: 6px;
  
    
}
.menu {
    
  padding-top: 32px;
    text-align: end;
    font-size: 19px;
}

.footerimg img {
    width: 100%;
    height: 70px;
   object-fit: contain;
       margin-top: 15px;
}

.dropdown-submenu {
  position: relative;
}
.menu ul li a {
    padding: 0 13px;
    color: black;
    text-decoration: none;
}
.dropdown button {
    background-color: white;
    border: none;
}
.dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -1px;
}
.dropdown-menu ul li{
  display: inline-block;
  width: 100px;
}
.menu ul li{
  display: inline-block;
  padding-left: 20px;
}
ul.dropdown-menu {
    width: 121px;
}
ul.dropdown-menu li {
    /*width: 100%;*/
    padding: 0;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    color: #262626;
    text-decoration: none;
    background-color: #f5f5f5;
    width: 118px;
}
.menu ul li ul li a {
    width: 118px;
}
ul.dropdown-menu li a {
    padding: 5px 15px;
    font-size: 17px;
}
.banner.text-center {
    background-image: linear-gradient(to bottom, rgb(0 217 89 / 58%), #00d959ad), url('../images/mybanner.jpeg');
   
    height: 280px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;

}

.banner h1 {
    /*margin: 17% 0;*/
    
    font-size: 60px;
}
.item-active img{
    height: 550px;
    width:100%;
}
.heading h1 {
    font-size: 49px;
    color: #ffffff;
    line-height: 70px;
    text-align: center;
    margin-top: 160px;
    padding: 0 196px;
}
.heading p{
    color: white;
    text-align: center;
    padding: 0 278px;
    font-size: 20px;
}
.button {
    text-align: right;
}
.button a{
    padding: 23px 80px;
    text-decoration: none;
    background-color: #d50c0c;
    color: white;
    border-radius: 4px;
    font-size: 14px;
}
.button2 {
    text-align: left;
}
.button2 a{
    padding: 23px 80px;
    text-decoration: none;
    background-color: #d50c0c;
    color: white;
    border-radius: 4px;
    font-size: 14px;
}
.business-image{
    background-image: url(https://vendomat.modeltheme.com/wp-content/uploads/2021/10/Main-bg_right.png?id=23860);
}
.business-image img{
    width: 100%;
    height: 10%;
    border-radius: 48px;

}

.owl-carousel .owl-item img {
    object-fit: contain;
}

.owl-nav {
    display: none;
}
.owl-dots {
    margin-bottom: 35px;
}

.cont-business {
    padding: 37px;
}
.cont-business h1{
    font-weight: 700;
    font-size: 46px;
}

.cont-business p{
    font-size: 15px;
    margin-top: 55px;
    color: #00000069;
}

.business-btn a{
    padding: 15px 30px;
    background-color: red;
    color: white;
    text-decoration: none;
    border-radius: 6px;
    margin-left: 32px;
    font:12px poppins;
    font-family: sans-serif;
}
.machine ul{
    padding-left:0px; 

}
.machine ul li{
    height: 152px;
    width: 238px;
    display: inline-block;
    
}

.machine ul li img {
    width: 70px;
    border-radius: 50%;
    height: 70px;
}
.machine ul li h3{
    width:241px ;
}

.services {
    margin: 60px 0;
    margin-top: 10px;
}

.services-menu h1 {
    font-weight: 700;
    font-size: 54px;
    /*font-family: sans-serif;*/
    padding: 0 10px;
}
.services-img{
    width: 100%;
    height: auto;
}
.services-img img{
    width: 100%;
    height: 400px;
    object-fit: cover;
}

.largest{
    text-align: center;

}
.largest h1 {
    font-size: 60px;
    color: #3d404f;
    line-height: 66px;
    text-align: center;
    font-weight: 700;
    margin-bottom: 27px;
    margin-top: 70px;
}
.largest p{
    margin-bottom: 30px;
    text-align: center;
    font-size: 18px;
    padding: 0px 321px;

}
.largest-bar img {
    width: 16%;
    max-height: 50px;
    width: auto;
    display: block;
    margin: 10px auto;
}
.largest-bar ul li {
    list-style: none;
    display: inline-block;
    /* margin: 0 33px; */
    /* background-color: antiquewhite; */
    width: 19%;
    border: 1px solid #0000002b;
    padding: 24px;
}
.largest-bar ul {
    padding: 0;
}
.largest-bar {
    /* background-color: aliceblue; */
    text-align: center;
    margin-bottom: 103px;
}

.selection {
    margin-bottom: 90px;
}
.food-img img {
    width: 91%;
}
.food-snack{
    margin-top:20px; 
}
.food-snack h3{
    font-size: 28px;
    font-weight: 700;
}
.food-snack p{
    margin:44px 0;
    padding: 0;
    color: #8b8b8a;
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    text-align: left;
    margin-top: 25px;
}
.food-snack a{
    padding: 15px 30px;
    color: rgb(255, 255, 255);
    background-color: rgb(223, 69, 62);
    text-decoration: none;
    border-radius: 6px;
    font:12px poppins;
    font-family: sans-serif;
    font-weight: bold;
    margin-top:20px; 
}
.provided {
    background-image: linear-gradient(to bottom, #00d95945, #00d95966), url(https://vendomat.modeltheme.com/wp-content/uploads/2021/10/row-bg-02-1.jpg?id=23901);
   background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 40px 0px;
}
.serv{
    text-align: center;
}
.serv h2 {
    display: inline-block;
    color: white;
    font-size: 50px;
    font-weight: 700;
  
    margin-bottom: 20px;
}
.serv p{
    max-width: 550px;
    margin: 0px auto;
    text-align: center;
    color: #b0bebe;
    font-size: 16px;
    margin-bottom: 50px;
}

.deliery{
    text-align: center;
    color: white;
    border-radius: 5px;
    overflow: hidden;
    padding: 50px 38px;
    background: #fff;
    box-shadow: 0px 0px 20px rgb(0 0 0 / 7%);
}

.deliery h3 {
    color: black;
    
    font-size: 26px;
    font-weight: 700;
}
.deliery p{
    color: #7c7c7c;
    font-size: 15px;
}
.deliery img{
    width: 20%;
    height: auto;
} 


.deliery img{
    width: 20%;
    height: auto;
}
.deliery img{
    width: 20%;
    height: auto;
}

.serv-btn{
    text-align: center;
    margin-top: 60px;
}
.serv-btn a{
    padding: 15px 30px;
    color: rgb(255, 255, 255);
    background-color: rgb(223, 69, 62);
    text-decoration: none;
    border-radius: 6px;
    font:12px poppins;
    font-family: sans-serif;
    font-weight: bold;
    margin-top:20px; 
}

.premium h2{
    display: inline-block;
    color:black;
    font-size: 60px;
    font-weight: 800;
    margin-top: 70px;
    margin-bottom: 20px;
}

.premium-btn a {
    padding: 15px 30px;
    color: rgb(255, 255, 255);
    background-color: rgb(223, 69, 62);
    text-decoration: none;
    border-radius: 6px;
    font:12px poppins;
    font-family: sans-serif;
    font-weight: bold;
    margin-top:20px; 
}
.the-cont h1 {
    font-size: 60px;
    font-weight: bold;
    font-family: system-ui;
    color: #222222;
    line-height: 66px;
    text-align: left;
    margin-bottom: 25px;
}
.the-cont p{
    color: #666666;
    line-height: 175%;
    font-size: 16px;
    margin-bottom: 37px;
}
.the-cont a{
    padding: 15px 30px;
    color: rgb(255, 255, 255);
    background-color: rgb(223, 69, 62);
    text-decoration: none;
    border-radius: 6px;
    font:12px poppins;
    font-family: sans-serif;
    font-weight: bold;
    margin-top:20px; 
}
.premium {
    text-align: center;
   
}
.premium-btn {
    margin-top: 75px;
}
.the{
    background-color: #EEF6F6; 
    padding: 72px 0px 100px 0;
}

.carousel-inner {
    position: relative;
    margin: 25px 0;
    width: 100%;
    overflow: hidden;
    height: 275px;
    /*box-shadow: 0 0 5px 3px white;*/
    background-color: white;
}
.item.active h3 {
   padding: 0px 58px;
    padding-top: 30px;
    font-weight: 700;
    font-size: 19px;
}

    
.item.active p {
    padding: 0 60px;   

    color: rgba(37, 37, 37, 0.5);
}
.item-img {
    margin: 23px 55px;
    text-align: left;
}
.item-img img {
    width: 10%;
    border-radius: 50%;
    position: absolute;
    left: 61px;
    top: 119px;
}
.item-img  h2 {
    margin: 0 90px;
    font-size: 20px;
    
}   
.item-img p {
    margin: 5px 29px;
    font-size: 12px;
}

.new {
    background-color: #f5f5f547;
    padding: 40px 0;
    padding-top: 0;
}
.know-the {
    text-align: center;
}
.know-the h2{

    font-size: 60px;
    margin-bottom: 50px;
    font-weight: 600;
    font-family: auto;
    color: #222222;
    line-height: 66px;
}

.know-the p {
    max-width: 398px;
    margin: 0px auto;
    text-align: center;
    color: #666666;
    font-size: 16px;
    margin-bottom: 50px;
    font-family: system-ui;
}
.new-img img {
    width: 100%;
    height: 300px;
    object-fit:cover;
    
    
}
.new-img h2 {
    font-size: 27px;
}
.parentDiv p {
    font-size: 16px;
}
.parentDiv ul {
    padding-left: 20px;
}
.parentDiv ul li {
    /* padding: 0 13px; */
    font-size: 12px;
}
.new-section{
    
    padding: 20px;
    padding-bottom: 20px;
    border: 2px solid #eee;
    border-top: none;

}
.new-section h3 {
    font-weight: bold;
    line-height: 30px;

}
.new-section p{
    color: #666666;
    font-size: 16px;
/*    margin-bottom: 50px;*/
    font-family: system-ui;
}
.our-brn{
    text-align: center;
}
.our-brn h2{
        margin-bottom: 33px;
    font-size: 60px;
    font-weight: 600;
    font-family: auto;
    color: #222222;
    line-height: 66px;
}

.our-brn p{
    max-width: 398px;
    margin: 0px auto;
    text-align: center;
    color: #666666;
    font-size: 16px;
    margin-bottom: 50px;
    font-family: system-ui;
}
.head {
    margin-bottom: 90px;
}
.head ul {
    padding: 0;
}
.head ul li {
    display: inline-block;
    padding: 0;
}

.head ul li img {
    width: 80%;
    color: black;
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 500px;
}
.item img {
    width: 100%;
}
.machine button {
    border: none;
    background: #00d959;
}
.machine a {
    font-weight: 500;
    color: white;
    text-decoration: none;
    padding: 10px 20px;
    background: #00d959;

}
.more {
    display: none;
    parzt-size: 13px;
}
button.readMoreBtn {
    background-color: #00d959;
    color: white;
    border: none;
    padding: 5px 10px;
    font-size: 14px;
    font-weight: 600;
    margin: 0 0 25px 0;
}
/*----------------footer----------------------*/
.footer-top-area {
    
    position: relative;
    background-attachment: fixed;
    z-index: 1;
  
}
.footer-top-area:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #080f2b;
    z-index: -1;
    opacity: .9;
}
.single-widget {
    margin-bottom: 30px;
    color: white;
}

.single-widget img {
    /*padding: 23px 0;*/
    width: 80%;
}
.single-widget p {
   padding-left:16px;
    font-size: 14px;
    padding-top: 25px;
    text-align: justify;
    
}
.single-widget ul li {
    color: white;
    margin-bottom: 8px;
    font-size: 15px;
      
}
.single-widget ul li a {
    color: white;
    transition: all .5s;
    text-decoration:none;
}

.single-widget ul {
    list-style: none;
    padding: 0;
        margin-left: 30px;
}

.single-widget h3 {
  
    font-size: 22px;
    margin-bottom: 30px;
    position: relative;
    padding-bottom: 15px;
    border-bottom: 1px solid #48475a;
        margin-left: 30px;
}
.single-widget h3:before {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 80px;
    height: 2px;
    background-color: white;
}

.single-widget .social-area {
    margin-top: 20px;
}
.single-widget .social-area ul {
    line-height: 1;
}
.single-widget .social-area ul li {
    display: inline-block;
}
.single-widget .social-area ul li a {
    margin-right: 5px;
    width: 30px;
    height: 30px;
    line-height: 32px;
    background-color: #31abfc;
    border-radius: 4px;
    text-align: center;
}


.single-widget .social-area ul li a i {
    color: white;
    transition: all .5s;
    margin-right: 0;
}
.single-widget ul li a i {
    display: inline-block;
   
    font-size: 14px;
}

.single-widget.contact ul li {
    position: relative;
    padding-left: 30px;
}

.single-widget.contact ul li i {
    position: absolute;
    left: 0;
    top: 0;
    
    font-size: 15px;
}
.single-widget.contact ul li span {
    display: block;
    font-weight: 600;
    color:white;
}
.single-widget.contact ul li a {
    position: relative;
    color: white;
}
.form-control, .form-select {
    height: 50px;
    color: #262566;
    border: 1px solid #e8e8e8;
    background-color: #f9f9f9;
    border-radius: 4px;
    font-size: 15px;
    padding: 10px 20px;
    width: 100%;
}
.single-widget .default-btn {
    display: block;
    width: 100%;
    margin-top: 20px;
    background-color: #d2ab68;
}
.social-area a {
    color: white;
    padding-left: 18px;
}

.footer-bottom-area.footer-bottom-electronics-area.bg-dark.py-2 {
    font-size: 16px;
}



/*-----------------------------footer end----------------*/
/*======================about==========================*/

.about {
    background-image: linear-gradient(to bottom, rgb(33 37 41 / 70%), #212529b8), url(https://vendomat.modeltheme.com/wp-content/uploads/2021/10/hero-vending.jpg?id=23882);
    background-color: #000000;
    height: 450px;
    background-position: center;
    /* background-size: cover; */
    background-size: cover;
    background-repeat: no-repeat!important;
    margin-bottom: 176px;
}
.about-us h1 {
    font-size: 47px;
    color: #ffffff;
    line-height: 85px;
    text-align: center;
    margin-top: 80px;
    padding: 0 196px;
    font-weight: 700;
}
.about-section {
    margin: 60px 0;
}

.reliability{
    background-image: url(https://vendomat.modeltheme.com/wp-content/uploads/2021/10/Main-bg_about.png?id=23838); 
    background-size: cover;

}
.cont{
    margin-bottom: 44%;
}

.cont-reliability h1{
    font-weight: 700;
    font-size: 46px;
        margin: 0;

}

.cont-reliability p{
    font-size: 16px;
    margin-top: 9px;
    color: black;
}

.reliability-btn a{
    padding: 15px 30px;
    background-color: red;
    color: white;
    text-decoration: none;
    border-radius: 6px;
    margin-left: 32px;
    font:12px poppins;
    font-family: sans-serif;
}

.cont-machines {
    padding: 10px;
    text-align: justify;
}
.cont-machines h1{
    font-weight: 700;
    font-size: 46px;
}

.cont-machines p{
    font-size: 16px;
    
    color: black;
}

.machines-btn a{
    padding: 15px 30px;
    background-color: red;
    color: white;
    text-decoration: none;
    border-radius: 6px;
    margin-left: 32px;
    font:12px poppins;
    font-family: sans-serif;
}

.provided1 {
    background-image: linear-gradient(to bottom, rgb(33 37 41 / 70%), #434959), url(https://vendomat.modeltheme.com/wp-content/uploads/2021/10/Main-servicer_bk0.jpg);
    color: #434959;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 60px 0px;
    background-color: rgba(0,0,0,0);
    margin-top: 75px;
}
.serv1{
    text-align: center;
}
.serv1 h2 {
    display: inline-block;
    color: white;
    font-size: 50px;
    font-weight: 700;
  
    margin-bottom: 20px;
}
.serv1 p{
    max-width: 550px;
    margin: 0px auto;
    text-align: center;
    color: #b0bebe;
    font-size: 16px;
    margin-bottom: 50px;
}

.deliery {
    text-align: center;
    color: white;
    border-radius: 5px;
    overflow: hidden;
    padding: 21px 32px;
    background: #fff;
    box-shadow: 0px 0px 20px rgb(0 0 0 / 7%);
}

.deliery1 h3 {
    color: black;
    font-weight: bold;
}
.deliery1 p{
    color: #7c7c7c;
  
}
.deliery1 img{
    width: 20%;
    height: auto;
} 


.deliery1 img{
    width: 20%;
    height: auto;
}
.deliery1 img{
    width: 20%;
    height: auto;
}

.serv-btn1 {
    text-align: center;
    margin-top: 60px;
}
.serv-btn1 a{
    padding: 15px 30px;
    color: rgb(255, 255, 255);
    background-color: rgb(223, 69, 62);
    text-decoration: none;
    border-radius: 6px;
    font:12px poppins;
    font-family: sans-serif;
    font-weight: bold;
    margin-top:20px; 
}
/*==============about end=====================*/


/*======================vfd======================*/


.udo h3 {
    background-color: #00d959;
    color: white;
    padding: 15px 0px;
    margin: 0;
    margin-top: 15px;
    font-size:21px;
}
.udo img {
    width: 100%;
    transition: 0.5s;
}
.udo img:hover {
    transform: scale(1.1) rotate(8deg);
}
button.vfd-btn {
    /* width: 14%; */
    padding: 14px 31px;
    border: none;
    font-size: 18px;
    background-color: #008000cc;
    color: white;
    font-weight: 600;
    margin-top: 42px;
}
button.vfd-btn:hover {
    background: white;
    color: green;
    border: 1px solid green;
}

.alt-310 {
    margin: 75px 0;
}
.altivar-cont h1 {
    font-size: 25px;
    font-weight: 700;
    color: #000000db;
}

.altivar-cont h2 {
    font-size: 16px;
    font-weight: 600;
}
.altivar-cont p {
    font-size: 20px;
}

.altivar-cont p {
    font-size: 14px;
    margin-bottom: 53px;
    line-height: 26px;
  
}
.altivar {
    text-align: right;
    padding-right: 95px;
}



.altivar img {
    border: 1px solid #29d7290d;
    box-shadow: 0px 0px 3px 0px;
    border-radius: 1pc;
    width: 127%;
    margin-bottom: 14px;
}
/*=======================vfd end===================*/

/*=======================pcl========================*/
.modi-cont {
    border: 1px solid #c9bebe4f;
    margin: 35px 0;
    /* padding: 74px 0px; */
    /*height:435px;*/
    padding: 0 10px;
    box-shadow: 0 0 3px 1px #dbcfcf;
}

.modi-cont img {
    width: 100%;
    /* height: 100%; */
}

.modi-cont h1 {
    font-weight: 700;
    font-size: 21px;
}

.modi-cont h2 {
    font-size: 16px;
}
.modi-cont p {
    font-size: 14px;
    /* text-align: justify; */
}

span.more {
    display:none;
}

/*=======================pcl end========================*/


/*=========================hmi========================*/

.harmony-cont h1{
     font-size: 25px;
    font-weight: 700;
    color: #000000db;
}

.harmony-cont h2{
    font-size: 16px;
    font-weight: 600;
}

.harmony-cont p{
     font-size: 14px;
    /*margin-bottom: 53px;*/
    line-height: 26px;
    text-align: justify;
}
/*=========================hmi end========================*/







/*==============================contact===================*/
.contact2 {
    background-image: linear-gradient(to bottom, rgb(33 37 41 / 70%), #212529b8), url(https://img.freepik.com/free-vector/stylish-glowing-digital-red-lines-banner_1017-23964.jpg);
    background-color: #000000;
    height: 500px;
    background-position: center;
    /* background-size: cover; */
    background-size: cover;
    background-repeat: no-repeat!important;
}
.contact1 h1 {
    font-size: 49px;
    color: #ffffff;
    
    text-align: center;
    margin-top: 135px;
    padding: 0 196px;
}
.connect {
  
    padding: 91px 0;
}
.contact_section .heading_container {
    margin-bottom: 45px;
}

.contact_section .heading_container h2 {
    margin-bottom: 0;
    text-align: center;
}

.contact_section .map_form_container .map_container {
    display: none;
}

.contact_section .map_form_container.map_show form {
    display: none;
}

.contact_section .map_form_container.map_show .map_container {
    display: block;
}

.contact_section textarea::-webkit-input-placeholder,
.contact_section textarea::-ms-input-placeholder,
.contact_section textarea::placeholder {
    color: #222222;
}

.contact_section input:focus {
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #ebebeb;
    background: #ffffff;
}

.contact_section input::-webkit-input-placeholder {
    color: #222222;
}

.contact_section input:-ms-input-placeholder {
    color: #222222;
}

.contact_section input::-ms-input-placeholder {
    color: #222222;
}

.contact_section input::placeholder {
    color: #222222;
}

.contact_section input.message-box {
    height: 120px;
    border-radius: 0;
}

.contact_section input.message-box:focus {
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #ebebeb;
    background: #ffffff;
}

.contact_section .btn-box button {
    border: none;
    background-color:#008000d1;
    color: white;
    padding: 9px 10px;
    border-radius: 5px;
    text-transform: uppercase;
    margin: 0 15px;
}

.contact_section.layout_padding {
    background: white;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    padding: 25px;
    border-right: 6px solid #01d85a;
}
.contact_section.layout_padding label{
    margin: 0;
}
input#myfile {
    padding: 14px 18px;
}
.touch h4 {
        color: #059f58;
    padding-bottom: 5px;
}

.touch h2 {

    padding-bottom: 20px;
}

.icon {
    display: inline-block;
}

.word {
    display: inline-block;
}

.icon i {
    color: #1c4b84;
    padding-right: 10px;
    font-size: 30px;
}

.word h2 {
    padding: 0;
}

.touch p {
        padding: 0;
    margin: 0
}

.main p {
    font-size: 14px;
    line-height: 22px;
}
.map_form_container {
    width: 100%;
}
.trend {
    display: inline-block;
}
.three:hover {
    background:green;
    transition: 0.4s;
    color: white;
    transform: scale(0.9);
}
.three:hover i {
    color: white;
}

.three:hover p {
    color: white;
}


a.btn.btn-warning {
    margin-left: 97px;
    margin-top: 10px;
}

.image4 {
    height: 380px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 0px 0px 200px 0px;
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(https://templatekit.jegtheme.com/ezectric/wp-content/uploads/sites/259/2022/04/electrician-tools-and-materials-on-a-pickup-truck-bed-top-view-e1651093815482.jpg);
    text-align: center;
    color: white;
    padding-top: 150px;
}

section.blog {
    text-align: center;
    padding-top: 100px;
}

.blog h4 {
    color: #1c4b84;
}

.info {
    margin: 10px 0px;
}

.section-title {
    margin: 22px;
}

section#blog\ info a.btn.btn-warning {
    margin-left: -9px;
    background: none;
    color: #1c4b84;
    font-weight: 500;
}

.jkit-meta-date.icon-position-before {
    color: #acacac;
}

i.fas.fa-clock {
    padding-right: 10px;
}

.blog-post p {
    color: #505050;
    text-align: justify;
    font-weight: 500;
    padding-top: 10px;
}

section#blog\ info {
    margin-bottom: 22px;
}

.wires img {
    width: 100%;
}

.wires {
    text-align: center;
    padding: 0px 0px 50px 0px;
}

section.items h2 {
    padding-top: 40px;
}


/*=================================panel===============================*/


.panel {
    /*margin-bottom: 86px!important;*/
    /*margin-top: 70px;*/
    margin: 0px 0px 0px 0px!important;
    box-shadow: none!important;
}
.drive h2 {
    font-size: 26px;
    font-weight: 700;
    margin-top: 34px;
}

.drive {
    text-align: center;
    width: 80%;
    text-align: justify;
}

.drive2 h2 {
    font-size: 26px;
    font-weight: 700;
    margin-top: 34px;
}
.drive2 p {
    font-size: 16px;
    width: 85%;
    text-align: justify;
}

.drive-img {
   margin-top: 15px;
    margin-bottom: 65px;
}
.drive-img1 img{
    width: 83%;
    margin-bottom:60px;
}
.drive p {
    font-size: 16px;
    
}




/*===================================panel end===========================*/




/*====================================services==========================*/

.andritz {
    margin-top: 50px;
}
.andritz-image {
    text-align: center;
}
.andritz-image img {
    /* height: 316px; */
     width: 432px; 
    border: 1px solid;
}
.andritz-cont ul li {
    font-size: 15px;
}
.andritz-cont h5 {
    font-size: 18px;
    font-weight: 700;
}
.andritz-cont h2 {
    font-weight: 700;
    color: green;
    font-size:30px;
}
.andritz-cont p {
    font-size: 15px;
    text-align: justify;
}

.compressor {
    margin-top: 50px;
}

.compressor-cont h2 {
   font-weight:700;
   color:green;
   font-size:30px;
}
.compressor-cont h5 {
    font-size: 18px;
     font-weight:600;
}
.compressor-cont  li {
    font-size: 15px;
}

.compressor-cont p {
    font-size: 14px;
    text-align: justify;
}


.erection {
    margin-top: 50px;
    margin-bottom:56px;
}
.erection p {
    font-size: 14px;
}
.erection-cont h2 {
   font-weight:700;
     color:green;
     font-size:30px;
   
}
.erection-cont h5 {
    font-size: 18px;
     font-weight:600;
}
.erection-cont h4 {
    font-weight: 600;
}
.erection-cont li {
    font-size: 15px;
}
.interes{
    text-align:center;
}
.interes a:hover {
    background: white;
    font-size: 16px;
    color: black;
    border: 3px solid green;
    padding: 13px 25px;
}

.interes a {
    font-size: 17px;
    color: white;
    background: green;
    padding: 13px 25px;
    border-radius: 6px;
}

/*=====================================services end=======================*/



/*========================================solutions=========================*/
.system-cont h2 {
    font-family: ui-monospace;
/*.serv{
    background-image: linear-gradient(to bottom, rgb(33 37 41 / 70%), #212529b8), url(https://img.freepik.com/free-vector/stylish-glowing-digital-red-lines-banner_1017-23964.jpg);
    background-color: #000000;
    height: 550px;
    background-position: center;
    /* background-size: cover; */
    background-size: cover;
    background-repeat: no-repeat!important;
}

.serv {
    /* background-image: linear-gradient(to bottom, rgb(33 37 41 / 70%), #212529b8), url(https://img.freepik.com/free-vector/stylish-glowing-digital-red-lines-banner_1017-23964.jpg); */
    /* background-color: #000000; */
    /* height: 550px; */
    background-position: center;
    /* background-size: cover; */
    background-size: cover;
    background-repeat: no-repeat!important;
}

.suger {
    border: 1px solid #00000038;
    margin: 18px 0;
    box-shadow: 0 0 2px 0px;
}

.suger-cont p {
    font-size: 14px;
    padding: 0 12px;
    text-align: justify;
}
.suger img {
    height: 182px;
}

.system-cont {
    margin: 0px 0px 42px 0;
    background: green;
    color: white;
    padding: 0px 6px;
    text-align: center;
}
.system {
    margin-top: 100px;
}
.system img {
    height: 182px;
}
.suger-cont h2 {
    font-size: 20px;
    margin-top: 13px;
    font-weight: 600;
}

.plant{
     margin-bottom: 46px;
     margin-top: 30px;
}
.plant-cont {
    background: green;
    color: white;
    text-align: center;
}
.plant-cont p {
    font-size: 22px;
    font-weight: 600;
    margin: 0;   
}

.services1{
    text-align: center;
}
.services1 h1 {
  font-size: 40px;
    font-weight: 600;
    margin: 20px 0;  
}
.suger:hover {
    transform: scale(0.9);
}

.suger {
    transition: 0.3s;
}

.oem-cont h1 {
    font-size: 32px;
    font-weight:700;
}

.oem-image img {
      width: 52%;
    /* height: 370px; */
    margin-left: 111px;
}
.oem-image h2{
    margin: 0px 0px 42px 0;
    background: #00d959;
    color: white;
    padding: 0px 6px;
    text-align: center;
}
.oem-cont p {
    font-size: 15px;
   
}

.oem-cont ul li {
    font-size: 15px;
}
/*========================================industries end=========================*/

/*=========================================fieldsensor============================*/

.siemens-logo img {
    width: 92%;
}
.com-logo2 {
    margin-top: 123px;
}
.yokogawa-logo {
    margin-top: 35px;
}
.yokogawa-logo img {
    border: none;
    width: 98%;
    height: 100px;
    background: white;
}
.yokogawa-logo2 img {
    height: 200px;
}
.honeywell-logo2 img {
    height: 200px;
    margin-top: 51px;
}

.masibus {
    text-align: center;
    margin-bottom: 100px;
    margin-top: 25px;
}
.masibus-logo {
    display: inline-block;
    width: 24%;
}
.masibus-logo img {
    height: 150px;
    width: 100%;
    object-fit: cover;
}

.masibus-logo2 {
    display: inline-block;
    width: 50%;
}
.masibus-logo2 img {
    height: 150px;
    width: 100%;
}

.masibus-logo3 {
    display: inline-block;
    width: 25%;
    background-color: #0255A5;
}
.masibus-logo3 img {
    height: 150px;
    width: 100%;
    object-fit: contain;
}
/*=========================================fieldsensor end========================*/




/*========================================CG==============================*/

.vsx-image img {
    width: 100%;
    height: 350px;
        margin-top: 60px;
}

.vsx-image h2 {
     text-align: center; 
}
.vsx-cont {
    margin-top: 90px;
}
.vsx-cont p {
    font-size: 15px;
    text-align: justify;
}
.vsx-cont h1 {
    font-weight: 700;
}


.vsm-image img {
    width: 100%;
    height: 350px;
        margin-top: 60px;
}

.vsm-image h2 {
     text-align: center; 
}
.vsm-cont {
    margin-top: 90px;
}
.vsm-cont h1 {
    font-weight: 700;
}
.fdu-cont h1 {
    font-weight: 700;
}
.vfx-cont h1 {
    font-weight: 700;
}

.vsm-cont p {
    font-size: 15px;
    text-align: justify;
}


.fdu-image img {
    width: 100%;
    height: 350px;
        margin-top: 60px;
}

.fdu-image h2 {
     text-align: center; 
}
.fdu-cont {
    margin-top: 90px;
}
.fdu-cont p {
    font-size: 15px;
    text-align: justify;
}


.vfx-image img {
    width: 100%;
    height: 350px;
        margin-top: 60px;
}

.vfx-image h2 {
     text-align: center; 
         margin-bottom: 60px;
}
.vfx-cont {
    margin-top: 90px;
}
.vfx-cont p {
    font-size: 15px;
    text-align: justify;
}
/*========================================CG end==========================*/
iframe {
    width: 100%;
    height:320px;
}

/*========================================modal===============================*/

h5#exampleModalLabel {
    text-align: center;
   
    margin: 0 auto;
    font-size: 20px;
}
input.btn.btn-primary {
    width: 100px;
    height: 35px;
    font-size: 15px;
    background-color: green;
    border: none;
    padding: 0;
    color: white;
    font-weight: 600;
    margin-left: 5px;
}
button.close span {
    font-size: 35px;
}
button.btn.btn-danger {
    width: 20%;
    height: 42px;
    font-size: 18px;
    background-color: green;
    border: none;

    margin: 0 auto;
    margin-top: 43px;
}
button.btn.btn-danger:hover {
    border: 2px solid green;
    background-color: white;
    color: green;
    box-shadow:none;
}
.btn-check:focus+.btn-danger, .btn-danger:focus {
    
    box-shadow: none!important;
}

.heading_container.heading_center {
    text-align: center;
    margin-top: 20px;
}
.heading_container.heading_center h1 {
    font-weight: 700;
    font-size: 35px;
}
/*======================================modal end=============================*/

/*===================================certificats==============================*/
.image-certificates {
    text-align: center;
}
.image-certificates img {
    display: inline-block;
    width: 336px;
     height: 486px;
     margin: 32px 0px;
}

.certificates {
    text-align: center;
    /*margin-bottom: 30px;*/
}
.certificates img {
    width: 66%;
    height: 400px;
    object-fit: contain;
}
/*================================certificats end============================*/


/*===============================responsive================================*/
    @media  (min-width: 320px) and (max-width: 915px){
    
    .logo img {
        width: 200px;
    }    
    
    .schn {
        margin: 56px 0!important;
    }
    
    .banner.text-center {
        background-image: linear-gradient(to bottom, rgb(0 217 89 / 58%), #00d959ad), url(../images/mybanner.jpeg);
        height: 190px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        color: white;
    }
    
    .footerimg img {
    
        height: 84px;
        
        margin-top: 15px;
        width:170px;
    }   
    .menu {
         text-align: left;
    }
    .carousel-inner {
        height:100%;
    }
    
    .machine a {
        font-size: 15px;
    }
    

    .know-the h2 {
        font-size: 34px;
        font-weight: 600;
        margin-bottom:0px;
    }
    
    .deliery {
        margin: 7px 0;
    }
    
    .new-img {
        margin: 10px 0;
      
    }
    
    .our-brn h2 {
        font-size: 40px;
        padding-top: 20px
    }
    
    .banner h1 {
        margin: 8px 0;
        font-size: 23px;
    }
        
    .schn h2 {
         font-size:24px;
    }
    
    .premium h2 {
        
        font-size:42px;
    }
    
    .oem-image img {
        margin-left: 65px;
    }
    .services1 h1 {
         font-size: 28px;
    }
    
    .suger{
            margin: 18px 14px;
    }
    
    .drive-img img {
         width: 100%;
    }
    .drive {
        width:100%;
    }
    .drive2 p {
        /*font-size: 16px;*/
        /*text-align: justify;*/
        width:100%;
    }
    
    .com-logo {
        height: 175px;
        margin-left: -56px;
    }
    
    .honeywell-logo {
        height: 95px;
    }
    
    .masibus-logo {
        width: 23%;
    }
    
    .image-certificates img {
        width: 290px;
    }
    
    .certificates img {
        height: 234px;
    }
    
    .team-form img {
        margin: 0px 0px;
        width: 100%;
    }
    
    }
    
@media screen and (max-width: 915px) {
    .ss{
         justify-content: start !important;
    }
    
    button.navbar-toggler {
         position: relative;
    }
    
    .menu ul li {
        margin-bottom: 6px;
        padding-bottom: 6px;
        border-bottom: 1px solid #eeeeee;
        padding-left: 0;
        margin-left: 15px;
    }
    
    
    div#navbarSupportedContent {
        position: absolute;
        z-index: 9;
        background: white;
        width: 50%;
        padding: 15px;
        border-top: 2px solid green !important;
        border: 1px solid #eeeeee;
        left: 0;
    }
}

@media screen and (max-width: 1150px) and (min-width: 768px) {
    
    div#navbarSupportedContent{
      width: 91%;
    padding: 0px 0px 0px 7px
    }
    
    
    .navbar {
        margin-bottom:0px!important;
            margin-left: 66px;
    }
    
    
    #navbarSupportedContent {
        display: none !important;
        
    }
     #navbarSupportedContent.show{
        display:block !important;
    }
    
    .menu ul li {
       margin:0px;
    }
        
        
    ul.dropdown-menu {
        width: 122px;
    }
    
    .parentDiv button {
         margin-bottom: -8px;
    }
    
    .new-img ul li {
        font-size: 12px;
    }
    
    .parentDiv p {
        font-size: 15px;
    }
    .machine p {
        font-size: 15px;
        
    }
    
    .machine a {
        font-size: 16px;
    }
    
    
    .udo img {
        width: 100%;
        height: 186px;
    }
    
    .udo h3 {
      font-size: 15px;
    }
    .udo {
        margin: 25px 4px
        
    }
    
    .udo img {
        width: 100%;
        height: 186px;
        transition: 0.5s;
    }
    
    .parentDiv button {
        padding: 0px;
    }
    
    .parentDiv ul {
        padding-left: 20px;
        margin: 0;
    }
    .parentDiv ul li {
        /* padding: 0 13px; */
        font-size: 13px;
    }
    
    /*.new-img {*/
    /*    height: 100%;*/
    /*}*/
    
    .new-img img {
        width: 100%;
        height: 172px;
        /* object-fit: cover; */
    }
    
    .cont-machines p {
        font-size: 13px;
        color: #222;
    }
    
    .cont-reliability {
        
        margin-top: 0px;
    }
    
    .altivar {  
        padding-right: 40px;
    }
    
    .altivar-cont p {
        font-size: 15px;
        text-align: inherit;
        
    }
    
    .deliery {
        height:420px;
        padding: 12px 25px;
    }
    .deliery h3 {
        font-size: 18px;
    }
    
   .new-img h2 {
        font-size: 16px;
        font-weight: 700;
    }
    .oem-image img {
        width: 100%;
        height:550px;
       margin: 0!important;
    }
    
    .suger-cont p {
        font-size: 18px;
        
    }
    
    .drive-img img {
        width: 100%;
        margin-top:50px;
        height: 220px;
    }
    
    
    .drive-img1 img {
        margin-top: 70px;
    }
    
    .three {
        margin: 10px;
        width: 172px;
        padding:0px;
        padding-top:10px;
        padding-left:5px;
        font-size: 0px;
        height: 119px;
    }
   .three p {
        font-size: 10px;
        color: white!important;
    }
    
    .team-form {
        padding-top: 200px;
    }

    .parentDiv button{
        margin-bottom:30px;
    }

    .modi-cont button.readMoreBtn {
        font-size: 10px;
        margin-bottom:10px;
    }

  
    
}

/*==============================responsive end================================*/