*,body{   font-family: 'Roboto', sans-serif;  }

header{  display: inline-block; width: 100%;     padding: 10px 0;}
.header-logo {
    float: left;
}
.mob-menu{ display: none; }
.s-m-t-30{ margin-top: 30px;}
.header-menu ul {
    padding: 0;
    margin: 0;
    float: right;
    padding-top: 40px;
}
.header-menu ul li{ list-style: none; float: left; }
.header-menu ul li a{ color: #434343; font-size: 20px; padding: 10px 25px;     font-weight: 600;}
.header-dial{ color: #1E4B98; font-size: 22px;}
.header-dial img{ margin-right: 5px; }

.banner{ background: #1B212F url(../images/banner.png); background-size: cover;}
/* .banner-gradient{background: url(../images/banner-gradi.png); background-size: cover;} */
.banner-cont{color: #fff;     padding: 150px 0;     width: 600px;}
.banner-cont h4{ font-size: 33px; font-weight: 600; text-transform: uppercase; }
.banner-cont p{ font-size: 22px; font-weight: 300; margin: 20px 0; margin-bottom: 60px;}
.a-learn{ background-color: #1E4B98;
    padding: 15px 0px;
    color: #fff;
    font-size: 14px;
    min-width: 164px;
    display: inline-block;
    text-align: center;}
.a-learn:hover{ color: #fff;}
.a-learn.in-active{ background-color: #fff; border: 1px solid #1E4B98; color: #1E4B98;}

.h3-head{ font-size: 30px;
    text-transform: uppercase;
    color: #000;
    font-weight: 100;
    margin-bottom: 30px;}

.about-sec{ padding: 30px;}
.about-sec-l{ width: 70%; float: left;}

.about-sec ul{ padding: 0;}
.about-sec ul li{     font-size: 20px;
    line-height: 34px;
    margin-bottom: 20px;
    font-weight: 300;}

.about-sec-r{ width: 30%; float: right;}

.what-we{ background: #1B212F url(../images/what-we.png); background-size: cover; padding: 30px;}
.col-white{ color: #fff}
.what-we p {
    font-size: 20px;
    font-weight: 100;
    line-height: 34px;
}
.what-we ul {
    display: inline-block;
    width: 100%;
    color: #fff;
    padding: 0;
    margin: 30px 0;
}
.what-we ul li {
    list-style: none;
    float: left;
    margin: 0 20px;
    width: 29%; display: table;
}
.what-we ul li .what-img-div{ float: left;
    margin-right: 15px;
background-color: #fff;
    padding: 15px;
    border-radius: 100%;
    width: 100px;
    height: 100px;
    text-align: center;
    vertical-align: middle;}
    .what-we ul li span{ display: table-cell;
        vertical-align: middle;
        font-size: 20px;
        line-height: 24px;}

.our-service{ background-color:  #1E4B98; padding: 30px;}
.our-service ul{padding: 0;
    display: inline-block;
    width: 100%;
    margin-top: 30px;}
.our-service ul li{ list-style: none; float: left; width: 24%; margin-right: 10px; color: #fff;}
.our-service ul li:last-child{ margin-right: 0;}
.our-service-cont{
    display: inline-block;}
.our-service ul li h4{     font-weight: 600;
    font-size: 22px;
    line-height: 24px;
    margin-top: 30px;
    min-height: 55px;
    margin-bottom: 0}
.our-service ul li h5{ font-weight: 100; font-size: 12px; line-height: 16px;}

.touch-sec{ background: #1B212F url(../images/lapy.png); background-size: cover; padding: 30px;}
.touch-sec-in{ padding: 0 23px;
    display: inline-block;
    width: 100%;
    padding-left: 182px;}
.touch-sec-l {
    width: 40%;
    float: left;
}
.touch-sec-r {
    width: 60%;
    float: right;
}
.touch-sec-r input {
    width: 94%;
}
.touch-sec-r label {
    color: red;
    font-weight: normal;
}
.touch-sec-r input, textarea{ border: 0; }
.touch-sec-r input:focus-visible {
    border: 0;
    outline: 0;
}
.touch-sec-r .input-container {
    width: 100%;
    border-bottom: 1px solid #E4E4E4;
    margin-bottom: 20px;
    padding-bottom: 10px;
}
.touch-sec-r textarea{ border: 1px solid #E4E4E4; padding: 10px;}


footer{background: #061F45; padding: 20px;}
.footer-top-l {
    width: 30%;
    float: left; padding-top: 8px;
}
.footer-top-l a {
    display: inline-block;
    padding: 10px;
}
.footer-top-r {
    float: right;
}
.footer-top-r ul{     display: inline-block;}
.footer-top-r ul li{ list-style: none; float: left; margin: 20px ;} 
.footer-top-r ul li a{ color: #fff; font-size: 15px;}

footer p{ color: #fff; display: inline-block; width: 100%; font-size: 12px; line-height: 22px; font-weight: normal;}
.copy-right{ text-align: center;}
.copy-right a{color: #309AEE; font-size: 12px; text-align: center;}

/* srevices start */

.banner-services{ background: #1B212F url(../images/services-bg.png); background-size: contain;
    color: #fff;
    padding: 30px 0; padding-bottom: 0;
}
.banner-services h4 {
    font-size: 33px;
    font-weight: 600;
}
.banner-services p {
    font-size: 22px;
    font-weight: 300;
    margin: 20px 0;
    margin-bottom: 60px;
}
.content-service { padding-top: 30px;}

.content-service > p{
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 20px;
    font-weight: 300;
}
.content-service p{font-size: 20px;
    line-height: 34px;}
.products {
    display: inline-block;
    width: 100%;
}
.products-l{
    width: 44%;
    float: left;
}
.products-l img{ width: 100%; }
.products-r{
    width: 50%;
    float: right;
}
.products-r p{
    font-size: 20px;
    line-height: 34px;
}

.bulb-sec {
    display: inline-block;
    width: 100%;
    margin-top: 48px;
    margin-bottom: 30px;
}
.bulb-sec ul{ padding-left: 0;}
.bulb-sec ul li{ list-style: none; float: left; width: 33%; margin-bottom: 20px;}
.bulb-sec ul li .bulb-l{     background-color: #E8F0FF;
    padding: 10px;
    border-radius: 100%;
    width: 40px;
    height: 40px;
    display: inline-block;
    text-align: center;
    margin-right: 6px;}
    .bulb-sec ul li .bulb-r{ color: #2E4C93; font-weight: 500; font-size: 16px;}
.bulb-sec ul li .bulb-l img{ width: 100%;}
.bulb-sec p{
    font-size: 20px;
    line-height: 34px;
    margin-bottom: 20px;
    font-weight: 300; display: inline-block;
}
.website{ background: #F3F6FF; padding: 50px 0;} 
.website .products-r p {
    font-size: 20px;
    line-height: 34px;
}
/* services end */