body{

    font-family: "Roboto", sans-serif !important;

}



#body .container{

    max-width: 1170px !important;

}





/* .a-font{

    font-family: "Dosis", sans-serif;

} */



/* @font-face{

    src: url(../fonts/FUTURA55REGULAR.TTF);

    font-family: futura;

} */







/*---------------- top navigation ----------------------*/



.top-list{

    margin: 0;

    padding: 0;

    list-style: none;

    display: flex;

}



.top-list li a {

    display: inline-block;

    color: #fff;

    font-size: 13px;

    font-weight: 600;

    /* margin-left: 20px; */

    margin-right: 45px;

}



.top-list li a i {

    color: #ffffff;

    font-size: 12px;

    margin-right: 10px;

    transform: translateY(1px);

}



.top-list2{

    margin: 0;

    padding: 0;

    list-style: none;

    display: flex;

}







.top-navigation .container-fluid{

    padding: 0 100px !important;

}



.top-navigation {

    background-color: #000000;

    /* padding: 10px 0; */

    padding: 7px 0;

}



.top-list2 li a {

    display: inline-block;

    color: #000000;

    margin-left: 12px;

    font-size: 14px;

    color: #ffffff;

    width: 24px;

    height: 24px;

    padding: 4px;

    border: 1px solid #ffffff;

    border-radius: 2px;

    line-height: 16px;

    text-align: center;

    font-size: 12px;

}



.top-ul {

    margin: 25px 0 0 0;

    padding: 0;

    list-style: none;

    display: flex;

}



.logo a img {

    width: 300px;

}



ul.top-ul li a i {

    margin-right: 9px;

    line-height: 28px;

    color: #3c5990;

    font-size: 20px;

}



a.to-ex {

    font-size: 20px;

    color: #000;

    font-weight: 500;

}



.top-nav2 {

    padding: 2px 0;

}



/*---------------------- navigation --------------------------*/



.nav-border{

    border-bottom: 1px solid #ddd;

}



.main_nav .navbar {

	/* background-color: #fff; */

	/* padding: 10px 0 !important; */

	background-color: #3c5990;

	/* min-height: 50px; */

	z-index: 9999;

	margin: 0 !important;

	Padding: 0 !important;

}



/* .main_nav .navbar .container-fluid {

    padding: 0 121px !important;

} */



.main_nav .navbar .container .navbar-nav li a {

    color: #fff;

    /* padding: 0 0 0 30px !important; */

    font-size: 15px;

    /* text-transform: uppercase; */

    /* font-weight: 600; */

    text-transform: uppercase;

    padding-right: 15px;

}



.nav-btn {

    /* background-color: #000000; */

    color: #fff;

    display: inline-block;

    font-weight: 500;

    width: 140px;

    height: 50px;

    line-height: 50px;

    text-align: center;

    border: 0;

    border-radius: 0;

    padding: 0;

    /* position: absolute; */

    /* right: 0; */

    

    font-size: 14px;

    background-color: #171516;

    margin-left: 185px;

}



.nav-btn:hover{

    color: #fff;

    text-decoration: none;

}



.nav-list{

    margin: 0;

    padding: 0;

    list-style: none;

    display: flex;

}



.nav-list li a {

    display: inline-block;

    color: #201e1e;

    font-size: 17px;

    padding-left: 20px;

}



/* .xtd-shadow--large-light {

    box-shadow: 1.25rem 1.375rem 4.75rem 0rem rgba(0, 0, 0, 0.22) !important;

} */



.sticky {

    position: fixed;

    top: 0;

    width: 100%;

    z-index: 99999;

    /* background: black; */

    /* box-shadow: 0px 2px 17px 6px #dedddd; */

    /* box-shadow: 0 6px 17px -6px #abaaaa; */

}



  .sticky2 {

    position: fixed;

    top: 0;

    width: 100%;

    z-index: 99999;

    /* background:black; */

  }



  .nav-content {

    position: absolute;

    top: 60px;

    left: -10px;

    z-index: 999;

    background: rgba(0,0,0,0.7);

    display: inline-block;

    /* right: -4px; */

    transition: all .5s ease-in-out;

    opacity: 0;

    visibility: hidden;      

}



.navbar-nav .nav-in2:hover .nav-content{

    opacity: 1;

   visibility: visible;

    top: 43px;  

   

}



ul.sub-content li {

    border-bottom: 1px solid #042157;

}



ul.sub-content li a:hover{

    text-decoration: none;

    background-color: #3c5990;

    color: #fff !important;

}



