@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;0,1fff;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900;1,1fff&family=Montserrat: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&family=Noto+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;1,100;1,200;1,300;1,400;1,500&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";*{margin:0%;padding:0%;box-sizing:border-box}a{text-decoration:none}body,html{overflow-x:hidden;width:100%;min-height:100%;background-color:#000;color:#fff}button.diasableBtn{background-color:#ededed!important;cursor:not-allowed!important}.navbar-brand{color:#fff}.navbar-toggler{padding:.25rem .4rem!important}.navbar-collapse.collapse{background-color:#000}.nav-link{color:#fff!important}.mail-btn{color:#fff;background:#45BAEB;border:none;border-radius:8px;padding:9px 42px;font-size:17px;font-weight:500}.home-section{padding-top:48px}.Hamma{font-size:52px}.my-h1{padding-top:24px}.type-writer{padding-top:48px;padding-bottom:26px;font-size:24px;font-weight:600}.btns{padding-top:56px;padding-bottom:72px}.email-btn{color:#fff;background:#45BAEB;border:none;border-radius:2px;padding:14px 34px;font-size:17px;font-weight:500;transition:transform .3s ease-in-out}.email-btn:hover{transform:translateY(-5px);color:#fff}.project-btn{margin-left:64px;font-size:17px;font-weight:500;color:#fff}.sec-cont{display:flex}.main-img-1{display:flex;justify-content:end}.main-img-1 img{height:384px;z-index:1;margin-right:-18px}.main-work{margin-top:2rem;padding-top:4rem;margin-bottom:10rem}.title-work{text-align:center;color:#fff;font-size:36px;position:relative;display:inline-block}.title-work:after{content:"";display:block;width:100%;height:1px;background-color:#ffffff80;position:absolute;bottom:-3px;left:0}.carosal{width:87%;display:flex;flex-direction:column;margin:auto;padding-top:5rem}.workItem{display:flex;padding:2rem;background-color:#000;color:#fff;border-radius:4px}.carousel.carousel-slider .control-arrow.control-prev{border-radius:50%;width:30px;height:29px;left:1px;top:46%;bottom:50%;font-size:18px;background-color:#000!important;opacity:1}.carousel.carousel-slider .control-arrow.control-prev:before{border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:6px solid #fff;margin:4px 2px 5px 0}.carousel.carousel-slider .control-arrow.control-next{border-radius:50%;width:30px;height:29px;top:46%;bottom:50%;font-size:18px;background-color:#fff!important;opacity:1;right:1px}.carousel .control-next.control-arrow:before{border-left:6px solid #fff!important;border-top:6px solid transparent!important;border-bottom:6px solid transparent!important;margin:4px 0 5px 2px!important}.workItem img{width:23vmax!important;object-fit:cover;height:24vmax;border:none;border-radius:8px}aside{display:flex!important;justify-content:center;align-items:center;flex-direction:column;padding:0 1rem}.my-work-h3{font-size:36px}.my-work-p{padding-top:1rem;letter-spacing:1px}.my-work-btn{border:none;color:#fff;background:#fff;margin-top:20px;padding:.6rem 1.5rem}.experience-title{margin-bottom:3rem}.the-portfolio{background:#191e227a;padding:30px;border-radius:12px;box-shadow:0 0 8px #45baeb;margin-top:48px}.the-content{margin-top:12px}.category-info{display:flex;justify-content:space-between}.heart-ico,.category-list a,.the-title a{color:#fff}.the-title{margin-top:16px}.the-title a{font-weight:400}.inside-heart-ico{margin-right:5px}.thumbnail a img{width:100%;object-fit:cover}.timelinebox{display:flex;padding-top:2rem;padding-bottom:8rem}.timeline-left:before,.middile-left:before{content:"";width:2px;height:100%;background:linear-gradient(46.12deg,#45BAEB 52.98%,rgba(253,251,255,0) 77.34%);position:absolute;right:-3.6%;top:0;transform:translate(-50%);animation:imgUp .7s linear infinite alternate}.my-nav-tabs{display:flex;justify-content:center;border-bottom:none}#menu-tab-one{background-color:transparent}#menu-tab-two{background-color:transparent;margin-left:12px}.my-nav-link{border:1px solid #45BAEB!important;border-radius:24px!important}.my-nav-link.active{background-color:#45baeb!important;color:#fff!important;box-shadow:1px 0 13px #1da0f26e;color:#000!important;font-weight:600}@keyframes imgUp{to{transform:translateY(-48px)}}.timeline-left:after,.middile-left:after{content:"";width:10px;height:10px;background-color:#45baeb;border-radius:50%;position:absolute;right:-6%;bottom:0rem;transform:translate(-50%)}.timeline-left,.middile-left,.timeline-right{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:auto;text-align:center;position:relative}.Timeline{background:transparent;display:flex;width:280px;height:220px;justify-content:center;border-radius:10px;align-items:center;margin-top:48px;border:none;box-shadow:4px 6px 12px #45baeb}.my-Timeline-h3{font-size:33px;color:#fff;letter-spacing:1px;font-weight:500;font-family:sans-serif}.my-Timeline-p{font-size:18px;color:#fff;font-family:sans-serif}.d{box-shadow:10px 10px 20px #fff;filter:drop-shadow(10px 10px 20px #45BAEB)}.services-sec{padding-top:4rem;margin-bottom:12rem}.serv-nam{margin-bottom:2rem}.service-box svg,.service-box h3{font-size:3rem}.service-box span,.service-box p{font-size:1.1rem;font-weight:600;letter-spacing:3px;margin-top:1rem}.service-box1{background-color:#000;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;height:420px;border:1px solid #ffffffa5}.service-box2,.service-box3,.service-box4{background-color:#000;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;height:200px;border:1px solid #ffffffa5}.service-box4{margin-top:20px}.main-article{display:flex;flex-direction:column;align-items:center;height:24rem;gap:20px;flex-wrap:wrap;margin:auto;position:relative;text-align:center;box-shadow:0 3px 8px #fff}.artic-img{width:90px;position:absolute;top:-54px}.testi-nam{margin-bottom:8rem}.main-test-des{margin-top:8rem;padding:0 2rem}.contact-us-form{margin-top:10rem;margin-bottom:6rem}.contact-title{padding-bottom:2.4rem}.my-img{background-color:#000}.my-img img{width:480px;object-fit:contain;display:flex;justify-content:center;align-items:center;margin:auto;transform:translateY(-5px);animation:imgUps .7s linear infinite alternate}@keyframes imgUps{to{transform:translateY(-10px)}}#contact-us input[type=text],#contact-us input[type=email],#contact-us input[type=tel],#contact-us input[type=url],#contact-us textarea,#contact-us button[type=submit]{font-weight:400;font-size:16px}#contact-us{padding:12px;box-shadow:0 0 20px #0003,0 5px 5px #0000003d}#contact-us h3{display:block;font-size:28px;font-weight:300;margin-bottom:40px;color:#fff;font-family:cursive}#contact-us h4{margin:5px 0 15px;display:block;font-size:13px;font-weight:400}fieldset{border:medium none!important;margin:0 0 10px;min-width:100%;padding:0;width:100%}#contact-us input[type=text],#contact-us input[type=email],#contact-us input[type=tel],#contact-us input[type=url],#contact-us textarea{width:100%;border:1px solid #ccc;background:#000;color:#fff;margin:0 0 5px;padding:10px}#contact-us input[type=text]:hover,#contact-us input[type=email]:hover,#contact-us input[type=tel]:hover,#contact-us input[type=url]:hover,#contact-us textarea:hover{-webkit-transition:border-color .3s ease-in-out;-moz-transition:border-color .3s ease-in-out;transition:border-color .3s ease-in-out;border:1px solid #aaa}#contact-us textarea{height:120px;max-width:100%;resize:none}#contact-us input{height:50px;max-width:100%;resize:none}#contact-us button[type=submit]{cursor:pointer;width:100%;border:none;color:#fff;background:transparent;margin:0 0 5px;padding:10px;font-size:16px;border:1px solid #45BAEB}#contact-us button[type=submit]:hover{transition:background-color .3s ease-in-out}#contact-us button[type=submit]:active{box-shadow:inset 0 1px 3px #00000080}.copyright{text-align:center}#contact-us input:focus,#contact-us textarea:focus{outline:0;border:1px solid #aaa}::-webkit-input-placeholder{color:#888}:-moz-placeholder{color:#888}::-moz-placeholder{color:#888}:-ms-input-placeholder{color:#888}.my-sec-test-2,.my-sec-test-3{display:none}.footer{padding-top:4rem;padding-bottom:2rem;background-color:#191e22;border:none;border-radius:8px}.cl-chang{color:#45baeb}.footer-links{display:flex;flex-direction:column}.footer-links a{color:#fff}.footer-about{padding-right:8px}.useful-link:before,.footer-about:before{content:"";border-right:1px solid #45BAEB;float:right;width:2px;height:180px}.free-q{color:#fff}.footer-about p,.useful-link .footer-links,.footer-contact p{padding-top:16px}@media (max-width:1199px){.timeline-left:after,.middile-left:after,.timeline-left:before,.middile-left:before{display:none}.timeline-right{display:flex;flex-direction:row;justify-content:space-around}.footer-about{padding-right:12px}.useful-link:before{display:none}.main-test-des{margin-top:7rem}}@media (max-width:1024px){.Hamma{font-size:46px}.type-writer{font-size:22px}}@media (max-width:992px){.container{max-width:924px}.navbar-light .navbar-toggler{background-color:#fff!important;font-size:1rem}.main-img-1 img{height:360px}.Hamma{font-size:44px}.type-writer{font-size:22px}.main-work{margin-top:2rem}.my-work-h3{font-size:32px}.my-work-p{font-size:16px}.main-work{margin-bottom:6rem}.my-test-pt{margin-top:6rem}.my-sec-test-1{display:none}.my-sec-test-2{display:block}.my-sec-test-3{display:none}.my-img img{width:460px}.navbar-collapse.collapse.show{background-color:#000;margin-top:1.3rem;padding-bottom:4rem}.main-test-des{margin-top:6rem}}@media (max-width:900px){.Hamma{font-size:42px}.main-img-1 img{height:348px}.my-img{padding-top:26px}.my-img img{width:440px}}@media (max-width:830px){.my-img{padding-top:52px}.my-img img{width:410px}}@media (max-width:767px){.Hamma{font-size:42px;text-align:center}.my-h1 h1{text-align:center}.my-h1{padding-top:2rem;align-items:center}.main-img-1{justify-content:center}.main-img-1 img{height:332px}.our-padding-under{padding-left:0rem}.type-writer{padding-top:58px;padding-bottom:36px;font-size:20px;text-align:center}.btns{text-align:center}.main-work{margin-top:1rem}.carosal{width:92%}.my-work-h3{font-size:30px}.workItem img{height:32vmax}.my-work-p{font-size:15px}.timeline-right{display:flex;flex-direction:column;justify-content:center}.service-box1{height:220px}.service-box1 h3{font-size:4rem}.my-mt-4{margin-top:2rem!important}.my-sec-test-2{display:none}.my-sec-test-3{display:block}.my-Timeline-h3{font-size:30px}#contact-us h3{text-align:center;padding-top:3rem}.my-img{border-radius:3%}.main-test-des{margin-top:8rem}.footer-about:before{display:none}}@media (max-width:620px){.my-work-h3{font-size:28px}.workItem img{height:37vmax}}@media (max-width:567px){.newcont{width:80%;text-align:center}.workItem{display:block;margin-left:2rem;margin-right:2rem}.workItem img{height:48vmax;width:100%!important}.carousel.carousel-slider .control-arrow.control-next,.carousel.carousel-slider .control-arrow.control-prev{top:54%;bottom:50%}.workItem aside{padding-top:2rem}.service-box1 h3{font-size:3rem}.service-box1 p,.service-box2 span,.service-box3 span{font-size:1rem;text-align:center}.service-box1{height:200px}.my-mt-4{margin-top:1.3rem!important}.my-Timeline-h3{font-size:28px}.main-img-1 img{width:54%;height:auto}.footer-about h3,.useful-link h3,.footer-contact h3{font-size:30px;letter-spacing:1.3px}}@media (max-width:560px){.Hamma{font-size:40px}}@media (max-width:500px){.Hamma{font-size:36px}.my-img img{width:360px}}@media (max-width:470px){.workItem{display:block;margin-left:1rem;margin-right:1rem}}@media (max-width:450px){.workItem img{height:44vmax}.my-work-h3{font-size:26px}.service-box2,.service-box3{padding-left:6px;padding-right:6px}.newcont{width:90%;text-align:center}}@media (max-width:420px){.workItem{margin-left:.5rem;margin-right:.5rem}.Hamma{font-size:32px}.workItem{padding:2rem 1rem}}@media (max-width:390px){.workItem{margin-left:0rem;margin-right:0rem}.my-work-p{font-size:14px}.my-img img{width:300px}}@media (max-width: 370px){#menu-tab-two{margin-top:16px}}@media (max-width:350px){.main-img-1 img{width:65%}.newcont{width:100%}}@media (max-width:320px){.main-img-1 img{width:70%}}.carousel .control-arrow,.carousel.carousel-slider .control-arrow{-webkit-transition:all .25s ease-in;-moz-transition:all .25s ease-in;-ms-transition:all .25s ease-in;-o-transition:all .25s ease-in;transition:all .25s ease-in;opacity:.4;filter:alpha(opacity=40);position:absolute;z-index:2;top:20px;background:none;border:0;font-size:32px;cursor:pointer}.carousel .control-arrow:focus,.carousel .control-arrow:hover{opacity:1;filter:alpha(opacity=100)}.carousel .control-arrow:before,.carousel.carousel-slider .control-arrow:before{margin:0 5px;display:inline-block;border-top:8px solid transparent;border-bottom:8px solid transparent;content:""}.carousel .control-disabled.control-arrow{opacity:0;filter:alpha(opacity=0);cursor:inherit;display:none}.carousel .control-prev.control-arrow{left:0}.carousel .control-prev.control-arrow:before{border-right:8px solid #fff}.carousel .control-next.control-arrow{right:0}.carousel .control-next.control-arrow:before{border-left:8px solid #fff}.carousel-root{outline:none}.carousel{position:relative;width:100%}.carousel *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.carousel img{width:100%;display:inline-block;pointer-events:none}.carousel .carousel{position:relative}.carousel .control-arrow{outline:0;border:0;background:none;top:50%;margin-top:-13px;font-size:18px}.carousel .thumbs-wrapper{margin:20px;overflow:hidden}.carousel .thumbs{-webkit-transition:all .15s ease-in;-moz-transition:all .15s ease-in;-ms-transition:all .15s ease-in;-o-transition:all .15s ease-in;transition:all .15s ease-in;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translateZ(0);position:relative;list-style:none;white-space:nowrap}.carousel .thumb{-webkit-transition:border .15s ease-in;-moz-transition:border .15s ease-in;-ms-transition:border .15s ease-in;-o-transition:border .15s ease-in;transition:border .15s ease-in;display:inline-block;margin-right:6px;white-space:nowrap;overflow:hidden;border:3px solid #fff;padding:2px}.carousel .thumb:focus{border:3px solid #ccc;outline:none}.carousel .thumb.selected,.carousel .thumb:hover{border:3px solid #333}.carousel .thumb img{vertical-align:top}.carousel.carousel-slider{position:relative;margin:0;overflow:hidden}.carousel.carousel-slider .control-arrow{top:0;color:#fff;font-size:26px;bottom:0;margin-top:0;padding:5px}.carousel.carousel-slider .control-arrow:hover{background:rgba(0,0,0,.2)}.carousel .slider-wrapper{overflow:hidden;margin:auto;width:100%;-webkit-transition:height .15s ease-in;-moz-transition:height .15s ease-in;-ms-transition:height .15s ease-in;-o-transition:height .15s ease-in;transition:height .15s ease-in}.carousel .slider-wrapper.axis-horizontal .slider{-ms-box-orient:horizontal;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex}.carousel .slider-wrapper.axis-horizontal .slider .slide{flex-direction:column;flex-flow:column}.carousel .slider-wrapper.axis-vertical{-ms-box-orient:horizontal;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex}.carousel .slider-wrapper.axis-vertical .slider{-webkit-flex-direction:column;flex-direction:column}.carousel .slider{margin:0;padding:0;position:relative;list-style:none;width:100%}.carousel .slider.animated{-webkit-transition:all .35s ease-in-out;-moz-transition:all .35s ease-in-out;-ms-transition:all .35s ease-in-out;-o-transition:all .35s ease-in-out;transition:all .35s ease-in-out}.carousel .slide{min-width:100%;margin:0;position:relative;text-align:center}.carousel .slide img{width:100%;vertical-align:top;border:0}.carousel .slide iframe{display:inline-block;width:calc(100% - 80px);margin:0 40px 40px;border:0}.carousel .slide .legend{-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out;position:absolute;bottom:40px;left:50%;margin-left:-45%;width:90%;border-radius:10px;background:#000;color:#fff;padding:10px;font-size:12px;text-align:center;opacity:.25;-webkit-transition:opacity .35s ease-in-out;-moz-transition:opacity .35s ease-in-out;-ms-transition:opacity .35s ease-in-out;-o-transition:opacity .35s ease-in-out;transition:opacity .35s ease-in-out}.carousel .control-dots{position:absolute;bottom:0;margin:10px 0;padding:0;text-align:center;width:100%;z-index:1}@media (min-width: 960px){.carousel .control-dots{bottom:0}}.carousel .control-dots .dot{-webkit-transition:opacity .25s ease-in;-moz-transition:opacity .25s ease-in;-ms-transition:opacity .25s ease-in;-o-transition:opacity .25s ease-in;transition:opacity .25s ease-in;opacity:.3;filter:alpha(opacity=30);box-shadow:1px 1px 2px #000000e6;background:#fff;border-radius:50%;width:8px;height:8px;cursor:pointer;display:inline-block;margin:0 8px}.carousel .control-dots .dot.selected,.carousel .control-dots .dot:hover{opacity:1;filter:alpha(opacity=100)}.carousel .carousel-status{position:absolute;top:0;right:0;padding:5px;font-size:10px;text-shadow:1px 1px 1px rgba(0,0,0,.9);color:#fff}.carousel:hover .slide .legend{opacity:1}