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

header {
    display: inline-block;
    width: 100%;
    padding: 10px 0;
}

.header-logo {
    padding-top: 16px;
    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: #1E1E1E;
    font-size: 20px;
    padding: 10px 25px;
    text-decoration: none;
    font-weight: 500;
}

.header-dial {
    color: #1E4B98;
    font-size: 22px;
}

.header-dial img {
    margin-right: 5px;
}

.header-menu ul li a.active {
    position: relative;
}

.header-menu ul li a.active:after {
    border-bottom: 3px solid #0252D2;
    position: absolute;
    width: 52px;
    content: "";
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.button-cust {
    background: url(../images/button.png);
    background-repeat: no-repeat;
    background-size: contain;
    color: #fff !important;
    font-size: 20px;
    padding: 10px 25px;
    text-decoration: none;
}

.banner {
    background: #1B212F url(../images/banner.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

/* .banner-gradient{background: url(../images/banner-gradi.png); background-size: cover;} */
.banner-cont {
    color: #fff;
    padding: 100px 0;
    width: 350px;
}

.banner-cont h4 {
    font-size: 32px;
    font-weight: 200;
    line-height: 45px;
    margin-bottom: 30px;
}

.banner-cont p {
    font-size: 22px;
    font-weight: 300;
    margin: 20px 0;
    margin-bottom: 60px;
}

.a-learn {
    background-color: #fff;
    padding: 15px 0px;
    color: #131690;
    font-size: 14px;
    min-width: 164px;
    display: inline-block;
    text-align: center;
    border-radius: 100px;
    padding: 18px 30px;
}

.a-learn img {
    margin-left: 10px;
}

/* .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: #0F0F0F;
    font-weight: 400;
    margin-bottom: 50px;
    text-align: center;
    position: relative;
}

.h3-head-w {
    color: #fff;
}

.h3-head:after {
    content: "";
    position: absolute;
    bottom: -20px;
    left: 0;
    background: linear-gradient(96.41deg, #A22FD1 18.65%, #35A3BD 48.61%, #3539BD 82.39%);
    width: 110px;
    height: 5px;
    margin: 0 auto;
    display: table;
    right: 0;
    border-radius: 10px;

}


.logo-list {
    display: inline-block;
    width: 100%;
    padding: 50px 0;
}

.logo-list ul {
    margin: 0;
    padding: 0;
    display: flex;
}

.logo-list ul li {
    list-style: none;
    flex: 1;
}















.our-service {
    background-color: #F5F5F5;
    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: 18%;
    margin-right: 94px;
    color: #fff;
    text-align: center;
}

.our-service ul li:last-child {
    margin-right: 0;
}

.our-service-cont {
    display: inline-block;
}

.our-service ul li h4 {
    font-weight: 500;
    color: rgba(19, 22, 144, 1);
    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;
    color: rgba(0, 0, 0, 1);
}


.our-sap {
    background: url(../images/our-sap.png);
    padding: 30px;
    background-repeat: no-repeat;
    background-size: contain;
}

.our-sap ul {
    padding: 0;
    display: inline-block;
    width: 100%;
    margin-top: 30px;
}

.our-sap ul li {
    list-style: none;
    float: left;
    width: 19%;
    margin-right: 79px;
    color: #fff;
    text-align: center;
    margin-bottom: 40px;
}

.our-sap ul li:last-child,
.our-sap ul li:nth-child(4n) {
    margin-right: 0;
}

.our-sap-cont {
    display: inline-block;
}

.our-sap ul li h4 {
    font-weight: 500;
    color: #fff;
    min-height: 48px;
    font-size: 22px;
    line-height: 24px;
    margin-top: 30px;
    margin-bottom: 0
}

.our-sap ul li h5 {
    font-weight: 100;
    font-size: 12px;
    line-height: 16px;
    color: #fff;
}



.faq {
    padding: 40px;
}

.accordion {
    background-color: #fff;
    position: relative;
    font-weight: normal;
    color: rgba(53, 57, 189, 1);
    cursor: pointer;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 18px;
    transition: 0.4s;
    border-radius: 17px;
    position: relative;
}


.panel {
    padding: 0 18px;
    display: none;
    background-color: white;
    overflow: hidden;
    border: 0;
    box-shadow: none;
    padding: 6px;
    margin: 0;
    padding-top: 30px;
}

.accordian-main {}

.acc-in {
    margin-bottom: 12px;
    background-color: #fff;
    color: rgba(53, 57, 189, 1);
    cursor: pointer;
    padding: 18px;
    width: 47%;
    margin-right: 46px;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
    border-radius: 6px;
    border: 2px solid rgba(223, 223, 223, 1);
    margin-top: 30px;
    float: left;
}

.acc-in:nth-child(2n) {
    margin-right: 0;
}

.accordion:after {
    content: "";
    position: absolute;
    background-image: url(../images/down-arrow.png);
    height: 15px;
    width: 15px;
    background-size: cover;
    right: 14px;
    float: right;
    background-repeat: no-repeat;
    top: 11px;
    bottom: 0;
    rotate: 0deg;
    transition: .5s ease-in-out;
    background-position: center center;
    background-size: contain;
}

.accordion.active:after {
    rotate: 90deg;
}


.testi {
    background-image: url(../images/testi-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 56px 0;
}

.testimonial-card {
    background: #fff;
    margin: 20px;
    border-radius: 10px;
    padding: 20px;
}

.test-img {
    margin-bottom: 30px;
}

.test-img img {
    float: left;
    margin-right: 10px;
}

.test-img h4 {
    margin-bottom: 0;
    padding-bottom: 0;
}

.test-img h5 {
    margin-top: 5px;
}


.footer-t {
    background-color: rgba(47, 47, 47, 1);
    color: #fff;
    padding: 50px 0;
    padding-bottom: 30px;
}

footer ul li {
    list-style: none;
}

footer ul li a {
    color: #fff;
}

.footer-t {}

.footer-t-l {
    width: 30%;
    float: left;
    margin-right: 130px;
}

.footer-t-m {
    width: 29%;
    float: left;
}

.footer-t-r {
    width: 29%;
    float: left;
}

.footer-t-l p {
    margin-top: 20px;
    font-size: 14px;
    line-height: 25px;
    font-weight: 400;
}

.footer-t-m li {
    margin-bottom: 25px;
}

.footer-t-m li strong {
    font-size: 17px;
}

.pull-left {
    float: left;
}

.footer-t-r .pull-left {
    margin-right: 10px;
}

.footet-b p {
    margin: 0;
    padding: 30px;
    text-align: center;
    font-size: 14px;
}

/* .footer-t-r   */
.inner-banner {
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height: 250px;
}

.contact-banner {
    background-image: url(../images/contact-banner.png);
}

.inner-banner h3 {
    color: rgba(255, 255, 255, 1);
    font-weight: 200;
    padding-top: 80px;
    font-size: 32px;
}

.contact-map {
    display: inline-block;
    width: 100%;
    margin: 40px 0;
}

.contact-map-l {
    width: 49%;
    float: left;
    margin-right: 30px;
    padding: 12px 20px;
    box-shadow: 2px 1px 5px 3px rgba(0, 0, 0, .15);
    border-radius: 6px;
}

.contact-map-l h4 {
    padding-left: 10px;
    font-weight: normal;
    margin: 30px 0;
    font-size: 30px;
}

.contact-map-r {
    width: 47%;
    float: right;
}

.contact-map-r img {
    width: 100%;
}

.form-group a.button-cust {
    margin-top: 22px;
    float: left;
    line-height: 19px;
}

.form-control {
    border: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 1);
    background: no-repeat;
    box-shadow: none;
    border-radius: 0;
    padding-left: 0;
    color: #000;
}

.form-row {
    margin-bottom: 3px;
    display: inline-block;
    width: 100%;
}

.form-group {
    margin-bottom: 21px;
}

input::placeholder {
    color: rgba(15, 15, 15, 1) !important;
}

.form-control:focus {
    box-shadow: none;
}

.contact-b {
    display: inline-block;
    width: 100%;
    margin: 40px 0;
}

.contact-b ul {
    padding: 0;
}

.contact-b ul li {
    list-style: none;
    float: left;
    width: 20%;
    margin-top: 27px;
}

.contact-b ul li:last-child {
    width: 60%;
}

.contact-b ul li img {
    float: left;
    margin-right: 10px;
    background: url(../images/bg-li.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 24px;
    width: 24px;
    padding: 5px;
}

.contact-b ul li span {
    display: inline-block;
    width: calc(100% - 34px);
}

.contact-b ul li span strong {
    display: block;
}

.services-banner {
    background-image: url(../images/services-banner.png);
    height: 333px;
}

h4.h4-heading {
    font-size: 22px;
    font-weight: 400;
    color: rgba(15, 15, 15, 1);
    margin: 40px 0;
    margin-bottom: 15px;
}

.services-inner p {
    padding: 6px 0;
    line-height: 25px;
    color: rgba(15, 15, 15, 1);
    font-size: 16px;
}

.products-banner {
    background-image: url(../images/products-banner.png);
    height: 334px;
}

.products-banner-1 {
    background-image: url(../images/pro-1.png);
    margin: 40px 0;
}

.products-banner-2 {
    background-image: url(../images/pro-2.png);
    margin: 40px 0;
}

.products-banner-3 {
    background-image: url(../images/pro-3.png);
    margin: 40px 0;
}

.products-banner-4 {
    background-image: url(../images/pro-4.png);
    margin: 40px 0;
}

.products-banner-5 {
    background-image: url(../images/pro-5.png);
    margin: 40px 0;
}

.products-banner-inn {
    height: 334px;
}

.products-banner-inn h3 {
    padding-top: 11%;
}

.products-banner h3,
.services-banner h3 {
    padding-top: 11%;
}

i.fa.fa-caret-down {
    padding-left: 7px;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 280px;
    box-shadow: 0px 8px 16px 5px rgba(0, 0, 0, 0.2);
    z-index: 1;
}

.dropdown:hover .dropdown-content {
    display: block;
    margin-top: 7px;
}

.header-menu ul li .dropdown-content a {
    font-size: 14px;
    display: block;
}


.who-banner {
    background-image: url(../images/who-banner.png);
    height: 334px;
    color: #fff;
}
.who-content {
    padding: 30px;
}
.who-blue {
    background-color: rgba(35, 38, 139, 1);
    padding: 50px 0; color:#fff; text-align: center;
}
.who-blue h2{ margin-top: 10px;}
.who-banner p, .who-blue p{color: rgba(255, 255, 255, 1);
    font-weight: 300; }
    .bg-whit{ background-color: #fff;}
    .contnet-l-main > h4 {
        font-size: 27px;
        font-weight: 700;
        color: rgba(15, 15, 15, 1);
    }
    .contnet-l-main > p{
        font-size: 17px; line-height: 32px;
        font-weight: 400;
        color: rgba(15, 15, 15, 1);
    }
    .content-l {
        float: left;
        width: 47%;
    }
    .content-r {
        float: right;
        width: 47%;
    }
    .who-content ul{
       display: inline-block;
        padding: 0;
        margin: 0; margin-top: 30px;
    }
    .who-content ul li 
    { list-style: none;
        padding: 0;
        margin: 0; margin-bottom: 20px;    display: flex
        ;
    }
  .who-content ul li img
    { float: left}
  .who-content ul li span {
        padding-top: 0;
        padding-left: 20px;
        float: left;
    }
 .who-content ul li h5{ font-weight: 700; font-size: 18px;}
    .bg-gray{ background-color: rgba(215, 232, 255, 1);}


    .contnet-l-main.contnet-l-main-2 .content-r {
        width: 42%;
    }
    .contnet-l-main.contnet-l-main-2 .content-l {
        width: 56%;
    }
    .contnet-l-main.contnet-l-main-2 .content-l ul li {list-style: disc;
        display: revert-layer;
    }

    .contnet-l-main.contnet-l-main-3 li {
        display: inline-block;
        width: 49%;
        padding-right: 22px;
    }
    .contnet-l-main.contnet-l-main-3 li h6 {
        font-weight: 700;
        font-size: 18px;
    }

    .page-1-banner{
        background-image: url(../images/page-1.png);
    height: 333px;

    }


    .blue-bg {
        background: rgba(20, 25, 122, 1);
        color: #fff;
        display: flex
    ;
        flex-direction: row;
    }
    .blue-bg .container {
        padding: 40px 17px;
        background: rgba(20, 25, 122, 1);
        color: #fff;
    }
    .blue-l {
        width: 40%;
        margin-right: 55px;
        float: left;
    }
    .blue-r {
        width: 27%;
        float: right;
    }
    .blue-r a{color: #fff}
    .blue-r i { padding-right: 10px;}
    .blue-bg em {
        display: inline-block;
        width: 100%;
        text-align: center;
        padding-top: 30px; color: rgba(255, 255, 255, 1);
    }

    .l-blue-bg {
        background-color: rgba(237, 249, 255, 1);
        padding: 30px;
        padding-top: 14px;
    }
    h3.h3-heading {
        text-align: center;
        font-size: 28px;     margin: 30px;

    }
    ul li {
        font-size: 16px;
        line-height: 33px;
    }
    .list-members {
        margin-top: 40px;
    }