.navbar-nav li{

    position: relative;

 }



 ul.sub-content{

    margin: 0;

    padding: 0;

    list-style: none;

    background-color: #051829;

 }



 ul.sub-content li a {

    white-space: nowrap;

    display: inline-block;

    color: #c3bfbf !important;

   font-size: 14px !important;

    width: 220px;

    padding: 10px 15px;

}





  /*--------------- banner ---------------------*/



.bc-img{

    background: url(../images/slide-1.jpg) no-repeat;

    background-size: cover;

    background-position: center;

    min-height: auto;

}



.bc-img2{

    background: url(../images/slide-2.jpg) no-repeat;

    background-size: cover;

    background-position: center;

    min-height: auto;

}



.bc-img3{

    background: url(../images/slide-3.jpg) no-repeat;

    background-size: cover;

    background-position: center;

    min-height: auto;

}



h5.ban-header {

    font-weight: 700;

    color: #FFF;

    text-transform: uppercase;

    font-size: 40px;

    letter-spacing: 1px;

}

#mainbanner .item{position:relative; }
#mainbanner .item img{height:55vh; object-fit:cover;}

.ban-content {

   position:absolute; width:100%; left:50%; top:50%; transform:translate(-50%, -50%);

}



/*--------------- about us ---------------------*/



h5.abt-header {

    text-transform: uppercase;

    padding-bottom: 0.5em;

    position: relative;

    letter-spacing: -1px;

    font-size: 31px;

    color: #051829;

    margin: 0 0 0.4em;

    font-weight: 600;

}



h5.abt-header::before{

    content: "";

    background-color: #2959b5;

    width: 33px;

    height: 5px;

    position: absolute;

    left: 0;

    bottom: 0;

    border-radius: 3px;

}



p.abt-para {

    color: #212121;

    margin-bottom: 19px;

    text-align: justify;

    /* margin: 0 0 10px; */

    font-size: 14px;

}



a.abt-read {

    background-color: #3c5990;

    color: #fff;

    padding: 8px 10px;

    border-radius: 3px;

    display: inline-block;

    font-size: 14px;

}



h5.ab-title {

    font-weight: 700;

    font-size: 22px;

}



p.ab-para2 {

    text-align: justify;

    margin: 0 0 10px;

    font-size: 14px;

}



a.ab-link {

    background-color: #3c5990;

    color: #fff;

    padding: 6px 7px;

    border-radius: 3px;

    /* float: right; */

    font-size: 14px;

}



a.ab-link:hover{

    text-decoration: none;

}



.abt-box2 {

    background: whitesmoke;

    padding: 10px;

    margin-bottom: 10px;

}



.about {

    padding: 40px 0;

}



.financial {

    background-color: rgba(5, 24, 41, 0.9);

}



h5.fi-header.text-center {

    color: #fff;

    font-weight: 700;

    font-size: 32px;

    margin-bottom: 13px;

}



p.fi-para.text-center {

    font-size: 20px;

    color: #fff;

    margin-bottom: 10px;

}



.fi-box {

    text-align: center;

    color: #fff;

    filter: 70px;

    /* font-size: 70px; */

}



h5.fi-header {

    font-size: 65px;

    margin-bottom: 15px;

}



h5.fi-header2 {

    font-size: 16px;

    color: #ccc;

}



.fi-box {

    text-align: center;

    color: #fff;

    filter: 70px;

    /* font-size: 70px; */

    margin-top: 30px;

}



.financial {

    background-color: rgba(5, 24, 41, 0.9);

    padding: 46px 0;

}





div.scroll-container {

    background-color: #ececec;

    overflow: auto;

    white-space: nowrap;

    padding: 0px;

    padding: 40px 0;

}

  

  div.scroll-container img {

    padding: 0px;

}



.ga-header{

    font-size: 32px;

    color: #3c5990;

    font-weight: 700;

    position: relative;

    margin-bottom: 27px;

    padding-bottom: 16px;

}



.ga-header::before{

    content: "";

    background-color: #2959b5;

    width: 33px;

    height: 5px;

    position: absolute;

    left: 48%;

    bottom: 0;

    border-radius: 3px;

}



.in-icon i {

    background-color: #2959b5;

    width: 40px;

    height: 40px;

    line-height: 38px;

    font-size: 18px;

    color: #fff;

    text-align: center;

    border-radius: 100%;

}



