*,::after,::before{box-sizing:inherit}body,html{width:100%;height:100%;box-sizing:border-box;font-family:sans-serif}body{margin:0;padding:0;background:#010b0a}html{scroll-behavior:smooth}ul{list-style:none}a{text-decoration:none}.toggle{display:none;cursor:pointer}#main{width:100%;height:100vh;box-sizing:border-box;background-color:#010b0a;position:relative;background-image:url("compressedbackground.jpg");background-size:cover;background-repeat:no-repeat;background-position:center;overflow:auto;margin-bottom:100px}.home-btn{background-color:#010b0a;transition:ease all;border:none;border:2px solid #0ee4cc;color:#0ee4cc;padding:15px 32px;text-align:center;text-decoration:none;display:inline-block;font-size:1.2rem;margin:4px 2px;cursor:pointer;border-radius:10px}.home-btn>a{color:#0ee4cc}.home-btn:hover{transition:all ease .5s}nav{display:flex;justify-content:space-between;align-items:center;text-transform:uppercase;font-weight:600;letter-spacing:2px;position:fixed;top:0;left:0;width:100%;box-sizing:border-box;padding:5px 10px;background:#f4f7ff;box-shadow:2px 2px 12px rgba(0,0,0,.5);z-index:1}.navLogo{width:190px}.menu{display:flex}.menu li a{padding:10px 15px;color:#010b0a;font-size:12px}.menu li a.active,.menu li a:hover{background:#0ee4cc;color:#f4f7ff!important;font-weight:700;transition:all ease .4s}.logo{font-size:25px;font-weight:700;color:#010b0a;font-family:Poppins}.name{width:500px;position:absolute;left:20%;top:50%;transform:translate(-20%,-50%)}.details,.name,.name p:nth-child(1){line-height:1.3;margin-top:40px;color:#fff;font-size:1.3rem}.name h1{font-size:40px;margin:0;letter-spacing:3px;color:#fff}.name span.highlight{color:#0ee4cc}#about{width:100%;background-color:#010b0a;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;padding:50px 5% 0 5%;position:relative;margin-bottom:50px;}#about img{border-radius:10px}.about-text{width:50%;line-height:1.3}.about-text h1{font-size:5rem;color:#0ee4cc}.about-text h2{font-size:3rem;color:#fff;font-weight:400}.about-text h1,h2{margin:0;padding:0}.about-text p{font-size:1.2rem;color:#fff}.about-model{display:none}#about{justify-content:center}.about-text{width:90%}.about-text h1{font-size:4rem}.button{background-color:#010b0a;transition:ease all;border:none;border:2px solid #0ee4cc;color:#0ee4cc;padding:15px 32px;text-align:center;text-decoration:none;display:inline-block;font-size:1.2rem;margin:4px 2px;cursor:pointer;border-radius:10px}.button a{color:#0ee4cc}#services{width:100%;padding-bottom:20px;box-sizing:border-box;flex-direction:column;align-items:center;justify-content:center;padding-top:85px;background-color:#010b0a}.s-heading{text-align:center;margin:20px 0}.s-heading h1{color:#0ee4cc;font-size:3rem;margin:0;margin-bottom:15px;padding:0}.s-heading h2{color:#fff;font-size:1rem;margin:0;padding:0}.s-box{background-color:#2b2b2b;width:400px;height:550px;margin:20px;border-radius:10px;overflow:hidden;box-shadow:2px 2px 12px rgba(0,0,0,.1);position:relative}.s-b-container{display:flex;justify-content:center;align-items:center}.s-b-image{width:100%;height:70%}.s-b-image img{width:100%;height:100%}.s-b-text{width:100%;height:30%;background-color:#00191d;display:flex;justify-content:center;align-items:center;text-align:center}.s-b-text a{margin:0;color:#fff;max-width:92.7%;font-size:.9rem;display:block;-webkit-line-clamp:4;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical}.s-type{color:#fff;background-color:#010b0a;padding:10px 15px;position:absolute;top:0;left:50%;transform:translateX(-50%);font-size:18px;border-radius:0 0 10px 10px;box-shadow:2px 2px 12px rgba(0,0,0,.2)}.s-box:hover{transform:translateY(-10px);transition:all ease .3s}.s-b-text a:hover{color:rgb(14 228 204);cursor:default}#projects{display:flex;flex-direction:column;align-items:center;margin:100px 0;margin-bottom:200px;text-align:center}#projects>h1{color:#0ee4cc;font-size:3rem;margin:0;margin-bottom:15px;padding:0}#projects>h2{color:#fff;font-size:1rem;margin:0;padding:0;padding-bottom:40px}.image{width:90%;-webkit-box-shadow:5px 5px 15px 5px rgba(14,228,204,.36);box-shadow:5px 5px 15px 5px rgba(14,228,204,.36)}.projects-image{width:100%;-webkit-box-shadow:5px 5px 15px 5px rgba(14,228,204,.36);box-shadow:5px 5px 15px 5px rgba(14,228,204,.36);max-width:650px;border-radius:10px}.projects-image:hover{background-color:green;opacity:80%!important;box-shadow:5px 5px 15px 5px rgba(14,228,204,.78)!important;cursor:pointer}footer{width:100%;display:flex;flex-direction:column;justify-content:center;text-align:center;justify-content:flex-end;bottom:0;left:0;margin-top:100px}footer h1{border-bottom:1px solid #0ee4cc;color:#0ee4cc;max-width:350px;margin:auto;padding-bottom:10px;margin-bottom:15px;font-weight:600}.heading>a,.icons>a{display:inline-block;color:#0ee4cc;background:#010b0a;text-decoration:none;padding:8px}.icons>a:nth-child(2){padding:5px}a>i#link{padding:40px}.heading{display:flex;flex-direction:column;background:#010b0a}.icons{width:100%;display:flex;flex-direction:column;flex-wrap:wrap;display:block;display:flex;flex-direction:row;align-items:center;justify-content:center}.fab{background:#010b0a}.copyright{padding-top:30px;margin-bottom:10px}#link{padding:50px}.mr3{width:100%}.copyright{margin-left:auto;margin-right:auto;color:#0ee4cc;padding-top:5px;display:flex;white-space:nowrap;text-align:center}#myBtn{display:none;position:fixed;bottom:20px;right:30px;z-index:99;font-size:18px;border:none;outline:0;background-color:#0ee4cc;color:#010b0a;cursor:pointer;padding:15px;border-radius:10px;cursor:pointer}#myBtn:hover{color:#fff;cursor:pointer}#video{display:flex;flex-direction:column;align-items:center;margin:230px 0;margin-top:250px;text-align:center}#video>h1{color:#0ee4cc;font-size:3rem;margin:0;padding:0}#video>h2{color:#fff;font-size:1rem;margin:0;padding:0;padding-top:10px}.video-container{width:100%;height:0;padding-bottom:30%;position:relative;max-width:710px}.video-container iframe{margin-top:50px;position:absolute;height:100%;width:100%;border-radius:10px}@media(max-width:1190px){.name{left:10%;top:50%;transform:translate(-10%,-50%)}#services{height:auto}.s-b-container{flex-wrap:wrap}.s-box{flex-grow:1}.s-b-image img{object-fit:cover}.s-b-text{text-align:center}}@media only screen and (min-width:1440px){#about{width:100%;background-color:#010b0a;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;padding:50px 5% 0 5%;position:relative;margin-bottom:50px}#about img{border-radius:10px}.about-model{display:block}.about-text{width:50%}.about-text h1{font-size:5rem;color:#0ee4cc}.about-text h2{font-size:3rem;color:#fff;font-weight:400}.about-text h1,h2{margin:0;padding:0}.about-text p{font-size:1.2rem;color:#fff}.button{background-color:#010b0a;transition:ease all;border:none;border:2px solid #0ee4cc;color:#0ee4cc;padding:15px 32px;text-align:center;text-decoration:none;display:inline-block;font-size:1.2rem;margin:4px 2px;cursor:pointer;border-radius:10px}}.center{width:180px;height:60px;position:absolute}.btn{width:180px;height:60px;cursor:pointer;background:0 0;border:1px solid #0ee4cc;outline:0;transition:1s ease-in-out;border-radius:3px}svg{position:absolute;left:0;top:0;fill:none;stroke:#fff;stroke-dasharray:150 480;stroke-dashoffset:150;transition:1s ease-in-out}.btn:hover{transition:1s ease-in-out;background:#0ee4cc}.btn:hover svg{stroke-dashoffset:-480}.btn span{color:#fff;font-size:18px;font-weight:100}@media(max-width:970px){.name{left:50%;top:50%;transform:translate(-50%,-50%)}}@media(max-width:900px){.toggle{display:block}.toggle::before{content:'\f0c9';font-family:fontAwesome;line-height:0;margin-left:-35px}.toggle.active::before{content:'\f00d'}nav{padding:10px 10px}nav ul{position:absolute;width:100%;height:auto;box-sizing:border-box;background:#f4f7ff;top:50px;left:0;transition:.5s;overflow:hidden;border:3px solid #f4f7ff;display:none!important;margin:0;padding:0}nav ul li a{border-bottom:1px solid rgba(255,255,255,.1);width:100%;height:50px;display:flex;justify-content:center;align-items:center;margin:0!important;padding:0!important;color:#010b0a}.active-menu{display:block!important}}@media(max-width:600px){.name{width:90%}}

@media(max-width:400px){
.s-box{
    width:100%;

}

#about{
    margin-top:600px;
}

}        *,::after,::before{box-sizing:inherit}
        body,html{width:100%;height:100%;box-sizing:border-box;font-family:sans-serif}
        body{margin:0;padding:0;background:#010b0a}
        html{scroll-behavior:smooth}ul{list-style:none}a{text-decoration:none}

        .reviews-container{
            width: 100%;
            height:90%;
            margin-bottom:250px;
            margin-top:200px;
        }
        .title{
            text-align: center;
            color: #0ee4cc
        }
        .reviews{
            width:100%;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-wrap: wrap;
            margin-top:60px;
        }
        .reviewsbox{
            width:80%;
            margin:0 auto;
            margin-top:20px;
            padding:10px;
            max-width: 500px;
            background-color: #fff;
            border-radius:10px;
            -webkit-box-shadow: 5px 5px 15px 5px rgb(14 228 204 / 36%);
    box-shadow: 5px 5px 15px 5px rgb(14 228 204 / 36%);
        }
        .title-client{
            display: flex;
            width:100%;

        }
        .title-client >img{
            width:20%;
            border-radius:100%;
            margin:5px;
            max-width: 90px;
        }
        .review1:nth-child(1){
            padding:30px;
            padding-top: 50px;
            padding-bottom: 50px
        }
        *{
        
            -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
               -moz-animation: fadein 2s; /* Firefox < 16 */
                -ms-animation: fadein 2s; /* Internet Explorer */
                 -o-animation: fadein 2s; /* Opera < 12.1 */
                    animation: fadein 2s;
        }
        
        @keyframes fadein {
            from { opacity: 0; }
            to   { opacity: 1; }
        }
        
        /* Firefox < 16 */
        @-moz-keyframes fadein {
            from { opacity: 0; }
            to   { opacity: 1; }
        }
        
        /* Safari, Chrome and Opera > 12.1 */
        @-webkit-keyframes fadein {
            from { opacity: 0; }
            to   { opacity: 1; }
        }
        
        /* Internet Explorer */
        @-ms-keyframes fadein {
            from { opacity: 0; }
            to   { opacity: 1; }
        }
        
        /* Opera < 12.1 */
        @-o-keyframes fadein {
            from { opacity: 0; }
            to   { opacity: 1; }
        }