@import"https://fonts.googleapis.com/css2?family=Almarai:wght@300;400;700;800&family=Bebas+Neue&family=Big+Shoulders+Inline:opsz,wght@10..72,100..900&family=Big+Shoulders:opsz,wght@10..72,100..900&family=Cairo:wght@200..1000&family=Cal+Sans&family=Faculty+Glyphic&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Liter&family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Oswald:wght@200..700&family=Roboto:ital,wght@0,100..900;1,100..900&family=Source+Sans+3:ital,wght@0,200..900;1,200..900&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap";:root{--website-color: black;--primary-color: #BD0000;--white-color: #fff;--border-color: #e7e7e72d;--text-color: #bebebe;--footer-color: #0e0e0e;--whatsapp-color: #25D366;--main-transition: .3s;--text-size: 15px;--logo-size: 28px}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--website-color);color:var(--white-color);font-family:Inter,sans-serif;font-weight:700}h6,h5{margin:0}.special-border{background-color:var(--primary-color);height:5px;width:72px}.margin-top{margin-top:140px}.website-titles{margin-bottom:5px}.website-texts{margin:15px 0;color:var(--text-color);font-size:var(--text-size)}.sub-title{font-size:25px;margin-bottom:5px}.navbar-component .navbar{border-bottom:2px solid var(--white-color)}.navbar-component .navbar .nav-link,.navbar-component .navbar .navbar-brand{color:var(--white-color)!important}.navbar-component .navbar .navbar-brand{font-size:var(--logo-size)}@media (max-width: 767px){.navbar-component .navbar .navbar-brand{font-size:20px}}.navbar-component .navbar .navbar-brand span{color:var(--primary-color)}.navbar-component .navbar .under-title{font-size:12px}@media (max-width: 767px){.navbar-component .navbar .under-title{top:35px;font-size:10px}}.navbar-component .navbar .nav-link{padding:13px 20px;transition:var(--main-transition)}.navbar-component .navbar .nav-link:last-child{padding:13px 0 13px 20px}.navbar-component .navbar .nav-link:hover{transition:var(--main-transition);color:var(--primary-color)!important}.navbar-component .navbar .navbar-toggler{background-color:var(--white-color)}header{background-image:url(/cover.webp);background-repeat:no-repeat;background-size:cover;background-position:center right;min-height:90vh;position:relative}header .content{position:absolute;top:50%;transform:translateY(-50%)}@media (max-width: 767px){header .content{text-align:center}}header .content h1{font-size:30px}@media (max-width: 767px){header .content h1{font-size:17px}}header .content h2{font-size:80px}@media (max-width: 767px){header .content h2{font-size:40px}}header .content h2 span{background-color:var(--primary-color);padding:0 5px}header .content .buttons{margin-top:15px}header .content .buttons button{color:var(--white-color);padding:10px 15px;transition:var(--main-transition)}header .content .buttons button:hover{transition:var(--main-transition)}header .content .buttons button[class=contact]{background-color:var(--primary-color);border:2px solid var(--primary-color);font-weight:700}@media (max-width: 767px){header .content .buttons button[class=contact]{font-size:13px}}header .content .buttons button[class=contact]:hover{background-color:#5d0000;border-color:#5d0000}header .content .buttons button[class=call]{background-color:transparent;border:2px solid var(--primary-color);margin-left:5px;font-weight:700}header .content .buttons button[class=call]:hover{background-color:var(--primary-color)}@media (max-width: 767px){header .content .buttons button[class=call]{background-color:var(--primary-color);font-size:13px}header .content .buttons button[class=call]:hover{background-color:#5d0000;border-color:#5d0000}}header .whatsapp-contact i{position:fixed;right:30px;bottom:30px;z-index:30000;background-color:green;color:var(--white-color);padding:10px;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;font-size:27px;cursor:pointer;box-shadow:0 4px 8px #0003;transition:background-color .3s ease,transform .3s ease}header .whatsapp-contact i:hover{background-color:#25d366;transform:scale(1.1)}@media (max-width: 767px){.needs-business .right{margin-top:30px}}@media (min-width: 768px) and (max-width: 991px){.needs-business .right{margin-top:30px}}.needs-business .right ul{list-style-type:none;padding:0;margin-top:40px}.needs-business .right ul li{margin:5px 0;font-size:13px}.needs-business .right ul li i{color:var(--primary-color)}.needs-business .right ul hr{margin:11px 0}.services .box{border:1px solid var(--primary-color);padding:20px;position:relative;overflow:hidden;z-index:1}.services .box:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:0;background-color:#bd0000;transition:height .4s ease;z-index:-1}.services .box:hover:after{height:100%}.services .box:hover h3{color:var(--white-color);position:relative;z-index:2}.services .box.web{border:1px solid #6a0dad}.services .box.graphic{border:1px solid #FF6600}.services .box.web:after{background-color:#6a0dad}.services .box.graphic:after{background-color:#f60}.portfolio h4{color:var(--white-color);text-transform:uppercase}.portfolio .card{background-color:#000;transition:.3s;border:1px solid var(--white-color);border-radius:0;-webkit-border-radius:0px;-moz-border-radius:0px;-ms-border-radius:0px;-o-border-radius:0px}@media (max-width: 767px){.portfolio .card{margin-bottom:25px}}.portfolio .card:hover{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);border:1px solid var(--primary-color)}.portfolio .card h5{color:var(--primary-color)}.portfolio .card .links{display:flex;gap:5px}.portfolio .card .links a{color:var(--text-color);transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;font-size:17px}.portfolio .card .links a:hover{color:var(--white-color);transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s}.contact .left{background-color:var(--white-color);position:relative}.contact .left .hide{position:absolute;width:100%;height:15%;bottom:0;background-color:#000}.contact .right{background-color:var(--primary-color);color:var(--white-color);text-align:center;padding:10px}.contact .right .box{margin:50px 0}.contact .right .box i{font-size:40px}.footer{background-color:var(--footer-color);color:#fff;padding:40px 0;font-family:Segoe UI,sans-serif}.footer-title{font-size:20px;margin-bottom:20px;font-weight:600}.footer-links{list-style:none;padding:0}.footer-links li{margin-bottom:10px}.footer-links a{color:#ccc;text-decoration:none;transition:color .3s ease}.footer-links a:hover{color:var(--primary-color)}.footer-section{margin-bottom:30px}.social-icons a{margin-right:15px;font-size:20px;color:#ccc}.social-icons a i{transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s}.social-icons a i[class="fa-brands fa-facebook"]:hover{color:#1877f2;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s}.social-icons a i[class="fa-brands fa-linkedin"]:hover{color:#024991;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s}.social-icons a i[class="fa-brands fa-whatsapp"]:hover{color:#25d366;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s}.social-icons a i[class="fa-brands fa-youtube"]:hover{color:red;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s}
