:root {--main-color: #007bda;--main-padding: 70px;--bg1: #eee;--bg2: #fff;--text-color1: #111;--text-color2: #222;--shadow: 0px 0px 10px #ddd;--section-padding: 80px;--transition: all 0.3s linear;}* {margin: 0;padding: 0;box-sizing: border-box;list-style: none;text-decoration: none;}html {scroll-behavior: smooth;}body {font-family: 'Roboto', sans-serif;font-family: 'Cairo', sans-serif;background-color: var(--bg1);overflow-y: hidden;overflow-x: hidden;}body.active {--bg1: #111;--bg2: #212121;--text-color1: #eee;--text-color2: #fff;--transition: 0.3s ease-in;--shadow: 0px 0px 10px #010101;}::-webkit-scrollbar {width: 10px;}::-webkit-scrollbar-track{background: var(--bg1);}::-webkit-scrollbar-thumb{background: var(--main-color);border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;}.main-title, .about h2 {text-align: center;font-size: 35px;color: var(--main-color);position: relative;font-weight: 600;}.main-title::after, .about h2::after {content: '';position: absolute;bottom: -15px;width: 50px;height: 3px;background-color: var(--main-color);}.main-title::after {left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);}.about h2::after {right: 0px;}@media (width <= 767px) {.about h2::after {right: 50%;transform: translateX(50%);-webkit-transform: translateX(50%);-moz-transform: translateX(50%);-ms-transform: translateX(50%);-o-transform: translateX(50%);}}nav {background: var(--bg1);z-index: 10;}nav a.logo {width: 100px;object-fit: contain;}nav a.logo img {width: 100%;height: 75px;}nav a.nav-link {font-size: 18px;transition: var(--transition);-webkit-transition: var(--transition);-moz-transition: var(--transition);-ms-transition: var(--transition);-o-transition: var(--transition);color: var(--text-color1);}nav a.nav-link.active, nav a.nav-link:hover {color: var(--main-color) !important;}nav .mood i {color: var(--main-color);cursor: pointer;}nav button.navbar-toggler {background: #fff;}nav button.navbar-toggler:focus {box-shadow: none;}.landing {min-height: calc(100vh - 101px);background: var(--bg2);color: var(--text-color1);}.landing h1 {color: var(--main-color);font-weight: 600;font-size: 40px;}.landing .row {padding-top: 200px;}.landing .row > div > p {text-align: justify;max-width: 400px;font-size: 17px;line-height: 1.6;}.landing-img img {max-width: 100%;}.about {padding-top: var(--section-padding);padding-bottom: var(--section-padding);}.about h2 {color: var(--main-color);}.about p {text-align: justify;color: var(--text-color2);max-width: 500px;font-size: 19px;}.about h4, .about h5, .about h6 {color: var(--text-color1);}.about-img {max-width: 500px;max-height: 300px;align-items: center;position: relative;}.about-img img:nth-child(1) {width: 100%;height: 100%;object-fit: cover;}.about-img img.pattern {position: absolute;top: 50%;left: 50%;max-width: 75%;transform: translate(-50%, -50%) rotate(0deg);z-index: -1;-webkit-transform: translate(-50%, -50%) rotate(0deg);-moz-transform: translate(-50%, -50%) rotate(0deg);-ms-transform: translate(-50%, -50%) rotate(0deg);-o-transform: translate(-50%, -50%) rotate(0deg);animation: rotate 2s linear infinite;-webkit-animation: rotate 8s linear infinite;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;}@keyframes rotate {100% {transform: translate(-50%, -50%) rotate(360deg);-webkit-transform: translate(-50%, -50%) rotate(360deg);-moz-transform: translate(-50%, -50%) rotate(360deg);-ms-transform: translate(-50%, -50%) rotate(360deg);-o-transform: translate(-50%, -50%) rotate(360deg);}}.services {padding-top: var(--section-padding);padding-bottom: var(--section-padding);background: var(--bg2);}.services .service-content {background: var(--bg2);padding: 15px;box-shadow: var(--shadow);border-top: 10px solid var(--main-color);border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;transition: var(--transition);-webkit-transition: var(--transition);-moz-transition: var(--transition);-ms-transition: var(--transition);-o-transition: var(--transition);}.services .service-content:hover {transform: translateY(-7px);-webkit-transform: translateY(-7px);-moz-transform: translateY(-7px);-ms-transform: translateY(-7px);-o-transform: translateY(-7px);}.service-content h3 {font-size: 25px;font-weight: 600;color: var(--text-color1);}.service-content p {color: var(--text-color1);line-height: 1.6;}.projects {padding-block: var(--section-padding);}.projects .col {margin-bottom: 20px;}.project-content {box-shadow: var(--shadow);text-align: center;padding-bottom: 15px;background: var(--bg2);border-radius: 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;-ms-border-radius: 8px;-o-border-radius: 8px;transition: var(--transition);-webkit-transition: var(--transition);-moz-transition: var(--transition);-ms-transition: var(--transition);-o-transition: var(--transition);}.project-content:hover {transform: translateY(-7px);-webkit-transform: translateY(-7px);-moz-transform: translateY(-7px);-ms-transform: translateY(-7px);-o-transform: translateY(-7px);}.projects .video-container {width: 100%;height: 250px;margin-bottom: 35px;}.video-container video {height: 100%;width: 100%;}.project-content h3 {color: var(--main-color);}.project-content p {line-height: 1.6;font-size: 18px;margin-top: 20px;padding-inline: 10px;color: var(--text-color2);}.works {padding-top: var(--main-padding);padding-bottom: 30px;background: var(--bg2);}.works-content {position: relative;background: var(--bg2);padding: 15px;margin-bottom: 24px;}.works-content .desc {background: rgba(0, 0, 0, 0.6);inset: 0;position: absolute;display: flex;justify-content: center;align-items: center;transform: scale(0);-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);transition: var(--transition);-webkit-transition: var(--transition);-moz-transition: var(--transition);-ms-transition: var(--transition);-o-transition: var(--transition);}.works-content:hover .desc {transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);}.works-content .desc a {color: #fff;font-size: 25px;text-decoration: none;}.works-content img {width: 100%;}footer {background: var(--bg1);}footer p {color: var(--text-color2);font-size: 17px;letter-spacing: 0.6px;}.contact {position: fixed;padding: 10px;top: 45%;right: 0px;display: flex;flex-direction: column;background: var(--main-color);border-top-left-radius: 5px;border-bottom-left-radius: 5px;}.contact a {font-size: 25px;color: #fff;}.contact a:first-child {margin-bottom: 10px;}.loading {position: fixed;width: 100%;height: 100%;top: 0;left: 0;background: var(--bg1);z-index: 99;display: flex;justify-content: center;align-items: center;flex-direction: column;opacity: 1;transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transition: var(--transition);-webkit-transition: var(--transition);-moz-transition: var(--transition);-ms-transition: var(--transition);-o-transition: var(--transition);}.loading h2 {font-weight: 700;color: var(--main-color);margin-top: 20px;}@media (width < 768px) {h1 {font-size: 35px !important;}h2 {font-size: 30px !important;}}