:root {
    scroll-behavior: smooth;
}

body {
    font-family: "Nunito", sans-serif;
    color: #444444;
}
a {
    text-decoration: none;
}
.heading{
    color: #2196F3;
    text-transform: uppercase;
}
.dark-heading{
    color: #012970;
}
.header {
    position: absolute;
    top: 0;
    width: 100%;
    transition: all 0.5s;
    z-index: 997;
    border-bottom: 1px solid #dddddd84;
    padding: 10px 0;
}
@media(min-width:700px) {
    .header{
        padding: 15px 0 !important;
    }
    .header .logo img {
        max-height: 40px !important;
    }
}
@media(max-width:375px) {
    .header .logo img {
        padding-right: .25em !important;
        max-height: 30px !important;
    }
    .header .logo{
        font-size: 1.5em !important;
    }
}
@media(max-width:335px) {
    .header .logo{
        font-size: 1.2em !important;
    }
}
.header .logo {
    line-height: 0;
    font-size: 1.6em;
    font-weight: 600;
    color: #fff;
}
.header .logo img {
    max-height: 35px;
}

.navbar {
    padding: 0;
}
.navbar ul {
    margin: 0;
    padding: 0;
    display: flex;
    list-style: none;
    align-items: center;
}

.navbar li {
    position: relative;
}

.navbar a,
.navbar a:focus {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0 10px 40px;
    font-family: "Nunito", sans-serif;
    font-size: 1.1em;
    font-weight: 600;
    color: #fff;
    white-space: nowrap;
    transition: 0.3s;
}
.navbar a i,
.navbar a:focus i {
    font-size: 12px;
    line-height: 0;
    margin-left: 5px;
}
.navbar a:hover,
.navbar .active,
.navbar .active:focus,
.navbar li:hover>a {
    color: rgba(255, 255, 255, 0.904);
}

.navbar .getstarted,
.navbar .getstarted:focus {
    background: #2196F3;
    padding: 8px 20px;
    margin-left: 70px;
    border-radius: 8px;
    color: #fff;
}
.navbar .getstarted:hover,
.navbar .getstarted:focus:hover {
    color: #fff;
    background: #2195f3d8;
}

.mobile-nav-toggle {
    color: #fff;
    font-size: 28px;
    cursor: pointer;
    display: none;
    line-height: 0;
    transition: 0.5s;
}

.mobile-nav-toggle.bi-x {
    color: #fff;
}

@media (max-width: 1200px) {
    .mobile-nav-toggle {
        display: block;
    }
    .navbar ul {
    display: none;
    }
}
.navbar-mobile {
    position: fixed;
    overflow: hidden;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(1, 22, 61, 0.9);
    transition: 0.3s;
}
.navbar-mobile .mobile-nav-toggle {
    position: absolute;
    top: 15px;
    right: 15px;
}
.navbar-mobile ul {
    display: block;
    position: absolute;
    top: 55px;
    right: 15px;
    bottom: 15px;
    left: 15px;
    padding: 10px 0;
    border-radius: 10px;
    background-color: #fff;
    overflow-y: auto;
    transition: 0.3s;
}

.navbar-mobile a,
.navbar-mobile a:focus {
    padding: 10px 20px;
    font-size: 1em;
    color: #012970;
}
.navbar-mobile a:hover,
.navbar-mobile .active,
.navbar-mobile li:hover>a {
    color: #2196F3;
}

.navbar-mobile .getstarted,
.navbar-mobile .getstarted:focus {
    margin: 15px;
}

.start {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 99999;
    background-color: #2196F3;
    color: #fff;
    width: fit-content;
}
.start .text{
    text-wrap:nowrap;
    font-size: large;
    display: none;
}
.start:hover .text{
    display: block;
}

