@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
body{font-family:"Montserrat",Arial,sans-serif;margin:0;padding:0;text-decoration:none;}
.container-fluid{width:100%}.navbar{width:100%;height:70px;z-index:10}.navbar-brand img{height:60px}.navbar-nav li a{color:white}
.navbar-nav ul{background:black}.navbar button{background-color:#fbc25e;margin-top:-12px}.navbar-nav li a:hover{background-color:#fbc25e;color:white}
.dropdown ul{width:240px}.dropdown li{list-style:none;margin:4px;cursor:pointer}.dropdown li a{color:white}
.site-language a{color:#fbc25e;font-weight:600;letter-spacing:2px;text-decoration:none;transition:.3s}
.navigations-sidebar{position:fixed;left:0;top:0;width:100px;height:100vh;background:#191d28;z-index:9;padding-top:calc(90vh/2);}
.navigations-sidebar ul li{display:flex;flex-direction:column;align-items:center;padding-top:20px;} p{text-align:justify;}
.navigations-sidebar ul li a{display:inline-block;color:#c6c6c6;}.carousel-item{margin-left:100px;width:calc(100% - 100px);}
#toast{min-width:300px;height:100px;position:fixed;top:100px;left:50%;margin-left:-120px;background:#333;padding:15px;color:white;text-align:center;z-index:12;font-size:18px;visibility:hidden}
#toast.display{visibility:visible}
.cont{margin-left:100px;width:calc(100% - 100px);align-self:center;margin-top:20px}.cont img{width:300px;height:300px}
.services{margin-left:100px;width:calc(100% - 100px);background:url(../images/isof1.png) no-repeat;background-size: cover;padding:40px}
.serv-cont{width:75%;margin:0 auto;display:flex;justify-content:space-between;padding-top:30px;flex-wrap:wrap}
.serv-sm{cursor:pointer;box-sizing:border-box;width:31.8%;transition:all .5s;position:relative;margin-bottom:10px}
.serv-sm::before{position:absolute;content:'';top:0;right:0;bottom:0;left:0;border:8px solid #f4f4f4;transition:all .2s ease;z-index:1}
.serv-sm:hover::before{border:0;box-shadow:0 0 10px 0 rgb(255 0 0/30%);}.sm-cont p{width:95%;margin:10px;color:black;font-size:18px;line-height:1.5;padding:10px}
.sm-cont{padding:10px}.st{display:flex}.st{color:blue;margin:15px;}
#section_counter{margin-left:250px;width:calc(100% - 400px);}.background-dark{background:#181b24;}
#section_counter .facts-inner{background:#181c27;padding:6.5rem 6.5rem 2rem 6.5rem;}
#section_counter .title-overlay{color:#1c2436;font-size:13.5rem;font-weight:700;position:absolute;z-index:-1;line-height:0;top:45%;left:-11px;white-space:nowrap;}
#section_counter .section-title{padding-bottom:4.75rem;position:relative;z-index:0;}
#section_counter .section-title__main{margin-bottom:1rem;line-height:3rem;color:white;}
#section_counter .section-title__description{color:#c6c6c6;font-size:1rem}
#section_counter .counter-item{background:#5d46e2;padding: 1rem;text-align:center;min-width:160px;border-radius:1rem;transition: all 0.5s ease-in-out;
display:flex;box-orient:vertical;flex-direction:column;}
#section_counter .counter-item i{font-size:1.75rem;margin-bottom:0.5rem;color:#fbc25e;align-self:center;}
#section_counter .counter-item .fact__title{font-size:0.8rem;text-transform:uppercase;font-weight:500;margin-bottom:0.5rem;
color:white;padding-bottom:1rem}
#section_counter .counter-grid{display: flex;flex-wrap: wrap;justify-content:space-around;gap:0.5rem;}
#section_counter .counter-item:hover{background:#251c5a;}
#section_counter .counter-item .counter{font-size: 3rem;letter-spacing: 0.05rem;color:white;}
@keyframes skill{from{margin-top:0px}to{margin-top:70px;}}
.animate-in{animation: skill 2.5s ease-in forwards;}
.skills{margin-left:100px;width:calc(100% - 100px);background:#181b24;}
.skills .section-title__main{padding-top:1.25rem;padding-bottom:3.25rem;color:#fbc25e;}.skills .section-title_description{color:white}
.skills .tab-container{display:flex;flex-wrap:wrap;justify-content:space-around;}
.skills .tab-container .tabs-item{opacity:0;height:0;visibility:hidden;}
.skills .tab-container .tabs-item--active{opacity:1;height:100%;visibility:visible;}
.skills .tab-container .tabs{max-width:22rem;}.skills .tab-container .tabs li{list-style:none;}
.skills .tab-container .tabs li:not(:last-child){margin-bottom:1.5rem;}
.skills .tab-container .tabs li button{background:#191d29;padding:1.5rem 1rem;color:#fff;
font-size:0.83333rem;font-weight:500;width:100%;display:flex;align-items:center;justify-content:flex-start;text-transform:uppercase;}
.skills .tab-container .tabs li button i{font-size:1.375rem;margin-right:0.9375rem;transform:translateY(-2px);}
.skills .tab-container .tabs li.current button{background:#fbc25e;color:#1c202d;}
.skills .skill{position:relative;overflow:hidden;}
.skills .skill__name{color:#fbc86d;font-size:1rem;}
.skills .progress{height:0.5rem;background:#364880;overflow:visible;width:800px;margin-top:2.5rem;margin-bottom:1.5rem}
.skills .progress-bar{background:#fbc86d;visibility:visible;opacity:0;}
.skills .skill__value{font-size:1rem;color:#1c202d;background:#fbc86d;bottom:2.8rem;position:absolute;text-align:center;margin-left:auto;
font-weight:500;padding:.1rem .7rem;z-index:1;}
.skills .skill__value:before{content:"";height:1rem;width:1rem;background:#fbc86d;bottom:-.71429rem;transform:rotate(45deg) translateX(-50%);
position:absolute;left:50%;z-index:-1;}
@keyframes progress{from{width:0;opacity:0}to{opacity:1}}
.start-animation {animation: progress 0.5s ease-in forwards;}
.animation {animation: progress .8s ease-in forwards;}
.position-relative{margin-left:100px;width:calc(100% - 100px);}
.position-relative .overlay--pattern{background-repeat:repeat;background-size:initial;background:#20242e;}
.cta-inner{background:#181c27;padding:2.57143rem 3rem;position:relative;
display:flex;align-items:center;justify-content:space-between;}.cta{padding:4.5rem;}
.cta-inner h6{font-weight:400;color:#e6e6e6;text-transform:uppercase;letter-spacing:3px;}.cta-inner h6 a{color:#fbc25e;}
.footer{margin-left:100px;width:calc(100% - 100px);background:#181b24;height:auto;}
.footer-brand-logo{position:relative;z-index:1;}.footer-brand-logo img{margin:1rem;width:12.5rem}
.footer__title{font-weight:500;color:#fbc25e;text-transform:uppercase;letter-spacing:2px;margin:1.5rem;list-style-type:disc;display:list-item;}
.footer-about__description{margin-bottom:2.7rem;color:white;}.scrollbar-outer{overflow-y:scroll}
.footer-newsfeed ul{height:22rem;}.footer-newsfeed{background:#181b24;}
.footer-newsfeed li:not(:last-child){margin-bottom:1.5rem;}
.footer-newsfeed-meta{display:flex;font-size:0.76923rem;color:#fbc25e;margin-bottom:0.5rem;}
.footer-newsfeed__date{margin-right:1rem;padding-right:1rem;font-size:0.76923rem;text-transform:uppercase;color:#fbc25e;}
.footer-newsfeed__category{list-style-type:disc;display:list-item;}
.footer-newsfeed__category a{font-size:0.76923rem;color:#fbc25e;margin-left:0.25rem;font-weight:400;position:relative;text-transform:uppercase;}
.footer-newsfeed__title{color:#e6e6e6;font-size:1.2rem;font-weight:500;}
.footer-newsfeed__title:hover{color:#fff;}
.footer-newsletter__description{margin-bottom:2.5rem;color:white}
.footer-newsletter-form{position:relative;margin-bottom:2.5rem;}
.footer-newsletter-form .form-group{margin-bottom:0;}
.footer-newsletter-form input{height:4rem;border:1px solid #fff;background:#1c202d;padding:1rem;color:#fff;font-size:1rem;box-shadow:none;width:100%;}
.footer-newsletter-form .btn{position:absolute;top:50%;right:0.41667rem;height:3.2rem;transform:translateY(-50%);}
.social-connet{display:flex;align-items:center;}.social-connet li{margin-right:1rem;list-style:none;}
.social-connet a{color:#fff;border:1px solid #fff;padding:10px;height:2.8rem;width:2.8rem;line-height:2.9rem;font-size:1.2rem;border-radius: 10rem;
border:1px solid #6c7fa6;text-align:center;}.social-connet a i{position:relative;top:1px;}
.social-connet a:hover{color:#1c202d;border-color:#fbc25e;background:#fbc25e;}
.contact-info{position:relative;z-index:1;}
.contact-info:after{content:"";height:110%;width:5.5rem;background:#181b24;position:absolute;top:50%;left:0;z-index:-1;transform:translateY(-50%);}
.background-dark .contact-info:after{background:#191d28;}
.contact-info li{display:flex;align-items:flex-start;position:relative;margin-bottom:1rem;}.contact-info li a{text-decoration:none;}
.contact-info li:before{content:"";height:1px;width:1.5rem;background:#fbc25e;left:3.3rem;transform:translateY(-52%);position:absolute;top:50%;z-index:1;}
.contact-info i{margin-right:3.5rem;margin-left:0.90909rem;margin-top:0.625rem;font-size:1.2rem;color:#bbc4d6;}
.contact-info p{color:#3d4862;text-transform:uppercase;letter-spacing:1px;font-weight:600;}
.background-dark .contact-info p{color:#fbc25e;}
#image5{padding:0;margin-left:100px;width:calc(100% - 100px);height:90vh;background:url(../images/socialmediapromotion.jpg) no-repeat;background-size:100%;
display:flex;align-items:center;justify-content:center;}
#image4{padding:0;margin-left:100px;width:calc(100% - 100px);height:90vh;background:url(../images/mobileappdevelopment.jpg) no-repeat;background-size:100%;
display:flex;align-items:center;justify-content:center;}
#image3{padding:0;margin-left:100px;width:calc(100% - 100px);height:90vh;background:url(../images/softwaredevelopment.jpg) no-repeat;background-size:100%;
display:flex;align-items:center;justify-content:center;}
#image2{padding:0;margin-left:100px;width:calc(100% - 100px);height:90vh;background:url(../images/page-header.jpg) no-repeat;background-size:100%;
display:flex;align-items:center;justify-content:center;}
#image1{padding:0;margin-left:100px;width:calc(100% - 100px);height:90vh;background:url(../images/websitedesigning.jpg) no-repeat;background-size:100%;
display:flex;align-items:center;justify-content:center;}
#image{padding:0;margin-left:100px;width:calc(100% - 100px);height:90vh;background:url(../images/clients.jpg) no-repeat;background-size:100%;
display:flex;align-items:center;justify-content:center;}
.image{width:500px;height:200px;background-color:black;text-align:center;}.image h1{color:#fbc25e;line-height:200px;font-size:32px}
.image2{margin-left: calc(50% - 250px);margin-top:-375px;width:500px;height:200px;background-color:black;text-align:center;}
.image2 h1{color:#fbc25e;padding-top:75px;}.space{margin-top:200px;margin-left:6.25rem;width:calc(100% - 6.25rem)}
.contain{margin-left:6.25rem;width:calc(100% - 6.25rem)}
.story{margin-left:6.25rem;width:calc(100% - 6.25rem);margin-top:2.25rem;}
.titl-overlay{color:#f5f9ff;font-size:6.5rem;font-weight:900;position:absolute;z-index:-1;line-height:0;top:110%;left:-3.67rem;white-space:nowrap;}
.story .title-overlay--vertical{transform:rotate(-90deg);transform-origin:left;}
.story-img-block{display: inline-block;position: relative;}
.story__img img{width: 300px;height:300px}
.story__img{box-shadow: 0 170px 0 4px #e8eefb;}
.story__img:before{content: "";position: absolute;top:25px;left:-25px;width:25px;height:82%;z-index:-1;background:#39425c;}
.story__img:after{content:"";position:absolute;right:-25px;width:25px;bottom:60px;height: 70%;z-index:-1;background:#e8eefb;}
.story-details h1{margin-top:3rem;margin-bottom:1.5rem;}
.service{margin-left:100px;width:calc(100% - 100px);margin-top:40px}
.card{position:relative;margin:1rem;padding-left:1rem;padding:1rem;background-color:#fafcff;border:1px solid #e8eefb;border-radius:0;}
.card .service_body h2{margin-bottom: 0.5rem;color:#0b3496;font-weight:700;}
.card .service_body p{padding-bottom:1.6rem;border-bottom:1px solid #e1e9fb;}
.space-bottom .container{width:1000px;display:flex;flex-wrap:wrap;justify-content:space-between;}
.space-bottom .container .item{padding: 30px}
.testimonial{margin-left:100px;width:calc(100% - 100px);background:skyblue;}
.testimonial .container{max-width:1250px;margin:auto;padding:10px;}
.testimonial .section-header{text-align:center;margin-bottom:30px;}
.testimonial blockquote{position:relative;padding-top:.5rem;padding-bottom:.5rem;z-index:1;}
.testimonial blockquote:before,.testimonial blockquote:after{position:absolute;content:"";height:30px;width:30px;z-index:-1}
.testimonial blockquote:before{background:url(../images/quote-start.png);top:.5rem;left:0;background-repeat:no-repeat}
.testimonial blockquote:after{background:url(../images/quote-end.png);bottom:-.5rem;right:0;background-repeat:no-repeat}
.testimonial .section-header .title{font-size:45px;font-weight:700;color:white;line-height:1.2;}
.testimonial .testimonials-item{background:white;padding:10px;border-radius:30px;}
.testimonials-item .info{display:flex;align-items:center;}
.testimonials-item img{max-width: 60px;margin-right: 20px;border-radius:50%;}
.testimonials-item .name{font-weight:600;color:black;}
.testimonials-item .job{color: rgba(0,0,0,50%);}
.testimonials-item p{margin-top:20px;color: rgba(0,0,0,60%);font-size:14px;}
.testimonials-item .rating{margin-top:10px;font-size:14px;color:#fbc25e;}
.testimonial .swiper-pagination{position:relative;margin-top:10px;bottom:auto;}
.testimonial .swiper-pagination-bullet{height:12px;width:12px;background:black;}
@media only screen and (max-width:1300px){#image{height:85vh;}#image1{height:85vh;}#image2{height:85vh;}#image3{height:85vh;}#image4{height:85vh;}
#image5{height:85vh;}.serv-cont{width:80%;}.story .story-details h1{font-size:35px}
#section_counter{margin-left:200px;width:calc(100% - 300px);}#section_counter .facts-inner{padding:4.5rem 4.5rem 2rem 4.5rem;}}
@media only screen and (max-width:1200px){#image{height:75vh;}#image1{height:75vh;}#image2{height:75vh;}#image3{height:75vh;}#image4{height:75vh;}
#image5{height:75vh;}.serv-cont{width:90%;}.story .story-details h1{font-size:31px}
#section_counter{margin-left:150px;width:calc(100% - 200px);}#section_counter .facts-inner{padding:3.5rem 3.5rem 2rem 3.5rem;}}
@media only screen and (max-width:1100px){#image{height:65vh;}#image1{height:65vh;}#image2{height:65vh;}#image3{height:65vh;}#image4{height:65vh;}
#image5{height:65vh;}.skills .progress{width:650px;}.space-bottom .container{width:700px;}.serv-cont{width:100%;}
.story .story-details h1{font-size:28px}.story__img img{width: 250px;height:250px}
.story__img{box-shadow: 0 144px 0 4px #e8eefb;}.story{margin-top:4.25rem;}.story .story-details{margin-top:-40px}#section_counter{margin-left:200px;width:calc(100% - 300px);}
#section_counter .facts-inner{padding:5rem 5rem 2rem 5rem;}#section_counter .counter-item{min-width:180px;}}
@media only screen and (max-width:991px){.navigations-sidebar{display:none}.site-language{display:none;}.serv-cont{padding-top:20px;}
#image5{width:100%;margin-left:0;height:55vh;}#image4{width:100%;margin-left:0;height:55vh;}#image3{width:100%;margin-left:0;height:55vh;}
#image2{width:100%;margin-left:0;height:55vh;}#image1{width:100%;margin-left:0;height:55vh;}#image{width:100%;margin-left:0;height:55vh;}
.space{margin-left:0;width:100%}.contain{margin-left:0;width:100%}.position-relative{margin-left:0px;width:100%;}.cta{padding:1.5rem;}
.image2{margin-left:calc(50% - 150px);width:300px;height:150px;}.image2 h1{padding-top:50px;}.image{width:350px;height:150px;}
.image h1{line-height:150px;font-size:20px}.carousel-item{margin-left:0px;width:100%;}.story{width:100%;margin-left:0;}.service{width:100%;margin-left:0;}
.services{margin-left:0px;width:100%;}#section_counter{margin-left:0px;width:100%;}.skills{margin-left:0px;width:100%;}#section_counter .title-overlay{font-size:10rem;}
#section_counter .facts-inner{padding:3.5rem 3.5rem 1rem 3.5rem;}.skills .progress{width:550px;}.space-bottom .container{width:600px;}
.footer{margin-left:0px;width:100%;height:180vh}.navbar-collapse ul{width: 260px;background-color: black;padding:15px;float:right;}
.cont{margin-left:0px;width:100%}.serv-sm{width:48%}.story .story-details h1{font-size:34px}
.story .story-details h1{font-size:35px}.story__img img{width: 300px;height:300px}.story__img{box-shadow: 0 170px 0 4px #e8eefb;}
.story{margin-top:2.25rem;}.story .story-details{margin-top:40px}.testimonial{margin-left:0px;width:100%;}}
@media only screen and (max-width:690px){#image{height:45vh;}#image1{height:45vh;}#image2{height:45vh;}#image3{height:45vh;}#image4{height:45vh;}
#image5{height:45vh;}.space-bottom .container{width:500px;}.image2{margin-left:calc(50% - 100px);width:200px;height:100px;}.testimonial .section-header .title{font-size:35px;}
.image2 h1{padding-top:30px;font-size:18px}.services{background:url(../images/isof1.png) repeat;background-size:auto;padding:20px}.serv-sm{width:100%}
.skills .progress{width:500px;}.space{margin-top:260px;}#section_counter .counter-item .fact__title{font-size:0.7rem;}.skills .skill__value{font-size:.8rem;padding:.1rem .5rem;}}
@media screen and (max-width:550px){#image{height:35vh;}#image1{height:35vh;}#image2{height:35vh;}#image3{height:35vh;}#image4{height:35vh;}
.space-bottom .container{width:400px;}.image{width:250px;height:100px;}.cont{width:100%}#section_counter .facts-inner{padding:1.5rem 1.5rem 1rem 1.5rem;}
.image h1{line-height:100px;font-size:16px}.footer{height:200vh}#image5{height:35vh;}#section_counter .title-overlay{font-size:5rem;}.skills .progress{width:380px;}
.serv-cont{padding-top:10px;}.story .story-details h1{font-size:28px}.story__img img{width: 200px;height:200px}#section_counter .fact__title{font-size:0.75rem;letter-spacing:0.065rem;}
.story__img{box-shadow: 0 120px 0 4px #e8eefb;}.story{margin-top:4.25rem;}.titl-overlay{font-size:4.7rem;top:115%;}}
@media screen and (max-width:450px){#image{height:30vh;}#image1{height:30vh;}#image2{height:30vh;}#image3{height:30vh;}#image4{height:30vh;}
#image5{height:30vh;}.space-bottom .container{width:300px;}.skills .progress{width:280px;}.story .story-details h1{font-size:24px}
.story__img img{width: 170px;height:170px}.story__img{box-shadow: 0 100px 0 4px #e8eefb;}.testimonial .section-header .title{font-size:30px;}}