.elementor-13 .elementor-element.elementor-element-23c9186{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-2ba970e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-23a2d2d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-dab0602{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-f9d6fa4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-94d7569{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-52aa869{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-5baddfc */@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;800&display=swap');

:root{
  --brand-primary:#056194;
  --brand-secondary:#1b96c1;
  --brand-green:#0d8d45;
  --white:#ffffff;
  --text-soft:rgba(255,255,255,0.82);
  --dark-overlay:rgba(4,18,32,0.58);
  --shadow-soft:0 20px 60px rgba(0,0,0,0.28);
}

/* HERO SECTION */

.ia-hero{
  position:relative;
  min-height:calc(100vh - 64px);
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:80px 24px 80px;
  background:#03131f;
  isolation:isolate;
  margin-top:0;
}

/* VIDEO BACKGROUND */

.ia-hero-video-wrap{
  position:absolute;
  inset:0;
  z-index:0;
  overflow:hidden;
}

.ia-hero-video-wrap iframe{
  position:absolute;
  top:50%;
  left:50%;
  width:177.78vh;
  height:56.25vw;
  min-width:1000%;
  min-height:100%;
  transform:translate(-50%,-50%) scale(1.15);
  pointer-events:none;
  filter:saturate(1.05) contrast(1.05) brightness(0.72);
}

/* OVERLAY */

.ia-hero-overlay{
  position:absolute;
  inset:0;
  z-index:1;

  background:
  linear-gradient(135deg,
  rgba(5,97,148,0.72) 0%,
  rgba(27,150,193,0.42) 35%,
  rgba(13,141,69,0.25) 100%),

  linear-gradient(to bottom,
  rgba(1,10,18,0.25),
  rgba(1,10,18,0.68)),

  var(--dark-overlay);
}

/* GLOW */

.ia-hero-glow{
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
}

.ia-hero-glow::before,
.ia-hero-glow::after{
  content:"";
  position:absolute;
  border-radius:50%;
  filter:blur(90px);
  opacity:0.45;
}

.ia-hero-glow::before{
  width:320px;
  height:320px;
  top:10%;
  left:8%;
  background:rgba(27,150,193,0.55);
}

.ia-hero-glow::after{
  width:360px;
  height:360px;
  right:6%;
  bottom:10%;
  background:rgba(13,141,69,0.35);
}

/* CONTENT */

.ia-hero-container{
  position:relative;
  z-index:3;
  width:100%;
  max-width:1200px;
  text-align:center;
}

.ia-hero-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 18px;
  margin-bottom:22px;
  border:1px solid rgba(255,255,255,0.18);
  border-radius:999px;
  background:rgba(255,255,255,0.08);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  color:rgba(255,255,255,0.92);
  font-size:13px;
  font-weight:600;
  letter-spacing:.08em;
  text-transform:uppercase;
  box-shadow:var(--shadow-soft);
}

.ia-hero-title{
  margin:0;
  font-size:clamp(40px,8vw,65px);
  line-height:.8-5;
  font-weight:800;
  letter-spacing:-.03em;
  color:var(--white);
}

.ia-hero-title span{
  display:inline-block;
  background:linear-gradient(90deg,#1b96c1 0%,#79d6f4 35%,#3ed17a 100%);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
}

.ia-hero-text{
  max-width:760px;
  margin:24px auto 0;
  font-size:clamp(16px,2vw,20px);
  line-height:1.75;
  color:var(--text-soft);
  font-weight:400;
    color:#ffffff !important;
  opacity:0.95;
}

/* BUTTONS */

.ia-hero-buttons{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:16px;
  flex-wrap:wrap;
  margin-top:38px;
}

.ia-btn{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:18px;
  padding:16px 22px;
  border-radius:999px;
  text-decoration:none;
  font-size:15px;
  font-weight:700;
  transition:.35s;
  overflow:hidden;
}

.ia-btn-primary{
  color:#fff;
  background:linear-gradient(135deg,var(--brand-secondary),var(--brand-primary));
  box-shadow:0 14px 35px rgba(5,97,148,0.35);
}

.ia-btn-primary:hover{
  transform:translateY(-3px);
  box-shadow:0 18px 42px rgba(5,97,148,0.42);
}

.ia-btn-secondary{
  color:#fff;
  background:rgba(255,255,255,0.08);
  border:1px solid rgba(255,255,255,0.2);
  backdrop-filter:blur(12px);
}

.ia-btn-secondary:hover{
  transform:translateY(-3px);
  background:rgba(255,255,255,0.14);
  border-color:rgba(255,255,255,0.3);
}

/* SCROLL */

.ia-hero-scroll{
  position:absolute;
  bottom:28px;
  left:50%;
  transform:translateX(-50%);
  z-index:3;
  opacity:.85;
}

.ia-hero-scroll span{
  display:block;
  width:26px;
  height:42px;
  border:2px solid rgba(255,255,255,.7);
  border-radius:20px;
  position:relative;
}

.ia-hero-scroll span::before{
  content:"";
  position:absolute;
  top:8px;
  left:50%;
  width:4px;
  height:8px;
  border-radius:999px;
  background:#fff;
  transform:translateX(-50%);
  animation:ia-scroll 1.8s infinite;
}

@keyframes ia-scroll{
  0%{opacity:0;transform:translateX(-50%) translateY(0);}
  30%{opacity:1;}
  100%{opacity:0;transform:translateX(-50%) translateY(12px);}
}
.ia-hero,
.ia-hero *{
  font-family:'Roboto', sans-serif !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7aba514 */@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;800&display=swap');
:root {
--brand-primary: #056194;
--brand-secondary: #1b96c1;
--brand-green: #0d8d45;
--brand-dark: #07263a;
--text-dark: #102331;
--text-soft: #5d6b78;
--white: #ffffff;
--bg-light: #f5f9fc;
--border-soft: rgba(5, 97, 148, 0.09);
--shadow-soft: 0 20px 50px rgba(5, 97, 148, 0.08);
}


/* ===== ABOUT SECTION ===== */

.ia-about{
position: relative;
padding: 110px 24px;
background: linear-gradient(180deg, #ffffff 0%, #f6fbff 100%);
overflow: hidden;
}

.ia-about::before{
content:"";
position:absolute;
top:-100px;
right:-120px;
width:320px;
height:320px;
border-radius:50%;
background: radial-gradient(circle, rgba(27,150,193,0.10) 0%, rgba(27,150,193,0) 70%);
pointer-events:none;
}

.ia-about::after{
content:"";
position:absolute;
bottom:-120px;
left:-80px;
width:300px;
height:300px;
border-radius:50%;
background: radial-gradient(circle, rgba(13,141,69,0.08) 0%, rgba(13,141,69,0) 70%);
pointer-events:none;
}

.ia-about-container{
position: relative;
z-index:2;
max-width:1240px;
margin:0 auto;
}


/* ===== TOP ===== */

.ia-about-top{
display:grid;
grid-template-columns:1.05fr 1fr;
gap:50px;
align-items:start;
margin-bottom:60px;
}

.ia-section-badge{
display:inline-flex;
align-items:center;
padding:8px 16px;
border-radius:999px;
background:rgba(27,150,193,0.08);
color:var(--brand-primary);
font-size:13px;
font-weight:700;
letter-spacing:0.08em;
text-transform:uppercase;
margin-bottom:18px;
}

.ia-about-heading h2{
margin:0;
font-size:clamp(34px,5vw,60px);
line-height:1.02;
letter-spacing:-0.03em;
color:var(--brand-dark);
font-weight:800;
}

.ia-about-heading h2 span{
background:linear-gradient(90deg,var(--brand-secondary) 0%,var(--brand-green) 100%);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
background-clip:text;
}

.ia-about-intro p{
margin:0 0 18px;
font-size:17px;
line-height:1.9;
color:var(--text-soft);
}


/* ===== GRID ===== */

.ia-about-grid{
display:grid;
grid-template-columns:1.4fr 0.85fr;
gap:28px;
align-items:stretch;
}


/* ===== CARDS ===== */

.ia-about-cards{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:22px;
}

.ia-about-card{
position:relative;
padding:30px 26px;
border-radius:24px;
background:rgba(255,255,255,0.92);
border:1px solid var(--border-soft);
box-shadow:var(--shadow-soft);
transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease;
overflow:hidden;
}

.ia-about-card::before{
content:"";
position:absolute;
inset:0 0 auto 0;
height:4px;
background:linear-gradient(90deg,var(--brand-secondary),var(--brand-green));
}

.ia-about-card:hover{
transform:translateY(-8px);
box-shadow:0 28px 60px rgba(5,97,148,0.14);
border-color:rgba(27,150,193,0.18);
}

.ia-about-icon{
display:inline-flex;
align-items:center;
justify-content:center;
width:58px;
height:58px;
border-radius:18px;
margin-bottom:18px;
background:linear-gradient(135deg,rgba(27,150,193,0.14),rgba(13,141,69,0.14));
color:var(--brand-primary);
font-size:18px;
font-weight:800;
}

.ia-about-card h3{
margin:0 0 12px;
font-size:22px;
line-height:1.2;
color:var(--brand-dark);
font-weight:750;
}

.ia-about-card p{
margin:0;
font-size:15.5px;
line-height:1.8;
color:var(--text-soft);
}


/* ===== HIGHLIGHT BOX ===== */

.ia-about-highlight{
position:relative;
padding:34px 30px;
border-radius:28px;

background:
linear-gradient(
160deg,
rgba(10,79,120,0.88) 0%,
rgba(11,106,151,0.88) 45%,
rgba(13,141,69,0.88) 100%
),
url("https://1starabia.sa/wp-content/uploads/2025/06/biofach-saudi-arabia-n-imageslider-german-pavilion-scaled.webp");

background-size:cover;
background-position:center;
background-repeat:no-repeat;

color:#fff;
overflow:hidden;
box-shadow:0 30px 70px rgba(5,97,148,0.2);
}

.ia-about-highlight::before{
content:"";
position:absolute;
top:-80px;
right:-70px;
width:220px;
height:220px;
border-radius:50%;
background:rgba(255,255,255,0.08);
filter:blur(10px);
}

.ia-about-highlight::after{
content:"";
position:absolute;
bottom:-60px;
left:-50px;
width:180px;
height:180px;
border-radius:50%;
background:rgba(255,255,255,0.06);
filter:blur(10px);
}

.ia-highlight-label{
position:relative;
z-index:2;
display:inline-flex;
padding:8px 15px;
border-radius:999px;
background:rgba(255,255,255,0.12);
font-size:12px;
font-weight:700;
letter-spacing:0.08em;
text-transform:uppercase;
margin-bottom:18px;
}

.ia-about-highlight h3{
position:relative;
z-index:2;
margin:0 0 16px;
font-size:clamp(28px,4vw,42px);
line-height:1.05;
font-weight:800;
}

.ia-about-highlight h3 span{
color:#8ff0b8;
}

.ia-about-highlight p{
position:relative;
z-index:2;
margin:0 0 22px;
font-size:16px;
line-height:1.8;
color:rgba(255,255,255,0.88);
}

.ia-about-highlight ul{
position:relative;
z-index:2;
list-style:none;
padding:0;
margin:0;
}

.ia-about-highlight ul li{
position:relative;
padding-left:24px;
margin-bottom:14px;
font-size:15px;
line-height:1.7;
color:rgba(255,255,255,0.92);
}

.ia-about-highlight ul li::before{
content:"";
position:absolute;
left:0;
top:10px;
width:10px;
height:10px;
border-radius:50%;
background:#8ff0b8;
box-shadow:0 0 0 6px rgba(143,240,184,0.14);
}


/* ===== RESPONSIVE ===== */

@media (max-width:1100px){

.ia-about-top{
grid-template-columns:1fr;
gap:26px;
}

.ia-about-grid{
grid-template-columns:1fr;
}

}

@media (max-width:767px){

.ia-about{
padding:80px 18px;
}

.ia-about-cards{
grid-template-columns:1fr;
}

.ia-about-card,
.ia-about-highlight{
border-radius:22px;
}

.ia-about-intro p{
font-size:15px;
line-height:1.8;
}

}
.ia-hero,
.ia-hero *{
  font-family:'Roboto', sans-serif !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-74fca35 */@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;800&display=swap');
/* =================================
   PURPOSE SECTION – CORPORATE STYLE
================================= */

.ia-purpose-pro{
  padding:110px 20px;
  background:#ffffff;
}

.ia-purpose-pro-container{
  max-width:1200px;
  margin:auto;
}

/* header */

.ia-purpose-pro-header{
  text-align:center;
  margin-bottom:60px;
}

.ia-purpose-pro-header h2{
  font-size:clamp(38px,5vw,64px);
  font-weight:800;
  letter-spacing:-0.03em;
  color:#07263a;
  margin:0;
}

.ia-purpose-pro-header h2 span{
  background:linear-gradient(90deg,#056194,#1b96c1,#0d8d45);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}

/* grid */

.ia-purpose-pro-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:26px;
}

/* cards */

.ia-purpose-pro-card{

  position:relative;

  padding:40px 40px;

  background:#ffffff;

  border-radius:22px;

  border:1px solid rgba(5,97,148,0.15);

  transition:all .35s ease;

  overflow:hidden;
}

/* top gradient stroke */

.ia-purpose-pro-card::before{

  content:"";

  position:absolute;

  top:0;
  left:0;

  width:100%;
  height:3px;

  background:linear-gradient(
  90deg,
  #056194,
  #1b96c1,
  #0d8d45
  );
}

/* glow effect */

.ia-purpose-pro-card::after{

  content:"";

  position:absolute;

  width:220px;
  height:220px;

  top:-80px;
  right:-80px;

  border-radius:50%;

  background:radial-gradient(
  circle,
  rgba(27,150,193,0.18),
  transparent 70%
  );

  opacity:0;

  transition:opacity .35s ease;
}

/* hover */

.ia-purpose-pro-card:hover{

  transform:translateY(-8px);

  border-color:rgba(27,150,193,0.35);

  box-shadow:
  0 15px 40px rgba(5,97,148,0.08),
  0 0 40px rgba(27,150,193,0.12);
}

.ia-purpose-pro-card:hover::after{
  opacity:1;
}

/* top area */

.ia-purpose-pro-top{

  display:flex;
  align-items:center;
  gap:16px;

  margin-bottom:20px;
}

/* number */

.ia-purpose-pro-index{

  display:inline-flex;

  align-items:center;
  justify-content:center;

  width:56px;
  height:56px;

  border-radius:14px;

  font-size:16px;
  font-weight:800;

  color:#056194;

  border:1px solid rgba(5,97,148,0.18);

  background:#ffffff;

  transition:all .35s ease;
}

.ia-purpose-pro-card:hover .ia-purpose-pro-index{

  border-color:#1b96c1;

  box-shadow:0 0 15px rgba(27,150,193,0.15);
}

/* titles */

.ia-purpose-pro-top h3{

  margin:0;

  font-size:30px;

  font-weight:800;

  color:#07263a;
}

/* text */

.ia-purpose-pro-card p{

  margin:0;

  font-size:16px;

  line-height:1.9;

  color:#526674;

  max-width:480px;
}

/* responsive */

@media (max-width:900px){

.ia-purpose-pro-grid{
grid-template-columns:1fr;
}

}

@media (max-width:767px){

.ia-purpose-pro{
padding:80px 18px;
}

.ia-purpose-pro-card{
padding:30px 26px;
}

.ia-purpose-pro-top h3{
font-size:24px;
}

.ia-purpose-pro-card p{
font-size:15px;
line-height:1.8;
}

}.ia-hero,
.ia-hero *{
  font-family:'Roboto', sans-serif !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-57dba89 */@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;800&display=swap');
/* ===============================
   STATS / ACHIEVEMENTS SECTION
================================ */

.ia-stats{
  position: relative;
  padding: 100px 20px;

  background:
  linear-gradient(
  135deg,
  rgba(4,82,125,0.88) 0%,
  rgba(5,97,148,0.88) 40%,
  rgba(27,150,193,0.85) 72%,
  rgba(13,141,69,0.88) 100%
  ),
  url("https://1starabia.sa/wp-content/uploads/2024/08/Best-Friend-Happy-Wedding-Congratulations-Greeting-Gift-Card-3.png");

  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  overflow: hidden;
}

.ia-stats::before{
  content:"";
  position:absolute;
  top:-120px;
  left:-100px;
  width:300px;
  height:300px;
  border-radius:50%;
  background:rgba(255,255,255,0.08);
  filter:blur(20px);
}

.ia-stats::after{
  content:"";
  position:absolute;
  bottom:-120px;
  right:-80px;
  width:260px;
  height:260px;
  border-radius:50%;
  background:rgba(255,255,255,0.06);
  filter:blur(18px);
}

.ia-stats-container{
  position: relative;
  z-index: 2;
  max-width: 1200px;
  margin: auto;
}

.ia-stats-top{
  text-align:center;
  max-width:760px;
  margin:0 auto 55px;
}

.ia-stats-top .ia-section-badge{
  background: rgba(255,255,255,0.12);
  color:#ffffff;
}

.ia-stats-top h2{
  margin:0 0 16px;
  font-size: clamp(36px, 5vw, 58px);
  line-height:1.02;
  font-weight:800;
  color:#ffffff;
  letter-spacing:-0.03em;
}

.ia-stats-top h2 span{
  color:#9ef0c0;
}

.ia-stats-top p{
  margin:0;
  font-size:17px;
  line-height:1.9;
  color:rgba(255,255,255,0.86);
}

.ia-stats-grid{
  display:grid;
  grid-template-columns: repeat(4, 1fr);
  gap:22px;
}

.ia-stat-card{
  position:relative;
  padding:34px 24px;
  border-radius:26px;
  text-align:center;
  background: rgba(255,255,255,0.10);
  border:1px solid rgba(255,255,255,0.14);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  box-shadow: 0 20px 45px rgba(0,0,0,0.14);
  transition: transform .35s ease, box-shadow .35s ease, background .35s ease;
}

.ia-stat-card:hover{
  transform: translateY(-8px);
  background: rgba(255,255,255,0.14);
  box-shadow: 0 28px 55px rgba(0,0,0,0.18);
}

.ia-stat-card-featured{
  background: rgba(255,255,255,0.16);
  border-color: rgba(255,255,255,0.22);
}

.ia-stat-number{
  font-size: clamp(34px, 4vw, 58px);
  font-weight: 800;
  line-height: 1;
  margin-bottom: 12px;
  color:#ffffff;
  letter-spacing:-0.03em;
}

.ia-stat-label{
  font-size:15px;
  line-height:1.6;
  color:rgba(255,255,255,0.86);
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-weight:600;
}

@media (max-width: 991px){
  .ia-stats-grid{
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 767px){
  .ia-stats{
    padding:80px 18px;
  }

  .ia-stats-grid{
    grid-template-columns: 1fr;
    gap:16px;
  }

  .ia-stats-top p{
    font-size:15px;
    line-height:1.8;
  }

  .ia-stat-card{
    border-radius:22px;
  }
}
.ia-hero,
.ia-hero *{
  font-family:'Roboto', sans-serif !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8f5836c */@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;800&display=swap');
/* ===============================
   OUR SERVICES - CLEAN CARDS
================================ */

.ia-services-clean{
  padding: 100px 20px;
  background: linear-gradient(180deg, #ffffff 0%, #f7fbfd 100%);
}

.ia-services-clean-container{
  max-width: 1200px;
  margin: auto;
}

.ia-services-clean-head{
  text-align: center;
  max-width: 760px;
  margin: 0 auto 50px;
}

.ia-services-clean-head h2{
  margin: 0 0 16px;
  font-size: clamp(34px, 5vw, 58px);
  line-height: 1;
  font-weight: 800;
  letter-spacing: -0.03em;
  color: #07263a;
}

.ia-services-clean-head h2 span{
  background: linear-gradient(90deg, #1b96c1 0%, #0d8d45 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.ia-services-clean-head p{
  margin: 0;
  font-size: 17px;
  line-height: 1.9;
  color: #5d6b78;
}

.ia-services-clean-grid{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

.ia-service-clean-card{
  background: #ffffff;
  border: 1px solid rgba(5, 97, 148, 0.08);
  border-radius: 26px;
  padding: 34px 28px;
  box-shadow: 0 18px 45px rgba(5, 97, 148, 0.07);
  transition: all 0.35s ease;
}

.ia-service-clean-card:hover{
  transform: translateY(-8px);
  box-shadow: 0 28px 55px rgba(5, 97, 148, 0.12);
  border-color: rgba(27, 150, 193, 0.18);
}

.ia-service-clean-card.featured{
  background: linear-gradient(135deg, #056194 0%, #1b96c1 65%, #0d8d45 100%);
  border-color: transparent;
}

.ia-service-clean-icon{
  width: 56px;
  height: 56px;
  border-radius: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 22px;
  font-size: 16px;
  font-weight: 800;
  color: #056194;
  background: linear-gradient(135deg, rgba(27,150,193,0.12), rgba(13,141,69,0.12));
}

.ia-service-clean-card.featured .ia-service-clean-icon{
  background: rgba(255,255,255,0.14);
  color: #ffffff;
}

.ia-service-clean-card h3{
  margin: 0 0 14px;
  font-size: 26px;
  line-height: 1.1;
  color: #07263a;
  font-weight: 800;
}

.ia-service-clean-card p{
  margin: 0;
  font-size: 15.5px;
  line-height: 1.85;
  color: #5d6b78;
}

.ia-service-clean-card.featured h3,
.ia-service-clean-card.featured p{
  color: #ffffff;
}

.ia-service-clean-card.featured p{
  color: rgba(255,255,255,0.88);
}

@media (max-width: 991px){
  .ia-services-clean-grid{
    grid-template-columns: 1fr;
  }
}

@media (max-width: 767px){
  .ia-services-clean{
    padding: 80px 18px;
  }

  .ia-service-clean-card{
    padding: 28px 22px;
    border-radius: 22px;
  }

  .ia-services-clean-head p,
  .ia-service-clean-card p{
    font-size: 15px;
    line-height: 1.8;
  }

  .ia-service-clean-card h3{
    font-size: 23px;
  }
}
.ia-hero,
.ia-hero *{
  font-family:'Roboto', sans-serif !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ceadc1 *//* ============================================================
   1ST ARABIA — Past Events Gallery Section
   Font  : Poppins
   Colors: #056194 | #29abe2 | #3aaa35
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

body {
  font-family: 'Poppins', sans-serif;
  background: #f5f8fb;
}

/* ─── WRAPPER ──────────────────────────────── */
.gal-wrap {
  background: #f0f4f8;
  padding: 90px 0 90px;
  overflow: hidden;
  position: relative;
  font-family: 'Poppins', sans-serif;
}

/* ─── DOT GRID TEXTURE ─────────────────────── */
.gal-dots {
  position: absolute;
  inset: 0;
  z-index: 0;
  opacity: 0.06;
  background-image: radial-gradient(circle, #056194 1px, transparent 1px);
  background-size: 28px 28px;
  pointer-events: none;
}

/* ─── BACKGROUND ORBS ──────────────────────── */
.gal-orb {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  filter: blur(90px);
}
.gal-orb-1 {
  width: 560px; height: 560px;
  background: rgba(5, 97, 148, 0.10);
  top: -140px; left: -100px;
  animation: orbFloat1 10s ease-in-out infinite alternate;
}
.gal-orb-2 {
  width: 460px; height: 460px;
  background: rgba(41, 171, 226, 0.10);
  bottom: -100px; right: -80px;
  animation: orbFloat2 13s ease-in-out infinite alternate-reverse;
}
.gal-orb-3 {
  width: 320px; height: 320px;
  background: rgba(58, 170, 53, 0.07);
  top: 45%; left: 48%;
  transform: translate(-50%, -50%);
  animation: orbFloat1 8s ease-in-out infinite alternate;
}

@keyframes orbFloat1 {
  from { transform: translate(0, 0) scale(1); }
  to   { transform: translate(24px, -28px) scale(1.12); }
}
@keyframes orbFloat2 {
  from { transform: translate(0, 0) scale(1); }
  to   { transform: translate(-20px, 20px) scale(1.10); }
}

/* ─── HEADER ───────────────────────────────── */
.gal-header {
  text-align: center;
  position: relative;
  z-index: 2;
  margin-bottom: 56px;
  padding: 0 24px;
}
.gal-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 0.65rem;
  font-weight: 700;
  letter-spacing: 0.24em;
  text-transform: uppercase;
  color: #29abe2;
  margin-bottom: 16px;
}
.gal-eyebrow::before,
.gal-eyebrow::after {
  content: '';
  width: 32px; height: 1px;
  display: block;
}
.gal-eyebrow::before {
  background: linear-gradient(to right, transparent, #29abe2);
}
.gal-eyebrow::after {
  background: linear-gradient(to left, transparent, #29abe2);
}

.gal-title {
  font-size: clamp(2rem, 5vw, 3.2rem);
  font-weight: 800;
  color: #1a2a3a;
  letter-spacing: -0.03em;
  line-height: 1.05;
  margin-bottom: 16px;
}
.gal-title em {
  font-style: normal;
  color: #056194;
}
.gal-sub {
  font-size: 0.9rem;
  font-weight: 400;
  color: #6b7f94;
  max-width: 500px;
  margin: 0 auto;
  line-height: 1.8;
}
.gal-divider {
  width: 52px; height: 3px;
  margin: 20px auto 0;
  background: linear-gradient(to right, #056194, #29abe2);
  border-radius: 3px;
}

/* ─── TRACKS CONTAINER ─────────────────────── */
.gal-tracks {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

/* ─── SINGLE TRACK ─────────────────────────── */
.gal-track {
  overflow: hidden;
  width: 100%;
}

/* Fade edges */
.gal-track-fade {
  position: relative;
}
.gal-track-fade::before,
.gal-track-fade::after {
  content: '';
  position: absolute;
  top: 0; bottom: 0;
  z-index: 10;
  width: 100px;
  pointer-events: none;
}
.gal-track-fade::before {
  left: 0;
  background: linear-gradient(to right, #f0f4f8 0%, transparent 100%);
}
.gal-track-fade::after {
  right: 0;
  background: linear-gradient(to left, #f0f4f8 0%, transparent 100%);
}

/* ─── MARQUEE ROW ──────────────────────────── */
.gal-row {
  display: flex;
  gap: 16px;
  width: max-content;
  animation: marqueeLeft 38s linear infinite;
}
.gal-row.rev {
  animation: marqueeRight 44s linear infinite;
}
.gal-track:hover .gal-row {
  animation-play-state: paused;
}

@keyframes marqueeLeft {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}
@keyframes marqueeRight {
  from { transform: translateX(-50%); }
  to   { transform: translateX(0); }
}

/* ─── IMAGE CARD ───────────────────────────── */
.gal-card {
  position: relative;
  width: 290px;
  height: 195px;
  border-radius: 16px;
  overflow: hidden;
  flex-shrink: 0;
  cursor: pointer;
  border: 1px solid #dce8f0;
  box-shadow: 0 2px 12px rgba(5, 97, 148, 0.07);
  transition:
    border-color 0.35s ease,
    box-shadow 0.4s ease,
    transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);
}
.gal-card:hover {
  border-color: #29abe2;
  box-shadow:
    0 0 0 2px rgba(41, 171, 226, 0.20),
    0 0 32px rgba(41, 171, 226, 0.18),
    0 16px 48px rgba(5, 97, 148, 0.18);
  transform: translateY(-6px) scale(1.02);
}

/* Image */
.gal-card img {
  width: 100%; height: 100%;
  object-fit: cover;
  display: block;
  transition:
    transform 0.7s cubic-bezier(0.22, 1, 0.36, 1),
    filter 0.45s ease;
  filter: brightness(0.90) saturate(0.92);
}
.gal-card:hover img {
  transform: scale(1.09);
  filter: brightness(1.0) saturate(1.08);
}

/* Bottom vignette */
.gal-card::after {
  content: '';
  position: absolute; bottom: 0; left: 0; right: 0;
  height: 60%;
  z-index: 1;
  background: linear-gradient(to top, rgba(5, 40, 75, 0.65) 0%, transparent 100%);
  transition: opacity 0.4s;
}

/* Brand glow radial on hover */
.gal-card::before {
  content: '';
  position: absolute; inset: 0; z-index: 2;
  background: radial-gradient(ellipse at 50% 110%, rgba(41, 171, 226, 0.22) 0%, transparent 60%);
  opacity: 0;
  transition: opacity 0.4s ease;
}
.gal-card:hover::before { opacity: 1; }

/* Shine sweep */
.gal-shine {
  position: absolute; inset: 0; z-index: 4;
  background: linear-gradient(
    108deg,
    transparent 25%,
    rgba(255, 255, 255, 0.10) 50%,
    transparent 75%
  );
  transform: translateX(-120%);
  pointer-events: none;
}
.gal-card:hover .gal-shine {
  animation: shineSweep 0.65s ease forwards;
}
@keyframes shineSweep {
  to { transform: translateX(120%); }
}

/* Label */
.gal-card-label {
  position: absolute;
  bottom: 12px; left: 14px; right: 14px;
  z-index: 5;
  font-family: 'Poppins', sans-serif;
  font-size: 0.72rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.95);
  letter-spacing: 0.04em;
  text-shadow: 0 1px 8px rgba(0, 0, 0, 0.5);
  transform: translateY(6px);
  opacity: 0;
  transition:
    transform 0.32s cubic-bezier(0.22, 1, 0.36, 1),
    opacity 0.32s ease;
}
.gal-card:hover .gal-card-label {
  transform: translateY(0);
  opacity: 1;
}

/* ─── FOOTER CTA ───────────────────────────── */
.gal-footer {
  text-align: center;
  margin-top: 52px;
  position: relative;
  z-index: 2;
}
.gal-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 13px 34px;
  border-radius: 50px;
  background: transparent;
  border: 1.5px solid rgba(5, 97, 148, 0.40);
  color: #056194;
  font-family: 'Poppins', sans-serif;
  font-size: 0.85rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  cursor: pointer;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  transition:
    border-color 0.3s ease,
    color 0.3s ease,
    gap 0.3s ease,
    box-shadow 0.3s ease,
    transform 0.25s ease;
}
.gal-btn::before {
  content: '';
  position: absolute; inset: 0;
  background: linear-gradient(135deg, #056194 0%, #29abe2 100%);
  opacity: 0;
  transition: opacity 0.3s ease;
}
.gal-btn:hover {
  border-color: transparent;
  color: #ffffff;
  gap: 16px;
  box-shadow: 0 8px 30px rgba(5, 97, 148, 0.30);
  transform: translateY(-2px);
}
.gal-btn:hover::before { opacity: 1; }
.gal-btn span,
.gal-btn svg {
  position: relative;
  z-index: 1;
}
.gal-btn svg { transition: transform 0.25s ease; }
.gal-btn:hover svg { transform: translateX(4px); }

/* ─── RESPONSIVE ───────────────────────────── */
@media (max-width: 768px) {
  .gal-wrap  { padding: 64px 0 72px; }
  .gal-header { margin-bottom: 40px; }
  .gal-card  { width: 240px; height: 162px; }
  .gal-track-fade::before,
  .gal-track-fade::after { width: 60px; }
}
@media (max-width: 480px) {
  .gal-card  { width: 200px; height: 135px; }
  .gal-title { font-size: 1.9rem; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9f138c5 *//* ===============================
   MEMBER OF SECTION
================================ */

.ia-membership{
  position: relative;
  padding: 110px 20px;
  background:
    radial-gradient(circle at top left, rgba(27,150,193,0.08) 0%, transparent 28%),
    radial-gradient(circle at bottom right, rgba(13,141,69,0.07) 0%, transparent 25%),
    linear-gradient(180deg, #f8fbfd 0%, #ffffff 100%);
  overflow: hidden;
}

.ia-membership-container{
  max-width: 1240px;
  margin: auto;
  position: relative;
  z-index: 2;
}

.ia-membership-head{
  max-width: 780px;
  margin: 0 auto 55px;
  text-align: center;
}

.ia-membership-head h2{
  margin: 0 0 16px;
  font-size: clamp(36px, 5vw, 60px);
  line-height: 1;
  letter-spacing: -0.03em;
  font-weight: 800;
  color: #07263a;
}

.ia-membership-head h2 span{
  background: linear-gradient(90deg, #1b96c1 0%, #0d8d45 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.ia-membership-head p{
  margin: 0;
  font-size: 17px;
  line-height: 1.9;
  color: #5d6b78;
}

.ia-membership-grid{
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 18px;
}

.ia-member-card{
  position: relative;
  min-height: 150px;
  padding: 24px 20px;
  border-radius: 24px;
  background: rgba(255,255,255,0.9);
  border: 1px solid rgba(5,97,148,0.08);
  box-shadow: 0 16px 40px rgba(5,97,148,0.07);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
  overflow: hidden;
}

.ia-member-card::before{
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(27,150,193,0.03), rgba(13,141,69,0.03));
  opacity: 0;
  transition: opacity .35s ease;
}

.ia-member-card:hover{
  transform: translateY(-8px);
  border-color: rgba(27,150,193,0.16);
  box-shadow: 0 24px 55px rgba(5,97,148,0.14);
}

.ia-member-card:hover::before{
  opacity: 1;
}

.ia-member-card img{
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 150px;
  max-height: 70px;
  object-fit: contain;
  filter: grayscale(100%);
  opacity: 0.9;
  transition: all .35s ease;
}

.ia-member-card:hover img{
  filter: grayscale(0%);
  opacity: 1;
  transform: scale(1.04);
}

/* medium */
@media (max-width: 1200px){
  .ia-membership-grid{
    grid-template-columns: repeat(3, 1fr);
  }
}

/* tablet */
@media (max-width: 767px){
  .ia-membership{
    padding: 80px 18px;
  }

  .ia-membership-grid{
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
  }

  .ia-member-card{
    min-height: 120px;
    padding: 18px 14px;
    border-radius: 18px;
  }

  .ia-member-card img{
    max-width: 120px;
    max-height: 54px;
  }

  .ia-membership-head p{
    font-size: 15px;
    line-height: 1.8;
  }
}/* End custom CSS */