@charset "utf-8";
                /* CSS Document */
                
                @import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
                body {
                    font-size: 16px;
                    line-height: 28px;
                    color: #3a3a3a;
                    font-weight: 300;
                    font-family: 'Rubik', sans-serif;
                    margin: 0px;
                    padding: 0px;
                }
                
                p {
                    font-size: 14px;
                    line-height: 28px;
                    color: #3a3a3a;
                    font-weight: 400;
                    font-family: 'Rubik', sans-serif;
                    margin: 0px;
                    padding: 10px 0px;
                    text-align: justify;
                }
                
                ul a {
                    color: #FFF;
                    text-decoration: none;
                }
                
                a:hover {
                    color: #9e9e9e;
                }
                
                .clear {
                    clear: both;
                }
                
                .responsive {
                    width: 100%;
                    float: left;
                }
                
                .header {
                    width: 100%;
                    float: left;
                    padding: 20px 40px 20px 40px;
                }
                
                .logo {
                    float: left;
                    width: 30%;
                }
                
                .logo-img {
                    width: 250px;
                }
                
                .top-menu {
                    float: left;
                    width: 70%;
                    text-align: right;
                }
                
                .social-media {
                    float: right;
                    width: auto;
                    padding-right: 40px;
                }
                
                .ul_list-points2 {
                    line-height: 30px;
                    padding: 0px;
                    list-style: none;
                    font-weight: 600;
                    justify-content: left;
                    display: flex;
                }
                
                .collet-4 .fa {
                    color: #fff;
                    text-align: center;
                    display: block;
                    font-size: 16px;
                    float: left;
                    margin: 10px 8px;
                    padding-bottom: 0px;
                    background: #2f2e2e;
                    border-radius: 27px;
                    padding: 6px 8px;
                }
                
                .collet-4 .fa:hover {
                    background: #0672ac;
                }
                
                .banner {
                    width: 100%;
                    float: left;
                    background-position: center;
                    background-size: cover;
                    background-repeat: no-repeat;
                }
                
                .banner-content {
                    width: 100%;
                    float: left;
                    position: relative;
                    top: 58px;
                }
                
                .box-outler {
                    width: 100%;
                    float: left;
                    background: #3f7fde;
                }
                
                .box-left {
                    width: 50%;
                    float: left;
                    background: #2e62ae;
                }
                
                .box-cont1 {
                    float: left;
                    margin: 4% 20% 0% 20%;
                }
                
                .box-right {
                    width: 100%;
                    float: left;
                    background: #3e7fde;
                    border-bottom: 3px solid #FFF;
                }
                
                .box-cont2 {
                    float: left;
                    margin: 2% 20% 2% 20%;
                }
                
                .title1 {
                    font-size: 24px;
                    color: #FFF;
                    line-height: 32px;
                    font-weight: 800;
                }
                
                .conp {
                    color: #FFF;
                    font-weight: 500;
                }
                
                .about-outler {
                    width: 100%;
                    float: left;
                    background: #f7fcff;
                    padding: 50px 0px;
                }
                
                .title2 {
                    font-weight: 500;
                    color: #0e3360;
                    width: 100%;
                    float: left;
                    font-size: 24px;
                    padding-bottom: 20px;
                }
                
                .title3 {
                    font-weight: 500;
                    color: #0e3360;
                    width: 100%;
                    float: left;
                    padding: 10px 0px;
                }
                
                .box1 {
                    background: #dae8fc;
                    width: 100%;
                    float: left;
                    padding: 10px;
                    height: 100%;
                }
                
                .box2 {
                    background: #c4d9f7;
                    width: 100%;
                    float: left;
                    padding: 10px;
                    height: 100%;
                }
                
                .box3 {
                    background: #dae8fc;
                    width: 100%;
                    float: left;
                    padding: 10px;
                    height: 100%;
                }
                
                .our-services {
                    width: 100%;
                    float: left;
                    padding: 50px 0px;
                    background: #2e62ae;
                }
                
                .white {
                    float: left;
                    background: #f7fcff;
                    border-radius: 20px;
                    padding: 20px;
                    margin-bottom: 20px;
                }
                
                .title4 {
                    color: #FFF;
                    font-size: 32px;
                    font-weight: 500;
                    margin-bottom: 20px;
                }
                
                .testimonal {
                    float: left;
                    width: 100%;
                    padding: 50px 0px;
                    background: url(../images/testi-bg.png);
                    background-color: #F7FCFF;
                    background-position: top right;
                    background-repeat: no-repeat;
                }
                
                .brand {
                    width: 100%;
                    float: left;
                    padding: 50px 0px;
                }
                
                .title5 {
                    width: 100%;
                    float: left;
                    color: #9e9e9e;
                    text-align: center;
                    font-size: 32px;
                    font-weight: 500;
                    margin-bottom: 20px;
                }
                
                .geek1 {
                    width: 10%;
                    float: left;
                }
                
                .our-speciality {
                    width: 100%;
                    float: left;
                    padding: 50px 0px;
                    background-color: #F7FCFF;
                }
                
                .title6 {
                    width: 100%;
                    float: left;
                    color: #0e3360;
                    text-align: left;
                    font-size: 24px;
                    font-weight: 500;
                    margin-bottom: 20px;
                }
                
                .title7 {
                    width: 100%;
                    float: left;
                    color: #0e3360;
                    text-align: left;
                    font-size: 24px;
                    font-weight: 500;
                    margin-bottom: 20px;
                }
                
                .footer-image {
                    width: 100%;
                    float: left;
                    position: relative;
                    top: 0px;
                    background: url(../images/cyber.png);
                    padding-top: 40px;
                    background-position: center;
                    background-repeat: no-repeat;
                    background-size: cover;
                }
                
                .footer {
                    width: 100%;
                    float: left;
                    padding: 50px 0px;
                    background-color: #2e62ae;
                }
                
                .title8 {
                    width: 100%;
                    float: left;
                    color: #FFF;
                    text-align: left;
                    font-size: 24px;
                    font-weight: 500;
                    margin-bottom: 20px;
                }
                
                .footer-logo {
                    width: 100%;
                    text-align: center;
                }
                
                .ul_list-points1 {
                    line-height: 30px;
                    padding: 0px;
                    list-style: none;
                    font-weight: 400;
                }
                
                .copy-right {
                    text-align: center;
                    color: #FFF;
                    padding: 0px 0px;
                    font-weight: 500;
                }
                
                .copy-media {
                    float: left;
                    padding: 20px 0px;
                }
                
                @media only screen and (max-width: 768px) {
                    .logo {
                        float: left;
                        width: 50%;
                    }
                    .top-menu {
                        float: left;
                        width: 50%;
                        text-align: center;
                    }
                    .box-left {
                        width: 100%;
                    }
                    .box-right {
                        width: 100%;
                    }
                    .counter-container {
                        text-align: center;
                        margin: 30px 30px;
                    }
                    .slick-slide img {
                        width: 100%;
                    }
                }
                
                @media only screen and (max-width: 425px) {
                    .banner-content {
                        width: 100%;
                        float: left;
                        position: relative;
                        top: 5px;
                    }
                    .mar {
                        font-size: 20px;
                        padding-top: 10px;
                    }
                }
                
                @media only screen and (max-width: 520px) {
                    .social-media {
                        float: right;
                        width: auto;
                        display: none;
                    }
                    .logo {
                        float: left;
                        width: 100%;
                        text-align: center;
                    }
                    .top-menu {
                        float: left;
                        width: 100%;
                        text-align: center;
                        padding-top: 20px;
                    }
                    .logo-img {
                        width: 180px;
                    }
                    .box-cont1 {
                        float: left;
                        margin: 10px;
                    }
                    .box-cont2 {
                        float: left;
                        margin: 10px;
                    }
                    .count-outler {
                        width: 100%;
                        padding: 20px 0px;
                        background-position: center;
                        background-size: cover;
                    }
                    .counter-container {
                        text-align: center;
                        width: 100%;
                        margin: 10px 0px;
                    }
                    .about-outler {
                        padding: 20px 0px;
                    }
                    .title5 {
                        font-size: 26px;
                        font-weight: 500;
                        margin-bottom: 20px;
                    }
                    .geek1 {
                        width: auto;
                        float: none;
                        display: inline-block;
                    }
                    .footer-logo {
                        width: 100%;
                        text-align: center;
                        margin-bottom: 20px;
                    }
                    .footer {
                        padding: 40px 0px;
                    }
                }