.about{
    background-color: #F4F4F4;
}
.about .story h5,
.about .story h6{
    line-height: 1.5;
}
.about-img{
    height: 250px !important;
}
.about-circle{
    background-color: #2196F3;
    width: 100px;
    height: 100px;
    left: 25%;
    z-index: 100;
}
.overlay-blue{
    width: 250px;
    height: 250px;
    background-color: #2195f39e;
    animation: slide-tl 1.5s linear infinite alternate both;
}
@keyframes slide-tl {
    0% {
        transform: translateY(25px) translateX(25px);
    }
    100% {
        transform: translateY(-25px) translateX(-25px);
    }
}
@media (min-width:992px) and (max-width:1400px){
    .about-circle{
        left: 20%;
    }
}
@media (min-width:768px) and (max-width:992px){
    .about-circle{
        left: 10%;
    }
}
@media (min-width:451px) and (max-width:767px){
    .about-circle{
        left: 20%;
        bottom: -10% !important;
    }
}
@media (max-width:450px){
    .about-circle{
        left: 10%;
        bottom: -10% !important;
    }
}
.fw-med{
    font-weight: 600 !important;
}
.text-color{
    color: #2196F3;
}
.header-text{
    top: 35%;
}
@media (max-width:430px){
    .header-text h1{
        font-size: 1.3em;
    }
    .header-text h5{
        font-size: 1.1em;
    }
    .btn-start{
        width: 160px !important;
        font-size: 15px !important;
    }
}
@media (min-width:430px) and (max-width:500px){
    .header-text h1{
        font-size: 1.5em;
    }
    .header-text h5{
        font-size: 1.3em;
    }
    .btn-start{
        width: 180px !important;
        font-size: 17px !important;
    }
}
@media (min-width:500px) and (max-width:600px){
    .header-text h1{
        font-size: 1.7em;
    }
    .header-text h5{
        font-size: 1.5em;
    }
    .btn-start{
        width: 190px !important;
        font-size: 18px !important;
    }
}
@media (min-width:600px) and (max-width:700px){
    .header-text h1{
        font-size: 1.9em;
    }
    .header-text h5{
        font-size: 1.6em;
    }
    .btn-start{
        width: 190px !important;
        font-size: 18px !important;
    }
}
@media (min-width:700px) and (max-width:1170px){
    .header-text h1{
        font-size: 2em;
    }
    .header-text h5{
        font-size: 1.8em;
    }
    .btn-start{
        width: 200px !important;
        font-size: 19px !important;
    }
}
@media (min-width:1170px) and (max-width:1400px){
    .header-text h1{
        font-size: 2.2em;
    }
    .header-text h5{
        font-size: 1.7em;
    }
    .btn-start{
        width: 200px !important;
        font-size: 20px !important;
    }
}
@media (min-width:1600px)and(max-width:2000px){
    .header-text h1{
        font-size: 2.4em;
    }
    .header-text h5{
        font-size: 1.9em;
    }
    .btn-start{
        width: 220px !important;
        font-size: 22px !important;
    }
}
@media (min-width:2000px){
    .header-text h1{
        font-size: 2.6em;
    }
    .header-text h5{
        font-size: 2.1em;
    }
    .btn-start{
        width: 230px !important;
        font-size: 23px !important;
    }
}
.btn-start{
    width: 200px;
    font-size: 18px;
    color: #fff;
    transition: all 0.5s;
}
.btn-start:hover{
    background-color: #2196F3;
    border-color: #2196F3 !important;
}
.feature{
    font-size: 18px;
}
.overlay-img{
    overflow: hidden;
    max-height: 900px;
}
@media(max-width:660px){
    .img-overlay{
        height: 75vh;
    }
}
@media(min-width:660px){
    .header .img-overlay{
        width: 100% !important;
    }
}

@media(min-width:1200px){
    .values.overlay-img{
        max-height: 750px;
    }
    .img-overlay{
        width: 100% !important;
    }
}
@media (min-width:990px) and (max-width:1200px){
    .values .img-overlay{
        height: 750px;
    }
}
@media (min-width:525px) and (max-width:990px){
    .values .img-overlay{
        height: 1000px;
    }
    .values.overlay-img{
        max-height: 1000px;
    }
}
@media (max-width:525px){
    .values .img-overlay{
        height: 1600px;
    }
    .values.overlay-img{
        max-height: 1600px;
    }
}
.value{
    width: 250px !important;
}
@media(min-width:1200px){
    .value{
        width: 350px !important;
    }
}

