body {
    font-family: 'Lexend Deca', sans-serif;
    color: #505050
}

ul {
    padding: 0;
    margin-bottom: 0
}

ul li {
    list-style-type: none;
    display: inline-block;
}
d-none {
    display:block;
}
.stikey-add {
    top: 80px;
    width: 145px;
    min-height: 10px;
    position: fixed;
    right: 0;
    background: #FFEB3B;
    z-index: 999;
    box-shadow: 0 0px 9px #a2a2a2;
    color: #333;
    text-align: center;
    padding: 10px;
}
.stikey-add a {
    color: #ff4800;
    text-decoration: none;
    background-color: transparent;
}
.stikey-add p {
    margin: 0;
    font-weight: 600;
    font-size: 16px;
    background: url('../images/call.png');
        background-position-x: 0%;
        background-position-y: 0%;
        background-repeat: repeat;
        background-size: auto;
    background-size: 42px;
    background-repeat: no-repeat;
    padding-left: 30px;
    background-position: 0;
}ss
.wrap-top .input-group-text {
    background: 0 0
}

.wrap-top ul.login li a {
    color: #000;
    font-size: 11px;
}
.float-right {
    float: right!important;
    margin-top: 22px;
}

.wrap-top ul.login li i {
    border: 1px solid #cdcdcd;
    padding: 8px 10px;
    margin-right: 10px;
    width: 40px;
    color: #b01515;
    text-align: center;
}

.wrap-top .input-group {
    width: 100%
}

.wrap-top .navbar {
    padding: 0;
}

.wrap-nav .bg-dark {
    background-color: #95bd05 !important;
    margin-top: -66px;
}

.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show>.nav-link,
.wrap-nav .navbar-light .navbar-nav .active>.nav-link,
.wrap-nav .navbar-light .navbar-nav .nav-link {
    color: #fff
}

.wrap-nav .navbar {
    padding: 0 1rem
}

.wrap-nav a#navbarDropdown {
    background: #343a40
}

.wrap-nav .navbar-expand-lg .navbar-nav .nav-link {
    padding: 1rem 0.8rem;
    font-size: 15px;
}
.wrap-nav .navbar-expand-lg .navbar-nav .nav-link:hover {
color: #1c1111;
transition: 0.3s;
}
.wrap-nav .nav-link {
    display: block;
    padding: 1rem
}

.wrap-nav .dropdown-menu {
    padding: 0;
    margin: 0;
    border-radius: 0
}

.wrap-nav .dropdown-item {
    padding: .5rem 1rem .6rem;
    font-size: .85rem;
    border-bottom: 1px solid #ececec
}


section h2 {
    display: block;
    font-size: 22px;
    font-weight: 600;
    letter-spacing: 1px;
    text-align: center;
    margin-bottom: 10px;
    text-transform: uppercase;
    color: #b01515;
}
section h4 {
    font-size: 20px;
    text-align: center;
    font-weight: bold;
}

#about .card-img-overlay {
    background-color: rgba(0, 0, 0, .38)
}

#about .card-img-overlay h3 {
    text-transform: uppercase;
    text-align: center
}

.bg-grey {
    padding: 1px 0
}

.bg-red {
    background: #345e7efa;
    padding: 50px 0
}


#about .card {
    margin-bottom: 20px;
    margin-left: 10px
}

#sectors h4 i {
    margin-right: 10px
}

.slider-prod {
    background: url(../images/bg-logistics1.jpg) center center/cover no-repeat
}

.bg {
    padding: 40px 50px;
    color: #362b21;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
    width: 75%;
    float: left;
}
.ifre {
    width: 25%;
    float: right;
    margin: 0;
    padding: 0;
    display: inline-grid;
}
.ifre img {
    width: 100%;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
}

.halwai { color:#362b43; font-size: 25px;}
#sectors {margin-top: 50px;}

#ifr {margin-top:50px;}

#partner img {
    width: 90%;
    border: 2px solid #ccc;
    margin: auto;
    display: block;
    text-align: center;
    height: auto;
}

footer {
    color: #fff;
    width: 100%;
    height: auto;
    float: left;
}
.navbar-brand {
    display: inline-block;
    padding: 0px;
    z-index: 999;
    background: #fff;
    height: 100px;
    box-shadow: 0px 0px 5px #0000001c;
    width: 30%;
}
footer h5 {
    font-weight: 700;
    margin-bottom: 1rem
}

footer ul li {
    display: block;
    line-height: 2rem
}

