.elementor-31 .elementor-element.elementor-element-d881f89{--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;}.elementor-31 .elementor-element.elementor-element-02a628e{--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;}.elementor-31 .elementor-element.elementor-element-abb3a32{--display:flex;}/* Start custom CSS for html, class: .elementor-element-ac61677 *//* ================= GLASS SECTION ================= */
.gas_glass{
  padding:10px 20px;
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  background:
  radial-gradient(circle at top left,#ffecd9 0%,transparent 30%),
  radial-gradient(circle at bottom right,#ffe0bf 0%,transparent 30%),
  linear-gradient(135deg,#fff,#fff7f0);

  overflow:hidden;
  position:relative;
}

/* Floating Glow */
.gas_glass::before{
  content:"";
  position:absolute;

  width:500px;
  height:500px;

  background:rgba(250,127,21,0.12);

  border-radius:50%;

  filter:blur(100px);

  top:-150px;
  right:-100px;
}

/* Layout */
.glass-content{
  max-width:1300px;
  margin:auto;

  display:grid;
  grid-template-columns:1fr 1fr;
  gap:70px;
  align-items:center;

  position:relative;
  z-index:2;
}

/* LEFT SIDE */
.mini-tag{
  display:inline-block;

  padding:10px 18px;

  background:rgba(250,127,21,0.1);

  border:1px solid rgba(250,127,21,0.2);

  border-radius:50px;

  color:#fa7f15;
  font-size:13px;
  font-weight:700;
  letter-spacing:1px;

  margin-bottom:25px;
}

.glass-left h2{
  font-size:68px;
  line-height:1.1;
  margin-bottom:25px;
  font-weight:800;
}

.glass-left h2 span{
  background:linear-gradient(135deg,#fa7f15,#ffb067);

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

.glass-left p{
  font-size:18px;
  color:#000;
  line-height:1.9;

  max-width:600px;

  margin-bottom:40px;
}

/* BUTTONS */
.glass-buttons{
  display:flex;
  gap:20px;
}

.glass-btn{
  display:inline-block;

  padding:18px 36px;

  background:linear-gradient(135deg,#fa7f15,#ffb067);

  color:#fff;
  text-decoration:none;

  border-radius:60px;

  font-weight:700;

  transition:0.4s ease;
}

.glass-btn:hover{
  transform:translateY(-5px);
  box-shadow:0 15px 35px rgba(250,127,21,0.3);
}

/* Light Button */
.light-btn{
  background:#fff;
  color:#111;

  border:1px solid rgba(0,0,0,0.08);
}

/* RIGHT SIDE */
.glass-right{
  position:relative;
  height:500px;
}

/* Glass Cards */
.glass-card{
  position:absolute;

  width:280px;

  padding:35px;

  border-radius:30px;

  background:rgba(255,255,255,0.55);

  backdrop-filter:blur(18px);

  border:1px solid rgba(255,255,255,0.4);

  box-shadow:
  0 10px 40px rgba(0,0,0,0.08);

  transition:0.4s ease;
}

.glass-card:hover{
  transform:translateY(-10px) scale(1.03);
}

.glass-card h3{
  font-size:24px;
  margin-bottom:15px;
}

.glass-card p{
  color:#000;
  line-height:1.8;
}

/* Floating Position */
.card1{
  top:0;
  left:0;

  animation:float1 5s ease-in-out infinite;
}

.card2{
  top:120px;
  right:0;

  animation:float2 6s ease-in-out infinite;
}

.card3{
  bottom:0;
  left:90px;

  animation:float3 5.5s ease-in-out infinite;
}

/* Animations */
@keyframes float1{
  0%{transform:translateY(0);}
  50%{transform:translateY(-18px);}
  100%{transform:translateY(0);}
}

@keyframes float2{
  0%{transform:translateY(0);}
  50%{transform:translateY(18px);}
  100%{transform:translateY(0);}
}

@keyframes float3{
  0%{transform:translateY(0);}
  50%{transform:translateY(-12px);}
  100%{transform:translateY(0);}
}

/* ================= RESPONSIVE ================= */
@media(max-width:950px){

  .glass-content{
    grid-template-columns:1fr;
  }

  .glass-right{
    height:450px;
  }

}

@media (max-width: 767px){

  .gas_glass{
    padding:70px 16px;
  }

  .glass-content{
    text-align:center;
    gap:40px;
  }

  .glass-left h2{
    font-size:34px;
    line-height:1.2;
  }

  .glass-left p{
    font-size:15px;
    line-height:1.6;
    margin:0 auto 30px;
  }

  .glass-buttons{
    flex-direction:column;
    align-items:center;
    gap:12px;
  }

  .glass-btn{
    width:100%;
    max-width:320px;
  }

  /* RIGHT SIDE FIX */
  .glass-right{
    display:flex;
    flex-direction:column;
    align-items:center;
    height:auto;
    gap:16px;
  }

  .glass-card{
    position:relative !important;
    width:100%;
    max-width:340px;

    margin:0 auto;

    /* IMPORTANT FIX */
    transform:none !important;
    animation:none !important;
  }.card2{
    display:none !important;
  }
  .card3{
    display:none !important;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-edf63e4 *//* ================= RESET ================= */
*{
  margin:0;
  padding:0;
  box-sizing:border-box;
  font-family:Arial, sans-serif;
}

body{
  background:#f8f8f8;
}

/* ================= TESTIMONIAL SECTION ================= */
.gas_testWrap{
  padding:10px 20px;
  background:linear-gradient(180deg,#ffffff,#fff4ea);
  position:relative;
  overflow:hidden; margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

/* DECORATION */
.gas_testWrap::before{
  content:"";
  position:absolute;
  width:300px;
  height:300px;
  background:rgba(250,127,21,0.08);
  border-radius:50%;
  top:-100px;
  right:-100px;
}

.gas_testWrap::after{
  content:"";
  position:absolute;
  width:220px;
  height:220px;
  background:rgba(250,127,21,0.06);
  border-radius:50%;
  bottom:-80px;
  left:-80px;
}

/* TITLE */
.gas_testTitle{
  font-size:48px;
  text-align:center;
  margin-bottom:15px;
  color:#111;
  position:relative;
  z-index:2;
}

.gas_testTitle span{
  color:#fa7f15;
}

/* SUBTITLE */
.gas_testSub{
  text-align:center;
  color:#000;
  font-size:17px;
  margin-bottom:60px;
  position:relative;
  z-index:2;
}

/* GRID */
.gas_testGrid{
  max-width:1300px;
  margin:auto;

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

  position:relative;
  z-index:2;
}

/* CARD */
.gas_testCard{
  background:#fff;
  border-radius:25px;
  padding:35px;
  position:relative;
  overflow:hidden;

  border:1px solid rgba(250,127,21,0.15);

  transition:0.4s ease;
  cursor:pointer;

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

/* TOP GLOW */
.gas_testCard::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:5px;
  background:linear-gradient(90deg,#fa7f15,#ffb067);
}

/* QUOTE ICON */
.quote{
  font-size:60px;
  color:rgba(250,127,21,0.15);
  position:absolute;
  top:15px;
  right:20px;
}

/* STARS */
.gas_star{
  color:#fa7f15;
  font-size:20px;
  letter-spacing:3px;
  margin-bottom:20px;
}

/* TEXT */
.gas_testText{
  font-size:16px;
  line-height:1.8;
  color:#000;
  text-align: justify;
  margin-bottom:25px;
}

/* USER */
.user-box{
  display:flex;
  align-items:center;
  gap:15px;
}

/* AVATAR */
.user-avatar{
  width:55px;
  height:55px;
  border-radius:50%;
  background:linear-gradient(135deg,#fa7f15,#ff9d45);
  color:#fff;

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

  font-size:20px;
  font-weight:bold;
}

/* NAME */
.gas_testName{
  font-size:18px;
  font-weight:700;
  color:#111;
  margin-bottom:4px;
}

/* ROLE */
.gas_testRole{
  color:#fa7f15;
  font-size:14px;
  font-weight:600;
}

/* HOVER */
.gas_testCard:hover{
  transform:translateY(-12px);
  box-shadow:0 20px 40px rgba(250,127,21,0.18);
}

/* ================= STATS SECTION ================= */
.stats-section{
  padding:90px 20px;
  background:#fff;
}

.stats-container{
  max-width:1200px;
  margin:auto;

  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:25px;
}

/* STAT BOX */
.stats-box{
  background:#fff7f1;
  border-radius:20px;
  padding:35px 25px;
  text-align:center;

  transition:0.4s ease;
  border:1px solid rgba(250,127,21,0.1);
}

/* ICON */
.stats-icon{
  font-size:40px;
  margin-bottom:15px;
}

/* NUMBER */
.stats-box h3{
  font-size:38px;
  color:#fa7f15;
  margin-bottom:10px;
}

/* TEXT */
.stats-box p{
  color:#555;
  font-size:16px;
}

/* HOVER */
.stats-box:hover{
  transform:translateY(-10px);
  background:#fa7f15;
}

.stats-box:hover h3,
.stats-box:hover p,
.stats-box:hover .stats-icon{
  color:#fff;
}


/* ================= RESPONSIVE ================= */
@media(max-width:768px){

  .gas_testTitle{
    font-size:34px;
  }

  .gas_testSub{
    font-size:15px;
  }

  .gas_testCard{
    padding:28px;
  }

  .cta-section h2{
    font-size:34px;
  }

  .cta-section p{
    font-size:16px;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-899ead8 *//* ===================================
   MODERN NEWS SUBSCRIBE SECTION
=================================== */

.news-subscribe{

    /* FULL WIDTH */
    width:100vw;
    margin-left:calc(50% - 50vw);
    margin-right:calc(50% - 50vw);

    position:relative;
    overflow:hidden;

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

    padding:40px 6%;

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

    box-sizing:border-box;
}

/* BACKGROUND GLOW */
.news-subscribe::before{
    content:'';

    position:absolute;

    width:420px;
    height:420px;

    background:#fa7f15;

    filter:blur(150px);

    opacity:0.10;

    top:-180px;
    left:-100px;
}

.news-subscribe::after{
    content:'';

    position:absolute;

    width:320px;
    height:320px;

    background:#ffb26b;

    filter:blur(120px);

    opacity:0.10;

    bottom:-120px;
    right:-60px;
}

/* CONTENT ABOVE GLOW */
.news-subscribe > *{
    position:relative;
    z-index:2;
}

/* ===================================
   LEFT SIDE
=================================== */

.news-subscribe__left{
    flex:1;
}

/* SMALL TAG */
.subscribe-tag{
    display:inline-block;

    padding:10px 22px;

    border-radius:50px;

    background:rgba(250,127,21,0.10);

    color:#fa7f15;

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

    letter-spacing:2px;
    text-transform:uppercase;

    margin-bottom:20px;
}

/* TITLE */
.news-subscribe__title{
    font-size:52px;
    line-height:1.2;

    color:#111;

    font-weight:900;

    margin-bottom:25px;
}

.news-subscribe__title span{
    color:#fa7f15;
}

/* DECORATIVE LINE */
.subscribe-line{
    width:120px;
    height:5px;

    border-radius:20px;

    background:
    linear-gradient(90deg,#fa7f15,#ffb26b);

    margin-bottom:30px;

    position:relative;
}

.subscribe-line::after{
    content:'';

    position:absolute;

    width:14px;
    height:14px;

    background:#111;

    border-radius:50%;

    right:-5px;
    top:-4px;
}

/* TEXT */
.news-subscribe__text{
    font-size:17px;
    line-height:1.9;

    color:#444;

    margin-bottom:35px;

    text-align:justify;

    max-width:750px;
}

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

.news-subscribe form{
    width:100%;
}

/* INPUTS */
.news-subscribe form input{
    width:100%;

    padding:18px 20px;

    margin-bottom:18px;

    border:none;

    border-radius:16px;

    background:#fff;

    font-size:15px;

    color:#111;

    outline:none;

    box-sizing:border-box;

    transition:0.35s ease;

    box-shadow:
    0 10px 25px rgba(0,0,0,0.06);
}

/* FOCUS */
.news-subscribe form input:focus{
    transform:translateY(-2px);

    box-shadow:
    0 12px 28px rgba(250,127,21,0.18);

    border:1px solid rgba(250,127,21,0.30);
}

/* PLACEHOLDER */
.news-subscribe form input::placeholder{
    color:#888;
}

/* BUTTON */
.news-subscribe form input[type="submit"]{

    background:
    linear-gradient(135deg,#fa7f15,#ff9a3c);

    color:#fff;

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

    cursor:pointer;

    transition:0.4s ease;

    box-shadow:
    0 12px 28px rgba(250,127,21,0.28);
}

/* BUTTON HOVER */
.news-subscribe form input[type="submit"]:hover{

    transform:translateY(-5px);

    box-shadow:
    0 18px 35px rgba(250,127,21,0.38);
}

/* ===================================
   RIGHT PANEL
=================================== */

.news-subscribe__right{

    flex:1;

    position:relative;

    padding:60px 50px;

    border-radius:30px;

    overflow:hidden;

    background:
    linear-gradient(135deg,#fa7f15,#ff9a3c);

    color:#fff;

    box-shadow:
    0 25px 50px rgba(250,127,21,0.22);
}

/* GLASS EFFECT */
.news-subscribe__right::before{
    content:'';

    position:absolute;

    width:220px;
    height:220px;

    background:rgba(255,255,255,0.18);

    border-radius:50%;

    top:-80px;
    right:-60px;
}

/* RIGHT TITLE */
.news-subscribe__right h3{
    font-size:36px;

    font-weight:900;

    margin-bottom:25px;

    position:relative;
    z-index:2;
}

/* RIGHT TEXT */
.news-subscribe__right p{
    font-size:17px;

    line-height:1.9;

    opacity:0.96;

    text-align:justify;

    position:relative;
    z-index:2;
}

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

@media(max-width:992px){

    .news-subscribe{
        gap:40px;
        padding:70px 5%;
    }

    .news-subscribe__title{
        font-size:42px;
    }

    .news-subscribe__right h3{
        font-size:30px;
    }
}

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

@media(max-width:768px){

    .news-subscribe{

        flex-direction:column;

        padding:60px 20px;

        gap:35px;
    }

    .news-subscribe__title{
        font-size:34px;
        text-align:center;
    }

    .subscribe-line{
        margin:0 auto 25px;
    }

    .news-subscribe__text{
        text-align:center;
        font-size:15.5px;
    }

    .news-subscribe__right{
        padding:40px 30px;
    }

    .news-subscribe__right h3{
        font-size:28px;
        text-align:center;
    }

    .news-subscribe__right p{
        text-align:center;
        font-size:15px;
    }

    .news-subscribe form input{
        padding:16px 18px;
    }
}

/* ===================================
   SMALL MOBILE
=================================== */

@media(max-width:480px){

    .news-subscribe{
        padding:50px 15px;
    }

    .news-subscribe__title{
        font-size:28px;
    }

    .news-subscribe__text{
        font-size:14px;
    }

    .subscribe-tag{
        font-size:11px;
        padding:8px 18px;
    }

    .news-subscribe__right{
        padding:35px 22px;
        border-radius:22px;
    }

    .news-subscribe__right h3{
        font-size:24px;
    }

    .news-subscribe__right p{
        font-size:14px;
    }

    .news-subscribe form input{
        font-size:14px;
    }
}/* End custom CSS */