.service-item-text{
    left: 5%;
    top: 45%;
    font-size: larger;
}
.service-item-text.right{
    left: 0% !important;
    padding-right: 2em !important;
}
.container-services{
    overflow: hidden;
}
.services-container{
    animation: tricker 10s linear alternate infinite;
}
.services-container:hover{
    animation-play-state: paused;
}
@keyframes tricker {
    0% {
        transform: translate3d(0, 0, 0);
}
100% {
    transform: translate3d(-65%, 0, 0);
}
}
@media (min-width:1200px)and (max-width:1399px) {
    .services-container{
        animation: tricker 15s linear alternate infinite;
    }
    
    @keyframes tricker {
        0% {
            transform: translate3d(0, 0, 0);
    }
    100% {
        transform: translate3d(-90%, 0, 0);
    }
    }
}
@media (min-width:992px)and (max-width:1200px) {
    .services-container{
        animation: tricker 15s linear alternate infinite;
    }
    
    @keyframes tricker {
        0% {
            transform: translate3d(0, 0, 0);
    }
    100% {
        transform: translate3d(-130%, 0, 0);
    }
    }
}
@media (min-width:768px) and (max-width:992px) {
    .services-container{
        animation: tricker 10s linear alternate infinite;
    }
    
    @keyframes tricker {
        0% {
            transform: translate3d(0, 0, 0);
    }
    100% {
        transform: translate3d(-210%, 0, 0);
    }
    }
}
@media (min-width:556px) and (max-width:768px) {
    .services-container{
        animation: tricker 10s linear alternate infinite;
    }
    
    @keyframes tricker {
        0% {
            transform: translate3d(0, 0, 0);
    }
    100% {
        transform: translate3d(-330%, 0, 0);
    }
    }
}
@media (min-width:502px) and (max-width:556px) {
    .services-container{
        animation: tricker 10s linear alternate infinite;
    }
    
    @keyframes tricker {
        0% {
            transform: translate3d(0, 0, 0);
    }
    100% {
        transform: translate3d(-375%, 0, 0);
    }
    }
}
@media (min-width:456px) and (max-width:502px) {
    .services-container{
        animation: tricker 10s linear alternate infinite;
    }
    
    @keyframes tricker {
        0% {
            transform: translate3d(0, 0, 0);
    }
    100% {
        transform: translate3d(-440%, 0, 0);
    }
}
}
@media (min-width:400px) and (max-width:456px) {
    .services-container{
        animation: tricker 10s linear alternate infinite;
    }
    
    @keyframes tricker {
        0% {
            transform: translate3d(0, 0, 0);
    }
    100% {
        transform: translate3d(-510%, 0, 0);
    }
}
}
@media (max-width:400px) {
    .services-container{
        animation: tricker 10s linear alternate infinite;
    }
    
    @keyframes tricker {
        0% {
            transform: translate3d(0, 0, 0);
    }
    100% {
        transform: translate3d(-590%, 0, 0);
    }
    }
}

.services-container .icon{
    margin-top: 35px;
}
.services-container .icon{
    margin-top: 35px;
}

.client{
    background-color: #F4F4F4;
    margin-top: 55px;
}
.client-logo{
    margin-top: -55px;
    width: 110px;
    height: 110px;
    overflow: hidden;
}
.swiper .heading{
    text-transform: none;
}


