:root{--color-gold:#c5a065;--color-black:#333;--color-white:#fff;--color-gray:#f5f5f5;--font-main:'Tajawal',sans-serif;--spacing-unit:1rem;} html{height:100%;background-color:#fff;} body{direction:rtl;unicode-bidi:embed;font-family:var(--font-main);color:var(--color-black);margin:0;padding:0;line-height:1.6;background-color:#fff;display:flex;flex-direction:column;min-height:100vh;} *,*::before,*::after{box-sizing:border-box;} a{text-decoration:none;color:inherit;} ul{list-style:none;padding:0;margin:0;} .container{margin:0 auto;padding:0 10px;} main#primary{padding:0;flex:1;background-color:#fff;} .d-flex{display:flex;} .justify-between{justify-content:space-between;} .align-center{align-items:center;} .text-gold{color:var(--color-gold);} .bg-gray{background-color:var(--color-gray);} .site-header{background:#fff;padding:15px 0;border-bottom:1px solid #eee;position:fixed;top:0;left:0;right:0;z-index:1000;box-shadow:0 2px 10px rgba(0,0,0,0.05);} .admin-bar .site-header{top:32px !important;} .admin-bar body{padding-top:122px !important;} @media screen and (max-width:782px){.admin-bar .site-header{top:46px !important;} .admin-bar body{padding-top:136px !important;} } body{padding-top:90px;} .site-header .logo img{max-width:250px;max-height:50px;} .main-navigation ul{display:flex;gap:30px;margin:0;padding:0;list-style:none;} .main-navigation li{position:relative;} .main-navigation a{font-weight:600;font-size:1rem;transition:all 0.3s ease;padding:10px 0;display:block;} .main-navigation a:hover,.main-navigation .current-menu-item>a{color:var(--color-gold);} .main-navigation .sub-menu{position:absolute;top:100%;right:50%;transform:translateX(50%) translateY(20px);background:#fff;min-width:220px;box-shadow:0 10px 30px rgba(0,0,0,0.15);border-radius:12px;padding:10px 0;opacity:0;visibility:hidden;transition:all 0.3s cubic-bezier(0.68,-0.55,0.27,1.55);display:block;flex-direction:column;z-index:1100;} .main-navigation .sub-menu::before{content:'';position:absolute;bottom:100%;right:50%;transform:translateX(50%);border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #fff;} .main-navigation li:hover>.sub-menu{opacity:1;visibility:visible;transform:translateX(50%) translateY(10px);} .main-navigation .sub-menu li{width:100%;margin:0;} .main-navigation .sub-menu a{color:var(--color-black);padding:12px 20px;font-size:0.95rem;border-bottom:1px solid #f5f5f5;transition:all 0.2s ease;} .main-navigation .sub-menu li:last-child a{border-bottom:none;} .main-navigation .sub-menu a:hover{background:#f9f9f9;color:var(--color-gold);padding-right:25px;border-bottom-color:#f5f5f5;} .menu-item-has-children>a::after{content:'\f107';font-family:'Font Awesome 5 Free';font-weight:900;margin-right:8px;font-size:0.8rem;color:inherit;opacity:0.7;} .social-icons a{color:var(--color-black);font-size:1.2rem;transition:all 0.3s ease;} .social-icons a:hover{color:var(--color-gold);transform:translateY(-3px);} .video-hero-section{position:relative;width:100%;height:100vh;overflow:hidden;background:#000;} .video-background{position:absolute;top:50%;left:50%;width:100vw;height:56.25vw;min-height:100vh;min-width:177.77vh;transform:translate(-50%,-50%) scale(1.05);z-index:1;} .video-background video,.video-background iframe{width:100%;height:100%;object-fit:cover;pointer-events:none;} .video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.3);z-index:2;} .hero-slider-section{position:relative;padding:0;width:100%;height:600px;overflow:hidden;background:#fff;border-radius:0;margin-top:40px;} .hero-swiper{width:100%;height:100%;} .hero-slide-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;transition:transform 10s ease;} .swiper-slide-active .hero-slide-bg{transform:scale(1.1);} .hero-slide-content{position:relative;z-index:10;height:100%;display:flex;align-items:center;background:linear-gradient(to left,rgba(0,0,0,0.7),transparent);} .hero-title{color:#fff;font-size:3.5rem;font-weight:800;margin-bottom:20px;max-width:800px;line-height:1.2;text-shadow:2px 2px 10px rgba(0,0,0,0.5);} .hero-excerpt{color:var(--color-gold);font-size:1.5rem;font-weight:400;max-width:600px;line-height:1.6;} .hero-swiper .swiper-button-next,.hero-swiper .swiper-button-prev{color:var(--color-gold);transition:all 0.3s;} .hero-swiper .swiper-button-next:hover,.hero-swiper .swiper-button-prev:hover{color:#fff;transform:scale(1.1);} .hero-swiper .swiper-pagination-bullet{background:#fff;opacity:0.5;} .hero-swiper .swiper-pagination-bullet-active{background:var(--color-gold);opacity:1;} .achievements-section{padding:0 50px;} .section-title{font-size:3rem;font-weight:700;margin-bottom:40px;text-align:right;} .prev-btn{right:-60px;} .next-btn{left:-60px;} .wpcf7-form .form-field{margin-bottom:25px;} .wpcf7-form label{display:block;margin-bottom:8px;font-weight:600;color:var(--color-black);} .wpcf7-form input[type="text"],.wpcf7-form input[type="email"],.wpcf7-form input[type="tel"],.wpcf7-form textarea{width:100%;padding:15px;border:1px solid #eee;background:#fdfdfd;border-radius:8px;font-family:inherit;transition:all 0.3s ease;} .wpcf7-form input:focus,.wpcf7-form textarea:focus{outline:none;border-color:var(--color-gold);background:#fff;box-shadow:0 0 0 4px rgba(197,160,101,0.1);} .wpcf7-form .wpcf7-submit{background-color:var(--color-gold);color:#fff;padding:15px 40px;border:none;border-radius:8px;cursor:pointer;font-weight:700;font-size:1.1rem;transition:all 0.3s ease;width:auto;display:inline-block;} .wpcf7-form .wpcf7-submit:hover{background-color:var(--color-black);transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,0.1);} .wpcf7-spinner{margin:0 10px;} .wpcf7-response-output{margin:20px 0 0 !important;padding:15px !important;border-radius:8px !important;border-width:2px !important;font-weight:600;} .wpcf7-form-control-wrap[data-name="recaptcha"]{margin-bottom:20px;display:block;} .achievement-card{position:relative;border-radius:12px;height:300px;background-color:transparent;perspective:1000px;} .card-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform 1s;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;} .achievement-card:hover .card-inner{transform:rotateX(180deg);} .card-front,.card-back{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:12px;overflow:hidden;} .card-front img{width:100%;height:100%;object-fit:cover;} .card-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,0.8),transparent);padding:20px;color:#fff;z-index:2;} .card-overlay h3{margin:0;font-size:1.2rem;} .card-back{background-color:rgba(0,0,0,0.85);color:white;transform:rotateX(180deg);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px;text-align:center;} .card-overlay-details{width:100%;} .project-content p{font-size:0.95rem;line-height:1.6;margin:0;} .achievements-slider-wrapper{position:relative;width:100%;padding:20px 0;} .achievements-swiper{width:100%;height:400px;overflow:hidden;} .slider-btn{background-color:var(--color-gold);color:#fff;border:none;width:40px;height:40px;border-radius:50%;cursor:pointer;font-size:1.2rem;display:flex;justify-content:center;align-items:center;position:absolute;top:50%;transform:translateY(-50%);z-index:10;transition:all 0.3s;} .slider-btn:hover{background-color:#a68550;} .news-section{padding:0 50px;margin-top:50px;direction:rtl;} .switcher-btn{background:#fff;border:1px solid #ddd;padding:8px 12px;cursor:pointer;border-radius:4px;color:#666;transition:all 0.3s;} .switcher-btn.active{background:var(--color-gold);color:#fff;border-color:var(--color-gold);} .news-container{display:grid;gap:30px;justify-content:center;} .news-container.view-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));} .news-container.view-grid .news-card{flex-direction:column;} .news-container.view-grid .news-image{width:100%;height:200px;} .news-container.view-list{grid-template-columns:1fr;} .news-container.view-list .news-card{flex-direction:row;align-items:center;min-height:200px;} .news-container.view-list .news-image{width:30%;min-width:250px;height:200px;} .news-container.view-list .news-content{width:70%;padding:30px;} .news-card{background:#fff;border-radius:8px;box-shadow:0 4px 15px rgba(0,0,0,0.05);overflow:hidden;transition:transform 0.3s ease;display:flex;} .news-card:hover{transform:translateY(-5px);} .news-image{height:180px;background-color:#f0f0f0;overflow:hidden;} .news-image img{width:100%;height:100%;object-fit:cover;} .news-content{padding:20px;flex-grow:1;display:flex;flex-direction:column;} .news-content h3{font-size:1.1rem;font-weight:700;margin:0 0 10px;line-height:1.4;} .news-content h3 a{color:var(--color-black);text-decoration:none;transition:color 0.3s;} .news-content h3 a:hover{color:var(--color-gold);} .news-excerpt{font-size:0.9rem;color:#666;margin-bottom:20px;line-height:1.6;flex-grow:1;} .news-meta{display:flex;justify-content:space-between;align-items:center;font-size:0.85rem;color:#999;border-top:1px solid #eee;padding-top:15px;} .read-more{color:var(--color-gold);font-weight:500;} .pagination{grid-column:1 / -1;margin-top:40px;text-align:center;} .pagination .nav-links{display:flex;justify-content:center;gap:10px;} .pagination .page-numbers{padding:8px 16px;background:#fff;border:1px solid #ddd;border-radius:4px;transition:all 0.3s;} .pagination .page-numbers:hover,.pagination .page-numbers.current{background:var(--color-gold);color:#fff;border-color:var(--color-gold);} .view-all-container{text-align:center;margin-top:40px;} .btn-gold{display:inline-block;padding:12px 30px;background-color:var(--color-gold);color:#fff;border-radius:5px;font-weight:500;transition:background 0.3s;} .btn-gold:hover{filter:brightness(1.1);color:#fff;} .site-footer{background:#000;color:#fff;padding:30px 0;text-align:center;margin-top:15px;margin-bottom:0;} .site-footer p{margin:5px 0;} .designer-credits{font-size:0.9rem;color:#999;display:flex;justify-content:center;align-items:center;gap:10px;margin-top:10px;} .designer-credits strong{color:#fff;font-weight:500;} .designer-social{display:flex;gap:12px;} .designer-social a{color:var(--color-gold);font-size:1.1rem;transition:all 0.3s ease;} .designer-social a:hover{color:#fff;transform:translateY(-3px);} .menu-toggle{display:none;background:transparent;border:none;cursor:pointer;padding:0;} .menu-toggle .bar{display:block;width:25px;height:3px;background-color:var(--color-black);margin:5px 0;transition:all 0.3s;} .single-post,.site-page{padding:60px 0 0;} .entry-title{font-size:2.5rem;color:var(--color-black);margin-bottom:20px;text-align:right;} .entry-meta{color:#888;margin-bottom:30px;} .post-thumbnail{margin-bottom:40px;border-radius:12px;overflow:hidden;} .post-thumbnail img{width:100%;height:auto;display:block;} .entry-content{font-size:1.1rem;line-height:1.8;color:#444;} .entry-content p{margin-bottom:20px;} .page-header{height:350px;background-size:cover;background-position:center;position:relative;color:#fff;margin-bottom:60px;display:flex;align-items:center;} .page-header-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);display:flex;align-items:center;} .page-header .page-title{font-size:3.5rem;font-weight:800;margin-bottom:10px;color:#fff;} .breadcrumbs{font-size:1.1rem;color:rgba(255,255,255,0.8);} .contact-container{padding-bottom:80px;} .contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start;} .info-item{display:flex;gap:25px;margin-bottom:40px;align-items:flex-start;} .info-item i{font-size:1.8rem;color:var(--color-gold);margin-top:5px;width:30px;text-align:center;} .info-item div{text-align:right;} .info-item strong{display:block;font-size:1.3rem;margin-bottom:8px;color:var(--color-black);} .info-item p{color:#555;margin:0;line-height:1.6;font-size:1.1rem;} .contact-map{margin-top:20px;border-radius:15px;overflow:hidden;height:350px;box-shadow:0 10px 30px rgba(0,0,0,0.1);border:1px solid #eee;} .contact-map iframe{width:100%;height:100%;border:0;} .contact-form-wrapper{background:#fff;padding:20px;} .form-title{font-size:2rem;margin-bottom:10px;font-weight:800;color:var(--color-black);text-align:right;} .form-subtitle{font-size:1.1rem;color:#666;margin-bottom:40px;display:block;text-align:right;} .turki26-contact-form .form-field{margin-bottom:25px;} .turki26-contact-form label{display:block;margin-bottom:10px;font-weight:700;color:var(--color-black);text-align:right;} .turki26-contact-form input,.turki26-contact-form textarea{width:100%;padding:15px 20px;border:2px solid #f0f0f0;border-radius:10px;font-family:inherit;font-size:1rem;transition:all 0.3s ease;text-align:right;background-color:#f9f9f9;} .turki26-contact-form input:focus,.turki26-contact-form textarea:focus{border-color:var(--color-gold);background-color:#fff;box-shadow:0 5px 15px rgba(197,160,101,0.1);outline:none;} .turki26-contact-form button{padding:15px 50px;font-size:1.2rem;font-weight:700;cursor:pointer;display:inline-block;transition:all 0.3s ease;margin-right:0;width:auto;} @media screen and (max-width:768px){.site-header .container{flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:wrap;} .menu-toggle{display:block;} .main-navigation{display:none;width:100%;margin-top:20px;order:3;} .main-navigation.toggled{display:block;} .main-navigation ul{flex-direction:column;gap:15px;padding:10px 0;text-align:center;} .header-extras{display:none;} main#primary{padding:0 20px;background-color:#fff;} .page-header{height:250px;} .page-header .page-title{font-size:2.22rem;} .section-title{font-size:2rem;text-align:center;} .achievements-slider-wrapper{height:450px;overflow:hidden;position:relative;padding:40px 0;} .achievements-swiper{height:100%;} .achievement-card{width:100% !important;height:100% !important;margin-bottom:0 !important;} .slider-btn{width:35px;height:35px;left:50%;transform:translateX(-50%);} .prev-btn{top:0;bottom:auto;right:auto;transform:translateX(-50%) rotate(90deg);} .next-btn{bottom:0;top:auto;left:50%;transform:translateX(-50%) rotate(90deg);} .hero-slider-section{height:350px;margin-top:20px;} .hero-title{font-size:1.8rem;} .hero-excerpt{font-size:1rem;} .news-container.view-list .news-card{flex-direction:column;} .news-container.view-list .news-image{width:100%;height:180px;} .news-container.view-list .news-content{width:100%;padding:20px;} .contact-container{padding-bottom:40px;} .contact-grid{grid-template-columns:1fr;gap:40px;} .achievements-section{padding:0px;} }