h5.in-title a {

    color: #051829;

    font-size: 17px;

    font-weight: 400;

}



.in-add {

    margin-left: -20px;

}



.in-btm {

    margin-bottom: 40px;

}



h5.info-header {

    font-size: 24px;

    margin-bottom: 10px;

}



h5.info-header2 {

    font-size: 20px;

    margin-bottom: 25px;

}



.info {

    margin-top: 40px;

}



h3.get-heading {

    text-transform: capitalize;

    font-size: 35px;

    margin-bottom: 40px;

    position: relative;

}



h3.get-heading::after {

    content: "";

    width: 67px;

    height: 3px;

    background-color: #05453a;

    position: absolute;

    /* bottom: -7px; */

    left: 46%;

    bottom: -18px;

    /* margin-bottom: 40px; */

}



p.get-para {

    padding: 0 300px;

    color: #545454;

    line-height: 28px;

}



.form-get-bg .form-get-box .form-grp-1 .form-control {

    height: 50px;

    border-radius: initial;

    padding-left: 25px;

    border: 1px solid #d7d4d4;

}



.form-get-bg .form-grp-1 .msg{

    height: 148px !important;

    resize: none !important;

    padding-left: 25px !important;

    border: 1px solid #d7d4d4;

    border-radius: initial;

}



.form-get-bg .form-grp-1 .form-control::placeholder{

    font-size: 15px;

}



 label{

    font-size: 1.46667rem;

    color: #051829;

    font-weight: 500;

}



input.get-link {

    /* background-color: #05453a; */

    color: #fff;

    font-weight: 500;

    /* font-size: 14px; */

    border: none;

    padding: 11px 40px;

    margin-top: 10px;

    transition: all 0.5s ease;

    width: 100%;

    background-color: #3c5990;

    font-size: 1.2rem;

}



.form-grp-1 {

    margin-bottom: 25px;

}



.in-img img {

    width: 100%;

}



.form-get-bg .form-get-box .form-grp-1 .form-control {

    height: 50px;

    border-radius: initial;

    padding-left: 25px;

    /* border: 1px solid #d7d4d4; */

    height: 45px;

    border: 2px solid #d1d7e0;

    border-radius: 3px;

}



.form-get-box {

    margin: 15px 0;

}



.info-2 {

    margin-top: 70px;

}







/*--------------- member ---------------------*/





.me-box {

    text-align: center;

}



.me-title {

    margin: 0 0 10px;

    font-size: 14px;

    color: #333;

}



h5.me-header {

    color: #3c5990;

    /* padding-bottom: 0.5em; */

    position: relative;

    letter-spacing: -1px;

    font-size: 32px;

    margin-bottom: 27px;

    padding-bottom: 16px;

}



h5.me-header::after {

    content: "";

    background-color: #2959b5;

    width: 33px;

    height: 5px;

    position: absolute;

    left: 49.50%;

    bottom: 0;

    border-radius: 3px;

}



.member {

    padding: 40px 0;

}



/*--------------- contact ---------------------*/



.contact {

    background-color: rgba(5, 24, 41, 0.9);

    padding: 40px 0;

}



.con-box {

    padding: 43px 45px;

    border: 2px solid #2959b5;

}



h5.con-header {

    font-size: 32px;

    letter-spacing: -1px;

    /* font-weight: 600; */

    margin-bottom: 13px;

    padding-bottom: 16px;

    color: #fff;

    position: relative;

}



h5.con-header::before{

    content: "";

    background-color: #2959b5;

    width: 33px;

    height: 5px;

    position: absolute;

    left: 0;

    bottom: 0;

    border-radius: 3px;

}



p.con-para {

    color: #aaa;

    font-size: 14px;

    margin-bottom: 10px;

}



h5.con-header2 {

    color: #fff;

    font-size: 24px;

    margin-bottom: 10px;

}



.con-ul {

    margin: 0 0 10px;

    padding: 0;

    list-style: none;

    display: flex;

}



.con-ul li a{

    display: inline-block;

}



.con-ul li a i {

    /* position: absolute; */

    left: 0;

    top: 3px;

    font-size: 17px;

    border: 1px solid #ffffff;

    padding: 5px 5px;

    margin-right: 14px;

    color: #fff;

}



.con-ul li a h5 {

    color: #aaa;

    font-size: 14px;

    font-weight: 400;

    /* margin-bottom: 10px; */

}



.con-ul li a:hover{

    margin-bottom: 0;

}



.con-h5{

    font-weight: 600 !important;

    color: #fff !important;

}



