.elementor-31 .elementor-element.elementor-element-ff3b7a1{--display:flex;--min-height:700px;--border-radius:0px 0px 0px 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-31 .elementor-element.elementor-element-ff3b7a1:hover{--border-radius:0px 0px 0px 0px;--border-top-left-radius:0px;--border-top-right-radius:0px;--border-bottom-right-radius:0px;--border-bottom-left-radius:0px;}.elementor-31 .elementor-element.elementor-element-ff3b7a1, .elementor-31 .elementor-element.elementor-element-ff3b7a1::before{--border-transition:0.3s;}.elementor-widget-slides .elementor-slide-heading{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-slides .elementor-slide-description{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-slides .elementor-slide-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-31 .elementor-element.elementor-element-729065b .elementor-repeater-item-d3d716f .swiper-slide-bg{background-image:url(https://adharagroup.ch/wp-content/uploads/2026/05/slider-2.png);background-size:cover;}.elementor-31 .elementor-element.elementor-element-729065b .elementor-repeater-item-d3d716f .elementor-background-overlay{background-color:#00000059;}.elementor-31 .elementor-element.elementor-element-729065b .elementor-repeater-item-d3d716f .swiper-slide-contents{margin-right:auto;}.elementor-31 .elementor-element.elementor-element-729065b .elementor-repeater-item-d3d716f .swiper-slide-inner{align-items:center;text-align:start;}.elementor-31 .elementor-element.elementor-element-729065b .elementor-repeater-item-61731cd .swiper-slide-bg{background-image:url(https://adharagroup.ch/wp-content/uploads/2026/05/slider-3.png);background-size:cover;}.elementor-31 .elementor-element.elementor-element-729065b .elementor-repeater-item-61731cd .elementor-background-overlay{background-color:#00000059;}.elementor-31 .elementor-element.elementor-element-729065b .elementor-repeater-item-61731cd .swiper-slide-contents{margin-right:auto;}.elementor-31 .elementor-element.elementor-element-729065b .elementor-repeater-item-61731cd .swiper-slide-inner{align-items:center;text-align:start;}.elementor-31 .elementor-element.elementor-element-729065b .elementor-repeater-item-09a35cf .swiper-slide-bg{background-image:url(https://adharagroup.ch/wp-content/uploads/2026/05/slider-4.png);background-size:cover;}.elementor-31 .elementor-element.elementor-element-729065b .elementor-repeater-item-09a35cf .elementor-background-overlay{background-color:#00000059;}.elementor-31 .elementor-element.elementor-element-729065b .elementor-repeater-item-09a35cf .swiper-slide-contents{margin-right:auto;}.elementor-31 .elementor-element.elementor-element-729065b .elementor-repeater-item-09a35cf .swiper-slide-inner{align-items:center;text-align:start;}.elementor-31 .elementor-element.elementor-element-729065b .swiper-slide{transition-duration:calc(5000ms*1.2);height:850px;}.elementor-31 .elementor-element.elementor-element-729065b .elementor-slide-button:hover{background-color:#DD9933;color:#000000FA;}.elementor-31 .elementor-element.elementor-element-729065b{background-color:#03141C;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;border-radius:0px 0px 0px 0px;}.elementor-31 .elementor-element.elementor-element-729065b:hover{background-color:#062633;border-radius:0px 0px 0px 0px;}.elementor-31 .elementor-element.elementor-element-729065b .swiper-slide-contents{max-width:55%;}.elementor-31 .elementor-element.elementor-element-729065b .swiper-slide-inner{padding:0px 80px 0px 80px;text-align:start;}.elementor-31 .elementor-element.elementor-element-729065b .swiper-slide-inner .elementor-slide-heading:not(:last-child){margin-bottom:4px;}.elementor-31 .elementor-element.elementor-element-729065b .elementor-slide-heading{font-family:"Poppins", Sans-serif;font-weight:600;line-height:38px;letter-spacing:-0.1px;word-spacing:-1px;}.elementor-31 .elementor-element.elementor-element-729065b .elementor-slide-description{color:#C9D4D9;font-family:"Poppins", Sans-serif;font-weight:300;line-height:-1.6px;}.elementor-31 .elementor-element.elementor-element-729065b .elementor-slide-button{border-radius:14px;}.elementor-31 .elementor-element.elementor-element-729065b .swiper-pagination-bullet{--swiper-pagination-bullet-horizontal-gap:10px;--swiper-pagination-bullet-vertical-gap:10px;height:10px;width:10px;}.elementor-31 .elementor-element.elementor-element-729065b .swiper-horizontal .swiper-pagination-progressbar{height:10px;}.elementor-31 .elementor-element.elementor-element-729065b .swiper-pagination-fraction{font-size:10px;}.elementor-31 .elementor-element.elementor-element-729065b .swiper-pagination-bullet:not(.swiper-pagination-bullet-active){background-color:#3E4949;opacity:1;}.elementor-31 .elementor-element.elementor-element-729065b .swiper-pagination-bullet-active{background-color:#354C4D;}.elementor-31 .elementor-element.elementor-element-b4808ed{--display:flex;--margin-top:-90px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-31 .elementor-element.elementor-element-3a49700{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-31 .elementor-element.elementor-element-def9634{margin:-21px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-31 .elementor-element.elementor-element-26a115f{--display:flex;--margin-top:-11px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}@media(max-width:1024px){.elementor-31 .elementor-element.elementor-element-729065b .swiper-slide-contents{max-width:58%;}.elementor-31 .elementor-element.elementor-element-729065b .elementor-slide-description{font-size:16px;}}@media(max-width:767px){.elementor-31 .elementor-element.elementor-element-ff3b7a1{--min-height:544px;}.elementor-31 .elementor-element.elementor-element-729065b .swiper-slide{height:500px;}.elementor-31 .elementor-element.elementor-element-729065b .swiper-slide-contents{max-width:61%;}.elementor-31 .elementor-element.elementor-element-729065b .swiper-slide-inner{padding:125px 0px 0px 30px;}.elementor-31 .elementor-element.elementor-element-729065b .elementor-slide-heading{font-size:19px;line-height:1.4em;}.elementor-31 .elementor-element.elementor-element-729065b .elementor-slide-description{font-size:11px;}.elementor-31 .elementor-element.elementor-element-def9634{padding:0px 0px 0px 0px;}}/* Start custom CSS for html, class: .elementor-element-3a49700 *//* ===== NX SECURE SYSTEM ===== */

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

.nx7a{

--a:#0F3D36;
--b:#11B68A;
--c:#C9A227;
--d:#F5FBF9;
--e:#5B6E69;
--f:#fff;

position:relative;
overflow:hidden;
isolation:isolate;

width:100%;

padding:
clamp(80px,7vw,130px)
clamp(18px,4vw,50px);

font-family:'Outfit',sans-serif;

background:
radial-gradient(circle at top left,rgba(17,182,138,.10),transparent 30%),
radial-gradient(circle at bottom right,rgba(120,170,255,.08),transparent 30%),
linear-gradient(135deg,#F5FBF9 0%,#EEF8F5 50%,#FCFFFE 100%)
}

/* FX */

.nx7a:before,
.nx7a:after{

content:'';
position:absolute;
border-radius:50%;
pointer-events:none;
z-index:0;
filter:blur(90px)
}

.nx7a:before{

width:420px;
height:420px;

top:-180px;
left:-160px;

background:rgba(122,232,204,.16);

animation:nxpl 8s infinite alternate
}

.nx7a:after{

width:360px;
height:360px;

bottom:-160px;
right:-140px;

background:rgba(185,217,255,.15);

animation:nxpl 10s infinite alternate
}

/* CONTAINER */

.nx7b{

position:relative;
z-index:2;

width:100%;
max-width:1280px;

margin:auto
}

/* TITLE */

.nx7c{

text-align:center;

margin-bottom:
clamp(45px,5vw,70px)
}

.nx7d{

position:relative;

display:inline-flex;
align-items:center;
gap:10px;

padding:12px 22px;

border-radius:100px;

background:rgba(255,255,255,.68);

border:
1px solid rgba(255,255,255,.9);

backdrop-filter:blur(18px);

margin-bottom:24px;

font-size:12px;
font-weight:700;

letter-spacing:3px;

color:var(--c);

overflow:hidden;

box-shadow:
0 10px 25px rgba(0,0,0,.05)
}

.nx7d span{

width:8px;
height:8px;

border-radius:50%;

background:var(--b);

box-shadow:
0 0 12px var(--b)
}

.nx7c h2{

max-width:760px;

margin:auto;

font-size:
clamp(2rem,4vw,3.4rem);

line-height:1.08;

font-weight:800;

color:var(--a);

text-shadow:
0 10px 30px rgba(0,0,0,.04)
}

/* GRID */

.nx7e{

display:grid;

grid-template-columns:
repeat(3,1fr);

gap:24px;

perspective:1400px
}

/* CARD */

.nx7f{

position:relative;

padding:32px 24px;

border-radius:28px;

overflow:hidden;

transform-style:preserve-3d;

background:
linear-gradient(
180deg,
rgba(255,255,255,.80),
rgba(255,255,255,.65));

border:
1px solid rgba(255,255,255,.92);

backdrop-filter:blur(18px);

transition:
transform .65s cubic-bezier(.16,1,.3,1),
box-shadow .65s ease;

box-shadow:
0 12px 35px rgba(0,0,0,.05)
}

.nx7f:before{

content:'';

position:absolute;
inset:0;

border-radius:inherit;

padding:1px;

background:
linear-gradient(
135deg,
rgba(17,182,138,.35),
rgba(255,255,255,0),
rgba(120,170,255,.22));

-webkit-mask:
linear-gradient(#fff 0 0) content-box,
linear-gradient(#fff 0 0);

-webkit-mask-composite:xor;

opacity:0;

transition:.5s
}

.nx7f:hover{

transform:
translateY(-12px)
rotateX(6deg)
rotateY(-6deg)
scale(1.02);

box-shadow:
0 25px 60px rgba(0,0,0,.10),
0 0 30px rgba(17,182,138,.10)
}

.nx7f:hover:before{
opacity:1
}

/* ICON */

.nx7g{

width:74px;
height:74px;

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

margin:0 auto 18px;

border-radius:24px;

background:
linear-gradient(
135deg,
#fff,
#F3FFFB);

font-size:32px;

box-shadow:
0 12px 24px rgba(0,0,0,.05);

transition:
transform .5s ease
}

.nx7f:hover .nx7g{

transform:
translateY(-8px)
rotate(8deg)
scale(1.08)
}

/* TEXT */

.nx7f h3{

text-align:center;

margin-bottom:14px;

font-size:
clamp(1.2rem,2vw,1.6rem);

font-weight:700;

color:var(--a)
}

.nx7f p{

text-align:center;

line-height:1.75;

font-size:
clamp(.92rem,1vw,1rem);

color:var(--e);

margin-bottom:24px
}

/* BUTTON */

.nx7f a{

position:relative;

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

width:fit-content;

margin:auto;

padding:13px 24px;

border-radius:100px;

overflow:hidden;

text-decoration:none;

background:
linear-gradient(
135deg,
#0F3D36,
#11B68A);

color:#fff;

font-size:14px;
font-weight:600;

transition:
transform .35s ease,
box-shadow .35s ease
}

.nx7f a:hover{

transform:
translateY(-3px)
scale(1.03);

box-shadow:
0 15px 35px rgba(17,182,138,.22)
}

/* ANIM */

@keyframes nxpl{

0%{
transform:scale(1)
}

100%{
transform:scale(1.2)
}
}

/* TABLET */

@media(max-width:1024px){

.nx7e{

grid-template-columns:
repeat(2,1fr)
}
}

/* MOBILE */

@media(max-width:767px){

.nx7a{

padding:70px 18px
}

.nx7e{

grid-template-columns:1fr;

gap:18px
}

.nx7f{

padding:24px 20px;

border-radius:24px
}

.nx7g{

width:66px;
height:66px;

font-size:28px
}

.nx7f a{

width:100%
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-def9634 *//* =====================================================
NET ZERO • OPTIMIZED VERSION
LIGHTWEIGHT + FAST FOR ELEMENTOR
===================================================== */

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

body{
    overflow-x:hidden;
    font-family:'Outfit',sans-serif;
    background:#000;
}

/* SECTION */

.nz-section{

    position:relative;
    width:100%;
    height:100vh;
    overflow:hidden;

    background:#02110c;
}

/* VIDEO */

.nz-video{

    position:absolute;
    inset:0;

    width:100%;
    height:100%;

    object-fit:cover;

    transform:scale(1.03);

    filter:
    brightness(.72)
    contrast(1.08)
    saturate(1.1);

    will-change:transform;
}

/* OVERLAY */

.nz-overlay{

    position:absolute;
    inset:0;

    background:

    linear-gradient(
    to bottom,
    rgba(0,0,0,.35),
    rgba(0,0,0,.25),
    rgba(0,0,0,.75));

    z-index:1;
}

/* CONTENT */

.nz-content{

    position:relative;
    z-index:2;

    width:100%;
    height:100%;

    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;

    text-align:center;

    padding:20px;
}

/* BADGE */

.nz-badge{

    padding:12px 24px;

    border-radius:100px;

    background:rgba(255,255,255,.08);

    border:1px solid rgba(255,255,255,.15);

    color:#fff;

    font-size:12px;
    letter-spacing:2px;

    margin-bottom:30px;

    backdrop-filter:blur(10px);
}

/* TITLE */

.nz-title{

    font-size:clamp(4rem,9vw,4rem);

    line-height:.9;

    font-weight:800;

    color:#fff;

    letter-spacing:-4px;

    margin-bottom:25px;

    text-shadow:
    0 10px 30px rgba(0,0,0,.4);
}

.nz-title span{

    background:
    linear-gradient(
    90deg,
    #f2c56d,
    #00ff99);

    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}

/* TEXT */

.nz-text{

    max-width:760px;

    color:rgba(255,255,255,.82);

    font-size:1.1rem;

    line-height:1.8;

    margin-bottom:40px;
}

/* BUTTONS */

.nz-buttons{

    display:flex;
    gap:20px;
    flex-wrap:wrap;
    justify-content:center;
}

.nz-btn{

    padding:16px 34px;

    border-radius:100px;

    text-decoration:none;

    font-weight:600;

    transition:.3s ease;
}

/* PRIMARY */

.nz-btn.primary{

    background:
    linear-gradient(
    135deg,
    #f2c56d,
    #dca645);

    color:#000;

    box-shadow:
    0 10px 25px rgba(242,197,109,.25);
}

.nz-btn.primary:hover{

    transform:
    translateY(-4px);

    box-shadow:
    0 18px 40px rgba(242,197,109,.4);
}

/* GLASS */

.nz-btn.glass{

    background:rgba(255,255,255,.08);

    border:1px solid rgba(255,255,255,.14);

    color:#fff;

    backdrop-filter:blur(10px);
}

.nz-btn.glass:hover{

    background:rgba(255,255,255,.14);

    transform:translateY(-4px);
}

/* PROGRESS */

.nz-progress{

    position:absolute;

    bottom:0;
    left:0;

    width:100%;
    height:4px;

    background:rgba(255,255,255,.08);

    z-index:3;

    overflow:hidden;
}

.nz-progress-bar{

    width:100%;
    height:100%;

    transform:scaleX(0);

    transform-origin:left;

    background:
    linear-gradient(
    90deg,
    #f2c56d,
    #00ff99);

    box-shadow:
    0 0 20px rgba(0,255,153,.5);
}

/* RESPONSIVE */

@media(max-width:768px){

    .nz-title{
        letter-spacing:-2px;
    }

    .nz-text{
        font-size:1rem;
    }

    .nz-buttons{
        flex-direction:column;
    }

    .nz-btn{
        width:100%;
        max-width:300px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bbbd6c8 *//* =========================================================
ADHARA GROUP 2026
ULTRA PREMIUM LIGHT UI
========================================================= */

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

body{
  overflow-x:hidden;
  background:#eef5f4;
  font-family:'Poppins',sans-serif;
}

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

.adhara-section{

  position:relative;

  overflow:hidden;

  padding:100px 20px;

  background:
  linear-gradient(
  180deg,
  #f8fcfb,
  #e8f3f2);

}

/* =========================================================
BACKGROUND FX
========================================================= */

.bg-gradient{

  position:absolute;
  inset:0;

  background:
  radial-gradient(circle at top left,
  rgba(0,255,170,.12),
  transparent 40%),

  radial-gradient(circle at bottom right,
  rgba(212,175,55,.12),
  transparent 40%);
}

.grid-overlay{

  position:absolute;
  inset:0;

  background-image:
  linear-gradient(rgba(0,0,0,.03) 1px, transparent 1px),
  linear-gradient(90deg, rgba(0,0,0,.03) 1px, transparent 1px);

  background-size:70px 70px;

  opacity:.5;
}

/* =========================================================
GLOWS
========================================================= */

.glow{

  position:absolute;

  border-radius:50%;

  filter:blur(120px);

  opacity:.25;
}

.glow1{

  width:400px;
  height:400px;

  background:#00ffaa;

  top:-120px;
  left:-120px;
}

.glow2{

  width:350px;
  height:350px;

  background:#d4af37;

  bottom:-100px;
  right:-100px;
}

/* =========================================================
BURBUJAS
========================================================= */

.bubbles{

  position:absolute;
  inset:0;

  overflow:hidden;
}

.bubbles span{

  position:absolute;

  bottom:-120px;

  width:22px;
  height:22px;

  border-radius:50%;

  background:
  rgba(0,180,150,.15);

  animation:floatBubble 15s infinite linear;

  backdrop-filter:blur(4px);
}

.bubbles span:nth-child(odd){

  background:
  rgba(212,175,55,.15);
}

.bubbles span:nth-child(1){left:10%;animation-duration:12s;}
.bubbles span:nth-child(2){left:20%;animation-duration:16s;}
.bubbles span:nth-child(3){left:30%;animation-duration:10s;}
.bubbles span:nth-child(4){left:40%;animation-duration:20s;}
.bubbles span:nth-child(5){left:50%;animation-duration:13s;}
.bubbles span:nth-child(6){left:60%;animation-duration:18s;}
.bubbles span:nth-child(7){left:70%;animation-duration:12s;}
.bubbles span:nth-child(8){left:80%;animation-duration:17s;}
.bubbles span:nth-child(9){left:90%;animation-duration:15s;}

@keyframes floatBubble{

  0%{
    transform:
    translateY(0)
    scale(1);

    opacity:.2;
  }

  50%{
    opacity:.7;
  }

  100%{
    transform:
    translateY(-120vh)
    scale(1.5);

    opacity:0;
  }

}

/* =========================================================
CONTAINER
========================================================= */

.container{

  max-width:1300px;

  margin:auto;

  position:relative;

  z-index:5;
}

/* =========================================================
HERO
========================================================= */

.hero{

  display:grid;

  grid-template-columns:
  1fr 1fr;

  gap:80px;

  align-items:center;

  margin-bottom:120px;
}

/* =========================================================
TEXT
========================================================= */

.tag{

  display:inline-block;

  margin-bottom:20px;

  color:#b38b18;

  font-size:14px;

  letter-spacing:3px;

  font-weight:700;
}

.hero-text h1{

  font-size:clamp(2.8rem,5vw,2rem);

  line-height:1.1;

  color:#082529;

  margin-bottom:25px;

  font-weight:800;
}

.hero-text p{

  color:#53656a;

  font-size:1.1rem;

  line-height:1.9;

  margin-bottom:40px;

  max-width:600px;
}

/* =========================================================
BUTTONS
========================================================= */

.hero-buttons{

  display:flex;
  gap:20px;
  flex-wrap:wrap;
}

.btn-primary,
.btn-secondary{

  display:inline-flex;

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

  padding:18px 36px;

  border-radius:100px;

  text-decoration:none;

  font-weight:600;

  transition:.4s ease;

  position:relative;

  overflow:hidden;
}

/* PRIMARY */

.btn-primary{

  background:
  linear-gradient(
  135deg,
  #d4af37,
  #ffd76a);

  color:#000;

  box-shadow:
  0 15px 35px rgba(212,175,55,.35);
}

.btn-primary:hover{

  transform:
  translateY(-5px)
  scale(1.04);

  box-shadow:
  0 25px 50px rgba(212,175,55,.45);
}

/* SECONDARY */

.btn-secondary{

  background:#fff;

  border:1px solid rgba(0,0,0,.08);

  color:#082529;

  box-shadow:
  0 10px 30px rgba(0,0,0,.08);
}

.btn-secondary:hover{

  transform:
  translateY(-5px);

  background:#f8fcfb;
}

/* =========================================================
3D CUBE
========================================================= */

.cube-wrapper{

  display:flex;
  justify-content:center;

  perspective:1800px;
}

.cube{

  position:relative;

  width:520px;
  height:520px;

  transform-style:preserve-3d;

  animation:rotateCube 12s infinite linear;
}

@keyframes rotateCube{

  0%{
    transform:rotateY(0deg);
  }

  100%{
    transform:rotateY(360deg);
  }

}

.face{

  position:absolute;

  width:100%;
  height:100%;

  border-radius:35px;

  overflow:hidden;

  backface-visibility:hidden;

  box-shadow:
  0 40px 80px rgba(0,0,0,.18);
}

.face img{

  width:100%;
  height:100%;

  object-fit:cover;

  transform:scale(1.08);
}

/* FRONT */

.front{

  transform:
  rotateY(0deg)
  translateZ(180px);
}

/* BACK */

.back{

  transform:
  rotateY(180deg)
  translateZ(180px);
}

/* =========================================================
FACE OVERLAY
========================================================= */

.face-overlay{

  position:absolute;
  inset:0;

  background:
  linear-gradient(
  to top,
  rgba(0,0,0,.75),
  rgba(0,0,0,.1));

  display:flex;

  flex-direction:column;

  justify-content:flex-end;

  padding:40px;
}

.face-overlay h3{

  color:#fff;

  font-size:2rem;

  margin-bottom:25px;
}

/* =========================================================
CUBE BUTTONS
========================================================= */

.cube-buttons{

  display:flex;
  gap:15px;
}

.cube-buttons a{

  padding:14px 24px;

  border-radius:100px;

  text-decoration:none;

  color:#fff;

  background:
  rgba(255,255,255,.15);

  border:1px solid rgba(255,255,255,.2);

  backdrop-filter:blur(12px);

  transition:.4s ease;
}

.cube-buttons a:hover{

  transform:
  translateY(-4px)
  scale(1.05);

  background:
  rgba(255,255,255,.22);
}

/* =========================================================
TIMELINE
========================================================= */

.timeline{

  display:flex;

  justify-content:space-between;

  gap:20px;

  margin-bottom:120px;

  flex-wrap:wrap;
}

.timeline-item{

  flex:1;

  min-width:140px;

  padding:25px;

  border-radius:25px;

  background:
  rgba(255,255,255,.65);

  backdrop-filter:blur(18px);

  text-align:center;

  box-shadow:
  0 15px 40px rgba(0,0,0,.08);

  transition:.4s ease;
}

.timeline-item:hover{

  transform:
  translateY(-8px)
  rotateX(6deg);

  box-shadow:
  0 25px 60px rgba(0,0,0,.12);
}

.timeline-item span{

  color:#c59b1f;

  font-weight:700;

  font-size:1.2rem;
}

.timeline-item p{

  margin-top:10px;

  color:#42555a;
}

/* =========================================================
SECTION HEADER
========================================================= */

.section-header span{

  color:#c59b1f;

  font-size:14px;

  letter-spacing:3px;
}

.section-header h1{

  font-size:3.5rem;

  color:#082529;

  margin-top:10px;

  margin-bottom:40px;
}

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

.cards{

  display:grid;

  grid-template-columns:
  repeat(auto-fit,minmax(320px,1fr));

  gap:30px;
}

/* =========================================================
CARD
========================================================= */

.card{

  position:relative;

  height:480px;

  border-radius:35px;

  overflow:hidden;

  transform-style:preserve-3d;

  transition:.5s ease;

  box-shadow:
  0 25px 70px rgba(0,0,0,.12);
}

.card:hover{

  transform:
  translateY(-12px)
  rotateX(6deg)
  rotateY(-6deg);
}

/* IMAGE */

.card img{

  width:100%;
  height:100%;

  object-fit:cover;

  transform:scale(1.05);

  transition:1.2s ease;
}

.card:hover img{

  transform:
  scale(1.15)
  rotate(1deg);
}

/* SHINE */

.card-shine{

  position:absolute;

  inset:-100%;

  background:
  linear-gradient(
  120deg,
  transparent,
  rgba(255,255,255,.35),
  transparent);

  transform:rotate(25deg);

  transition:1s;
}

.card:hover .card-shine{

  inset:100%;
}

/* OVERLAY */

.overlay{

  position:absolute;

  inset:0;

  display:flex;

  flex-direction:column;

  justify-content:flex-end;

  padding:35px;

  background:
  linear-gradient(
  to top,
  rgba(0,0,0,.88),
  rgba(0,0,0,.08));

  color:#fff;
}

.overlay h3{

  font-size:2rem;

  margin-bottom:15px;
}

.overlay p{

  color:
  rgba(255,255,255,.78);

  line-height:1.8;

  margin-bottom:20px;
}

.overlay a{

  color:#ffd76a;

  text-decoration:none;

  font-weight:600;
}

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

@media(max-width:980px){

  .hero{

    grid-template-columns:1fr;
  }

  .cube{

    width:400px;
    height:400px;
  }

}

@media(max-width:768px){

  .hero-text h1{

    font-size:2.5rem;
  }

  .timeline{

    flex-direction:column;
  }

  .section-header h2{

    font-size:2.5rem;
  }

  .cube{

    width:300px;
    height:300px;
  }

  .cards{

    grid-template-columns:1fr;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-46d8999 *//* =========================================================
FOOTER PREMIUM 2026
========================================================= */

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

body{
    background:#020805;
    overflow-x:hidden;
}

/* =========================================================
FOOTER
========================================================= */

.adhara-footer{

    position:relative;

    width:100%;

    overflow:hidden;

    padding:90px 7% 30px;

    background:
    radial-gradient(circle at top left,#0d3a2b 0%,#03120d 40%,#010302 100%);

    font-family:'Outfit',sans-serif;
}

/* =========================================================
CONTAINER
========================================================= */

.adhara-container{

    position:relative;

    z-index:5;

    display:grid;

    grid-template-columns:
    1.2fr
    .8fr
    1fr
    1.2fr;

    gap:70px;

    padding-bottom:60px;

    border-bottom:
    1px solid rgba(255,255,255,.08);
}

/* =========================================================
LOGO
========================================================= */

.logo-wrapper{

    position:relative;

    width:220px;

    margin-bottom:25px;

    transition:.6s ease;
}

.logo-wrapper img{

    width:100%;
    display:block;

    filter:
    drop-shadow(0 0 25px rgba(243,197,109,.25));
}

.logo-wrapper:hover{

    transform:
    translateY(-8px)
    scale(1.03);
}

/* =========================================================
BRAND TEXT
========================================================= */

.brand-text{

    color:#fff;

    font-size:1.1rem;

    margin-bottom:30px;

    opacity:.9;
}

/* =========================================================
SOCIALS
========================================================= */

.socials{

    display:flex;
    gap:18px;
}

.socials a{

    position:relative;

    width:48px;
    height:48px;

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

    border-radius:16px;

    background:
    rgba(255,255,255,.04);

    border:
    1px solid rgba(255,255,255,.08);

    color:#fff;

    text-decoration:none;

    font-size:18px;

    transition:.5s cubic-bezier(.19,1,.22,1);

    overflow:hidden;

    backdrop-filter:blur(14px);
}

.socials a::before{

    content:"";

    position:absolute;
    inset:0;

    background:
    linear-gradient(
    135deg,
    rgba(243,197,109,.25),
    rgba(0,255,153,.2));

    opacity:0;

    transition:.5s ease;
}

.socials a:hover{

    transform:
    translateY(-8px)
    rotate(-6deg);

    box-shadow:
    0 20px 40px rgba(0,255,153,.18);
}

.socials a:hover::before{
    opacity:1;
}

/* =========================================================
COLUMNS
========================================================= */

.footer-column h3{

    color:#f3c56d;

    font-size:1rem;

    letter-spacing:2px;

    margin-bottom:28px;

    font-weight:600;
}

.footer-column ul{
    list-style:none;
}

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

.footer-column ul li a{

    position:relative;

    color:rgba(255,255,255,.82);

    text-decoration:none;

    transition:.4s ease;

    font-size:15px;
}

.footer-column ul li a::after{

    content:"";

    position:absolute;

    left:0;
    bottom:-4px;

    width:0%;
    height:1px;

    background:#00ff99;

    transition:.4s ease;
}

.footer-column ul li a:hover{

    color:#fff;

    padding-left:8px;
}

.footer-column ul li a:hover::after{

    width:100%;
}

/* =========================================================
NEWSLETTER
========================================================= */

.footer-newsletter{

    padding-left:40px;

    border-left:
    1px solid rgba(255,255,255,.08);
}

.footer-newsletter h2{

    font-family:'Cinzel',serif;

    font-size:2rem;

    line-height:1.2;

    color:#f3c56d;

    margin-bottom:22px;

    font-weight:600;
}

.footer-newsletter p{

    color:rgba(255,255,255,.82);

    line-height:1.8;

    margin-bottom:30px;
}

/* =========================================================
FORM
========================================================= */

.newsletter-form{

    position:relative;

    display:flex;

    overflow:hidden;

    border-radius:18px;

    background:
    rgba(255,255,255,.04);

    border:
    1px solid rgba(255,255,255,.08);

    backdrop-filter:blur(18px);

    transition:.5s ease;
}

.newsletter-form:hover{

    transform:
    translateY(-4px);

    box-shadow:
    0 15px 40px rgba(0,255,153,.12);
}

.newsletter-form input{

    flex:1;

    border:none;
    outline:none;

    background:transparent;

    padding:20px 22px;

    color:#fff;

    font-size:15px;
}

.newsletter-form input::placeholder{
    color:rgba(255,255,255,.45);
}

.newsletter-form button{

    width:75px;

    border:none;
    cursor:pointer;

    background:
    linear-gradient(
    135deg,
    #f3c56d,
    #d9a84b);

    color:#000;

    font-size:22px;

    transition:.4s ease;
}

.newsletter-form button:hover{

    transform:scale(1.06);
}

/* =========================================================
BOTTOM
========================================================= */

.footer-bottom{

    position:relative;

    z-index:5;

    padding-top:28px;

    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;

    flex-wrap:wrap;
}

.copyright{

    color:rgba(255,255,255,.6);

    font-size:14px;
}

.footer-links{

    display:flex;
    align-items:center;
    gap:18px;
}

.footer-links a{

    color:rgba(255,255,255,.65);

    text-decoration:none;

    transition:.3s ease;

    font-size:14px;
}

.footer-links a:hover{

    color:#00ff99;
}

.footer-links span{
    color:rgba(255,255,255,.25);
}

/* =========================================================
ADVANCED FX
========================================================= */

.footer-glow{

    position:absolute;

    border-radius:50%;

    filter:blur(120px);

    opacity:.28;

    animation:floatGlow 10s ease-in-out infinite alternate;
}

.glow-1{

    width:420px;
    height:420px;

    background:#00ff99;

    top:-120px;
    left:-120px;
}

.glow-2{

    width:360px;
    height:360px;

    background:#f3c56d;

    right:-100px;
    bottom:-100px;

    animation-delay:2s;
}

@keyframes floatGlow{

    from{
        transform:translateY(0) translateX(0);
    }

    to{
        transform:translateY(40px) translateX(20px);
    }

}

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

.footer-grid{

    position:absolute;
    inset:0;

    background-image:
    linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px);

    background-size:60px 60px;

    mask-image:
    radial-gradient(circle at center, black 30%, transparent 100%);

    opacity:.5;
}

/* =========================================================
NOISE
========================================================= */

.footer-noise{

    position:absolute;
    inset:0;

    opacity:.03;

    background-image:
    url("https://grainy-gradients.vercel.app/noise.svg");
}

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

@media(max-width:1100px){

    .adhara-container{

        grid-template-columns:1fr 1fr;
    }

    .footer-newsletter{

        padding-left:0;
        border-left:none;
    }

}

@media(max-width:768px){

    .adhara-footer{

        padding:70px 25px 30px;
    }

    .adhara-container{

        grid-template-columns:1fr;

        gap:50px;
    }

    .footer-newsletter h2{

        font-size:1.6rem;
    }

    .footer-bottom{

        flex-direction:column;
        align-items:flex-start;
    }

    .socials{
        flex-wrap:wrap;
    }

}/* End custom CSS */