:root{--primary:#b49c6b;--primary-soft:#c6b187;--cream:#eadfca;--cream-soft:#f7f2e8;--gold:#b49c6b;--text:#1f1f1f;--muted:#6d6d6d;--bg:#fcfcfa;}

.courses-pagination{margin:60px 0;display:flex;justify-content:center;}

.courses-pagination .nav-links{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}

.courses-pagination .page-numbers{min-width:48px;height:48px;display:flex;align-items:center;justify-content:center;border:1px solid #e5e5e5;border-radius:12px;background:#fff;color:#222;text-decoration:none;font-weight:600;transition:.3s ease;}

.courses-pagination .page-numbers{background:#b49c6b;border-color:#b49c6b;color:#fff;transform:translateY(-2px);}

.courses-pagination .current{background:#b49c6b;border-color:#b49c6b;color:#fff;box-shadow:0 8px 20px rgba(180,156,107,.25);}

.courses-pagination .prev,.courses-pagination .next{width:48px;height:48px;font-size:15px;}

.courses-pagination .dots{border:0;background:transparent;min-width:auto;padding:0 5px;}

.courses-pagination .dots{background:transparent;color:#222;transform:none;}

@media(max-width:768px){

.courses-pagination .page-numbers{
    min-width:42px;
    height:42px;
    font-size:14px;
}

}.dessc img,.dessc video{height:400px;max-width:100%;margin-bottom:30px}body{margin:0;font-family:"Poppins","Arial",sans-serif;background:var(--bg);color:var(--text);overflow-x:hidden;}

a,
a:hover,
a:focus{
  text-decoration:none;
  outline:none;
}

.site-header{
  position:relative;
  z-index:20;height: 96px;
  background:#fff;
  padding:5px 0;    width: 100%;
z-index: 999;
transition: all .35s ease;
  border-bottom:1px solid rgba(180,156,107,.08);
}

img.courseimg {width: 100%;height: 200px;display: block;margin-bottom:20px;border-radius: 12px;}

.site-header.is-fixed{position: fixed;top: 0;left: 0;width: 100%;background: rgba(255,255,255,.96);box-shadow: 0 10px 30px rgba(0,0,0,.08);backdrop-filter: blur(8px);-webkit-backdrop-filter: blur(8px);animation: headerSlideDown .35s ease;}

body.has-fixed-header{padding-top: 96px;}

@keyframes headerSlideDown{from{opacity: 0;transform: translateY(-12px);}to{opacity: 1;transform: translateY(0);}}.topbar-flex{display:flex;align-items:center;justify-content:center;gap:20px;}

.brand-wrap{
  display:flex;
  align-items:center;
  gap:14px;
}

.brand-logo{
  max-height:88px;
  max-width: 237px;
}

.brand-text{
  color:var(--primary);
  font-weight:700;
  line-height:1.1;
  font-size:18px;
}

.main-nav{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:34px;
  flex:1;
  margin:0 20px;
}

.main-nav a{
  color:#222;
  font-size:18px;
  font-weight:700;
  transition:.3s ease;
  position:relative;
}

.main-nav a:after{
  content:"";
  position:absolute;
 right: -5px;
bottom: -4px;
  width:0;
  height:3px;
  background:linear-gradient(90deg,var(--gold),var(--cream));
  transition:.3s ease;
  border-radius:20px;
}

.main-nav a:hover,
.main-nav a.active{
  color:var(--primary);
}

.main-nav a:hover:after,
.main-nav a.active:after{
  width:100%;
}

.header-cta{
  display:flex;
  align-items:center;
  gap:12px;
}

.btn-main{
  display:inline-block;
  min-width:190px;
  padding:14px 26px;
  text-align: center;
  border-radius:14px;
  background:linear-gradient(135deg,var(--primary),var(--primary-soft));
  color:#fff;
  font-weight:700;
  font-size:18px;
  box-shadow:0 10px 30px rgba(180,156,107,.18);
  transition:.35s ease;
}

.btn-main:hover,
.btn-main:focus{
  color:#fff;
  transform:translateY(-2px);
  box-shadow:0 14px 35px rgba(180,156,107,.24);
}

.hero-section{
  position:relative;
  padding: 0 ;
  overflow:hidden;
min-height: calc(100vh - 96px);

  background:
    radial-gradient(circle at 85% 38%, rgba(234,223,202,.55), transparent 22%),
    radial-gradient(circle at 22% 20%, rgba(180,156,107,.07), transparent 18%),
    linear-gradient(180deg,#ffffff 0%, #fcfcfa 100%);
}

.hero-section:before{
  content:"";
  position:absolute;
  top:-90px;
  right:-90px;
  width:260px;
  height:260px;
  background:radial-gradient(circle, rgba(234,223,202,.6) 0%, rgba(234,223,202,0) 70%);
  z-index:0;
}

.hero-section:after{
  content:"";
  position:absolute;
  bottom:-70px;
  left:-70px;
  width:220px;
  height:220px;
  border-radius:50%;
  border:2px dashed rgba(180,156,107,.12);
  z-index:0;
}

.hero-section .container,.hero-section .row{height: 100%;}.hero-section .row{display: flex;align-items: center;}.hero-content{padding-top: 0;}.hero-content,.hero-visual{position:relative;z-index:2;}

.hero-content{
  padding-top:60px;
}

.hero-badge{
  display:inline-block;
  padding:10px 20px;
  background:var(--cream-soft);
  color:#b49c6b;
  border-radius:40px;
  font-size:16px;
  font-weight:700;
  margin-bottom:22px;
}

.hero-title{
  font-size:42px;
  line-height:1.18;
  margin:0 0 50px;
  font-weight:800;
  color:#111;
}

.hero-title .accent{
  color:var(--primary);
  position:relative;
  display:inline-block;
}

.hero-title .accent:after{
  content:"";
  position:absolute;
  left:0;
  bottom:-10px;
  width:100%;
  height:10px;
  background:linear-gradient(90deg,var(--gold),var(--cream));
  border-radius:30px;
  opacity:.95;
}

.hero-text{
  font-size:19px;
  line-height:1.95;
  color:#2d2d2d;
  margin-bottom:28px;
}

.hero-actions{
  display:flex;
  align-items:center;
  gap:15px;
  flex-wrap:wrap;
}

.btn-outline-soft{
  display:inline-block;
  min-width:170px;
  padding:13px 24px;
  border-radius:14px;
  background:#fff;
  color:var(--primary);
  border:1px solid rgba(180,156,107,.18);
  font-weight:700;
  font-size:18px;
  text-align:left;
  transition:.3s ease;
}

.btn-outline-soft:hover,
.btn-outline-soft:focus{
  color:var(--primary);
  border-color:var(--primary);
  transform:translateY(-2px);
}

.hero-visual{
   min-height: auto;
height: calc(100vh - 96px);
display: flex;
align-items: flex-end;
justify-content: center;
overflow: hidden;
}

.hero-image-wrap{

height: 100%;display: flex;align-items: flex-end;justify-content: center;}

.hero-shape-1,
.hero-shape-2,
.hero-shape-3,
.hero-dots{
  position:absolute;
  pointer-events:none;
}

.hero-shape-1{
  width:420px;
  height:420px;
  border-radius:45% 55% 60% 40% / 45% 40% 60% 55%;
  background:linear-gradient(135deg, rgba(234,223,202,.95), rgba(234,223,202,.25));
  top:40px;
  right:20px;
  box-shadow:0 25px 60px rgba(234,223,202,.38);
  animation:floatY 5s ease-in-out infinite;
}

.hero-shape-2{
  width:280px;
  height:280px;
  border-radius:50%;
  border:2px dashed rgba(180,156,107,.18);
  top:90px;
  right:100px;
  animation:spinSlow 20s linear infinite;
}

.hero-shape-3{
  width:140px;
  height:140px;
  background:linear-gradient(135deg, rgba(180,156,107,.1), rgba(180,156,107,.02));
  border-radius:30px;
  top:0;
  right:310px;
  transform:rotate(25deg);
}

.hero-dots{
  width:140px;
  height:140px;
  bottom:55px;
  left:10px;
  background-image:radial-gradient(rgba(180,156,107,.22) 1.8px, transparent 1.8px);
  background-size:16px 16px;
  opacity:.9;
}

.hero-man{
max-height: calc(100vh - 140px);
width: auto;
max-width: 100%;
object-fit: contain;
  filter:drop-shadow(0 20px 50px rgba(0,0,0,.08));
}

.floating-card{
  position:absolute;
  z-index:4;
  background:#fff;
  border-radius:18px;
  box-shadow:0 15px 35px rgba(180,156,107,.12);
  padding:16px 18px;
  min-width:175px;
}

.floating-card.card-course{
  top:120px;
  left:-10px;
}

.floating-card.card-students{
  bottom:60px;
  right:0;
}

.floating-card small{
  display:block;
  color:#808080;
  font-size:13px;
  margin-bottom:6px;
}

.floating-card strong{
  color:var(--primary);
  font-size:20px;
  font-weight:800;
}

@keyframes floatY {
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-14px)}
}

@keyframes spinSlow {
  from{transform:rotate(0deg)}
  to{transform:rotate(360deg)}
}

@media (max-width:1199px){
  .hero-title{font-size:52px;}
  .hero-text{font-size:21px;}
  .main-nav{gap:22px;}
}

@media (max-width:991px){
  .topbar-flex{
    flex-direction:column;
    align-items:flex-start;
  }

  .main-nav{
    width:100%;
    justify-content:flex-start;
    flex-wrap:wrap;
    margin:10px 0;
  }

  .header-cta{
    width:100%;
  }

  .hero-content{
    padding-top:0;
    text-align:left;
  }

  .hero-actions{
    justify-content:center;
  }

  .hero-title{font-size:42px;}
  .hero-text{font-size:19px;}
  .hero-visual{min-height:auto; margin-top:40px;}
  .floating-card{display:none;}
  .hero-shape-1{left:50%; transform:translateX(-50%);}
  .hero-shape-2{left:50%; transform:translateX(-50%);}
  .hero-shape-3{left:58%;}
}

@media (max-width:767px){

.brand-wrap {display: block !important;width: 100%;}.openmenu {float: right;background: #fff;padding: 10px;box-shadow: 0 10px 20px rgba(0, 0, 0, .2);border-radius: 8px;font-size: 19px !important;}nav.main-nav {position: fixed;width: 50%;box-shadow: 0 10px 30px rgba(0, 0, 0, .08);z-index: 999;background: #fff;top: 0;margin:0;padding:30px 10px;display: block;left: -70%;transition:.4s;height: 100%;}nav.act{left:0;}nav.main-nav a{display: block;margin-bottom: 30px;}.site-header{padding:16px 0;}.brand-logo{max-height:54px;}.brand-text{font-size:16px;}.main-nav{gap:14px;}.main-nav a{font-size:15px;}.btn-main,.btn-outline-soft{min-width:100%;}.hero-section{padding:40px 0 55px;}.hero-title{font-size:32px;}.hero-text{font-size:17px; line-height:1.8;}.hero-badge{font-size:14px;}.hero-shape-1{width:280px; height:280px; top:45px;}.hero-shape-2{width:210px; height:210px; top:72px;}.hero-shape-3{width:90px; height:90px; top:20px; left:auto; right:20px;}.hero-dots{width:95px; height:95px;}}.about-us-section{position: relative;padding: 100px 0;background: #fff;overflow: hidden;}

.about-us-row{display: flex;align-items: center;}

.about-us-image{position: relative;text-align: center;padding: 30px;}

.about-bg-shape{position: absolute;width: 460px;height: 460px;background: radial-gradient(circle, rgba(234,223,202,.95) 0%, rgba(234,223,202,.65) 60%, rgba(234,223,202,.15) 100%);border-radius: 50%;left: 50%;top: 50%;transform: translate(-50%, -50%);z-index: 1;}

.about-floating-shape{position: absolute;border: 2px solid rgba(180,156,107,.15);border-radius: 10px;z-index: 1;}

.about-floating-shape.shape-one{width: 80px;height: 18px;top: 40px;right: 80px;box-shadow: -40px 18px 0 -2px rgba(180,156,107,.18);}

.about-floating-shape.shape-two{width: 65px;height: 16px;bottom: 70px;left: 70px;box-shadow: 45px -22px 0 -2px rgba(180,156,107,.14);

}

.about-us-image img{position: relative;z-index: 2;max-height: 500px;border-radius: 12px;border: 5px solid var(--primary);padding: 7px;width: auto;}

.about-us-content{padding-left: 20px;}

.about-us-content .section-label{display: inline-block;margin-bottom: 14px;color: #b49c6b;font-size: 15px;font-weight: 700;text-transform: uppercase;letter-spacing: .5px;}

.about-us-content h2{font-size: 46px;line-height: 1.2;font-weight: 800;color: #111;margin: 0 0 22px;}

.about-us-content p{font-size: 18px;line-height: 1.9;color: #555;margin-bottom: 18px;}

.about-us-features{margin-top: 30px;}

.about-feature{display: flex;align-items: flex-start;gap: 16px;padding: 16px 0;border-bottom: 1px solid rgba(180,156,107,.08);}

.about-feature{border-bottom: none;}

.about-feature > span{display: inline-flex;align-items: center;justify-content: center;width: 52px;height: 52px;background: linear-gradient(135deg, #b49c6b, #c6b187);color: #fff;border-radius: 14px;font-size: 18px;font-weight: 700;flex: 0 0 52px;}

.about-feature h4{margin: 3px 0 7px;font-size: 22px;font-weight: 700;color: #151515;}

.about-feature p{margin: 0;font-size: 16px;line-height: 1.8;color: #666;}

@media (max-width: 991px){.about-us-row{display: block;}

.about-us-content{
    padding-left: 0;
    margin-top: 35px;
    text-align: center;
}

.about-feature{
    text-align: left;
}

.about-bg-shape{
    width: 360px;
    height: 360px;
}

}

@media (max-width: 767px){.about-us-section{padding: 70px 0;}

.about-us-content h2{
    font-size: 32px;
}

.about-us-content p{
    font-size: 16px;
}

.about-us-image img{
    max-height: 320px;
}

.about-bg-shape{
    width: 260px;
    height: 260px;
}

.about-floating-shape{
    display: none;
}

.about-feature h4{
    font-size: 18px;
}

}

.why-choose-section{position: relative;padding: 100px 0;background: #f8f8f4;overflow: hidden;}

.why-choose-heading{margin-bottom: 50px;}.courses-section-v2 .section-label,.why-choose-heading .section-label{display: inline-block;margin-bottom: 14px;color: #b49c6b;font-size: 15px;font-weight: 700;text-transform: uppercase;letter-spacing: .5px;}.courses-section-v2 .section-heading h2,.why-choose-heading h2{font-size: 48px;line-height: 1.25;font-weight: 800;color: #111;margin: 0 0 18px;}

.why-choose-heading p{max-width: 720px;margin: 0 auto;font-size: 18px;line-height: 1.9;color: #555;}

.why-card{position: relative;background: rgba(255,255,255,.9);border: 1px solid rgba(180,156,107,.06);border-radius: 26px;padding: 35px 26px;text-align: center;min-height:315px;margin-bottom: 30px;box-shadow: 0 15px 35px rgba(0,0,0,.04);transition: all .35s ease;overflow: hidden;}

.why-card:before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 4px;background: linear-gradient(90deg, #b49c6b, #eadfca);transform: scaleX(0);transform-origin: left;transition: all .35s ease;}

.why-card:hover{transform: translateY(-8px);box-shadow: 0 22px 40px rgba(180,156,107,.08);}

.why-card:hover:before{transform: scaleX(1);}

.why-icon-box{width: 90px;height: 90px;margin: 0 auto 22px;border-radius: 22px;display: flex;align-items: center;justify-content: center;background: linear-gradient(180deg, #fff, #f7f2e8);box-shadow: 0 12px 25px rgba(180,156,107,.08);font-size: 40px;line-height: 1;}

.why-card h3{font-size: 28px;line-height: 1.35;font-weight: 800;color: #111;margin: 0 0 14px;}

.why-card p{font-size: 17px;line-height: 1.8;color: #555;margin: 0;}.why-icon-box i{font-size: 38px;color: #b49c6b;line-height: 1;}@media (max-width: 1199px){.why-choose-heading h2{font-size: 40px;}

.why-card h3{
    font-size: 24px;
}

}

@media (max-width: 767px){.why-choose-section{padding: 70px 0;}

.why-choose-heading h2{
    font-size: 30px;
}

.why-choose-heading p,
.why-card p{
    font-size: 16px;
}

.why-card{
    min-height: auto;
    padding: 30px 20px;
}

.why-icon-box{
    width: 78px;
    height: 78px;
    font-size: 34px;
}

.why-card h3{
    font-size: 22px;
}

}


.courses-section-v2{position: relative;padding: 100px 0;background: #faf8f3;overflow: hidden;}

.courses-section-v2 .section-heading{margin-bottom: 50px;position: relative;z-index: 2;}


.courses-shape{position: absolute;right: 0;top: 190px;width: 430px;height: 430px;background: rgba(234,223,202,.48);border-top-left-radius: 70px;border-bottom-left-radius: 70px;border-top-right-radius: 0;border-bottom-right-radius: 0;z-index: 1;}

.courses-grid-v2{position: relative;z-index: 2;}

.courses-grid-v2 > div{margin-bottom: 30px;}

.course-card-v2{position:relative;overflow:hidden;display: flex;align-items: center;padding: 20px;min-height: 100px;background: #fff;border: 1px solid rgba(180, 156, 107, .07);border-radius: 22px;text-decoration: none;box-shadow: 0 10px 28px rgba(0, 0, 0, .04);transition: all .35s ease;}

.course-card-v2:hover{text-decoration: none;transform: translateY(-6px);box-shadow: 0 18px 40px rgba(180,156,107,.10);border-color: rgba(180,156,107,.15);}

.course-card-v2:before{content: "";position: absolute;left: 0;bottom: 0;width: 0;height: 4px;background: linear-gradient(90deg, #b49c6b, #eadfca);transition: all .35s ease;}

.course-card-v2:hover:before{width: 100%;}.course-header{display:flex;align-items:center;gap:15px;width:100%;}

.course-icon{width:48px;height:48px;object-fit:contain;flex-shrink:0;}

.course-title{font-size:18px;line-height:1.4;font-weight:600;color:#444;}

.course-icon{width: 50px;height: 50px;min-width: 50px;border-radius: 18px;display: inline-flex;align-items: center;justify-content: center;box-shadow: 0 8px 20px rgba(0,0,0,.04);}

.course-icon i{font-size: 26px;line-height: 1;}

.course-icon.pink{background: #fdecef;}.course-icon.pink i{color: #ef97aa;}

.course-icon.blue{background: #edf2ff;}.course-icon.blue i{color: #6f93e8;}

.course-icon.yellow{background: #fff6da;}.course-icon.yellow i{color: #b49c6b;}

.course-icon.green{background: #f3efe6;}.course-icon.green i{color: #b49c6b;}

@media (max-width: 1199px){.courses-section-v2 .section-heading h2{font-size: 44px;}

.course-title{
    font-size: 24px;
}

}

@media (max-width: 991px){.courses-section-v2{padding: 80px 0;}

.courses-shape{
    width: 320px;
    height: 320px;
    top: auto;
    bottom: 40px;
}

.course-card-v2{
    min-height: 118px;
    padding: 22px 22px;
}

.course-title{
    font-size: 21px;
}

.course-icon{
    width: 60px;
    height: 60px;
    min-width: 60px;
}

.course-icon i{
    font-size: 26px;
}

}

@media (max-width: 767px){.courses-section-v2{padding: 65px 0;}

.courses-section-v2 .section-heading{
    margin-bottom: 35px;
}

.courses-section-v2 .section-heading h2{
    font-size: 32px;
}

.courses-grid-v2 > div{
    margin-bottom: 18px;
}

.course-card-v2{
    min-height: 104px;
    padding: 18px 16px;
    gap: 12px;
    border-radius: 18px;
}

.course-title{
    font-size: 17px;
    line-height: 1.45;
}

.course-icon{
    width: 50px;
    height: 50px;
    min-width: 50px;
    border-radius: 14px;
}

.course-icon i{
    font-size: 22px;
}

.courses-shape{
    width: 210px;
    height: 210px;
    bottom: 25px;
}

}.stats-section{position: relative;background: linear-gradient(135deg, #b49c6b, #c6b187);padding: 38px 0;margin-top: 0;z-index: 2;}

.stats-row{display: flex;align-items: center;margin: 0;}

.stats-row > div{position: relative;}

.stats-row > div:after{content: "";position: absolute;top: 50%;right: 0;width: 1px;height: 64px;background: rgba(234,223,202,.22);transform: translateY(-50%);}

.stat-box{text-align: center;padding: 10px 20px;}

.stat-box h3{margin: 0 0 10px;font-size: 52px;line-height: 1;font-weight: 800;color: #ffffff;letter-spacing: -.5px;}

.stat-box p{margin: 0;font-size: 22px;line-height: 1.5;font-weight: 500;color: #eadfca;}

/* علشان يبقى لازق في السكشن اللي قبله */.programs-section{padding-bottom: 0;}

/* لو عايز شريط الإحصائيات يدخل بسيط فوق السكشن اللي قبله */.stats-section.stats-overlap{margin-top: -1px;}

@media (max-width: 1199px){.stat-box h3{font-size: 44px;}

.stat-box p{
    font-size: 19px;
}

}

@media (max-width: 991px){.stats-row{display: block;}

.stats-row > div{
    float: left;
    width: 50%;
}

.stats-row > div:nth-child(2):after{
    display: none;
}

.stats-row > div:after{
    height: 48px;
}

.stat-box{
    padding: 18px 15px;
}

.stat-box h3{
    font-size: 38px;
}

.stat-box p{
    font-size: 18px;
}

}

@media (max-width: 767px){.stats-section{padding: 24px 0;}

.stats-row > div{
    width: 50%;
}

.stats-row > div:after{
    display: none;
}

.stat-box{
    padding: 16px 10px;
}

.stat-box h3{
    font-size: 30px;
    margin-bottom: 8px;
}

.stat-box p{
    font-size: 15px;
    line-height: 1.4;
}

}.certificates-section{position: relative;padding: 110px 0;background: linear-gradient(90deg, #fbfbfb 0%, #fbfbfb 42%, #faf8f3 42%, #faf8f3 100%);overflow: hidden;}

.certificates-row{display: flex;align-items: center;}

.certificates-content{padding-right: 20px;}

.certificates-content .section-label{display: inline-block;margin-bottom: 12px;color: #b49c6b;font-size: 15px;font-weight: 700;text-transform: uppercase;letter-spacing: .5px;}

.certificates-content h2{margin: 0 0 18px;font-size: 52px;line-height: 1.18;font-weight: 800;color: #111;}


.certificates-content p{margin: 0;max-width: 430px;font-size: 20px;line-height: 1.9;color: #7c7c7c;}

.certificates-slider-wrap{position: relative;padding-left: 10px;}

.certificates-slide{padding: 10px 0;}

.certificates-slide .row{margin-left: 0;margin-right: 0;}

.certificates-slide .col-md-3,.certificates-slide .col-sm-3,.certificates-slide .col-xs-6{padding-left: 0;padding-right: 0;}

.certificate-card{height: 195px;background: #fff;border-right: 1px solid rgba(180,156,107,.10);border-bottom: 1px solid rgba(180,156,107,.10);display: flex;align-items: center;justify-content: center;padding: 28px;transition: all .35s ease;}

.certificates-slide .row > div:nth-child(-n+4) .certificate-card{border-top: 1px solid rgba(180,156,107,.10);}

.certificates-slide .row > div:nth-child(4n+1) .certificate-card{border-left: 1px solid rgba(180,156,107,.10);}

.certificate-card:hover{background: rgba(234,223,202,.18);}

.certificate-card img{max-width: 100%;max-height: 95px;width: auto;height: auto;display: block;margin: 0 auto;transition: all .35s ease;opacity: .92;filter: grayscale(10%);}

.certificate-card:hover img{transform: scale(1.05);opacity: 1;}

/* Owl */.certificates-carousel .owl-stage-outer{overflow: hidden;}

.certificates-carousel .owl-nav{margin-top: 24px;display: flex;gap: 10px;justify-content: flex-start;}

.certificates-carousel .owl-nav button.owl-prev,.certificates-carousel .owl-nav button.owl-next{width: 46px;height: 46px;border-radius: 50%;border: none;background: #fff !important;color: #b49c6b !important;font-size: 18px !important;box-shadow: 0 8px 18px rgba(0,0,0,.08);transition: all .3s ease;}

.certificates-carousel .owl-nav button.owl-prev:hover,.certificates-carousel .owl-nav button.owl-next:hover{background: #b49c6b !important;color: #fff !important;}

.certificates-carousel .owl-dots{margin-top: 16px;text-align: left;}

.certificates-carousel .owl-dot span{width: 10px;height: 10px;margin: 5px 4px;background: #e4ddcf !important;display: block;border-radius: 50%;transition: all .3s ease;}

.certificates-carousel .owl-dot.active span{width: 28px;border-radius: 30px;background: #b49c6b !important;}

@media (max-width: 1199px){.certificates-content h2{font-size: 42px;}

.certificates-content p{
    font-size: 18px;
}

.certificate-card{
    height: 180px;
    padding: 22px;
}

}

@media (max-width: 991px){.certificates-section{padding: 80px 0;background: #fbfbfb;}

.certificates-row{
    display: block;
}

.certificates-content{
    padding-right: 0;
    margin-bottom: 35px;
    text-align: center;
}

.certificates-content p{
    max-width: 100%;
}

.certificates-content .title-shape{
    margin-left: auto;
    margin-right: auto;
}

.certificates-slider-wrap{
    padding-left: 0;
}

.certificates-carousel .owl-nav{
    justify-content: center;
}

.certificates-carousel .owl-dots{
    text-align: center;
}

}

@media (max-width: 767px){.certificates-section{padding: 65px 0;}

.certificates-content h2{
    font-size: 32px;
}

.certificates-content p{
    font-size: 16px;
    line-height: 1.8;
}

.certificate-card{
    height: 140px;
    padding: 18px;
}

.certificate-card img{
    max-height: 70px;
}

.certificates-slide .col-md-3,
.certificates-slide .col-sm-3,
.certificates-slide .col-xs-6{
    width: 50%;
    float: left;
}

.certificates-slide .row > div:nth-child(-n+2) .certificate-card{
    border-top: 1px solid rgba(180,156,107,.10);
}

.certificates-slide .row > div:nth-child(4n+1) .certificate-card{
    border-left: none;
}

.certificates-slide .row > div:nth-child(2n+1) .certificate-card{
    border-left: 1px solid rgba(180,156,107,.10);
}

}

.testimonials-section{position: relative;padding: 110px 0 90px;background: #fbfbf8;overflow: hidden;}

.testimonials-section .section-heading{margin-bottom: 50px;}

.section-label{display: inline-block;margin-bottom: 14px;color: #8a8a8a;font-size: 15px;font-weight: 700;text-transform: uppercase;letter-spacing: 1px;}

.testimonials-section h2{margin: 0;font-size: 52px;line-height: 1.2;font-weight: 800;color: #111;}

.heading-line{display: block;width: 130px;height: 9px;margin: 22px auto 0;border-radius: 30px;background: linear-gradient(90deg, #b49c6b, #eadfca);}

.testimonial-card{position: relative;background: #ffffff;border-radius: 28px;padding: 35px 28px 32px;text-align: center;box-shadow: 0 18px 40px rgba(0,0,0,.05);border: 1px solid rgba(180,156,107,.06);margin: 15px 10px;transition: all .35s ease;min-height: 420px;}

.testimonial-card:hover{transform: translateY(-8px);box-shadow: 0 25px 50px rgba(180,156,107,.10);}

.testimonial-avatar{width: 92px;height: 92px;border-radius: 50%;overflow: hidden;margin: 0 auto 22px;border: 4px solid rgba(234,223,202,.65);box-shadow: 0 10px 24px rgba(180,156,107,.08);}

.testimonial-avatar img{width: 100%;height: 100%;object-fit: cover;display: block;}

.testimonial-text{margin: 0 0 22px;font-size: 18px;line-height: 1.95;color: #565656;}

.testimonial-card h4{margin: 0 0 6px;font-size: 28px;line-height: 1.3;font-weight: 800;color: #151515;}

.testimonial-role{display: block;margin-bottom: 16px;font-size: 17px;color: #888;}

.testimonial-stars i{color: #b49c6b;margin: 0 2px;font-size: 18px;}

.testimonials-carousel .owl-stage-outer{overflow: visible;}

.testimonials-carousel .owl-nav{margin-top: 20px;display: flex;justify-content: center;gap: 12px;}

.testimonials-carousel .owl-nav button.owl-prev,.testimonials-carousel .owl-nav button.owl-next{width: 48px;height: 48px;border-radius: 50%;border: none;background: #fff !important;color: #b49c6b !important;font-size: 18px !important;box-shadow: 0 8px 18px rgba(0,0,0,.08);transition: all .3s ease;}

.testimonials-carousel .owl-nav button.owl-prev:hover,.testimonials-carousel .owl-nav button.owl-next:hover{background: #b49c6b !important;color: #fff !important;}

.testimonials-carousel .owl-dots{margin-top: 18px;text-align: center;}

.testimonials-carousel .owl-dot span{width: 10px;height: 10px;margin: 5px 5px;background: #e4ddcf !important;display: block;border-radius: 50%;transition: all .3s ease;}

.testimonials-carousel .owl-dot.active span{width: 28px;border-radius: 30px;background: #b49c6b !important;}

.testimonials-shape{position: absolute;border: 1px solid rgba(180,156,107,.08);border-radius: 50%;pointer-events: none;}

.testimonials-section .shape-1{width: 420px;height: 420px;left: -180px;bottom: -180px;}

.testimonials-section .shape-2{width: 360px;height: 360px;right: -150px;top: -140px;}

.testimonials-dots{position: absolute;top: 110px;right: 80px;width: 150px;height: 150px;background-image: radial-gradient(rgba(180,156,107,.65) 2px, transparent 2px);background-size: 18px 18px;opacity: .9;}

@media (max-width: 1199px){.testimonials-section h2{font-size: 44px;}

.testimonial-card h4{
    font-size: 24px;
}

.testimonial-text{
    font-size: 17px;
}

}

@media (max-width: 991px){.testimonials-section{padding: 85px 0 70px;}

.testimonials-section h2{
    font-size: 38px;
}

.testimonial-card{
    min-height: 390px;
}

.testimonials-dots{
    display: none;
}

}

@media (max-width: 767px){.testimonials-section{padding: 70px 0 60px;}

.testimonials-section h2{
    font-size: 30px;
}

.heading-line{
    width: 95px;
    height: 7px;
}

.testimonial-card{
    min-height: auto;
    padding: 28px 20px;
    margin: 10px 6px;
    border-radius: 22px;
}

.testimonial-avatar{
    width: 76px;
    height: 76px;
}

.testimonial-text{
    font-size: 16px;
    line-height: 1.85;
}

.testimonial-card h4{
    font-size: 22px;
}

.testimonial-role{
    font-size: 15px;
}

}.site-footer{position: relative;background: #faf8f3;padding: 90px 0 0;overflow: hidden;}

.footer-pattern{position: absolute;top: -40px;left: -80px;width: 240px;height: 360px;opacity: .18;background-image:radial-gradient(circle at 20px 20px, rgba(180,156,107,.18) 1px, transparent 1px),radial-gradient(circle at 60px 60px, rgba(180,156,107,.08) 1px, transparent 1px);background-size: 80px 80px;pointer-events: none;}

.footer-main{margin-bottom: 55px;}

.footer-widget{margin-bottom: 35px;}

.footer-logo{max-height: 66px;max-width:237px;margin-bottom: 24px;}

.footer-about p,.footer-newsletter-text{font-size: 18px;line-height: 1.9;color: #555;margin-bottom: 26px;}

.footer-contact-list{list-style: none;padding: 0;margin: 0;}

.footer-contact-list li{margin-bottom: 12px;font-size: 18px;line-height: 1.7;color: #222;}

.footer-contact-list strong{color: #111;font-weight: 700;}

.footer-widget h3{margin: 10px 0 26px;font-size: 28px;font-weight: 800;color: #111;}

.footer-links{list-style: none;padding: 0;margin: 0;}

.footer-links li{margin-bottom: 16px;}

.footer-links a{font-size: 18px;color: #2a2a2a;text-decoration: none;transition: all .3s ease;}

.footer-links a:hover{color: #b49c6b;padding-left: 4px;}

.footer-subscribe-form{display: flex;gap: 12px;margin-bottom: 24px;}

.footer-subscribe-form input{width: 100%;height: 62px;border: 1px solid rgba(180,156,107,.08);background: #fff;border-radius: 14px;padding: 0 20px;font-size: 17px;color: #222;outline: none;}

.footer-subscribe-form input:focus{border-color: rgba(180,156,107,.25);}

.footer-subscribe-form button{height: 62px;border: none;padding: 0 12px;border-radius: 14px;background: linear-gradient(135deg, #b49c6b, #c6b187);color: #fff;font-size: 16px;font-weight: 700;white-space: nowrap;transition: all .35s ease;}

.footer-subscribe-form button:hover{transform: translateY(-2px);}

.footer-subscribe-form button i{margin-left: 8px;}

.footer-socials a{display: inline-flex;align-items: center;justify-content: center;width: 42px;height: 42px;margin-right: 8px;border-radius: 50%;background: #fff;color: #b49c6b;font-size: 18px;text-decoration: none;box-shadow: 0 8px 16px rgba(0,0,0,.05);transition: all .3s ease;}

.footer-socials a:hover{background: #b49c6b;color: #fff;transform: translateY(-3px);}

.footer-bottom{border-top: 1px solid rgba(180,156,107,.08);padding: 24px 0;text-align: center;}

.footer-bottom p{margin: 0;font-size: 18px;color: #333;}

.footer-bottom span{color: #b49c6b;font-weight: 700;}

@media (max-width: 991px){.site-footer{padding-top: 70px;}

.footer-widget h3{
    font-size: 24px;
}

.footer-about p,
.footer-newsletter-text,
.footer-contact-list li,
.footer-links a,
.footer-bottom p{
    font-size: 16px;
}

}

@media (max-width: 767px){.site-footer{padding-top: 60px;}

.footer-subscribe-form{
    flex-direction: column;
}

.footer-subscribe-form button{
    width: 100%;
}

.footer-logo{
    max-height: 56px;
}

.footer-widget h3{
    margin-bottom: 18px;
    font-size: 22px;
}

.footer-socials a{
    margin-bottom: 10px;
}

}.scroll-top-btn{position: fixed;right: 24px;bottom: 24px;width: 64px;height: 64px;border: none;background: transparent;padding: 0;cursor: pointer;z-index: 9999;opacity: 0;visibility: hidden;transform: translateY(15px);transition: all .35s ease;}

.scroll-top-btn.show{opacity: 1;visibility: visible;transform: translateY(0);}

.progress-ring{transform: rotate(-90deg);}

.progress-ring-bg{fill: rgba(255,255,255,.92);stroke: rgba(180,156,107,.10);stroke-width: 4;}

.progress-ring-circle{fill: none;stroke: #b49c6b;stroke-width: 4;stroke-linecap: round;stroke-dasharray: 163.36;stroke-dashoffset: 163.36;transition: stroke-dashoffset .15s linear;}

.scroll-top-icon{position: absolute;top: 50%;left: 50%;width: 42px;height: 42px;transform: translate(-50%, -50%);border-radius: 50%;background: linear-gradient(135deg, #b49c6b, #c6b187);color: #fff;display: flex;align-items: center;justify-content: center;box-shadow: 0 8px 18px rgba(180,156,107,.18);transition: all .3s ease;}

.scroll-top-icon i{font-size: 16px;}

.scroll-top-btn:hover .scroll-top-icon{transform: translate(-50%, -50%) translateY(-2px);}

@media (max-width: 767px){.scroll-top-btn{right: 16px;bottom: 16px;width: 58px;height: 58px;}

.progress-ring{
    width: 58px;
    height: 58px;
}

}

.course-search-section{position: relative;padding: 0 0 90px;background: transparent;margin-top: 30px;z-index: 3;}

.course-search-box{background: linear-gradient(135deg, #b49c6b, #baa476);border-radius: 28px;padding: 38px 32px 28px;box-shadow: 0 22px 50px rgba(180,156,107,.18);position: relative;overflow: hidden;}

.course-search-box:before{content: "";position: absolute;right: -60px;top: -60px;width: 220px;height: 220px;background: rgba(234,223,202,.10);border-radius: 50%;}

.course-search-box:after{content: "";position: absolute;left: -40px;bottom: -40px;width: 140px;height: 140px;background: rgba(234,223,202,.08);border-radius: 50%;}

.course-search-title{position: relative;z-index: 2;margin-bottom: 24px;}

.course-search-title h2{margin: 0;font-size: 42px;line-height: 1.2;font-weight: 800;color: #ffffff;}

.course-search-form{position: relative;z-index: 2;}

.course-search-form .row{margin-left: -8px;margin-right: -8px;}

.course-search-form [class*="col-"]{padding-left: 8px;padding-right: 8px;margin-bottom: 16px;}

.search-field input,.search-field select{width: 100%;height: 62px;border: none;outline: none;border-radius: 16px;background: transparent;border:1px solid #fff;padding: 0 18px;font-size: 17px;color: #2b2b2b;box-shadow: inset 0 0 0 1px rgba(180,156,107,.08);transition: all .3s ease;appearance: none;-webkit-appearance: none;-moz-appearance: none;}

.search-field input::placeholder{color: #8a8a8a;}

.search-field input,.search-field select{box-shadow: inset 0 0 0 2px rgba(234,223,202,.85), 0 0 0 4px rgba(234,223,202,.12);}

.search-field{position: relative;}

.search-field select{cursor: pointer;padding-right: 42px;background: transparent;border:1px solid #fff;}

.search-action button{width: 100%;height: 62px;border: none;border-radius: 16px;background: #fff;color: #b49c6b;font-size: 18px;font-weight: 800;transition: all .35s ease;box-shadow: 0 14px 28px rgba(234,223,202,.18);}

.search-action button:hover{transform: translateY(-2px);box-shadow: 0 18px 30px rgba(234,223,202,.24);}

@media (max-width: 1199px){.course-search-title h2{font-size: 36px;}}

@media (max-width: 991px){.course-search-section{padding-bottom: 70px;margin-top: 0;}

.course-search-box{
    padding: 32px 24px 20px;
}

.course-search-title h2{
    font-size: 32px;
}

}

@media (max-width: 767px){.course-search-box{border-radius: 22px;padding: 26px 16px 14px;}

.course-search-title{
    margin-bottom: 18px;
}

.course-search-title h2{
    font-size: 26px;
}

.search-field input,
.search-field select,
.search-action button{
    height: 56px;
    border-radius: 14px;
    font-size: 16px;
}

}

.page-hero{padding: 95px 0;background: linear-gradient(135deg, #b49c6b, #c6b187);color: #fff;text-align: center;}

.page-hero h1{margin: 0 0 16px;font-size: 52px;font-weight: 800;}

.page-hero p{max-width: 760px;margin: 0 auto;font-size: 20px;line-height: 1.8;color: #eadfca;}

.course-label{display: inline-block;margin-bottom: 14px;color: #eadfca;font-weight: 700;text-transform: uppercase;letter-spacing: 1px;}

.courses-table-section,.course-details-section{padding: 90px 0;background: #faf8f3;}

.courses-table-wrap{background: #fff;border-radius: 24px;box-shadow: 0 18px 45px rgba(180,156,107,.08);overflow-x: auto;}

.courses-table{width: 100%;min-width: 900px;border-collapse: collapse;}

.courses-table thead{background: #b49c6b;}

.courses-table th{padding: 22px 24px;color: #eadfca;font-size: 16px;font-weight: 800;text-transform: uppercase;}

.courses-table td{padding: 22px 24px;border-bottom: 1px solid rgba(180,156,107,.08);font-size: 16px;color: #444;vertical-align: middle;}

.course-table-title{display: flex;align-items: center;gap: 16px;}

.course-table-title img{width: 58px;height: 58px;border-radius: 16px;object-fit: cover;}

.course-table-icon{width: 58px;height: 58px;border-radius: 16px;background: #f3efe6;color: #b49c6b;display: inline-flex;align-items: center;justify-content: center;font-size: 24px;flex: 0 0 58px;}

.course-table-title h3{margin: 0 0 6px;font-size: 20px;font-weight: 800;color: #111;}

.course-table-title p{margin: 0;color: #777;font-size: 14px;}

.course-table-btn,.course-register-btn{display: inline-block;padding: 13px 22px;border-radius: 14px;background: linear-gradient(135deg, #b49c6b, #c6b187);color: #fff;font-weight: 800;text-decoration: none;white-space: nowrap;}

.course-table-btn:hover,.course-register-btn:hover{color: #fff;text-decoration: none;transform: translateY(-2px);}

.courses-pagination{margin-top: 35px;text-align: center;}

.course-content-card,.course-info-card{background: #fff;border-radius: 24px;padding: 34px;box-shadow: 0 18px 45px rgba(180,156,107,.08);}

.course-content-card h2,.course-info-card h3{margin: 0 0 24px;font-size: 32px;font-weight: 800;color: #b49c6b;}

.course-description{font-size: 18px;line-height: 1.9;color: #555;}

.course-info-table{width: 100%;margin-bottom: 26px;}

.course-info-table tr{border-bottom: 1px solid rgba(180,156,107,.08);}

.course-info-table th,.course-info-table td{padding: 16px 0;font-size: 16px;vertical-align: top;}

.course-info-table th{width: 48%;color: #b49c6b;font-weight: 800;}

.course-info-table th i{margin-right: 8px;color: #b49c6b;}

.course-info-table td{color: #444;text-align: right;}

.course-register-btn{width: 100%;text-align: center;padding: 16px 22px;}

.no-courses-found{text-align: center;padding: 30px;color: #777;}

@media(max-width: 991px){.course-info-card{margin-top: 30px;}

.page-hero h1{
    font-size: 40px;
}

}

@media(max-width: 767px){.page-hero{padding: 70px 0;}

.page-hero h1{
    font-size: 30px;
}

.page-hero p{
    font-size: 16px;
}

.courses-table-section,
.course-details-section{
    padding: 60px 0;
}

.course-content-card,
.course-info-card{
    padding: 24px 18px;
    border-radius: 20px;
}

.course-content-card h2,
.course-info-card h3{
    font-size: 24px;
}

}


.about-company-section,.contact-section{padding:90px 0;background:#faf8f3;}

.about-company-row{display:flex;align-items:center;}

.about-company-image{position:relative;padding:30px;text-align:center;}

.about-company-image:before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:rgba(234,223,202,.55);left:50%;top:50%;transform:translate(-50%,-50%);z-index:1;}

.about-company-image img{position:relative;z-index:2;max-height:480px;margin:0 auto;}

.about-company-content h2,.contact-info-card h2{margin:0 0 20px;font-size:44px;line-height:1.25;font-weight:800;color:#b49c6b;}

.about-company-content p,.contact-info-card p{font-size:18px;line-height:1.9;color:#555;}

.about-values{margin-top:30px;}

.about-value-item{display:flex;gap:16px;padding:18px 0;border-bottom:1px solid rgba(180,156,107,.08);}

.about-value-item i{width:54px;height:54px;border-radius:16px;background:#b49c6b;color:#eadfca;display:flex;align-items:center;justify-content:center;font-size:22px;flex:0 0 54px;}

.about-value-item h4{margin:0 0 7px;font-size:22px;font-weight:800;color:#111;}

.about-value-item p{margin:0;font-size:16px;}

.contact-info-card,.contact-form-card{background:#fff;border-radius:26px;padding:36px;box-shadow:0 18px 45px rgba(180,156,107,.08);}

.contact-info-list{list-style:none;padding:0;margin:30px 0 0;}

.contact-info-list li{display:flex;gap:16px;margin-bottom:22px;}

.contact-info-list i{width:54px;height:54px;border-radius:16px;background:#f3efe6;color:#b49c6b;display:flex;align-items:center;justify-content:center;font-size:22px;flex:0 0 54px;}

.contact-info-list strong{display:flex;font-size:18px;color:#111;margin-bottom:5px;}

.contact-info-list span{color:#666;font-size:16px;}

.contact-form-card h3{margin:0 0 24px;font-size:32px;font-weight:800;color:#b49c6b;}

.contact-form input,.contact-form textarea{width:100%;border:1px solid rgba(180,156,107,.10);background:#fbfaf7;border-radius:16px;padding:0 18px;font-size:16px;margin-bottom:18px;outline:none;}

.contact-form input{height:58px;}

.contact-form textarea{padding-top:18px;resize:vertical;}

.contact-form input:focus,.contact-form textarea:focus{border-color:rgba(180,156,107,.25);}

.contact-form button{height:60px;padding:0 30px;border:0;border-radius:16px;background:linear-gradient(135deg,#b49c6b,#c6b187);color:#fff;font-size:18px;font-weight:800;}

.contact-form button i{margin-left:8px;}

@media(max-width:991px){.about-company-row{display:block;}

.about-company-content{
    margin-top:30px;
}

.contact-form-card{
    margin-top:30px;
}

}

@media(max-width:767px){.about-company-section,.contact-section{padding:60px 0;}

.about-company-content h2,
.contact-info-card h2{
    font-size:30px;
}

.contact-info-card,
.contact-form-card{
    padding:24px 18px;
    border-radius:20px;
}

.about-company-image:before{
    width:260px;
    height:260px;
}

}.course-popup-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:9998;display:flex;}

.course-popup{position:fixed;top:50%;left:50%;width:92%;max-width:520px;transform:translate(-50%,-50%) scale(.95);background:#fff;border-radius:24px;padding:34px;z-index:9999;display:flex;box-shadow:0 25px 70px rgba(0,0,0,.25);}

.course-popup.show{display:flex;transform:translate(-50%,-50%) scale(1);}

.course-popup-overlay.show{display:flex;}

.course-popup-close{position:absolute;right:18px;top:18px;width:38px;height:38px;border:0;border-radius:50%;background:#f3efe6;color:#b49c6b;}

.course-popup h3{margin:0 0 10px;font-size:30px;font-weight:800;color:#b49c6b;}

.course-popup p{margin:0 0 24px;color:#666;font-size:16px;}

.course-popup input,.course-popup textarea{width:100%;border:1px solid rgba(180,156,107,.12);background:#fbfaf7;border-radius:14px;padding:0 16px;font-size:15px;margin-bottom:14px;outline:none;}

.course-popup input{height:54px;}

.course-popup textarea{height:120px;padding-top:15px;resize:vertical;}

.course-popup input:focus,.course-popup textarea:focus{border-color:rgba(180,156,107,.25);}

.course-popup input[type="submit"]{background:linear-gradient(135deg,#b49c6b,#c6b187);color:#fff;border:0;font-weight:800;margin-bottom:0;}

.single-course-new-section{padding:70px 0;background:#fff;}

.course-booking-table-wrap{overflow-x:hidden;margin-bottom:32px;border-radius:0;}

.course-booking-table{width:100%;min-width:980px;border-collapse:collapse;background:#fff;border:1px solid rgba(180,156,107,.15);}

.course-booking-table thead{background:#b49c6b;}

.course-booking-table th{padding:16px 14px;color:#eadfca;font-size:17px;font-weight:800;text-align:center;border-right:1px solid rgba(255,255,255,.18);}

.course-booking-table td{padding:14px 14px;color:#123;font-size:16px;border:1px solid rgba(180,156,107,.12);}


.course-table-register{padding:12px 14px;background:#b49c6b;color:#fff;font-size:14px;font-weight:800;text-decoration:none;white-space:nowrap;}

.course-table-register{background:#b49c6b;color:#fff;text-decoration:none;}

.course-action-buttons{display:flex;flex-wrap:wrap;gap:14px;margin:25px 0 35px;}

.course-action-btn{min-width:190px;text-align:center;padding:14px 22px;background:#b49c6b;color:#fff;border-left:5px solid #b49c6b;font-weight:800;text-decoration:none;transition:.3s;}

.course-action-btn{background:#c6b187;color:#fff;text-decoration:none;}

.course-accordion-wrap{margin-top:20px;}

.course-accordion-item{border-bottom:2px solid #b49c6b;}

.course-accordion-title{width:100%;padding:22px 0;background:transparent;border:0;color:#b49c6b;font-size:30px;font-weight:500;text-align:left;outline:none;position:relative;}

.course-accordion-title i{float:right;font-size:20px;margin-top:8px;}

.course-accordion-item.active .course-accordion-title i{transform:rotate(45deg);}

.course-accordion-content{display:flex;padding:0 0 25px;font-size:18px;line-height:1.9;color:#444;}

.course-accordion-content ul{padding-left:22px;}

.course-accordion-content img{max-width:100%;height:auto;}

@media(max-width:767px){.single-course-new-section{padding:50px 0;}

.course-action-btn{
    width:100%;
}

.course-accordion-title{
    font-size:22px;
    padding:18px 0;
}

}.main-nav li{list-style:none !important}.main-nav > ul > li{position: relative;display: inline-block;float: left;margin-right: 40px;position: relative;

}

/* القائمة الكبيرة */.main-nav > ul > li > ul{position: absolute;top: 100%;left: 50%;width: 1000px;transform: translateX(-50%) translateY(15px);background: #fff;border-radius: 18px;padding: 28px;box-shadow: 0 20px 50px rgba(0,0,0,.12);display: grid;grid-template-columns: repeat(3, 1fr);gap: 24px;opacity: 0;visibility: hidden;transition: .3s ease;z-index: 9999;}

.main-nav > ul > li{position: relative;}

.main-nav > ul > li > ul{opacity: 0;visibility: hidden;pointer-events: none;transform: translateX(-50%) translateY(15px);}

/* تم حذف قاعدة كانت تجعل القائمة ظاهرة دائمًا بدون hover */

/* كل col */.main-nav > ul > li > ul > li{position: relative;padding: 0;}

/* عنوان القسم الثاني */.main-nav > ul > li > ul > li > a{display: block;font-size: 17px;font-weight: 800;color: #b49c6b;padding: 0 0 12px;margin-bottom: 12px;border-bottom: 2px solid rgba(180,156,107,.12);}

/* روابط القسم الثالث تحت العنوان */.main-nav > ul > li > ul > li > ul{position: static;opacity: 1;visibility: visible;transform: none;width: auto;background: transparent;box-shadow: none;padding: 0;display: block;}

.main-nav > ul > li > ul > li > ul > li > a{display: block;padding: 6px 0;font-size: 14px;font-weight: 400;color: #444;}

.main-nav > ul > li > ul > li > ul > li > a{color: #b49c6b;padding-left: 6px;}

/* إلغاء الأسهم داخل الميجا */.main-nav > ul > li > ul .menu-item-has-children > a{display: none;}

/* السهم فقط على العنصر الرئيسي */.main-nav > ul > li.menu-item-has-children > a:before{content: "\f107";font-family: "Font Awesome 6 Free";font-weight: 900;margin-left: 8px;font-size: 12px;}

@media print{

@page{
    size: A4 landscape;
    margin: 10mm;
}

body{
    direction: ltr !important;
    background: #fff !important;
    overflow: visible !important;
}

header,
footer,
.site-header,
.site-footer,
.course-action-buttons,
.course-popup,
.course-popup-overlay,
.scroll-top-btn{
    display: none !important;
}

.container{
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

.course-booking-table-wrap{
    overflow: visible !important;
    width: 100% !important;
    box-shadow: none !important;
}

.course-booking-table{
    width: 100% !important;
    min-width: 0 !important;
    table-layout: fixed !important;
    border-collapse: collapse !important;
}

.course-booking-table th,
.course-booking-table td{
    padding: 8px 6px !important;
    font-size: 11px !important;
    line-height: 1.35 !important;
    white-space: normal !important;
    word-break: break-word !important;
    text-align: center !important;
}

.course-booking-table th:first-child,
.course-booking-table td:first-child{
    width: 38% !important;
}

.course-booking-table th:nth-child(2),
.course-booking-table td:nth-child(2),
.course-booking-table th:nth-child(3),
.course-booking-table td:nth-child(3){
    width: 14% !important;
}

.course-booking-table th:nth-child(4),
.course-booking-table td:nth-child(4){
    width: 18% !important;
}

.course-booking-table th:nth-child(5),
.course-booking-table td:nth-child(5){
    width: 12% !important;
}

.course-booking-table th:last-child,
.course-booking-table td:last-child{
    display: none !important;
}

.course-accordion-content{
    display: block !important;
    height: auto !important;
    overflow: visible !important;
}

}

/* =========================================================
   HEADER + MEGA MENU FIX
   سبب المشكلة كان إن الـ sub-menu متظبط يظهر دائمًا بدون hover.
   هذا البلوك في آخر الملف يقفل القائمة افتراضيًا ويفتحها فقط عند hover/focus.
   ========================================================= */
:root{
  --primary:#b49c6b;
  --primary-soft:#c6b187;
  --cream:#eadfca;
  --cream-soft:#f7f2e8;
  --gold:#b49c6b;
  --text:#1f1f1f;
  --muted:#6d6d6d;
  --bg:#fcfcfa;
}

body{
  background:var(--bg);
  color:var(--text);
  overflow-x:hidden;
}

.site-header{
  position:relative;
  z-index:999;
  height:96px;
  background:#fff;
  padding:5px 0;
  width:100%;
  transition:all .35s ease;
  border-bottom:1px solid rgba(180,156,107,.08);
}

.site-header.is-fixed{
  position:fixed;
  top:0;
  left:0;
  width:100%;
  background:rgba(255,255,255,.96);
  box-shadow:0 10px 30px rgba(0,0,0,.08);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  animation:headerSlideDown .35s ease;
}

body.has-fixed-header{padding-top:96px;}

.topbar-flex{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:20px;
  height:100%;
}

.brand-wrap{
  display:flex;
  align-items:center;
  gap:14px;
  flex:0 0 auto;
}

.brand-logo{
  max-height:88px;
  max-width:237px;
  width:auto;
  height:auto;
  display:block;
}

.main-nav{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:1 1 auto;
  margin:0 20px;
  gap:0;
}

.main-nav ul{
  margin:0;
  padding:0;
  list-style:none !important;
}

.main-nav li{
  list-style:none !important;
}

.main-nav > ul.main-menu,
.main-nav > ul{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:40px;
  margin:0;
  padding:0;
}

.main-nav > ul > li{
  position:relative;
  display:block;
  float:none !important;
  margin:0 !important;
  padding:0;
}

.main-nav a{
  color:#222;
  font-size:18px;
  font-weight:700;
  text-decoration:none;
  transition:.3s ease;
  position:relative;
}

.main-nav > ul > li > a{
  display:flex;
  align-items:center;
  min-height:86px;
  padding:0;
  line-height:1;
}

.main-nav a:after{
  content:"";
  position:absolute;
  right:-5px;
  bottom:-8px;
  width:0;
  height:3px;
  background:linear-gradient(90deg,var(--gold),var(--cream));
  transition:.3s ease;
  border-radius:20px;
}

.main-nav a:hover,
.main-nav a:focus,
.main-nav .current-menu-item > a,
.main-nav .current_page_item > a{
  color:var(--primary);
}

.main-nav > ul > li > a:hover:after,
.main-nav > ul > li > a:focus:after,
.main-nav .current-menu-item > a:after,
.main-nav .current_page_item > a:after{
  width:100%;
}

.lang-cta{
  flex:0 0 auto;
}

.lang-cta a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:8px 14px;
  background:#b49c6b;
  color:#fff;
  font-weight:700;
  text-decoration:none;
}

/* Desktop Mega Menu */
@media (min-width:768px){
  .main-nav > ul > li > ul.sub-menu{
    position:absolute !important;
    top:100% !important;
    left:50% !important;
    width:min(1000px, calc(100vw - 40px)) !important;
    transform:translateX(-50%) translateY(15px) !important;
    background:#fff !important;
    border-radius:18px !important;
    padding:28px !important;
    box-shadow:0 20px 50px rgba(0,0,0,.12) !important;
    display:grid !important;
    grid-template-columns:repeat(3, minmax(0,1fr)) !important;
    gap:24px !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    transition:.3s ease !important;
    z-index:9999 !important;
  }

  .main-nav > ul > li:hover > ul.sub-menu,
  .main-nav > ul > li:focus-within > ul.sub-menu{
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    transform:translateX(-50%) translateY(0) !important;
  }

  .main-nav > ul > li > ul.sub-menu > li{
    position:relative;
    padding:0;
    margin:0;
  }

  .main-nav > ul > li > ul.sub-menu > li > a{
    display:block !important;
    min-height:0;
    font-size:17px;
    line-height:1.35;
    font-weight:800;
    color:#b49c6b;
    padding:0 0 12px;
    margin:0 0 12px;
    border-bottom:2px solid rgba(180,156,107,.12);
  }

  .main-nav > ul > li > ul.sub-menu > li > a:after{
    display:none !important;
  }

  .main-nav > ul > li > ul.sub-menu > li > ul.sub-menu{
    position:static !important;
    display:block !important;
    width:auto !important;
    transform:none !important;
    background:transparent !important;
    border-radius:0 !important;
    padding:0 !important;
    box-shadow:none !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
  }

  .main-nav > ul > li > ul.sub-menu > li > ul.sub-menu > li{
    display:block;
    margin:0;
    padding:0;
  }

  .main-nav > ul > li > ul.sub-menu > li > ul.sub-menu > li > a{
    display:block !important;
    min-height:0;
    padding:6px 0;
    margin:0;
    font-size:14px;
    line-height:1.45;
    font-weight:400;
    color:#b49c6b;
    text-decoration:none;
  }

  .main-nav > ul > li > ul.sub-menu > li > ul.sub-menu > li > a:after{
    display:none !important;
  }

  .main-nav > ul > li.menu-item-has-children > a:before{
    content:"\f107";
    font-family:"Font Awesome 6 Free";
    font-weight:900;
    font-size:12px;
    margin-left:8px;
    order:2;
  }
}

/* Mobile Menu */
@media (max-width:767px){
  .site-header{
    height:auto;
    min-height:72px;
    padding:12px 0;
  }

  body.has-fixed-header{padding-top:72px;}

  .topbar-flex{
    display:block !important;
    height:auto;
  }

  .brand-wrap{
    display:flex !important;
    align-items:center;
    justify-content:space-between;
    width:100%;
  }

  .brand-logo{
    max-height:54px;
    max-width:180px;
  }

  .openmenu{
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    width:42px;
    height:42px;
    float:none !important;
    background:#fff;
    padding:0;
    box-shadow:0 10px 20px rgba(0,0,0,.12);
    border-radius:8px;
    font-size:19px !important;
    cursor:pointer;
  }

  nav.main-nav,
  .main-nav{
    position:fixed !important;
    top:0 !important;
    left:-78% !important;
    width:72% !important;
    height:100vh !important;
    z-index:9999 !important;
    background:#fff !important;
    box-shadow:0 10px 30px rgba(0,0,0,.12);
    margin:0 !important;
    padding:30px 16px !important;
    display:block !important;
    overflow-y:auto;
    transition:.4s ease;
  }

  nav.main-nav.act,
  .main-nav.act{
    left:0 !important;
  }

  .main-nav > ul.main-menu,
  .main-nav > ul{
    display:block !important;
  }

  .main-nav > ul > li{
    display:block;
    margin:0 !important;
    border-bottom:1px solid rgba(180,156,107,.12);
  }

  .main-nav > ul > li > a,
  .main-nav a{
    display:block !important;
    min-height:0;
    padding:14px 0;
    margin:0;
    font-size:16px;
    line-height:1.5;
  }

  .main-nav a:after{
    display:none !important;
  }

  .main-nav .sub-menu{
    position:static !important;
    display:block !important;
    width:auto !important;
    transform:none !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    background:transparent !important;
    box-shadow:none !important;
    border-radius:0 !important;
    padding:0 0 0 12px !important;
  }

  .main-nav .sub-menu a{
    font-size:14px;
    font-weight:500;
    color:#b49c6b;
    padding:9px 0;
  }

  .lang-cta{
    margin-top:12px;
  }
}

/* =========================================================
   FINAL REPAIR OVERRIDES - 2026-06-28
   Fixes corrupted declarations, mega menu visibility,
   and Courses/Categories card layout.
   Keep this block at the very end of the CSS file.
========================================================= */

:root{
  --primary:#b49c6b;
  --primary-soft:#c6b187;
  --cream:#eadfca;
  --cream-soft:#f7f2e8;
  --gold:#b49c6b;
  --text:#1f1f1f;
  --muted:#6d6d6d;
  --bg:#fcfcfa;
}

html,body{
  width:100%;
  max-width:100%;
}

body{
  margin:0;
  font-family:"Poppins","Arial",sans-serif;
  background:var(--bg) !important;
  color:var(--text) !important;
  overflow-x:hidden !important;
}

img{
  max-width:100%;
  height:auto;
}

a,
a:hover,
a:focus{
  text-decoration:none !important;
  outline:none !important;
}

/* General flex fixes for declarations that lost values */
.topbar-flex{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:20px;
}

.hero-content,
.hero-visual,
.about-us-image,
.about-company-image,
.course-card-v2,
.why-card,
.course-search-box,
.testimonial-card,
.certificate-card{
  position:relative !important;
}

.hero-content,
.hero-visual{
  z-index:2;
}

/* Header */
.site-header{
  position:relative;
  z-index:999;
  height:96px;
  background:#fff;
  padding:5px 0;
  width:100%;
  transition:all .35s ease;
  border-bottom:1px solid rgba(180,156,107,.08);
}

.site-header.is-fixed{
  position:fixed;
  top:0;
  left:0;
  width:100%;
}

body.has-fixed-header{
  padding-top:96px;
}

.brand-wrap{
  display:flex !important;
  align-items:center !important;
  gap:14px;
}

.brand-logo{
  max-height:88px;
  max-width:237px;
  width:auto;
}

.main-nav{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:1;
  margin:0 20px;
}

.main-nav ul,
.main-nav li{
  list-style:none !important;
}

.main-nav > ul.main-menu,
.main-nav > ul{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:40px;
  margin:0;
  padding:0;
}

.main-nav > ul > li{
  position:relative !important;
  display:block !important;
  float:none !important;
  margin:0 !important;
  padding:0;
}

.main-nav > ul > li > a{
  display:flex !important;
  align-items:center;
  min-height:86px;
  color:#222;
  font-size:18px;
  font-weight:700;
  line-height:1.2;
  padding:0;
  margin:0;
  position:relative;
}

.main-nav > ul > li > a:after{
  content:"";
  position:absolute;
  right:0;
  bottom:24px;
  width:0;
  height:3px;
  background:linear-gradient(90deg,var(--gold),var(--cream));
  border-radius:20px;
  transition:.3s ease;
}

.main-nav > ul > li > a:hover,
.main-nav > ul > li.current-menu-item > a,
.main-nav > ul > li.current_page_item > a{
  color:var(--primary);
}

.main-nav > ul > li > a:hover:after,
.main-nav > ul > li.current-menu-item > a:after,
.main-nav > ul > li.current_page_item > a:after{
  width:100%;
}

.main-nav > ul > li.menu-item-has-children > a:before{
  content:"\f107";
  font-family:"Font Awesome 6 Free";
  font-weight:900;
  font-size:12px;
  margin-left:8px;
  line-height:1;
}

.lang-cta a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:8px 14px;
  background:#b49c6b;
  color:#fff !important;
  font-weight:700;
  border-radius:0;
}

/* Desktop Mega Menu - hidden by default, visible only on hover/focus */
@media (min-width:768px){
  .main-nav > ul > li > ul.sub-menu{
    position:absolute !important;
    top:100% !important;
    left:50% !important;
    width:min(1000px, calc(100vw - 40px)) !important;
    max-height:calc(100vh - 125px);
    overflow:auto;
    transform:translateX(-50%) translateY(15px) !important;
    background:#fff !important;
    border-radius:18px !important;
    padding:28px !important;
    box-shadow:0 20px 50px rgba(0,0,0,.12) !important;
    display:grid !important;
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
    gap:24px !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    transition:.3s ease !important;
    z-index:9999 !important;
  }

  .main-nav > ul > li:hover > ul.sub-menu,
  .main-nav > ul > li:focus-within > ul.sub-menu{
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    transform:translateX(-50%) translateY(0) !important;
  }

  .main-nav > ul > li > ul.sub-menu > li{
    position:relative !important;
    display:block !important;
    margin:0 !important;
    padding:0 !important;
    float:none !important;
  }

  .main-nav > ul > li > ul.sub-menu > li > a{
    display:block !important;
    min-height:0 !important;
    font-size:17px !important;
    line-height:1.35 !important;
    font-weight:800 !important;
    color:#b49c6b !important;
    padding:0 0 12px !important;
    margin:0 0 12px !important;
    border-bottom:2px solid rgba(180,156,107,.12) !important;
  }

  .main-nav > ul > li > ul.sub-menu > li > a:before,
  .main-nav > ul > li > ul.sub-menu > li > a:after{
    display:none !important;
    content:none !important;
  }

  .main-nav > ul > li > ul.sub-menu > li > ul.sub-menu{
    position:static !important;
    display:block !important;
    width:auto !important;
    max-height:none !important;
    overflow:visible !important;
    transform:none !important;
    background:transparent !important;
    border-radius:0 !important;
    padding:0 !important;
    box-shadow:none !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
  }

  .main-nav > ul > li > ul.sub-menu > li > ul.sub-menu > li{
    display:block !important;
    margin:0 !important;
    padding:0 !important;
    float:none !important;
  }

  .main-nav > ul > li > ul.sub-menu > li > ul.sub-menu > li > a{
    display:block !important;
    min-height:0 !important;
    padding:6px 0 !important;
    margin:0 !important;
    font-size:14px !important;
    line-height:1.45 !important;
    font-weight:400 !important;
    color:#b49c6b !important;
  }

  .main-nav > ul > li > ul.sub-menu > li > ul.sub-menu > li > a:before,
  .main-nav > ul > li > ul.sub-menu > li > ul.sub-menu > li > a:after{
    display:none !important;
    content:none !important;
  }
}

/* Courses / Categories Section */
.courses-section-v2{
  position:relative !important;
  padding:100px 0 !important;
  background:#faf8f3 !important;
  overflow:hidden !important;
}

.courses-section-v2 .section-heading{
  position:relative !important;
  z-index:2;
  margin-bottom:50px !important;
  text-align:center;
}

.courses-section-v2 .section-heading h2{
  font-size:48px;
  line-height:1.25;
  font-weight:800;
  color:#111;
  margin:0;
}

.courses-shape{
  position:absolute !important;
  right:0;
  top:190px;
  width:430px;
  height:430px;
  background:rgba(234,223,202,.48);
  border-top-left-radius:70px;
  border-bottom-left-radius:70px;
  border-top-right-radius:0;
  border-bottom-right-radius:0;
  z-index:1;
  pointer-events:none;
}

.courses-grid-v2{
  position:relative !important;
  z-index:2 !important;
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:stretch !important;
  margin-left:-15px !important;
  margin-right:-15px !important;
}

.courses-grid-v2 > [class*="col-"]{
  float:none !important;
  display:flex !important;
  padding-left:15px !important;
  padding-right:15px !important;
  margin-bottom:30px !important;
}

@media (min-width:992px){
  .courses-grid-v2 > [class*="col-"]{
    width:33.333333% !important;
  }
}

@media (min-width:768px) and (max-width:991px){
  .courses-grid-v2 > [class*="col-"]{
    width:50% !important;
  }
}

@media (max-width:767px){
  .courses-grid-v2 > [class*="col-"]{
    width:50% !important;
  }
}

@media (max-width:520px){
  .courses-grid-v2 > [class*="col-"]{
    width:100% !important;
  }
}

.course-card-v2{
  position:relative !important;
  left:auto !important;
  right:auto !important;
  top:auto !important;
  bottom:auto !important;
  display:flex !important;
  align-items:center !important;
  width:100% !important;
  height:auto !important;
  min-height:112px !important;
  padding:22px 20px !important;
  background:#fff !important;
  border:1px solid rgba(180,156,107,.07) !important;
  border-radius:22px !important;
  box-shadow:0 10px 28px rgba(0,0,0,.04) !important;
  overflow:hidden !important;
  transform:none !important;
  transition:all .35s ease !important;
  text-decoration:none !important;
}

.course-card-v2:before{
  content:"" !important;
  position:absolute !important;
  left:0;
  bottom:0;
  width:0;
  height:4px;
  background:linear-gradient(90deg,#b49c6b,#eadfca);
  transition:all .35s ease;
  z-index:1;
}

.course-card-v2:hover,
.course-card-v2:focus{
  width:100% !important;
  height:auto !important;
  transform:translateY(-6px) !important;
  box-shadow:0 18px 40px rgba(180,156,107,.10) !important;
  border-color:rgba(180,156,107,.15) !important;
}

.course-card-v2:hover:before,
.course-card-v2:focus:before{
  width:100%;
}

.course-header{
  position:relative;
  z-index:2;
  display:flex !important;
  align-items:center !important;
  gap:15px !important;
  width:100% !important;
  min-width:0;
}

.course-icon{
  width:56px !important;
  height:56px !important;
  min-width:56px !important;
  flex:0 0 56px !important;
  object-fit:contain !important;
  display:block !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

.course-title{
  display:block !important;
  flex:1 1 auto !important;
  min-width:0;
  font-size:18px !important;
  line-height:1.45 !important;
  font-weight:700 !important;
  color:#32427f !important;
  word-break:normal !important;
  overflow-wrap:break-word !important;
}

@media (max-width:1199px){
  .courses-section-v2 .section-heading h2{
    font-size:44px;
  }

  .course-title{
    font-size:17px !important;
  }
}

@media (max-width:991px){
  .courses-section-v2{
    padding:80px 0 !important;
  }

  .courses-shape{
    width:320px;
    height:320px;
    top:auto;
    bottom:40px;
  }
}

@media (max-width:767px){
  .courses-section-v2{
    padding:65px 0 !important;
  }

  .courses-section-v2 .section-heading{
    margin-bottom:35px !important;
  }

  .courses-section-v2 .section-heading h2{
    font-size:32px;
  }

  .courses-grid-v2 > [class*="col-"]{
    margin-bottom:18px !important;
  }

  .course-card-v2{
    min-height:104px !important;
    padding:18px 16px !important;
    border-radius:18px !important;
  }

  .course-icon{
    width:50px !important;
    height:50px !important;
    min-width:50px !important;
    flex-basis:50px !important;
  }

  .course-title{
    font-size:16px !important;
    line-height:1.45 !important;
  }

  .courses-shape{
    width:210px;
    height:210px;
    bottom:25px;
  }
}

/* Why cards repair */
.why-card{
  position:relative !important;
  top:auto !important;
  left:auto !important;
  width:auto !important;
  height:auto !important;
  min-height:315px;
  background:rgba(255,255,255,.9) !important;
  border:1px solid rgba(180,156,107,.06) !important;
  border-radius:26px !important;
  padding:35px 26px !important;
  text-align:center;
  margin-bottom:30px;
  box-shadow:0 15px 35px rgba(0,0,0,.04) !important;
  transition:all .35s ease !important;
  overflow:hidden;
  transform:none !important;
}

.why-card:before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:4px;
  background:linear-gradient(90deg,#b49c6b,#eadfca);
  transform:scaleX(0);
  transform-origin:left;
  transition:all .35s ease;
}

.why-card:hover{
  transform:translateY(-8px) !important;
  box-shadow:0 22px 40px rgba(180,156,107,.08) !important;
}

.why-card:hover:before{
  transform:scaleX(1);
}

/* Course search repair */
.course-search-box{
  position:relative !important;
  top:auto !important;
  left:auto !important;
  right:auto !important;
  bottom:auto !important;
  width:auto !important;
  height:auto !important;
  background:linear-gradient(135deg,#b49c6b,#baa476) !important;
  border-radius:28px !important;
  padding:38px 32px 28px !important;
  box-shadow:0 22px 50px rgba(180,156,107,.18) !important;
  overflow:hidden !important;
}

.course-search-box:before,
.course-search-box:after{
  content:"";
  position:absolute;
  border-radius:50%;
  pointer-events:none;
}

.course-search-box:before{
  right:-60px;
  top:-60px;
  width:220px;
  height:220px;
  background:rgba(234,223,202,.10);
}

.course-search-box:after{
  left:-40px;
  bottom:-40px;
  width:140px;
  height:140px;
  background:rgba(234,223,202,.08);
}

/* About company / Contact repair */
.about-company-row{
  display:flex !important;
  align-items:center !important;
}

.about-company-image{
  position:relative !important;
  padding:30px !important;
  text-align:center;
}

.about-company-image:before{
  content:"";
  position:absolute;
  width:420px;
  height:420px;
  max-width:90%;
  max-height:90%;
  border-radius:50%;
  background:rgba(234,223,202,.55);
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  z-index:1;
}

.about-company-image img{
  position:relative !important;
  z-index:2;
  max-height:480px;
  margin:0 auto;
  display:block;
}

.about-value-item,
.contact-info-list li{
  display:flex !important;
  align-items:flex-start !important;
  gap:16px !important;
}

.about-value-item i,
.contact-info-list i{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

.contact-info-list strong{
  display:block !important;
}

.contact-form input,
.contact-form textarea{
  outline:none !important;
}

.contact-form textarea{
  resize:vertical !important;
}

.contact-form button{
  height:60px;
  padding:0 30px;
  border:0;
  border-radius:16px;
  background:linear-gradient(135deg,#b49c6b,#c6b187);
  color:#fff;
  font-size:18px;
  font-weight:800;
}

/* Popup repair */
.course-popup-overlay{
  position:fixed !important;
  inset:0 !important;
  background:rgba(0,0,0,.55) !important;
  z-index:9998 !important;
  display:none !important;
}

.course-popup-overlay.show{
  display:block !important;
}

.course-popup{
  position:fixed !important;
  top:50% !important;
  left:50% !important;
  width:92% !important;
  max-width:520px !important;
  transform:translate(-50%,-50%) scale(.95) !important;
  background:#fff !important;
  border-radius:24px !important;
  padding:34px !important;
  z-index:9999 !important;
  display:none !important;
  box-shadow:0 25px 70px rgba(0,0,0,.25) !important;
}

.course-popup.show{
  display:block !important;
  transform:translate(-50%,-50%) scale(1) !important;
}

.course-popup-close{
  position:absolute !important;
  right:18px !important;
  top:18px !important;
  width:38px;
  height:38px;
  border:0;
  border-radius:50%;
  background:#f3efe6;
  color:#b49c6b;
}

.course-popup input,
.course-popup textarea{
  outline:none !important;
}

.course-popup textarea{
  resize:vertical !important;
}

.course-popup input[type="submit"]{
  background:linear-gradient(135deg,#b49c6b,#c6b187) !important;
  color:#fff !important;
  border:0 !important;
  font-weight:800 !important;
  margin-bottom:0 !important;
}

/* Single course / table / accordion repair */
.course-booking-table-wrap{
  overflow-x:auto !important;
  margin-bottom:32px;
  border-radius:0;
}

.course-table-register,
.course-action-btn{
  text-decoration:none !important;
  white-space:nowrap !important;
}

.course-action-buttons{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:14px !important;
  margin:25px 0 35px;
}

.course-action-btn{
  min-width:190px;
  text-align:center;
  padding:14px 22px;
  background:#b49c6b;
  color:#fff !important;
  border-left:5px solid #b49c6b;
  font-weight:800;
  transition:.3s;
}

.course-action-btn:hover{
  background:#c6b187;
  color:#fff !important;
}

.course-accordion-title{
  width:100%;
  padding:22px 0;
  background:transparent !important;
  border:0 !important;
  color:#b49c6b;
  font-size:30px;
  font-weight:500;
  text-align:left;
  outline:none !important;
  position:relative !important;
}

.course-accordion-title i{
  float:right !important;
  font-size:20px;
  margin-top:8px;
  transition:.3s ease;
}

.course-accordion-item.active .course-accordion-title i{
  transform:rotate(45deg) !important;
}

.course-accordion-content{
  display:none;
  padding:0 0 25px;
  font-size:18px;
  line-height:1.9;
  color:#444;
}

.course-accordion-item.active .course-accordion-content{
  display:block;
}

.course-accordion-content img{
  max-width:100%;
  height:auto;
}

/* Testimonials / certificates hover state repair */
.testimonial-card{
  transform:none !important;
}

.testimonial-card:hover{
  transform:translateY(-8px) !important;
  box-shadow:0 25px 50px rgba(180,156,107,.10) !important;
}

.certificate-card img{
  transform:none !important;
}

.certificate-card:hover img{
  transform:scale(1.05) !important;
  opacity:1;
}

/* Pagination repair */
.courses-pagination{
  margin:60px 0;
  display:flex !important;
  justify-content:center !important;
}

.courses-pagination .nav-links{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  flex-wrap:wrap !important;
  justify-content:center;
}

.courses-pagination .page-numbers{
  min-width:48px;
  height:48px;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:1px solid #e5e5e5;
  border-radius:12px;
  background:#fff;
  color:#222;
  text-decoration:none !important;
  font-weight:600;
  transition:.3s ease;
}

.courses-pagination .page-numbers:hover,
.courses-pagination .current{
  background:#b49c6b !important;
  border-color:#b49c6b !important;
  color:#fff !important;
  transform:translateY(-2px);
}

.courses-pagination .dots{
  border:0 !important;
  background:transparent !important;
  min-width:auto !important;
  padding:0 5px !important;
  color:#222 !important;
  transform:none !important;
}

/* Mobile */
@media (max-width:991px){
  .topbar-flex{
    flex-direction:column;
    align-items:flex-start !important;
  }

  .main-nav{
    width:100%;
    justify-content:flex-start !important;
    margin:10px 0;
  }

  .about-company-row{
    display:block !important;
  }
}

@media (max-width:767px){
  .site-header{
    height:auto;
    min-height:72px;
    padding:12px 0;
  }

  body.has-fixed-header{
    padding-top:72px;
  }

  .topbar-flex{
    display:block !important;
    height:auto;
  }

  .brand-wrap{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    width:100%;
  }

  .brand-logo{
    max-height:54px;
    max-width:180px;
  }

  .openmenu{
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    width:42px;
    height:42px;
    float:none !important;
    background:#fff;
    padding:0;
    box-shadow:0 10px 20px rgba(0,0,0,.12);
    border-radius:8px;
    font-size:19px !important;
    cursor:pointer;
  }

  nav.main-nav,
  .main-nav{
    position:fixed !important;
    top:0 !important;
    left:-78% !important;
    width:72% !important;
    height:100vh !important;
    z-index:9999 !important;
    background:#fff !important;
    box-shadow:0 10px 30px rgba(0,0,0,.12);
    margin:0 !important;
    padding:30px 16px !important;
    display:block !important;
    overflow-y:auto !important;
    transition:.4s ease;
  }

  nav.main-nav.act,
  .main-nav.act{
    left:0 !important;
  }

  .main-nav > ul.main-menu,
  .main-nav > ul{
    display:block !important;
  }

  .main-nav > ul > li{
    display:block !important;
    margin:0 !important;
    border-bottom:1px solid rgba(180,156,107,.12);
  }

  .main-nav > ul > li > a,
  .main-nav a{
    display:block !important;
    min-height:0 !important;
    padding:14px 0 !important;
    margin:0 !important;
    font-size:16px !important;
    line-height:1.5 !important;
  }

  .main-nav a:before,
  .main-nav a:after{
    display:none !important;
    content:none !important;
  }

  .main-nav .sub-menu{
    position:static !important;
    display:block !important;
    width:auto !important;
    max-height:none !important;
    overflow:visible !important;
    transform:none !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    background:transparent !important;
    box-shadow:none !important;
    border-radius:0 !important;
    padding:0 0 0 12px !important;
  }

  .main-nav .sub-menu a{
    font-size:14px !important;
    font-weight:500 !important;
    color:#b49c6b !important;
    padding:9px 0 !important;
  }

  .lang-cta{
    margin-top:12px;
  }
}

/* =========================================================
   MEGA MENU FINAL STABILIZER - 2026-07-01
   Desktop opens from the top link only; tablet/mobile stays one column.
========================================================= */
@media (min-width:992px){
  .main-nav > ul > li > ul.sub-menu{
    position:absolute !important;
    top:100% !important;
    left:50% !important;
    width:min(960px, calc(100vw - 48px)) !important;
    max-height:calc(100vh - 128px) !important;
    overflow:auto !important;
    display:grid !important;
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
    gap:24px !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    transform:translateX(-50%) translateY(10px) !important;
    z-index:9999 !important;
  }

  .main-nav > ul > li:hover > ul.sub-menu,
  .main-nav > ul > li:focus-within > ul.sub-menu{
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    transform:translateX(-50%) translateY(10px) !important;
  }

  .main-nav > ul > li:has(> a:hover) > ul.sub-menu,
  .main-nav > ul > li:has(> a:focus) > ul.sub-menu,
  .main-nav > ul > li:has(> ul.sub-menu:hover) > ul.sub-menu,
  .main-nav > ul > li:has(> ul.sub-menu:focus-within) > ul.sub-menu{
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    transform:translateX(-50%) translateY(0) !important;
  }
}

@media (min-width:768px) and (max-width:991px){
  .main-nav > ul > li > ul.sub-menu{
    position:static !important;
    top:auto !important;
    left:auto !important;
    width:auto !important;
    max-height:none !important;
    overflow:visible !important;
    display:block !important;
    grid-template-columns:none !important;
    gap:0 !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    transform:none !important;
    background:transparent !important;
    border-radius:0 !important;
    padding:0 0 0 14px !important;
    margin:0 !important;
    box-shadow:none !important;
  }
}

@media (max-width:991px){
  .site-header{
    height:auto !important;
    min-height:72px !important;
    padding:12px 0 !important;
  }

  body.has-fixed-header{
    padding-top:72px !important;
  }

  .topbar-flex{
    display:block !important;
    height:auto !important;
  }

  .brand-wrap{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    width:100% !important;
  }

  .brand-logo{
    max-height:54px !important;
    max-width:180px !important;
  }

  .openmenu{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:42px !important;
    height:42px !important;
    float:none !important;
    background:#fff !important;
    padding:0 !important;
    box-shadow:0 10px 20px rgba(0,0,0,.12) !important;
    border-radius:8px !important;
    font-size:19px !important;
    cursor:pointer !important;
  }

  nav.main-nav,
  .main-nav{
    position:fixed !important;
    top:0 !important;
    left:-88vw !important;
    width:min(84vw, 380px) !important;
    height:100vh !important;
    z-index:9999 !important;
    background:#fff !important;
    box-shadow:0 10px 30px rgba(0,0,0,.12) !important;
    margin:0 !important;
    padding:30px 18px !important;
    display:block !important;
    overflow-y:auto !important;
    transition:.35s ease !important;
  }

  nav.main-nav.act,
  .main-nav.act{
    left:0 !important;
  }

  .main-nav > ul.main-menu,
  .main-nav > ul,
  .main-nav .sub-menu{
    display:block !important;
    grid-template-columns:none !important;
    width:auto !important;
    margin:0 !important;
  }

  .main-nav > ul > li,
  .main-nav .sub-menu > li{
    display:block !important;
    float:none !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
  }

  .main-nav > ul > li{
    border-bottom:1px solid rgba(180,156,107,.12) !important;
  }

  .main-nav > ul > li > a,
  .main-nav a{
    display:block !important;
    min-height:0 !important;
    padding:12px 0 !important;
    margin:0 !important;
    font-size:16px !important;
    line-height:1.5 !important;
  }

  .main-nav .sub-menu{
    position:static !important;
    max-height:none !important;
    overflow:visible !important;
    transform:none !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    background:transparent !important;
    border-radius:0 !important;
    padding:0 0 0 14px !important;
    box-shadow:none !important;
  }

  .main-nav .sub-menu a{
    color:#b49c6b !important;
    font-size:14px !important;
    font-weight:500 !important;
    padding:8px 0 !important;
    border:0 !important;
  }

  .main-nav a:before,
  .main-nav a:after{
    display:none !important;
    content:none !important;
  }
}