/*--------------- news ---------------------*/



.n-img img {

    width: 100%;

    height: 233.34px;

    border-radius: 5px;

}



ul.n-list {

    margin: 0;

    padding: 0;

    list-style: none;

    display: flex;

}



ul.n-list li a {

    display: inline-block;

    color: #9a9a9a;

    font-size: 14px;

}



ul.n-list li a i {

    color: #2959b5;

    padding-right: 4px;

    font-size: 12px;

}



ul.n-list.n-gap {

    margin-left: -26px;

}



h5.n-cap a {

    color: #051829;

    font-size: 18px;

    line-height: 1.3em;

    font-weight: 600;

    margin: 13px 0 9px;

    display: inline-block;

}



p.n-para {

    font-size: 14px;

}



.n-box2 {

    padding: 20px 30px;

    border: 1px solid #e8e8e8;

}



h2.n-header {

    letter-spacing: -1px;

    margin-bottom: 35px;

    padding-bottom: 16px;

    position: relative;

    font-weight: 400;

}



h2.n-header::before{

    content: "";

    background-color: #2959b5;

    width: 33px;

    height: 5px;

    position: absolute;

    left: 0;

    bottom: 0;

    border-radius: 3px;

}



a.n-link {

    background-color: #3c5990;

    color: #fff;

    padding: 10px 10px;

    border-radius: 3px;

    display: inline-block;

    font-size: 14px;

}



a.n-link:hover{

    text-decoration: none;

    color: #fff;

}



.news {

    padding: 40px 0;

}



/*--------------- footer ---------------------*/



.ftr-list{

    margin: 0;

    padding: 0;

    list-style: none;

    display: flex;

}



.ftr-list li a {

    display: inline-block;

    font-size: 14px;

    color: #fff;

    padding: 12px 2px;

    margin-left: 45px;

    text-transform: uppercase;

}



.footer {

    background-color: #3c5990;

    padding: 10px 0;

}



.footer2 {

    background-color: #1b1b1b;

    color: #999;

    padding: 18px 0;

}



h5.ftr-header {

    font-size: 14px;

    font-weight: 400;

}



h5.ftr-header2 {

    font-weight: 400;

    font-size: 14px;

}



h5.ftr-header2 a{

    color: #babbbd;

}



/*--------------- cold ---------------------*/



.cold-banner{

    background: url(../images/about-breadcrumb.jpg) no-repeat;

    background-size: cover;

    background-position: center;

    min-height: auto;

    position: relative;

}





.cold-list{

    margin: 0;

    padding: 0;

    list-style: none;

    display: flex;



}



.cold-1{

    color: #d6d3d3 !important;



}



.cold-list li a {

    display: inline-block;

    color: #ffffff;

    font-size: 14px;

}



.cold-list li a i {

    font-size: 9px;

    margin: 0 12px;

    /* line-height: 4px; */

    transform: translateY(-1px);

}



h5.cold-cap {

    margin-bottom: 0;

    font-weight: 600;

    font-size: 39px;

    color: #fff;

}



.cold-box {

    padding: 94px 0;

}



.co-img img {

    width: 100%;

}



p.co-para {

    font-size: 14px;

    text-align: justify;

    color: #333;

}



.cold2 {

    padding: 40px 0 75px;

}



.com-2 .container .row .col-lg-4 .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {

    background: #3c5990;

}



h5.com-text.text-center {

    font-size: 28px;

}



.com-img2 img{

    width: 100%;

}



h5.com-text.text-center.com-up {

    margin-top: 36px;

}



p.com-para {

    font-size: 14px;

    margin-bottom: 10px;

}



h5.com-header {

    font-weight: 700;

    font-size: 24px;

    margin-bottom: 23px;

}



.com-2 {

    padding: 40px 0;

}



p.car-para {

    font-size: 14px;

    margin-bottom: 10px;

}



.career {

    padding: 40px 0;

}



p.q-para {

    margin-bottom: 10px;

    font-size: 14px;

}



ul.q-list {

    margin: 0 0 20px 16px;

    padding: 0;

}



ul.q-list li{

    /* display: inline-block; */

    font-size: 14px;

    color: #333;

}



.quality {

    padding: 40px 0;

}



h5.gr-no {

    background: #d8d9da none repeat scroll 0 0;

    color: #1d2e3d;

    font-size: 16px;

    font-weight: 900;

    height: 35px;

    left: 0;

    line-height: 35px;

    /* position: absolute; */

    text-align: center;

    top: 0;

    width: 50px;

}



