body {font-family: 'Tajawal' , sans-serif !important;}#header-carousel .carousel-item {position: relative;width: 100%;height: 73vh;min-height: 500px;}#header-carousel .carousel-item img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;object-position: center center;}.carousel-caption {position: absolute;inset: 0;display: flex;flex-direction: column;justify-content: center;align-items: center;text-align: center;padding: 0 20px;}.carousel-caption p {max-width: 700px;margin: 0 auto 25px;color: rgba(255,255,255,0.963);font-size: 1.2rem;line-height: 1.6;opacity: 0.9;}.carousel-control-prev, .carousel-control-next {width: 10%;}.carousel-control-prev-icon, .carousel-control-next-icon {width: 2.3rem;height: 2.3rem;border-radius: 50%;background-color: transparent;background-size: 70%;}@media (max-width: 992px) {#header-carousel .carousel-item {height: 60vh;}.carousel-caption p {font-size: 1rem;}}@media (max-width: 768px) {#header-carousel .carousel-item {height: 50vh;}.carousel-control-prev, .carousel-control-next {display:none;}.carousel-caption {padding: 0 10px;}.carousel-caption p {font-size: 0.9rem;line-height: 1.4;margin-bottom: 15px;}.carousel-caption a.btn {font-size: 0.85rem;padding: 6px 14px;}}@media (max-width: 576px) {#header-carousel .carousel-item {height: 45vh;}.carousel-caption p {font-size: 0.7rem;line-height: 1.3;}}.about-section {padding: 100px 0;background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);}.about-content {display: grid;grid-template-columns: 1.1fr 0.9fr;align-items: center;gap: 80px;}.about-text h3 {font-size: 2.3rem;font-weight: 700;color: var(--primary);margin-bottom: 20px;}.about-text p {font-size: 1.1rem;color: #555;line-height: 1.9;margin-bottom: 15px;}.about-image {position: relative;display: flex;justify-content: center;align-items: center;}.image-wrapper {position: relative;width: 90%;max-width: 460px;border-radius: 20px;z-index: 5;}.image-wrapper::before {content: "";position: absolute;top: -18px;left: -18px;width: 100%;height: 100%;border-radius: 25px;background: var(--primary);transform: rotate(-4deg);z-index: 1;opacity: 0.9;box-shadow: 0 10px 20px rgba(13,110,253,0.2);}.image-wrapper::after {content: "";position: absolute;bottom: -18px;right: -18px;width: 100%;height: 100%;border-radius: 25px;background: var(--orange);transform: rotate(3deg);z-index: 0;opacity: 0.8;box-shadow: 0 10px 25px rgba(255,193,7,0.3);}.image-wrapper video {position: relative;width: 100%;aspect-ratio: 4 / 5;border-radius: 20px;object-fit: cover;z-index: 10;box-shadow: 0 15px 40px rgba(0,0,0,0.15);transition: all 0.3s ease;}.image-wrapper:hover video {transform: scale(1.02);filter: brightness(1.07);}@media (max-width: 992px) {.about-content {grid-template-columns: 1fr;text-align: center;gap: 60px;}.about-image {order: -1;}.image-wrapper {max-width: 360px;margin: 0 auto;}.image-wrapper::before {top: -10px;left: -10px;transform: rotate(-3deg);}.image-wrapper::after {bottom: -10px;right: -10px;transform: rotate(2deg);}}@media (max-width: 576px) {.about-section {padding: 60px 15px;}.about-text h3 {font-size: 1.7rem;}.about-text p {font-size: 1rem;}.image-wrapper {max-width: 320px;}.image-wrapper::before, .image-wrapper::after {top: -8px;left: -8px;bottom: -8px;right: -8px;}}.features-section {background: white;padding: 80px 0;}.features-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 30px;}.feature-card {background: var(--light-bg);padding: 40px 30px;border-radius: 10px;text-align: center;transition: all 0.3s ease;border-top: 4px solid var(--primary);}.feature-card:hover {transform: translateY(-10px);box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);}.feature-icon {width: 80px;height: 80px;background: var(--primary);border-radius: 50%;display: flex;align-items: center;justify-content: center;margin: 0 auto 25px;font-size: 2rem;color: white;}.feature-card h3 {font-size: 1.5rem;color: var(--primary);margin-bottom: 15px;}.feature-card p {color: #666;line-height: 1.7;}.stats-section {background: linear-gradient(135deg, var(--primary), var(--primary-blue));color: white;padding: 80px 0;}.stats-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));gap: 30px;}.stat-card {text-align: center;padding: 30px;}.stat-icon {width: 70px;height: 70px;background: rgba(255, 255, 255, 0.2);border-radius: 50%;display: flex;align-items: center;justify-content: center;margin: 0 auto 20px;font-size: 1.8rem;}.stat-number {font-size: 2.5rem;font-weight: 700;margin-bottom: 10px;}.stat-label {font-size: 1.1rem;opacity: 0.9;}.projects-section {padding: 80px 0;}.tabs {display: flex;justify-content: center;margin-bottom: 40px;border-bottom: 2px solid #e2e8f0;}.tab-btn {background: none;border: none;padding: 15px 30px;font-size: 1.1rem;font-weight: 600;color: #666;cursor: pointer;transition: all 0.3s ease;position: relative;}.tab-btn.active {color: var(--primary);}.tab-btn.active::after {content: '';position: absolute;bottom: -2px;right: 0;width: 100%;height: 3px;background: var(--primary);}.tab-btn:hover {color: var(--primary);}.projects-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));gap: 30px;}.project-card {background: white;border-radius: 10px;overflow: hidden;box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);transition: all 0.3s ease;}.project-card:hover {transform: translateY(-10px);box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);}.project-image {position: relative;height: 200px;overflow: hidden;}.project-image img {width: 100%;height: 100%;object-fit: cover;transition: transform 0.3s ease;}.project-card:hover .project-image img {transform: scale(1.1);}.project-status {position: absolute;top: 15px;left: 15px;padding: 5px 15px;border-radius: 20px;font-size: 0.8rem;font-weight: 600;color: white;}.status-current {background: var(--orange);}.project-content {padding: 25px;}.project-category {color: var(--primary);font-size: 0.9rem;font-weight: 600;margin-bottom: 10px;display: block;}.project-title {font-size: 1.3rem;color: #333;margin-bottom: 15px;font-weight: 700;}.project-description {color: #666;margin-bottom: 20px;line-height: 1.6;}.project-meta {display: flex;justify-content: space-between;margin-bottom: 20px;padding-bottom: 15px;border-bottom: 1px solid #e2e8f0;}.meta-item {display: flex;align-items: center;gap: 8px;color: #666;font-size: 0.9rem;}.meta-item i {color: var(--primary);}.project-progress {margin-bottom: 20px;}.progress-info {display: flex;justify-content: space-between;margin-bottom: 8px;}.progress-bar {height: 8px;background: #e2e8f0;border-radius: 4px;overflow: hidden;}.progress-fill {height: 100%;background: var(--primary);border-radius: 4px;transition: width 0.5s ease;}.project-actions {display: flex;gap: 10px;}.testimonials-section {background: linear-gradient(135deg, #fef7e4 0%, #ffffff 100%);padding: 100px 0;text-align: center;position: relative;overflow: hidden;margin-bottom:100px;}.animated-bg .circle {position: absolute;border-radius: 50%;background: rgba(255, 193, 7, 0.15);animation: floatCircle 8s ease-in-out infinite;}.animated-bg .circle:nth-child(1) {width: 150px;height: 150px;top: 10%;left: 5%;animation-delay: 0s;}.animated-bg .circle:nth-child(2) {width: 200px;height: 200px;bottom: 7%;right: 3%;animation-delay: 2s;}@keyframes floatCircle {0%, 100% {transform: translateY(0);}50% {transform: translateY(-30px);}}.testimonial-card {background: #fff;border-radius: 20px;padding: 40px 30px;transition: transform 0.4s ease, box-shadow 0.4s ease;}.testimonial-card p {font-style: italic;color: #444;line-height: 1.8;margin-bottom: 30px;}.quote-bg {position: absolute;top: 20px;left: 25px;font-size: 3rem;color: rgba(255, 193, 7, 0.2);}.client {display: flex;align-items: center;justify-content: center;gap: 15px;}.client img {width: 70px;height: 70px;border-radius: 50%;border: 3px solid var(--primary);object-fit: cover;}.client h4 {margin: 0;color: var(--primary);font-size: 1.2rem;}.client p {color: #777;margin: 5px 0;}.rating {color: #ffc107;font-size: 1rem;}.swiper {padding: 20px 5px;}.swiper-slide {display: flex;justify-content: center;}.swiper-button-next, .swiper-button-prev {color: var(--primary);}.swiper-button-next:hover, .swiper-button-prev:hover {transform: scale(1.1);transition: 0.3s;color: #ffc107;}.swiper-pagination-bullet {background: var(--primary);}@media (max-width: 768px) {.testimonials-section {padding: 60px 20px;}.testimonial-card {padding: 30px 20px;}}@media (max-width: 992px) {.features-grid {grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap: 20px;}.feature-card {padding: 30px 20px;}}@media (max-width: 768px) {.stats-grid {grid-template-columns: 1fr;gap: 20px;}.stat-number {font-size: 2rem;}.stat-label {font-size: 1rem;}}@media (max-width: 992px) {.projects-grid {grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 20px;}}@media (max-width: 768px) {.projects-grid {grid-template-columns: 1fr;}.tabs {flex-direction: column;gap: 10px;}.tab-btn {width: 100%;text-align: center;}}@media (max-width: 768px) {.testimonials-section {padding: 60px 20px;}.testimonials-grid {grid-template-columns: 1fr;gap: 20px;}.testimonial-card {padding: 30px 20px;}.testimonial-text {font-size: 1rem;}}.logo-meaning-visual {padding: 100px 0;background: var(--light-bg);text-align: center;position: relative;}.logo-visual-wrapper {position: relative;max-width: 600px;margin: 0 auto;padding: 0 20px;}.logo-center img {width: 70%;height: auto;transition: transform 0.4s ease;max-width: 300px;}.logo-center img:hover {transform: scale(1.05);}.logo-point {position: absolute;width: 200px;}.logo-point .line {position: absolute;width: 70px;height: 2px;background: var(--orange);top: 50%;transform: translateY(-50%);right: -75px;}html[dir="rtl"] .logo-point .line {right: auto !important;left: -75px !important;}.point-text {background: white;border-radius: 10px;box-shadow: 0 5px 15px rgba(0,0,0,0.1);padding: 15px;transition: all 0.3s ease;text-align: start;}.point-text:hover {transform: translateY(-3px);box-shadow: 0 8px 20px rgba(0,0,0,0.15);}.point-text h4 {color: var(--primary);margin-bottom: 8px;font-size: 1.1rem;}.point-text p {color: #555;font-size: 0.95rem;line-height: 1.5;margin: 0;}.point-top-right {top: 0;right: -230px;}.point-bottom-right {bottom: 0;right: -230px;}.point-bottom-left {bottom: 0;left: -230px;}.point-top-left {top: 0;left: -230px;}@media (max-width: 1199.98px) {.logo-visual-wrapper {max-width: 550px;}.logo-point {width: 180px;}.point-top-right, .point-bottom-right {right: -200px;}.point-top-left, .point-bottom-left {left: -200px;}}@media (max-width: 991.98px) {.logo-meaning-visual {padding: 80px 0;}.logo-visual-wrapper {max-width: 500px;}.logo-point {width: 160px;}.point-top-right, .point-bottom-right {right: -180px;}.point-top-left, .point-bottom-left {left: -180px;}}@media (max-width: 767.98px) {.logo-meaning-visual {padding: 60px 0;}.logo-visual-wrapper {max-width: 100%;display: flex;flex-direction: column;align-items: center;}.logo-point {position: static;width: 100%;max-width: 300px;margin: 20px 0;text-align: center;}.logo-point .line {display: none;}.point-text {text-align: center;}}@media (max-width: 575.98px) {.logo-meaning-visual {padding: 50px 0;}.logo-center img {width: 80%;}.point-text {padding: 12px;}.point-text h4 {font-size: 1rem;}.point-text p {font-size: 0.9rem;}}[dir="rtl"] .point-top-right .line, [dir="rtl"] .point-bottom-right .line {right: auto !important;left: -75px !important;}