.swiper-button-next:after{
    content: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 46 46' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='23' cy='23' r='23' transform='rotate(90 23 23)' fill='%232196F3'/%3E%3Cpath d='M25.0069 36.0151C25.5335 36.0158 26.0552 35.9124 26.5417 35.7109C27.0283 35.5094 27.4703 35.2137 27.8422 34.8408L36.864 25.819C37.2363 25.4467 37.5317 25.0046 37.7332 24.5182C37.9347 24.0317 38.0385 23.5103 38.0385 22.9837C38.0385 22.4571 37.9347 21.9357 37.7332 21.4492C37.5317 20.9627 37.2363 20.5207 36.864 20.1483L27.8422 11.1266C27.0902 10.3746 26.0703 9.95215 25.0069 9.95215C23.9434 9.95215 22.9235 10.3746 22.1715 11.1266C21.4196 11.8786 20.9971 12.8985 20.9971 13.9619C20.9971 15.0254 21.4196 16.0453 22.1715 16.7973L28.358 22.9837L22.1715 29.1701C21.6108 29.7309 21.2288 30.4453 21.0741 31.2231C20.9194 32.001 20.9988 32.8072 21.3023 33.5399C21.6058 34.2726 22.1197 34.8988 22.7792 35.3394C23.4386 35.78 24.2138 36.0151 25.0069 36.0151Z' fill='white'/%3E%3Cpath d='M11.9755 26.9935H28.5154C29.5788 26.9935 30.5987 26.571 31.3506 25.8191C32.1026 25.0671 32.525 24.0472 32.525 22.9838C32.525 21.9204 32.1026 20.9005 31.3506 20.1485C30.5987 19.3966 29.5788 18.9741 28.5154 18.9741H11.9755C10.912 18.9741 9.89217 19.3966 9.14021 20.1485C8.38825 20.9005 7.9658 21.9204 7.9658 22.9838C7.9658 24.0472 8.38825 25.0671 9.14021 25.8191C9.89217 26.571 10.912 26.9935 11.9755 26.9935Z' fill='white'/%3E%3Cpath d='M25.0621 16.7589C24.1048 15.6712 21.8393 14.1275 22.0047 12.4585C21.9907 11.8863 22.1554 11.3239 22.4758 10.8496C21.6853 11.4955 21.1702 12.4181 21.0352 13.43C20.9002 14.4419 21.1555 15.4672 21.7491 16.2977C21.8092 16.3579 24.3554 18.473 24.3554 18.473C24.5521 18.469 24.7435 18.4077 24.9059 18.2965C25.0684 18.1854 25.1949 18.0292 25.2699 17.8473C25.3449 17.6653 25.3652 17.4654 25.3283 17.2721C25.2914 17.0787 25.1989 16.9004 25.0621 16.7589ZM28.5555 34.0455L37.2916 25.3095C37.879 24.4728 38.1299 23.4456 37.9943 22.4324C37.8587 21.4191 37.3466 20.494 36.5598 19.8413C36.9296 20.4212 37.0914 21.1096 37.0185 21.7936C36.9457 22.4775 36.6425 23.1164 36.1588 23.6054L27.1371 32.6271C26.6094 33.1536 25.9051 33.4655 25.1606 33.5024C24.4161 33.5393 23.6845 33.2986 23.1073 32.8269C22.5302 32.3552 22.1486 31.686 22.0366 30.9491C21.9245 30.2122 22.09 29.4599 22.5009 28.838L22.1701 29.1688C21.5123 29.8281 21.1041 30.6956 21.0154 31.6227C20.9267 32.5498 21.163 33.479 21.6839 34.251C22.6421 35.0939 23.8846 35.5415 25.1602 35.5033C26.4358 35.4652 27.6493 34.9441 28.5555 34.0455ZM24.3554 24.4875H11.9805C11.4432 24.4877 10.9156 24.3438 10.4527 24.0709C9.98978 23.7979 9.60851 23.4059 9.34854 22.9356C9.08857 22.4653 8.95941 21.9339 8.97451 21.3968C8.98961 20.8596 9.14841 20.3363 9.43438 19.8814C8.66936 20.5196 8.1666 21.4176 8.02234 22.4034C7.87807 23.3892 8.10244 24.3936 8.6525 25.2243C9.56895 26.0405 10.7533 26.4918 11.9805 26.4923L24.2651 26.9935L25.0621 26.1966C25.1988 26.0555 25.2913 25.8774 25.3282 25.6844C25.3651 25.4914 25.3447 25.2917 25.2696 25.1101C25.1945 24.9285 25.068 24.7728 24.9055 24.6622C24.7431 24.5516 24.5519 24.4909 24.3554 24.4875Z' fill='white' fill-opacity='0.063'/%3E%3C/svg%3E");
}