h5.gr-cap {

    color: #ffffff;

    font-size: 20px;

    font-weight: 600;

    line-height: 25px;

    margin-top: 22px;

}



p.gr-para {

    color: #ffffff;

    font-size: 14px;

    padding: 0 11px;

}



p.gr-para a{

    color: #fff;

}



.gr-bg {

    background: rgba(5, 24, 41, 0.9) none repeat scroll 0 0;

    min-height: 705px;

}



.group {

    padding: 40px 0;

}



.me-img img {

    width: 113px;

    height: 113px;

    border-radius: 100%;

}



.ma-bg {

    background: rgba(5, 24, 41, 0.9) none repeat scroll 0 0;

}



h5.me-header2 {

    color: #ffffff;

    font-size: 20px;

    font-weight: 600;

    line-height: 25px;

}



p.me-para2 {

    font-size: 14px;

    color: #fff;

    padding: 0 11px;

}



.ma-bg {

    background: rgba(5, 24, 41, 0.9) none repeat scroll 0 0;

    min-height: 453px;

}



p.ma-para {

    font-size: 14px;

    margin-bottom: 10px;

}



.mb-btm {

    margin-bottom: 30px !important;

}



.manage {

    padding: 40px 0;

}



.com-owl{

    position: relative;

}



.com-owl::before {

    content: "";

    width: 365px;

    height: 365px;

    border: 2px solid #2959b5;

    position: absolute;

    left: -16px;

    top: -38px;

}



.company .container .row .col-lg-5 .owl-carousel .owl-item img {

    display: block;

    width: 428px;

    height: 286px;

    margin-left: 26px;

}



h5.com-tle {

    font-weight: 700;

    font-size: 28px;

}



p.com-para3 {

    margin-bottom: 10px;

    font-size: 14px;

    text-align: justify;

}



.company {

    /* padding: 40px; */

    margin-top: 62px;

    margin-bottom: 30px;

}



.com-padding {

    margin-top: 18px;

    /* margin-left: -20px; */

}



.company {

    /* padding: 40px; */

    margin-top: 71px;

    margin-bottom: 30px; 

}



.com-list3 {

    margin: 20px 0 0px 0;

    padding: 0 0 24px 0;

    list-style: none;

    border-bottom: 1px solid #ddd;

}



.com-list3 li a {

    display: inline-block;

    font-size: 14px;

}



.com-list3 li a i {

    color: #000;

    margin-right: 10px;

}



.v-header {

    font-size: 32px;

    margin-bottom: 27px;

    padding-bottom: 16px;

    position: relative;

    color: #3c5990;

    font-weight: 500;

}



.v-header::before{

    content: "";

    background-color: #2959b5;

    width: 33px;

    height: 5px;

    position: absolute;

    left: 49%;

    bottom: 0;

    border-radius: 3px;

}



p.v-para2 {

    font-size: 14px;

}



.v-box {

    background: rgba(5, 24, 41, 0.9) none repeat scroll 0 0;

    min-height: 250px;

    margin-top: 18px;

}



p.v-txt.text-center {

    color: #ffffff;

    font-size: 20px;

    font-weight: 600;

    line-height: 25px;

}



p.v-para {

    font-size: 14px;

    color: #fff;

    padding: 0 11px;

}



.v-bg {

    padding: 20px 0 40px;

}



.certification {

    background-color: rgba(5, 24, 41, 0.9);

    padding: 40px 0;

}



h5.cer-header {

    font-size: 2rem;

    line-height: 1.3em;

    color: #fff;

    margin-bottom: 1.33em;

}



.cer-img img {

    width: 92%;

    border-radius: 3px;

}


/*--------------------------------------------------------------
#0.9    recent-projects
--------------------------------------------------------------*/
.section-padding{padding: 40px 0;}
.recent-projects {
    background-color: #ececec;
}

.section-title-s2 h2 {
    color: #3c5990;
}

@media (max-width: 767px) {
    .recent-projects-grids,
    .projects-grid-view {
        overflow: hidden;
    }
}

.recent-projects-grids .grid,
.projects-grid-view .grid {
    position: relative;
    overflow: hidden;
    display: inline-block;
    float: left;
}

@media (max-width: 767px) {
    .recent-projects-grids .grid,
    .projects-grid-view .grid {
        width: 50%;
        float: left;
    }
}