footer ul li a{color: #fff;}
footer ul li a:hover{text-decoration: none; color: #f5f5f5;}
footer img {
    width: 70%
}

ul.contact li {
    position: relative;
    padding-left: 25px
}

ul.contact li:nth-child(1)::before {
    content: "\f3c5";
    position: absolute;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    left: 0
}

ul.contact li:nth-child(2)::before {
    content: "\f2a0";
    position: absolute;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    left: 0
}

ul.contact li:nth-child(3)::before {
    content: "\f0e0";
    position: absolute;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    left: 0
}

ul.social li {
    display: inline-block;
    margin-right: 20px
}

ul.social li a {
    color: #fff;
    font-size: 1rem
}

footer p {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 0;
    color: #000;
}

.head-top {
    border-bottom: 1px solid #ececec;
    font-size: 14px;
    background: #343a40;
    color: #fff;
    padding: 5px
}

.top ul li a {
    color: #fff
}

.top ul {
    text-align: center
}

.content {
    background-color: #ed3237
}

#about h3 {
    padding: 10px;
    font-size: 1.5rem
}

#about .card-title {
    margin-bottom: 0
}

#ads {
    margin: 50px 0
}

#ads .card-notify-badge {
    position: absolute;
    left: -10px;
    top: -20px;
    background: #343a40;
    text-align: center;
    border-radius: 30px;
    color: #fff;
    padding: 5px 10px;
    font-size: 14px
}

#ads .card-notify-year {
    position: absolute;
    right: -10px;
    top: -20px;
    background: #ed3237;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    font-size: 14px;
    width: 50px;
    height: 50px;
    padding: 15px 0 0
}

#ads .card-detail-badge {
    background: #ed3237;
    text-align: center;
    border-radius: 30px;
    color: #fff;
    padding: 5px 10px;
    font-size: 14px
}

#ads .card:hover {
    background: #fff;
    box-shadow: 12px 15px 20px 0 rgba(46, 61, 73, .15);
    border-radius: 4px;
    transition: .3s
}

#ads .card-image-overlay {
    font-size: 20px
}

#ads .card-image-overlay span {
    display: inline-block
}

#ads .ad-btn {
    text-transform: uppercase;
    width: 150px;
    height: 40px;
    border-radius: 80px;
    font-size: 16px;
    line-height: 35px;
    text-align: center;
    border: 3px solid #343a40;
    display: block;
    text-decoration: none;
    margin: 20px auto 1px;
    color: #fff;
    overflow: hidden;
    position: relative;
    background-color: #343a40
}

#ads .ad-btn:hover {
    color: #1e1717;
    border: 2px solid #f8694a;
    background: 0 0;
    transition: .3s;
    box-shadow: 12px 15px 20px 0 rgba(46, 61, 73, .15)
}

#ads .ad-title h5 {
    text-transform: uppercase;
    font-size: 18px
}

.p-display .btn-primary {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.wishlist {
    color: #ed3237
}

#sectors h5 {
    line-height: 3rem
}

#sectors h5 i {
    margin-right: 10px
}

.slider-prod img {
    padding: 50px;
    margin-bottom: 30px
}

.slider-prod i {
    color: #000000c4
}

.slider-prod h5 {
    color: #505050;
    text-transform: uppercase;
    text-align: center
}

.slider-prod .card-detail-badge {
    background: #ed3237;
    text-align: center;
    border-radius: 30px;
    color: #fff;
    padding: 5px 10px;
    font-size: 14px
}

.slider-prod .card-detail-badge i {
    color: #fff
}

.slider-prod .ad-btn {
    width: 150px;
    height: 40px;
    border-radius: 30px;
    font-size: 14px;
    text-align: center;
    text-decoration: none;
    margin: 20px auto 1px 5px;
    color: #fff;
    background-color: #343a40;
    padding: 5px 10px
}

.slider-prod .ad-btn i {
    color: #fff
}

.img-inner-shadow .layer {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0
}

.layer .card-title {
    color: #000;
    text-align: center;
    background: #ececec;
    margin-bottom: .75rem;
    font-size: 1.5rem;
    padding: 10px
}

#banner .list-group-item {
    padding: 0;
    background-color: #343a40 !important;
    border: 1px solid rgba(217, 217, 217, .56)
}

#banner .dropdown-item {
    padding: .32rem 1rem
}

.list-group-item a {
    color: #fff
}
.clients-img h4 {margin-top: 10px; font-size: 18px;color: #000;}

.cse .gsc-search-button-v2,
.gsc-search-button-v2 {
    font-size: 0;
    padding: 5.5px 27px !important;
    width: auto;
    vertical-align: middle;
    border: 1px solid #3079ed;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    background-color: #505050 !important;
    background-image: linear-gradient(top, #4d90fe, #4787ed)
}

.gsib_a {
    padding: 0 0 0 9px !important
}

.gsc-search-box-tools .gsc-search-box .gsc-input {
    padding-right: 0 !important
}

@media(min-width:768px) and (max-width:1400px) {
    #banner .dropdown-item {
        padding: .32rem 1rem;
        font-size: 13.95px
    }
}


#banner .carousel-caption {
    position: absolute;
    right: 65%;
    bottom: 20px;
    left: -1%;
    z-index: 10;
    padding-top: 10px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    background: #2d2d2dc9;
}
#banner h5 {
    font-size: 1.25rem;
    text-transform: uppercase
}