.swiper-button-prev:after{
    content: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 46 46' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='23' cy='23' r='23' transform='rotate(-90 23 23)' fill='%232196F3'/%3E%3Cpath d='M20.9931 9.9849C20.4665 9.9842 19.9448 10.0876 19.4583 10.2891C18.9717 10.4906 18.5297 10.7863 18.1578 11.1592L9.13603 20.181C8.76367 20.5533 8.4683 20.9954 8.26679 21.4818C8.06527 21.9683 7.96155 22.4897 7.96155 23.0163C7.96155 23.5429 8.06527 24.0643 8.26679 24.5508C8.4683 25.0373 8.76367 25.4793 9.13603 25.8517L18.1578 34.8734C18.9098 35.6254 19.9297 36.0479 20.9931 36.0479C22.0566 36.0479 23.0765 35.6254 23.8285 34.8734C24.5804 34.1214 25.0029 33.1015 25.0029 32.0381C25.0029 30.9746 24.5804 29.9547 23.8285 29.2027L17.642 23.0163L23.8285 16.8299C24.3892 16.2691 24.7712 15.5547 24.9259 14.7769C25.0806 13.999 25.0012 13.1928 24.6977 12.4601C24.3942 11.7274 23.8803 11.1012 23.2208 10.6606C22.5614 10.22 21.7862 9.98487 20.9931 9.9849Z' fill='white'/%3E%3Cpath d='M34.0245 19.0065H17.4846C16.4212 19.0065 15.4013 19.429 14.6494 20.1809C13.8974 20.9329 13.475 21.9528 13.475 23.0162C13.475 24.0796 13.8974 25.0995 14.6494 25.8515C15.4013 26.6034 16.4212 27.0259 17.4846 27.0259L34.0245 27.0259C35.088 27.0259 36.1078 26.6034 36.8598 25.8515C37.6117 25.0995 38.0342 24.0796 38.0342 23.0162C38.0342 21.9528 37.6117 20.9329 36.8598 20.1809C36.1078 19.429 35.088 19.0065 34.0245 19.0065Z' fill='white'/%3E%3Cpath d='M20.938 29.2411C21.8953 30.3288 24.1608 31.8725 23.9954 33.5415C24.0093 34.1137 23.8446 34.6761 23.5242 35.1504C24.3148 34.5045 24.8298 33.5819 24.9648 32.57C25.0998 31.5581 24.8446 30.5328 24.251 29.7023C24.1908 29.6421 21.6447 27.527 21.6447 27.527C21.4479 27.531 21.2566 27.5923 21.0941 27.7035C20.9317 27.8146 20.8052 27.9708 20.7302 28.1527C20.6552 28.3347 20.6349 28.5346 20.6718 28.7279C20.7087 28.9213 20.8012 29.0996 20.938 29.2411ZM17.4446 11.9545L8.7085 20.6905C8.12104 21.5272 7.87014 22.5544 8.00574 23.5676C8.14134 24.5809 8.65349 25.506 9.44027 26.1587C9.07045 25.5788 8.9087 24.8904 8.98155 24.2064C9.05441 23.5225 9.35755 22.8836 9.84124 22.3946L18.863 13.3729C19.3907 12.8464 20.095 12.5345 20.8394 12.4976C21.5839 12.4607 22.3156 12.7014 22.8928 13.1731C23.4699 13.6448 23.8514 14.314 23.9635 15.0509C24.0755 15.7878 23.9101 16.5401 23.4992 17.162L23.83 16.8312C24.4878 16.1719 24.896 15.3044 24.9847 14.3773C25.0734 13.4502 24.837 12.521 24.3161 11.749C23.3579 10.9061 22.1154 10.4585 20.8398 10.4967C19.5642 10.5348 18.3507 11.0559 17.4446 11.9545ZM21.6447 21.5125L34.0195 21.5125C34.5569 21.5123 35.0845 21.6562 35.5474 21.9291C36.0103 22.2021 36.3916 22.5941 36.6515 23.0644C36.9115 23.5347 37.0407 24.0661 37.0256 24.6032C37.0105 25.1404 36.8517 25.6637 36.5657 26.1186C37.3307 25.4804 37.8335 24.5824 37.9777 23.5966C38.122 22.6108 37.8976 21.6064 37.3476 20.7757C36.4311 19.9595 35.2468 19.5082 34.0195 19.5077L21.7349 19.0065L20.938 19.8034C20.8012 19.9445 20.7087 20.1226 20.6719 20.3156C20.635 20.5086 20.6554 20.7083 20.7305 20.8899C20.8056 21.0715 20.9321 21.2272 21.0945 21.3378C21.257 21.4484 21.4482 21.5091 21.6447 21.5125Z' fill='white' fill-opacity='0.063'/%3E%3C/svg%3E");
}
.name{
    text-wrap: nowrap;
}
.overlay{
    background-color: #4444449b;
}
.map{
    min-height: 300px;
}
.large-map.map{
    min-height: 380px;
}
textarea{
    resize: none;
}
.submit{
    width: 150px;
}
.btn:focus,
.btn:active,
.btn:hover,
.nav-link:focus,
.nav-link:active,
.nav-link:hover,
.form-control:focus,
.form-control:active,
.form-control:hover,
.form-select:focus {
    outline: none;
    box-shadow: none;
    border-color:  #2196F3;
}
.submit:hover{
    background-color: #2195f3d4;
}

