*{
    box-sizing: border-box;
    font-family: Arial, Helvetica, sans-serif;
    padding: 0;
    margin: 0;
    letter-spacing: 0.03rem;
    list-style-type: none;
}

html{
    scroll-behavior: smooth;
    margin: 0;
    padding: 0; 
}

body{
    margin: 0;
    padding: 0;
    overflow-x: hidden;  
}


a{
    text-decoration: none;
}

.about-title{
color: #40b88c;
}



.list-highlights li{
    list-style-position: inside;
    list-style-type: none;
    line-height: 2.5rem;
}



.contact-con{
    transform: translateX(10%);
    top:-12%;
}

footer{
    background: linear-gradient(50deg, #0f3443 0, #34e89e 100%);
    padding-top: 200px;
}

.copyright{
    font-size: 11px;
}

.footer-highlights li{
    list-style-position: inside;
    list-style-type: none;
    line-height: 1.75rem;
    font-weight: 500;
    text-align: left;
}


.footer-highlights h6{
    font-weight: 600;
}

.zoom-anim{
    cursor: pointer;
    transition: all 0.25s;
}

.zoom-anim:hover{
    transform: scale(105%);
}
.clients{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.about-banner{
    width: 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' viewBox='0 0 600 600'%3E%3Cpath d='M736.2013607972228 500.8152677589445C788.7462724996969 401.86317189274143 786.3510520610575 -33.46616018078807 726.3211117737853 -93.79550079765005C666.2911714865133 -154.12484141451202 428.56663077606373 39.887128191569616 376.0217190735898 138.83922405777292C323.4768073711158 237.79131992397623 351.02170127166926 439.5877337827078 411.05164155894136 499.9170743995695C471.0815818462135 560.2464150164317 683.656449094749 599.7673636251479 736.2013607972228 500.8152677589445C788.7462724996969 401.86317189274143 786.3510520610575 -33.46616018078807 726.3211117737853 -93.79550079765005 ' fill='url("%23SvgjsLinearGradient1001")' transform='matrix(1.388353978068552,-0.5053195226420248,0.5053195226420248,1.388353978068552,-290.90267828395963,136.01719970480974)'%3E%3C/path%3E%3Cdefs%3E%3ClinearGradient id='SvgjsLinearGradient1001'%3E%3Cstop stop-color='%230f3443' offset='0'%3E%3C/stop%3E%3Cstop stop-color='%2334e89e' offset='1'%3E%3C/stop%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-size: cover;
    margin-top: 54px;
}

.btn-close{
    color: white;
}


@media screen and (min-width:993px) {
    .about-banner{
        width: 100%;
        margin-bottom: 20px;
        background-color: #befae1 ;
        background: linear-gradient(50deg, #0f3443 0, #34e89e 100%);
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' viewBox='0 0 600 600'%3E%3Cpath d='M701.7320649783608 616.6855298740873C753.0793651899494 562.0448099834928 737.6601808230873 114.58973805737583 693.6482026736733 37.34423177075473C649.6362245242592 -39.90127451586636 489.00749629346507 98.5717722637662 437.6601960818765 153.2124921543607C386.31289587028795 207.85321204495517 341.55242325472807 287.94304482770053 385.56440140414213 365.1885511143216C429.5763795535562 442.4340574009427 650.3847647667724 671.3262497646817 701.7320649783608 616.6855298740873C753.0793651899494 562.0448099834928 737.6601808230873 114.58973805737583 693.6482026736733 37.34423177075473 ' fill='url("%23SvgjsLinearGradient1000")' transform='matrix(1.5397223175232233,0,0,1.5397223175232233,-274.6227324105421,-158.71426045025794)'%3E%3C/path%3E%3Cdefs%3E%3ClinearGradient id='SvgjsLinearGradient1000' gradientTransform='rotate(104, 0.5, 0.5)'%3E%3Cstop stop-color='%23154f51' offset='0'%3E%3C/stop%3E%3Cstop stop-color='%232cc38b' offset='1'%3E%3C/stop%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
        background-repeat: no-repeat no-repeat;
        background-position: center center;
        background-size: cover;
    }
        
}

@media screen and (min-width:992px) {
    .about-banner{
        margin-top: 120px;
    }
        
}

@media screen and (max-width:992px) {
    .about-banner{
        margin-top: 116px;
    }
}



@media only screen and (max-width:993px) and (min-width:500px) {
   

    .about-banner{
        color: #fff; 
        padding-top: 50px;
    }


    .about-banner{
        background-color: #befae1 ;
        background: linear-gradient(50deg, #0f3443 0, #34e89e 100%);
        
    }



    .about-banner img{
       display: none;
    }


}

@media screen and (max-width:500px) {
    .about-banner{
        background-color: #befae1 ;
        background: linear-gradient(50deg, #0f3443 0, #34e89e 100%);
        color: #fff; 
        padding-top: 50px;
    }

    .about-banner img{
        display: none;
     } 

}