#banner .carousel-indicators li {
    background-color: #16181b
}

#banner .list-group {
    background: 0 0
}

#banner ul.list-group li {
    margin-right: 0
}

#banner .bd-example {
    z-index: -1
}

.head-top ul li {
    margin-top: 4px
}

#offer {
    background: url(../images/infra-bg.png) center right no-repeat fixed;
    margin-top: 0
}

#offer h2 {
    color: #fff;
    text-transform: uppercase
}

#offer .btn-primary {
    text-transform: uppercase;
    width: 150px;
    border-radius: 80px;
    font-size: 16px;
    text-align: center;
    border: 3px solid #343a40;
    display: block;
    text-decoration: none;
    color: #fff;
    overflow: hidden;
    position: relative;
    background-color: #343a40
}

#deals {
    margin: 0
}

#categ .carousel-indicators {
    position: absolute;
    right: 0;
    bottom: -50px
}

#categ .carousel-indicators li {
    background-color: #222
}

#categ h5 {
    text-align: center;
    margin-top: 20px
}

#categ .btn-primary {
     color: #1e1717;
    text-align: center;
    border: 2px solid #0066b2;
    background: 0 0;
    transition: .3s;
    box-shadow: 12px 15px 20px 0 rgba(46, 61, 73, .15)
    text-transform: uppercase;
    width: 150px;
    height: 40px;
    border-radius: 80px;
    font-size: 16px;
    line-height: 25px;
    /*text-align: center;*/
   /* border: 3px solid #343a40;*/
    display: block;
    text-decoration: none;
    margin: 30px auto 1px;
   /* color: #fff;*/
    overflow: hidden;
    position: relative;
    /*background-color: #343a40;*/
}


#carouselExampleCaptions .carousel-caption {
    position: absolute;
    z-index: 10;
    color: #fff;
    text-align: center;
    background: #2d2d2dc9;
    /* border-radius: 50%; */
    border: 50%;
    float: left;
    width: 40%;
    overflow: hidden;
    padding: 10px
}

.bg p {
    line-height: 28px;
    text-align: center;
    margin-top: 10px;
}

ol.infra {
    padding: 10px
}

ol.infra li {
    color: #fff;
    line-height: 30px
}

                /*About Page*/

 .about-1 {
    width: 100%;
    height: auto;
    float: left;
    text-align: center;
 }
 #banner1 h3{
    font-size: 30px;
    font-weight: 700;
    background-color: rgb(0,0,0,0.6);
    font-style: italic; 
    letter-spacing: 2px;  
 }
.founder h3 {
    font-size: 20px;
    color: #000;
    margin-top: 50px;
}
.founder .hr {
    border-top: 2px solid red;
}
.found {
    border-bottom: 2px solid #ccc;
    width: 100%;
    margin-top:5px;
    padding: 5px 0px;
}
.float-left {
    float: left!important;
    line-height: 26px;
    margin-top: 20px;
}
.about-details h3 {
    font-size: 20px;
    color: #000;
    margin-top: 50px;
}
.about-img img{
    margin: 20px 0px;
}
.inner-page-sections {
    margin-top: 50px;
}
.internal-heading {
    text-align: left;
    position: relative;
    font-weight: 400;
    border-bottom: solid 1px #ccc;
    padding: 0 0 5px;
    margin: 0 0 25px;
}

.about-founder li {
    padding-bottom: 10px;
    list-style-type: none;
}
.about-founder i  {
   margin-left: 20px;
}
.fa-arrow-right:before {
    content: "\f061";
    padding: 0px 14px;
    color: #ed3237 ;
}
.infa-page img {
    margin: 10px 40px;
}

.clients-img img{
    
    text-align: center;
    background-color: rgb(0,0,0,0.1);
    border: 1px solid #ccc;
}
.clients-img {
    text-align: center;
    padding: 40px 10px;

}

.con-parsune h3 {
    margin: 50px 0px 30px 0px;
}
.con-parsune  {
   text-align: center;
   margin-bottom: 50px;
}
.conte {
    padding: 30px 0px;
}
.con-farm .btn-default{
    width: 100%;
    height: auto;
    float: left;
    text-align: center;
   margin: 20px 500px;
   color: #fff;
   background-color: #ed3237;
}
.track  {
    margin: 50px 0px;
}
.track h4 {
    margin: 0px 30px;
}
.gallery-img {
    margin: 30px 0px;
}