@media (max-width: 550px) {
    .recent-projects-grids .grid,
    .projects-grid-view .grid {
        width: 100%;
        float: none;
    }
}

@media (max-width: 550px) {
    .recent-projects-grids .project-img img,
    .projects-grid-view .project-img img {
        width: 100%;
    }
}

.recent-projects-grids .project-info,
.projects-grid-view .project-info {
    background-color: rgba(5, 24, 41, 0.9);
    width: 95%;
    height: 92%;
    border: 2px solid #2959b5;
    position: absolute;
    left: -10%;
    top: 4%;
    opacity: 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
}

.recent-projects-grids .grid:hover .project-info,
.projects-grid-view .grid:hover .project-info {
    left: 2.5%;
    opacity: 1;
}

.recent-projects-grids .inner-info,
.projects-grid-view .inner-info {
    width: 100%;
    text-align: center;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 10;
}

    .recent-projects-grids .inner-info > a,
    .projects-grid-view .inner-info > a {
        color: #fff;
    }

    .recent-projects-grids .inner-info h3,
    .projects-grid-view .inner-info h3 {
        font-family: "Hind", sans-serif;
        font-size: 22px;
        font-size: 1.46667rem;
        color: #fff;
        margin: 0 0 0.2em;
        position: relative;
        top: -10px;
        opacity: 0;
        -webkit-transition: all 0.3s 0.5s;
        -o-transition: all 0.3s 0.5s;
        transition: all 0.3s 0.5s;
    }

@media (max-width: 991px) {
    .recent-projects-grids .inner-info h3,
    .projects-grid-view .inner-info h3 {
        font-size: 20px;
        font-size: 1.33333rem;
    }
}

@media (max-width: 767px) {
    .recent-projects-grids .inner-info h3,
    .projects-grid-view .inner-info h3 {
        font-size: 18px;
        font-size: 1.2rem;
    }
}

.recent-projects-grids .inner-info .tags,
.projects-grid-view .inner-info .tags {
    color: #ffffff;
    position: relative;
    top: 10px;
    opacity: 0;
    -webkit-transition: all 0.3s 0.5s;
    -o-transition: all 0.3s 0.5s;
    transition: all 0.3s 0.5s;
}

@media (max-width: 767px) {
    .recent-projects-grids .inner-info .tags,
    .projects-grid-view .inner-info .tags {
        font-size: 14px;
        font-size: 0.93333rem;
    }
}

.recent-projects-grids .grid:hover .inner-info h3,
.recent-projects-grids .grid:hover .inner-info .tags,
.projects-grid-view .grid:hover .inner-info h3,
.projects-grid-view .grid:hover .inner-info .tags {
    top: 0;
    opacity: 1;
}

@media (max-width: 550px) {
    .recent-projects-grids .mCustomScrollBox,
    .projects-grid-view .mCustomScrollBox {
        position: static;
    }
}

.recent-projects-grids .mCSB_horizontal.mCSB_inside > .mCSB_container,
.projects-grid-view .mCSB_horizontal.mCSB_inside > .mCSB_container {
    margin-bottom: 80px;
}

.recent-projects-grids .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.projects-grid-view .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    max-width: 850px;
    margin: 0 auto;
}

@media (max-width: 991px) {
    .recent-projects-grids .mCSB_scrollTools.mCSB_scrollTools_horizontal,
    .projects-grid-view .mCSB_scrollTools.mCSB_scrollTools_horizontal {
        max-width: 700px;
    }
}

.recent-projects-grids .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.recent-projects-grids .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.projects-grid-view .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.projects-grid-view .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 10px;
}

.recent-projects-grids .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.projects-grid-view .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    background-color: #3a444c;
}

.recent-projects-grids .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.projects-grid-view .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #2959b5;
}

@media (max-width: 550px) {
    .recent-projects-grids .mCSB_inside > .mCSB_container,
    .projects-grid-view .mCSB_inside > .mCSB_container {
        margin-right: 0;
    }
}

.projects-grid-view-section .more-projects {
    margin-top: 30px;
    text-align: center;
}

.projects-grid-view {
    margin: 0 -15px;
}

    .projects-grid-view .grid {
        width: calc(33.33% - 30px);
        margin: 0 15px 30px;
        float: left;
    }

@media (max-width: 991px) {
    .projects-grid-view .grid {
        width: calc(50% - 30px);
    }
}

@media (max-width: 550px) {
    .projects-grid-view .grid {
        width: calc(100% - 30px);
        float: none;
    }
}