.error-message {
    display: none;
    padding: 15px;
    font-weight: 600;
    text-align: center;
}
.sent-message {
    display: none;
    text-align: center;
    padding: 15px;
    font-weight: 600;  
}

.loading {
    display: none;
    text-align: center;
    padding: 15px;
}

.loading:before {
    content: "";
    display: inline-block;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    margin: 0 10px -6px 0;
    border: 3px solid #2196F3;
    border-top-color: #eee;
    animation: animate-loading 1s linear infinite;
}

@keyframes animate-loading {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.footer,.submit{
    background-color: #2196F3;
}
.footer .footer-top {
    background-color:#F5F5F5;
    border-top: 1px solid #e1ecff;
    border-bottom: 1px solid #e1ecff;
    padding: 60px 0 30px 0;
}
.footer .footer-top .footer-info {
    margin-bottom: 30px;
}

.footer .footer-top .footer-info .logo img {
    max-height: 40px;
    margin-right: 6px;
}
.footer .footer-top .footer-info .logo h5 {
    letter-spacing: 1px;
    color: #012970;
}
.footer .footer-top .social-links a {
    font-size: 20px;
    display: inline-block;
    color: rgba(1, 41, 112, 0.5);
    line-height: 0;
    margin-right: 10px;
    transition: 0.3s;
}
.footer .footer-top .footer-links {
    margin-bottom: 30px;
}
.footer .footer-top .footer-links ul {
    list-style: none;
    padding: 0;
    margin: 0;
} 
.footer .footer-top .footer-links ul li {
    padding: 10px 0;
    display: flex;
    align-items: center;
}
.footer .footer-top .footer-links ul li:first-child {
    padding-top: 0;
}
.footer .footer-top .footer-links ul a {
    transition: 0.3s;
    display: inline-block;
    line-height: 1;
    color: #012970;
}
.footer .footer-top .footer-links ul a:hover {
    color:  #2196F3;
}
.footer .footer-top .footer-contact p {
    line-height: 26px;
}
.footer .copyright {
    color: #fff;
}
.copyright .link{
    cursor: pointer;
    border-bottom: 1px solid #ffffffa9;
}