/* Small devices (landscape phones, 425px and up*/
@media (max-width: 425px) {
.h3, h3 {
    font-size: 0.75rem;
}
.h4, h4 {
    font-size: 1.8rem;
}
.navbar-brand {
    width:70%;
    margin-left: 50px;
}
.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link, .wrap-nav .navbar-light .navbar-nav .active>.nav-link, .wrap-nav .navbar-light .navbar-nav .nav-link {
    color: #fff;
    text-align: center;
    margin-left: 130px;
}
.wrap-nav .navbar-expand-lg .navbar-nav .nav-link {
    padding: .8rem 1rem;
}

.d-flex {
    display: block!important;
}

.about-img img {
    margin: 19px -10px;
}
.bg-red img{
    width: 90%;
}
.about-founder img {
    margin-left: 50px;
}
.about-founder img {
    float: left;
}

.clients-img img {
    text-align: center;
    background-color: rgb(0,0,0,0.1);
    border: 1px solid #ccc;
    width: 150%;
    float: left;
}
.gallery-img img {
    text-align: center;
    background-color: rgb(0,0,0,0.1);
    border: 1px solid #ccc;
    float: left;
    margin: 40px;
}
.con-farm .btn-default {
    margin: 20px 154px;
}.wrap-top ul.login li i {
    /* border: 1px solid #848484; */
    /* padding: 8px 10px; */
    margin-right: 10px;
    width: 35px;
    text-align: center;
    margin-bottom: 10px;
}
.d-none {
    display: none!important;
}
#banner1 h3 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: -24px;
    background-color: rgb(0,0,0,0.6);
    font-style: italic;
    letter-spacing: 2px;
}
}



/* Large devices (tablet, 767px and up*/
@media (max-width: 767px) {

}

/* Extra large devices (large desktops, 1024px and up*/
@media (min-width: 1024px) {
.float-right {
    float: right!important;
    margin-top: 0px;
}
#carouselExampleCaptions .carousel-caption {
    position: absolute;
    color: #fff;
    text-align: center;
    background: #2d2d2dc9;
    border: 50%;
    left: 0;
    width: 40%;
    overflow: hidden;
    font-size: 10px;

        padding: 1px 30;
}
#banner1 h3 {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 30px;
    background-color: rgb(0,0,0,0.6);
    font-style: italic;
    letter-spacing: 2px;
}
/*#partner img {
    padding: 19px;
}*/
.con-farm .btn-default {
    width: 100%;
    height: auto;
    float: left;
    text-align: center;
    margin: 20px 500px;
    color: #fff;
    background-color: #ed3237;
}

}
@media (min-width: 1200px) {
    .wrap-top ul.login li a {
    color: #000;
    font-size: 16px;
}
}

    .rounded {
    border-radius: .25rem!important;
    transition: .3s;
}



#ads a {
    color: #1e1717;
    text-align: center;
    border: 2px solid #b01515;
    background: 0 0;
    transition: .3s;
    box-shadow: 12px 15px 20px 0 rgba(46, 61, 73, .15);
    text-transform: uppercase;
    width: 150px;
    height: 40px;
    font-size: 16px;
    line-height: 35px;
    /*text-align: center;*/
   /* border: 3px solid #343a40;*/
    display: block;
    text-decoration: none;
    margin: 30px auto 1px;
   /* color: #fff;*/
    overflow: hidden;
    position: relative;
    background-color: #fff;
}

#partner a {
    color: #1e1717;
    text-align: center;
    border: 2px solid #0066b2;
    background: 0 0;
    transition: .3s;
    box-shadow: 12px 15px 20px 0 rgba(46, 61, 73, .15)
    text-transform: uppercase;
    width: 150px;
    height: 40px;
    border-radius: 80px;
    font-size: 16px;
    line-height: 35px;
    /*text-align: center;*/
   /* border: 3px solid #343a40;*/
    display: block;
    text-decoration: none;
    margin: 30px auto 1px;
   /* color: #fff;*/
    overflow: hidden;
    position: relative;
    background-color: #fff;
}
#sectors a {
    color: #1e1717;
    text-align: center;
    border: 2px solid #95bd05 ;
    background: 0 0;
    transition: .3s;
    box-shadow: 12px 15px 20px 0 rgba(46, 61, 73, .15)
    text-transform: uppercase;
    width: 150px;
    height: 40px;
    font-size: 16px;
    line-height: 35px;
    /*text-align: center;*/
   /* border: 3px solid #343a40;*/
    display: block;
    text-decoration: none;
    margin: 30px auto 1px;
   /* color: #fff;*/
    overflow: hidden;
    position: relative;
    background-color: #fff;
	box-shadow: 0px 6px 4px -2px #fdcb99;
}

.gallery-page {width: 100%; height: auto; float: left; }
.gallery-page h4 {
    font-size: 1.4rem;
    margin-top: 35px;
    margin-bottom: -20px;
}
footer a {
    color: #b01515;
}
.track a {
    background: #ed3237;
    padding: 5px 10px;
    margin-top: -10px;
    color: #fff;
    border-radius: 5px;
    text-decoration: none;
}
section#categ {
    padding: 40px 0px;
}
section#partner {
	
    margin-bottom: 6px;
}


.smarter p {
    text-align: left;
    font-size: 15px;
    color: #fff;
	line-height: 23px;
}
.smarter h5 {
    text-align: left;
    font-size: 16px;
    margin-bottom: 5px;
    font-weight: 600;
	color: #fff;
}
.smarter  {
    background: #af585d;
    padding: 28px;
    margin-top: 30px;
	text-decoration:none;
	transition: 0.3s;
	height:340px;
}
.smarter:hover {background:#00000073; text-decoration:none !important;transition: 0.3s;  }
.smarter h4 {
    font-size: 20px;
    color: #fff;
}
.testimonial a {
    text-decoration: navajowhite;
} 

.gallery {margin:50px 0px;}
.gallery h3 {text-align:center; color: #362b43; font-size: 25px; text-transform:uppercase;}
.gallery img {width:100%; border:3px solid #eaeaea; margin-top:30px;}
.linkey {margin: 0 auto;}
.gallery .linkey a {color: #1e1717;text-align: center;border: 2px solid #95bd05 ;background-color: rgba(0, 0, 0, 0);transition: .3s;width: 150px;height: 40px;font-size: 16px;line-height: 35px;text-decoration: none;margin: 30px auto 1px;box-shadow: 0px 6px 4px -2px #fdcb99;display: block;}

.reviwe {
    padding: 50px 0px 50px 0px;
    background: #cccccc2e;
}
.reviwe h3 {text-align:center; color: #362b43; font-size: 25px; text-transform:uppercase;margin-bottom: 40px;}
.reviwe .customer h4 { font-size:22px; font-weight:500; color:#0867a7; text-align:center; margin-bottom:10px; }
.reviwe .customer h5 { font-size:18px; font-style:italic; font-weight:400; color:#444; text-align:center}

.reviwe .reviewplatform{text-align:center; width:630px; margin:0 auto; border:solid 1px #d3e8f0; border-width:1px 0px 1px; padding:20px 0px; margin-bottom:30px;font-size:0 }
.reviwe .reviewplatform li{display: inline-block;margin:0px 25px;}
.reviwe .reviewplatform img{line-height: 38px; vertical-align: middle;}

.reviwe a.morebtn {color: #1e1717;text-align: center;border: 2px solid #95bd05 ;background-color: rgba(0, 0, 0, 0);transition: .3s;width: 250px;height: 40px;font-size: 16px;line-height: 35px;text-decoration: none;margin: 30px auto 1px;box-shadow: 0px 6px 4px -2px #fdcb99;display: block;}

.contentsec p {
    width: 800px;
    text-align: center;
    margin: 20px auto;
}
.reviwe .carousel-control-prev-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%236c757d' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}
.reviwe .carousel-control-next-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%236c757d' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}
.reviwe .carousel-control-next-icon, .carousel-control-prev-icon {width: 24px;height: 24px;}

/*.about-banner {background: #2a2a2a;padding: 40px;text-align: center;color: #fff;font-size: 1.8rem;text-transform: uppercase;}*/
.about-banner {
    background: #e6e6e6;
    padding: 25px;
    text-align: center;
    color: #f00;
    font-weight: 600;
    font-size: 1.8rem;
    text-transform: uppercase;
}
.inner {margin: 50px;}
.inner img {width: 100%; border:1px solid #af585d; padding:5px;}
.inner .table td, .table th {padding: 0.3rem;}
.inner h4 {
    font-size: 22px;
    width: 100%;
    font-weight: 600;
}
.in-img img {width: 250px;}

.smart-in img {width:180px;}

.inner h5 {
    font-size: 15px;
    line-height: 26px;
    width: 100%;
}
.eee img {
    width: 100%;
}
.inner p span {color:red;font-weight: 600;}
.abacus {
    color: #FF0000;
    margin-bottom: 30px;
    font-size: 22px;
}

.testi-img img {width: 170px;}

.margi {margin-top:30px;}

.m-top { width: 100%; margin-top: 50px;}

.gal-img img {width:350px; border-top: 2px solid #af585d ;
border-right: 2px solid #af585d ;
border-bottom: 2px solid #000000;
border-left: 2px solid #000000;
margin-top: 30px;
}

.contact2 {
    background: #cccccc3d;
    padding: 30px;
    height: 230px;
    border: 2px solid #00000052;
    margin: 30px 0px 0px 0px;
}

.bg-contact {
    background: #cccccc2b;
    padding: 40px 0px;
    box-shadow: 0px 0px 7px #aaa;
    padding: 50px;
    width: 50%;
    float: left;
}
.bg-contact .btn-default {
    width: 100%;
    background-color: #95bd05;
    color: #FFFFFF;
    border-radius: 0px;
	margin-top: 20px;
}

#myImg {
  border-radius: 5px;
  cursor: pointer;
  transition: 0.3s;
}

#myImg:hover {opacity: 0.7;}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (image) */
.modal-content {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
}

/* Caption of Modal Image */
#caption {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
  text-align: center;
  color: #ccc;
  padding: 10px 0;
  height: 150px;
}

/* Add Animation */
.modal-content, #caption {  
  -webkit-animation-name: zoom;
  -webkit-animation-duration: 0.6s;
  animation-name: zoom;
  animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
  from {-webkit-transform:scale(0)} 
  to {-webkit-transform:scale(1)}
}

@keyframes zoom {
  from {transform:scale(0)} 
  to {transform:scale(1)}
}

/* The Close Button */
.close {
  position: absolute;
  top: 15px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
}

.close:hover,
.close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
  .modal-content {
    width: 100%;
  }
}

.ex-img img {width:500px; margin-top:30px;}


.servicessec {
	margin-top:50px;
	background:url(../images/backgraundss.jpg) no-repeat top center;
    padding: 20px 0px 20px 0px;
	text-align:center;
	color:#fff;
	width:100%;
}
.servicessec i {
    font-size: 38px;
    margin-bottom: 24px;
    color: #fff;
}

.servicessec a {text-decoration:none;}
.servicessec a:hover {background: #00000073;text-decoration: none !important;transition: 0.3s;}
.box h4 {color: #464646;}
.servicessec .boxmain{ font-size: 0; margin: 0px -1.5%; display: flex; }
.servicessec .box {width: 30.33%;box-shadow: 0 0 10px #0000002e;transition: 0.3s; box-sizing: border-box;margin: 0px 1.5%;display: inline-block;vertical-align: top;padding: 24px;background: #fff;}
.servicessec .image{margin-bottom:15px}
.servicessec .image img {width: 100%;}
.servicessec .contentsec{ padding:10px }
.servicessec .box h3 {font-size: 24px; font-weight: 500; color: #0866b0; margin-bottom:15px; }
.servicessec .box p {font-size: 18px; color:#464646; line-height: 30px; margin-bottom:20px; }
.servicessec .box li {margin: 10px 0px; }
.servicessec .box a:before{ content:''; background: url(../images/builets.png) no-repeat left 0px top -64px; width: 9px; height: 14px; position: absolute; left:18px; top:50%; margin-top:-7px;  }
.servicessec .box a:hover:before{ background-position: left 0px top 0px; }
.servicessec .box a:hover {background: #0a6aab;color: #fff;}

.in-img img {width: 250px; margin-top: 20px;}

.inner-at {
    float: right;
    width: 100%;
}

.copyright {
    text-align: center;
    background: #95bd05 ;
    padding: 10px 0px;
    color: #fff;
    font-size: 15px;
}
.copyright a {
    color: #fff;
	text-decoration:underline
}
.inner p {
    line-height: 28px;
    width: 100%;
}
.reviwe img {
    border: 2px solid #95bd05 ;
    padding: 5px;
    margin: 0 auto;
    display: block;
    margin-bottom: 20px;
    width: 150px;
}

.fa.fa-paper-plane.one {
    background: red;
    padding: 30px;
    border-radius: 50%;
}

.fa.fa-calculator.two {
     background: #95bd05;
    padding: 30px;
    border-radius: 50%;
}

.fa.fa-file.three { background: #2e3192;
    padding: 30px;
    border-radius: 50%;
    
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #95bd05;
}
.aba-img img {
    height: 160px;
    width: 100%;
}

.wrap-nav .bg-dark {
    background-color: #95bd05 !important;
    margin-top: -55px;
}
.navbar-nav.mr-auto {
    margin-left: 350px;
}
.nav-pills .nav-link {
    border-radius: .25rem;
    text-transform: uppercase;
}
.col-md-4.ne-img {
    margin-bottom: 30px;
}
.col-md-4.ne-img img {
    width: 100%;
    height: 300px;
}
.certificate img {
    width: 200px;
    margin: 0 auto;
    display: block;
    border: 1px solid #ddd;
}
.certificate h3 {
    text-align: center;
    color: #362b43;
    font-size: 25px;
    text-transform: uppercase;
    margin-bottom: 30px;
}
.certificate {
    margin-bottom: 50px;
    width: 100%;
}
.certi {
    width: 20%;
}
.miss {
   background: linear-gradient(90deg, rgba(231,231,231,1) 0%, rgba(255,255,255,1) 100%);
    margin: 30px 0px;
    padding: 20px;
}
p.sss {
    margin-bottom: 5px;
}
h4.sss {
    margin-bottom: 5px;
}





/* CSS Document */

@media only screen and ( max-width: 1280px ) {
}
@media only screen and ( max-width: 1024px ) {
.servicessec .box {padding: 4px 24px;}
.servicessec .box p {
    font-size: 16px !important;
}
.wrap-nav .bg-dark {margin-top: -48px;}
.ifre img {height: 387px;}
.certi {width: 20%;padding: 10px;}
.certificate img {width: 100%;}
.wrap-nav .navbar-expand-lg .navbar-nav .nav-link {padding: 1rem 0.5rem;font-size: 10px;word-spacing: 0px;}
.smarter {height:390px;}
.gallery img {width:215px}
.wrap-nav .navbar-expand-lg .navbar-nav .nav-link { font-size:10.7px; word-spacing:0px}
.halwai {font-size:22px;}
section h4 {font-size:18px;}
.ifre iframe {height: 427px;}
.innner-six {width: 40%;}
.in-img img {width:220px;}
.smart-in img {width: 140px;}
.aba-img img {width:100%;}
.testi-img img {width: 100%;}
.gal-img img { width:100%;}
.contact2 {height:230px}
}
@media only screen and ( max-width: 980px ) {
.navbar-brand {display: inline-block;padding: 0px;background: #fff;box-shadow: 0px 0px 5px #0000001c;width: 35%;margin: 0 auto;z-index: 0; height: 120px !important;}
.ifre iframe {height: 427px;}
.smarter {padding:7px;}
.gallery img {width: 161px;margin-top: 15px;}
.in-img img {width: 160px;}
.innner-six {width: 50%;}
.inner-at {width: 50%;}
.smart-in img {width: 100px;}
.kill-con .col-md-4 {max-width: 50%;display: inline-table;}
}
@media only screen and ( max-width: 800px ) {
.navbar-brand {height: auto !important;}
.wrap-nav .bg-dark {margin-top: 0px;}
.navbar-brand {height: 67px;margin: 0 auto;}
.navbar-nav.mr-auto {margin-left: 40px;}
.bg {width:100%;}
.ifre {width:100%}
.servicessec .box {width: 47%;float: right; margin-bottom: 30px;}
.servicessec {background:none;}
.servicessec .boxmain {display:inherit;}
.innner-six {width: 100%; margin-bottom:30px;}
.inner-at {width: 100%; }
.inner img {margin: 0 auto;display: block;}
.inner .col-md-3 {max-width: 50% !important;margin-bottom: 20px;}
.mat-img img  {width:100%;}
.col-md-4.gal-img {margin-bottom: 20px;}
}
@media only screen and ( max-width: 768px ) {
.left-mam {width: 100% !important; padding: 0 !important;}
.right-mam {width: 100% !important}
.bg-mam {
    padding: 20px !important;
}
.inner {
    margin: 30px !important;
}
.certi {width: 33.33% !important; padding: 10px;}
}
@media only screen and ( max-width: 736px ) {
}
@media only screen and ( max-width: 667px ) {
.linkey {width: 100% !important;}
.reviwe h3 {margin-bottom: 10px !important;}
.gallery .col-md-3 {width: 180px;}
.certi {width: 30%;}
.servicessec .box {width: 100%;}
.col-md-4.ne-img {margin-bottom: 20px;}
}
@media only screen and ( max-width: 640px ) {
.contentsec p {
    width: auto !important;
}
.bg-contact {width:100%;}
}
@media only screen and ( max-width: 600px ) {
#sectors {margin-top: 0px !important;}
.servicessec .box { width:96%;}
.reviwe .reviewplatform {background:#fff; width:532px;}
.navbar-brand { width: 60% !important;}
}
@media only screen and ( max-width: 568px ) {
}
@media only screen and ( max-width: 480px ) {
.gallery .col-md-3 {width: 240px;text-align: center;}


}
@media only screen and ( max-width: 414px ) {
.certi {width: 50% !important;}
.halwai {font-size: 18px !important;}
.bg p {font-size: 15px !important;}
.bg {padding: 41px 10px !important;}
.gallery .col-md-3 {width: 167px;margin: 0 auto;}
.certi {width: 50%;}
.reviwe .reviewplatform {background: #fff;width: 382px;}
.reviewplatform li img {margin: 10px;}
.reviwe .reviewplatform {background: #fff; width: 346px;}
.reviwe .reviewplatform {width: 292px;}
.gallery img {margin: 0 auto;display: block;}
.about-banner {font-size:1rem;}
.smart-in img {width: 150px;}
.kill-con .col-md-4 {max-width: 100%;display: inline-table;}
.bg-contact {padding:20px;}
.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link, .wrap-nav .navbar-light .navbar-nav .active > .nav-link, .wrap-nav .navbar-light .navbar-nav .nav-link {
    color: #fff;
    text-align: left;
    margin-left: 0px;
}
.gallery .nav-item {
    width: 100% !important;
    text-align: center !important;
}
}
@media only screen and ( max-width: 384px ) {
.in-img img {width: 127px;}
.inner img { width:100%;}
.about-banner { font-size:1rem;}
.navbar-brand {width: 70% !important;}
.certi {width: 100% !important;}
}
@media only screen and ( max-width: 375px ) {
.wrap-nav .navbar-expand-lg .navbar-nav .nav-link {font-size: 14px;}
.kill-con .col-md-4 {max-width: 96%;display: inline-table;}
.contact2 {padding:13px;}

}
@media only screen and ( max-width: 360px ) {
}
@media only screen and ( max-width: 320px ) {
}











.left-mam {
    float: left;
    width: 70%;
    padding: 0px 40px;
}
.right-mam {
    float: right;
    width: 30%;
}
.right-mam img {
    width: 70%;
}
.bg-mam {
    padding: 30px;
    background: linear-gradient(90deg, rgba(231,231,231,1) 0%, rgba(255,255,255,1) 100%);
}
.center {
    text-align: center;
    width: 100%;
    /* padding: 0px 23%; */
}
.bg-right {
    background: #cccccc2b;
    box-shadow: 0px 0px 7px #aaa;
    padding: 50px;
    width: 50%;
    float: right;
}
.icon-1 {
    text-align: center;
}

.icon-1 .fa.fa-paper-plane.one {
    background: red;
    padding: 25px;
    font-size: 45px;
    color: #fff;
    border-radius: 50%;
}
.icon-1 a h4 {
    font-size: 18px;
    font-weight: 100;
    width: 100%;
    padding: 10px 0px 20px 0px;
}
.icon-1 a h4:hover {    text-decoration: none;}
.icon-1 .fa.fa-calculator.two {
    background: #95bd05;
    padding: 25px;
    font-size: 45px;
    color: #fff;
    border-radius: 50%;
}
.icon-1 .fa.fa-file.three {
    background: #2e3192;
    padding: 25px;
    font-size: 45px;
    color: #fff;
    border-radius: 50%;
}
.gallery-pic {
    width: 100%;
    margin-bottom: 30px;
}

.bg-cont {
    background: #cccccc2b;
    padding: 40px 0px;
    box-shadow: 0px 0px 7px #aaa;
    padding: 50px;
    width: 100%;
    float: left;
}
.form-control  {    margin-bottom: 30px;}
.bg-cont .btn-default {
    width: 100%;
    background-color: #95bd05;
    color: #FFFFFF;
    border-radius: 0px;
    margin-top: 20px;
}

element.style {
}
.btn:not(:disabled):not(.disabled) {
    cursor: pointer;
}
.bg-conts .btn-default {
    width: 100%;
    background-color: #95bd05;
    color: #FFFFFF;
    border-radius: 0px;
    margin-top: 20px;
}
.bg-conts {
    background: #cccccc2b;
    box-shadow: 0px 0px 7px #aaa;
    padding: 50px;
    width: 100%;
    float: left;
    margin-top: 50px;
}
.certii {
    width: 25%;
}
.inner h3 {
    font-size: 22px;
    margin-bottom: 20px;
    color: #95bd05;
    border-bottom: 1px solid #95bd05;
    width: 100%;
    padding-bottom: 5px;
}




.link {
    background: #89af00;
}
.link a.nav-link {
    color: #fff;
    padding: 10px 33px;
    font-weight: 500;
}
.bg span {
    color: #bf1813;
    font-weight: 600;
}

#marNews {
    line-height: 40px;
    color: #fff;
    font-size: 18px;
     background: #c11b02;
}
#marNews a{
    background: #c11b02;
    padding: 5px;
}
