/*
Theme Name: Astra Child
Theme URI: https://wpastra.com/
Template: astra
Author: Brainstorm Force
Author URI: https://wpastra.com/about/?utm_source=theme_preview&utm_medium=author_link&utm_campaign=astra_theme
Description: The Astra WordPress theme is lightning-fast and highly customizable. It has over 1 million downloads and the only theme in the world with 6,000+ five-star reviews! It’s ideal for professional web designers, solopreneurs, small businesses, eCommerce, membership sites and any type of website. It offers special features and templates so it works perfectly with all page builders like Spectra, Elementor, Beaver Builder, etc. Fast performance, clean code, mobile-first design and schema markup are all built-in, making the theme exceptionally SEO-friendly. It’s fully compatible with WooCommerce, SureCart and other eCommerce plugins and comes with lots of store-friendly features and templates. Astra also provides expert support for free users. A dedicated team of fully trained WordPress experts are on hand to help with every aspect of the theme. Try the live demo of Astra: https://zipwp.org/themes/astra/
Tags: custom-menu,custom-logo,entertainment,one-column,two-columns,left-sidebar,e-commerce,right-sidebar,custom-colors,editor-style,featured-images,full-width-template,microformats,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready,blog
Version: 4.13.2.1779009730
Updated: 2026-05-17 09:22:10

*/


.ast-container {
    max-width: 100%;
    padding: 0;
}

.elementor-element .swiper .swiper-horizontal>.swiper-pagination-bullets, .elementor-element .swiper .swiper-pagination-bullets.swiper-pagination-horizontal, .elementor-element .swiper .swiper-pagination-custom, .elementor-element .swiper .swiper-pagination-fraction, .elementor-element .swiper~.swiper-pagination-bullets.swiper-pagination-horizontal, .elementor-element .swiper~.swiper-pagination-custom, .elementor-element .swiper~.swiper-pagination-fraction, .elementor-lightbox .swiper .swiper-horizontal>.swiper-pagination-bullets, .elementor-lightbox .swiper .swiper-pagination-bullets.swiper-pagination-horizontal, .elementor-lightbox .swiper .swiper-pagination-custom, .elementor-lightbox .swiper .swiper-pagination-fraction, .elementor-lightbox .swiper~.swiper-pagination-bullets.swiper-pagination-horizontal, .elementor-lightbox .swiper~.swiper-pagination-custom, .elementor-lightbox .swiper~.swiper-pagination-fraction {
    bottom: 79px !important;
}

.elementor-34 .elementor-element.elementor-element-ce202e5 .elementor-swiper-button.elementor-swiper-button-prev, .elementor-34 .elementor-element.elementor-element-ce202e5 .elementor-swiper-button.elementor-swiper-button-next {
    font-size: 20px;
    color: #000000;
    background: #fff !important;
    padding: 11px 11px !important;
    border-radius: 50% !important;
}

.e-con.e-grid > .e-con-inner > *:not(:last-child){
    border-right: 1px solid #ffffff;
    padding-right: 30px;
}

.elementor-element.elementor-element-1907e12.elementor-widget.elementor-widget-text-editor p {
    margin: 0px;
}



.stats-wrapper{
      width:100%;
      border:1px solid #e5e5e5;
      display:flex;
      overflow:hidden;
      border-radius:10px;
    }

    .stat-box{
      flex:1;
      display:flex;
      align-items:center;
      gap:15px;
      padding:25px 30px;
      border-right:1px solid #e5e5e5;
      background:#fff;
      min-height:110px;
      transition:0.4s ease;
      cursor:pointer;
      position:relative;
    }

    .stat-box:last-child{
      border-right:none;
    }

    /* Hover Effect */

    .stat-box:hover{
      background:#8bc34a;
      transform:translateY(-5px);
    }

    .stat-box:hover .icon{
      background:#fff;
      color:#8bc34a;
      transform:rotate(10deg) scale(1.1);
    }

    .stat-box:hover .content h2,
    .stat-box:hover .content p{
      color:#fff;
    }

    .icon{
      width:55px;
      height:55px;
      min-width:55px;
      border:2px solid #8bc34a;
      border-radius:50%;
      display:flex;
      align-items:center;
      justify-content:center;
      color:#8bc34a;
      font-size:24px;
      transition:0.4s ease;
    }

    .content h2{
      font-size:34px;
      font-weight:700;
      color:#111827;
      line-height:1;
      margin-bottom:6px;
      transition:0.4s ease;
    }

    .content p{
      font-size:14px;
      color:#666;
      font-weight:600;
      transition:0.4s ease;
    }

    /* Responsive */

    @media(max-width:768px) {

      .stats-wrapper{
        flex-direction:column;
      }

      .stat-box{
        border-right:none;
        border-bottom:1px solid #e5e5e5;
      }

      .stat-box:last-child {
        border-bottom:none;
      }
    }



.services-section{
    max-width:1300px;
    margin:auto;
}

.section-top{
    text-align:center;
    margin-bottom:70px;
}

.section-top span{
    color:#7AC70C;
    font-size:14px;
    font-weight:800;
    letter-spacing:3px;
}

.section-top h2{
    font-size:44px;
    color:#062B4F;
    margin-top:12px;
}

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

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

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

.service-card{
    background:#fff;
    padding:45px 30px;
    border-radius:18px;
    position:relative;
    overflow:hidden;
    box-shadow:0 10px 25px rgba(0,0,0,0.05);
    transition:0.5s ease;

    opacity:0;
    transform:translateY(80px);
    animation:fadeUp 1s ease forwards;
}

/* stagger animation */

.service-card:nth-child(1){animation-delay:0.1s;}
.service-card:nth-child(2){animation-delay:0.3s;}
.service-card:nth-child(3){animation-delay:0.5s;}
.service-card:nth-child(4){animation-delay:0.7s;}
.service-card:nth-child(5){animation-delay:0.9s;}
.service-card:nth-child(6){animation-delay:1.1s;}

@keyframes fadeUp{
    0%{opacity:0; transform:translateY(80px);}
    70%{opacity:1; transform:translateY(-10px);}
    100%{opacity:1; transform:translateY(0);}
}

/* hover bg */

.service-card::before{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:0%;
    background:#062B4F;
    transition:0.5s ease;
}

.service-card:hover::before{
    height:100%;
}

.service-card:hover{
    transform:translateY(-12px);
}

/* top line */

.service-card::after{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:0%;
    height:4px;
    background:#FFCC29;
    transition:0.5s ease;
}

.service-card:hover::after{
    width:100%;
}

/* content */

.service-content{
    position:relative;
    z-index:2;
}

.service-icon{
    width:80px;
    height:80px;
    border-radius:18px;
    background:#F5F7FA;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:25px;
}

.service-icon i{
    font-size:38px;
    color:#7AC70C;
}

.service-card h3{
    font-size:20px;
    color:#062B4F;
    margin-bottom:12px;
}

.service-card p{
    font-size:14px;
    line-height:1.8;
    color:#666;
}

/* hover text */

.service-card:hover h3,
.service-card:hover p{
    color:#fff;
}

/* =========================
   BUTTON
========================= */

.services-btn-wrap{
    text-align:center;
    margin-top:36px;
}

/* BUTTON */

.services-btn{
    position:relative;
    display:inline-flex;
    align-items:center;
    gap:12px;
    padding:18px 40px;
    background:#7AC70C;
    color:#fff;
    font-weight:700;
    text-decoration:none;
    border-radius:60px;
    overflow:hidden;
    transition:0.4s ease;
    box-shadow:0 10px 25px rgba(0,0,0,0.15);
}

/* TEXT LAYER */

.services-btn span,
.services-btn i{
    position:relative;
    z-index:2;
}

/* GREEN + YELLOW HOVER BACKGROUND */

.services-btn::before{
    content:"";
    position:absolute;
    top:0;
    left:-100%;
    width:100%;
    height:100%;
    background: #062B4F;
    transition:0.5s ease;
    z-index:1;
}

.services-btn:hover::before{
    left:0;
}

/* GOLD SECOND LAYER EFFECT */

.services-btn::after{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:0%;
    height:100%;
    background: #062B4F;
    transition:0.5s ease;
    z-index:0;
}

.services-btn:hover::after{
    width:100%;
}

/* hover movement */

.services-btn:hover{
    transform:translateY(-6px);
    color:#fff;
}

/* icon move */

.services-btn i{
    transition:0.4s ease;
}

.services-btn:hover i{
    transform:translateX(6px);
}

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

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

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

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




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

  .footer {
    background: #062B4F;
    color: #fff;
  
    position: relative;
    overflow: hidden;
    padding-top: 50px;
    padding-left: 30px;
    padding-right: 30px;
}

    /* top glow */

    .footer::before{
      content:"";
      position:absolute;
      width:500px;
      height:500px;
      background:rgba(122,199,12,0.08);
      border-radius:50%;
      top:-250px;
      left:-200px;
      filter:blur(80px);
    }

    .footer-container{
      width:100%;
      max-width:1400px;
      margin:auto;

      display:grid;
      grid-template-columns:1.5fr 1fr 1fr 1.2fr 1.2fr;
      gap:35px;
      padding-bottom:50px;
    }

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

    .footer-col{
      position:relative;
      padding-right:25px;

      opacity:0;
      transform:translateY(60px);
      animation:footerFade 1s ease forwards;
    }

    .footer-col:nth-child(1){animation-delay:0.2s;}
    .footer-col:nth-child(2){animation-delay:0.4s;}
    .footer-col:nth-child(3){animation-delay:0.6s;}
    .footer-col:nth-child(4){animation-delay:0.8s;}
    .footer-col:nth-child(5){animation-delay:1s;}

    @keyframes footerFade{
      to{
        opacity:1;
        transform:translateY(0);
      }
    }

    /* right border */

    .footer-col:not(:last-child){
      border-right:1px solid rgba(255,255,255,0.12);
    }

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


.footer-logo img{
    width:180px;
    height:auto;
    object-fit:contain;
}

    .footer-text{
      color:#d9e1ea;
      line-height:1.9;
      font-size:15px;
      margin-bottom:25px;
    }

    /* =========================
        SOCIAL ICONS
    ========================== */

    .social-icons{
      display:flex;
      gap:12px;
    }

    .social-icons a{
      width:42px;
      height:42px;
      background:rgba(255,255,255,0.08);
      border-radius:50%;
      display:flex;
      align-items:center;
      justify-content:center;
      color:#fff;
      text-decoration:none;
      transition:0.4s ease;
      position:relative;
      overflow:hidden;
    }

    .social-icons a::before{
      content:"";
      position:absolute;
      width:100%;
      height:100%;
      background:#7AC70C;
      left:0;
      bottom:-100%;
      transition:0.4s ease;
      z-index:0;
    }

    .social-icons a i{
      position:relative;
      z-index:2;
    }

    .social-icons a:hover::before{
      bottom:0;
    }

    .social-icons a:hover{
      transform:translateY(-5px);
    }

    
.footer-title {
    font-size: 18px;
    margin-bottom: 28px;
    font-weight: 700;
    position: relative;
    padding-bottom: 12px;
	color: #fff;
}

    .footer-title::after{
      content:"";
      position:absolute;
      width:55px;
      height:3px;
      background:#FFCC29;
      left:0;
      bottom:0;
      border-radius:20px;
    }

    /* =========================
        LINKS
    ========================== */

    .footer-links{
      list-style:none;
    }

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

    .footer-links a{
      color:#d9e1ea;
      text-decoration:none;
      transition:0.4s ease;
      display:inline-block;
      position:relative;
    }

    .footer-links a::before{
      content:"";
      position:absolute;
      left:0;
      bottom:-4px;
      width:0%;
      height:2px;
      background:#7AC70C;
      transition:0.4s ease;
    }

    .footer-links a:hover{
      color:#7AC70C;
      transform:translateX(5px);
    }

    .footer-links a:hover::before{
      width:100%;
    }

    /* =========================
        CONTACT
    ========================== */

    .contact-item{
      display:flex;
      gap:12px;
      margin-bottom:18px;
      color:#d9e1ea;
      line-height:1.8;
      font-size:15px;
    }

    .contact-item i{
      color:#7AC70C;
      margin-top:5px;
      min-width:20px;
    }

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

    .newsletter-text{
      color:#d9e1ea;
      line-height:1.8;
      margin-bottom:20px;
      font-size:15px;
    }

    .newsletter-form{
      position:relative;
    }

    .newsletter-form input{
      width:100%;
      height:55px;
      border:none;
      outline:none;
      border-radius:50px;
      padding:0 20px;
      background:#fff;
      font-size:15px;
    }

    /* button */

    .newsletter-btn{
      width:100%;
      height:52px;
      margin-top:15px;
      border:none;
      border-radius:50px;
      background:#7AC70C;
      color:#062B4F;
      font-weight:700;
      font-size:15px;
      cursor:pointer;
      transition:0.4s ease;
      position:relative;
      overflow:hidden;
    }

    .newsletter-btn::before{
      content:"";
      position:absolute;
      width:0%;
      height:100%;
      background:#FFCC29;
      left:0;
      top:0;
      transition:0.4s ease;
      z-index:0;
    }

    .newsletter-btn span{
      position:relative;
      z-index:2;
    }

    .newsletter-btn:hover::before{
      width:100%;
    }

    .newsletter-btn:hover{
      transform:translateY(-4px);
    }

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

    .footer-bottom {
    border-top: 1px solid rgba(255,255,255,0.1);
    padding: 19px 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
    background: #062b4fdb;
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.08);
}

    .footer-bottom p{
      color:#d9e1ea;
      font-size:14px;
    }

    .footer-bottom-links{
      display:flex;
      gap:18px;
    }

    .footer-bottom-links a{
      color:#d9e1ea;
      text-decoration:none;
      transition:0.4s ease;
      font-size:14px;
    }

    .footer-bottom-links a:hover{
      color:#7AC70C;
    }

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

    @media(max-width:1100px){

      .footer-container{
        grid-template-columns:repeat(2,1fr);
      }

      .footer-col:nth-child(2){
        border-right:none;
      }

    }

    @media(max-width:768px){

      .footer-container{
        grid-template-columns:1fr;
      }

      .footer-col{
        border-right:none !important;
        border-bottom:1px solid rgba(255,255,255,0.1);
        padding-bottom:30px;
      }

      .footer-col:last-child{
        border-bottom:none;
      }

      .footer-bottom{
        flex-direction:column;
        text-align:center;
      }

    }

.elementor-element.elementor-element-7e70a3a.e-con-full.e-flex.e-con.e-parent.e-lazyloaded {
    padding: 0;
}

ul.footer-links {
    margin: 0;
}




.elementor-element.elementor-element-539f52c.e-con-full.e-grid.all-sections.e-con.e-child {
    position: absolute;
    bottom: 105px;
    left: 735px;
}






/* SECTION */

.products-section {
    background: none;
    border-radius: 25px;
    padding: 40px 22px;
    position: relative;
    overflow: hidden;
}
/* glow effect */

.products-section::before {
    content: '';
    position: absolute;
    width: 400px;
    height: 400px;
    border-radius: 50%;
    top: -120px;
    left: -100px;
    filter: blur(40px);
}

.products-section::after {
    content: '';
    position: absolute;
    width: 300px;
    height: 300px;
    background: none;
    border-radius: 50%;
    bottom: -120px;
    right: -100px;
    filter: blur(40px);
}

/* HEADER */

.header{
    text-align:center;
    margin-bottom:45px;
    position:relative;
    z-index:2;
}

.header span{
    color:#89ff6b;
    letter-spacing:4px;
    font-size:14px;
    font-weight:600;
}

.header h2{
    color:#fff;
    font-size:42px;
    margin-top:12px;
    font-weight:700;
}

.view-all{
    position:absolute;
    right:0;
    top:10px;
    background:rgba(255,255,255,0.08);
    color:#fff;
    padding:12px 22px;
    border-radius:12px;
    text-decoration:none;
    border:1px solid rgba(255,255,255,0.2);
    transition:0.4s;
    backdrop-filter:blur(10px);
}

.view-all:hover{
    background:#8bc53f;
    transform:translateY(-3px);
}

/* CARD */

.product-card{
    background:#fff;
    border-radius:20px;
    overflow:hidden;
    transition:0.5s;
    position:relative;
    min-height:470px;
    box-shadow:0 10px 25px rgba(0,0,0,0.12);
}

.product-card:hover{
    transform:translateY(-12px) scale(1.02);
}

.product-card::before{
    content:'';
    position:absolute;
    top:0;
    left:-100%;
    width:100%;
    height:100%;
    background:linear-gradient(
    120deg,
    transparent,
    rgba(255,255,255,0.5),
    transparent
    );
    transition:0.7s;
}

.product-card:hover::before{
    left:100%;
}

.product-image-box{
    background:linear-gradient(to bottom,#f7f9fc,#eef4fb);
    height:230px;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
}

.product-image{
    width:100%;
    height:100% !important;
    object-fit:contain;
    transition:0.5s;
}

.product-card:hover .product-image{
    transform:scale(1.08) rotate(2deg);
}

.product-content{
    padding:24px;
}

.product-title{
    font-size:24px;
    font-weight:700;
    color:#0a2540;
    margin-bottom:10px;
}

.sku{
    color:#7c8a99;
    font-size:14px;
    margin-bottom:18px;
}

/* UL DESIGN */

.features{
    list-style:none;
    margin-bottom:25px;
}

.features li{
    margin-bottom:14px;
    color:#4b5563;
    display:flex;
    align-items:center;
    gap:10px;
    font-size:15px;
    transition:0.3s;
}

.features li:hover{
    transform:translateX(5px);
    color:#0d4f91;
}

.features li i{
    color:#7fc241;
    background:#eef8df;
    width:26px;
    height:26px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:12px;
}

/* BUTTON */

.details-btn{
    width:100%;
    border:none;
    background:linear-gradient(135deg,#7fc241,#4d8f15);
    color:#fff;
    padding:15px;
    border-radius:12px;
    cursor:pointer;
    font-size:16px;
    font-weight:600;
    transition:0.4s;
}

.details-btn:hover{
    transform:translateY(-3px);
    box-shadow:0 10px 20px rgba(127,194,65,0.4);
}

/* SWIPER */

.swiper{
    overflow:visible;
}

/* OUTSIDE ARROWS */

.swiper-button-next, .swiper-button-prev {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    color: #ffffff !important;
    box-shadow: 0 10px 25px rgba(0,0,0,0.2);
    transition: 0.4s;
    background: #062B4F;
}

.swiper-button-next:hover,
.swiper-button-prev:hover{
    background:#8bc53f;
    color:#fff;
    transform:scale(1.1);
}

.swiper-button-next::after,
.swiper-button-next::after, .swiper-button-prev::after {
    font-size: 22px !important;
    font-weight: bold;
}

/* arrows bahar */

.swiper-button-next{
    right:-30px;
}

.swiper-button-prev{
    left:-30px;
}

/* MODAL */

.modal{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.75);
    display:none;
    justify-content:center;
    align-items:center;
    z-index:999;
    padding:20px;
}

.modal-content{
    width:100%;
    max-width:1000px;
    background:#fff;
    border-radius:25px;
    overflow:hidden;
    animation:popup .4s ease;
    position:relative;
}

@keyframes popup{
    from{
        transform:translateY(40px) scale(.8);
        opacity:0;
    }
    to{
        transform:translateY(0) scale(1);
        opacity:1;
    }
}

.close-btn{
    position:absolute;
    top:15px;
    right:20px;
    width:45px;
    height:45px;
    background:#f2f2f2;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    font-size:22px;
    transition:0.3s;
    z-index:10;
}

.close-btn:hover{
    background:#ff4d4d;
    color:#fff;
}

.modal-body{
    display:flex;
    flex-wrap:wrap;
}

.modal-left{
    flex:1;
    min-width:320px;
    background:#f6f9fd;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:40px;
}

.modal-left img{
    width:100%;
    max-width:420px;
    animation:float 3s ease-in-out infinite;
}

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

.modal-right{
    flex:1;
    min-width:320px;
    padding:50px 40px;
}

.modal-right h2{
    font-size:36px;
    color:#082d55;
    margin-bottom:20px;
}

.modal-right p{
    color:#5b6775;
    line-height:1.8;
    margin-bottom:25px;
}

.modal-right ul{
    list-style:none;
}

.modal-right ul li{
    margin-bottom:15px;
    display:flex;
    align-items:center;
    gap:10px;
    color:#2f3b48;
}

.modal-right ul li i{
    color:#7fc241;
}

/* RESPONSIVE */

@media(max-width:992px){

    .swiper-button-next{
        right:-10px;
    }

    .swiper-button-prev{
        left:-10px;
    }

}

@media(max-width:768px){

    .products-section{
        padding:40px 20px;
    }

    .header h2{
        font-size:30px;
    }

    .view-all{
        position:relative;
        margin-top:20px;
        display:inline-block;
    }

    .modal-right{
        padding:30px;
    }

}


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

.process-section {
    width: 100%;
    padding: 20px 20px;
    background: #ffffff;
    overflow: hidden;
}
.process-grid{
    max-width:1400px;
    margin:auto;
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:30px;
    position:relative;
}

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

.process-card{
    position:relative;
    background:#fff;
    padding:35px 25px;
    border-radius:24px;
    text-align:center;
    transition:0.5s ease;
    border:1px solid #e7e7e7;

    opacity:0;
    transform:translateY(70px);
    animation:fadeUp 1s ease forwards;
}

/* delay animation */
.process-card:nth-child(1){animation-delay:.1s;}
.process-card:nth-child(2){animation-delay:.3s;}
.process-card:nth-child(3){animation-delay:.5s;}
.process-card:nth-child(4){animation-delay:.7s;}
.process-card:nth-child(5){animation-delay:.9s;}

.process-card:hover{
    transform:translateY(-12px);
    box-shadow:0 20px 45px rgba(0,0,0,0.12);
    border-color:#8dc63f;
}

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

.step-circle{
    position:relative;
    width:95px;
    height:95px;
    margin:auto;
    border-radius:50%;
    background:linear-gradient(135deg,#8dc63f,#6ba81d);
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:0 10px 25px rgba(141,198,63,0.35);
    transition:0.5s;
}

.process-card:hover .step-circle{
    transform:rotate(360deg) scale(1.08);
}

/* number */
.step-circle span{
    position:absolute;
    top:-12px;
    left:-8px;
    width:32px;
    height:32px;
    background:#fff;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:13px;
    font-weight:700;
    color:#6ba81d;
    box-shadow:0 4px 12px rgba(0,0,0,0.15);
}

/* icon */
.icon i{
    color:#fff;
    font-size:34px;
}

/* =========================
   ARROW
========================= */

.arrow {
    position: absolute;
    top: 45px;
    right: -22px;
    font-size: 41px;
    color: #062B4F;
    font-weight: 900;
}
.process-card:last-child .arrow{
    display:none;
}

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

.process-card h3{
    margin-top:28px;
    margin-bottom:12px;
    font-size:22px;
    font-weight:700;
    color:#111;
}

.process-card p{
    font-size:15px;
    line-height:1.7;
    color:#666;
    margin:0;
}

/* =========================
   HOVER EFFECT
========================= */

.process-card::before{
    content:"";
    position:absolute;
    inset:0;
    border-radius:24px;
    background:linear-gradient(
        135deg,
        rgba(141,198,63,0.08),
        transparent
    );
    opacity:0;
    transition:.5s;
}

.process-card:hover::before{
    opacity:1;
}

/* =========================
   SCROLL ANIMATION
========================= */

@keyframes fadeUp{
    to{
        opacity:1;
        transform:translateY(0);
    }
}

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

@media(max-width:1200px){

    .process-grid{
        grid-template-columns:repeat(3,1fr);
    }

    .process-card:nth-child(3) .arrow{
        display:none;
    }
}

@media(max-width:768px){

    .process-grid{
        grid-template-columns:1fr;
    }

    .arrow{
        display:none;
    }

    .process-card{
        padding:30px 20px;
    }
}

/* =========================
   TESTIMONIAL SECTION
========================= */
.testimonial-section {
    width: 100%;
    padding: 0;
    background: none !important;
    overflow: hidden;
}





/* =========================
   WRAPPER
========================= */

.testimonial-wrapper{
    max-width:760px;
    margin:auto;
    position:relative;
}

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

.testimonial-card {
    display: none;
    background: none;
    padding: 7px;
    border-radius: 28px;
    border: 1px solid #e9e9e9;
    
    text-align: center;
    transition: 0.5s ease;
}

.testimonial-card.active{
    display:block;
    animation:fadeZoom .8s ease;
}

.testimonial-card:hover{
    transform:translateY(-10px);
    box-shadow:0 25px 60px rgba(0,0,0,0.12);
}

/* =========================
   QUOTE ICON
========================= */

.quote-icon {
    width: 40px;
    height: 40px;
    margin: auto auto 5px;
    border-radius: 50%;
    background: linear-gradient(135deg,#8dc63f,#6ba81d);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 10px 30px rgba(141,198,63,0.35);
    transition: 0.5s ease;
}

.testimonial-card:hover .quote-icon{
    transform:rotate(360deg) scale(1.1);
}

.quote-icon i{
    color:#fff;
    font-size:20px;
}

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

.testimonial-card p{
    font-size:17px;
    line-height:1.9;
    color:#555;
    margin-bottom:28px;
}

.testimonial-card h4{
    font-size:22px;
    font-weight:700;
    color:#111;
    margin-bottom:8px;
}

.testimonial-card span{
    font-size:14px;
    color:#777;
}

/* =========================
   PAGINATION
========================= */

.testimonial-pagination{
    margin-top:40px;
    display:flex;
    justify-content:center;
    gap:12px;
}

.dot{
    width:12px;
    height:12px;
    border-radius:50%;
    background:#d2d2d2;
    cursor:pointer;
    transition:0.4s ease;
}

.dot.active{
    width:12px;
    border-radius:30px;
    background:#8dc63f;
}

.dot:hover{
    background:#8dc63f;
}

/* =========================
   ANIMATION
========================= */

@keyframes fadeZoom{

    from{
        opacity:0;
        transform:translateY(50px) scale(.95);
    }

    to{
        opacity:1;
        transform:translateY(0) scale(1);
    }
}

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

@media(max-width:768px){

    .testimonial-heading h2{
        font-size:32px;
    }

    .testimonial-card{
        padding:35px 25px;
    }

    .testimonial-card p{
        font-size:15px;
        line-height:1.8;
    }

}



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

    .gallery-grid{
      

      display:grid;
      grid-template-columns:repeat(2,1fr);
      gap:9px;
    }

    /* IMAGE CARD */

    .gallery-card{
      overflow:hidden;
      border-radius:18px;
      cursor:pointer;
      position:relative;

      opacity:0;
      transform:translateY(60px);
      animation:fadeUp 1s ease forwards;
    }

    /* One by One Animation */

    .gallery-card:nth-child(1){
      animation-delay:0.2s;
    }

    .gallery-card:nth-child(2){
      animation-delay:0.5s;
    }

    .gallery-card:nth-child(3){
      animation-delay:0.8s;
    }

    @keyframes fadeUp{

      0%{
        opacity:0;
        transform:translateY(60px);
      }

      100%{
        opacity:1;
        transform:translateY(0);
      }
    }

    /* IMAGE */
.gallery-card img {
    width: 100%;
    height: 267px !important;
    object-fit: fill;
    display: block;
    transition: 0.6s ease;
    border-radius: 18px;
}

    /* HOVER EFFECT */

    .gallery-card::before{
      content:"";
      position:absolute;
      inset:0;
      background:rgba(6,43,79,0.25);
      opacity:0;
      transition:0.5s ease;
      z-index:1;
      border-radius:18px;
    }

    .gallery-card:hover::before{
      opacity:1;
    }

    .gallery-card:hover img{
      transform:scale(1.12) rotate(2deg);
    }

    /* RESPONSIVE */

    @media(max-width:768px){

      .gallery-grid{
        grid-template-columns:1fr;
      }

    }



/* ABOUT */

.mvv-section {
    max-width: 100%;
    margin: auto;
    background: #032b5c;
    border-radius: 18px;
    padding: 40px 20px;
    color: white;
    box-shadow: 0 10px 30px rgba(0,0,0,0.15);
}

.mvv-title{
    position: relative;
    display: inline-block;
}

.mvv-title::after{
    content: "";
    position: absolute;
    left: 50%;
    bottom: -10px;
    transform: translateX(-50%);
    width: 80px;
    height: 3px;
    background: #7AC70C; 
    border-radius: 10px;
}

.mvv-title {
    text-align: center;
    font-size: 42px;
    font-weight: 700;
    margin-bottom: 58px;
    color: white;
    font-family: 'Poppins';
    /* margin: 0 auto; */
    width: 100%;
}
.mvv-container{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:30px;
}

.mvv-box {
    flex: 1;
    display: flex;
    align-items: flex-start;
    gap: 20px;
    position: relative;
    align-items: flex-start;
}

.mvv-box:not(:last-child)::after {
    content: "";
    position: absolute;
    right: -15px;
    top: 10px;
    border: 1px dotted #ffffff57;
    background: rgba(255,255,255,0.15);
    height: 100%;
}
.icon-circle{
    width:85px;
    height:85px;
    min-width:85px;
    border-radius:50%;
    background:white;
    display:flex;
    justify-content:center;
    align-items:center;
}

.icon-circle i{
    color:#7bc043;
    font-size:34px;
}

.mvv-content h3{
    font-size:24px;
    margin-bottom:12px;
	color:white;
	font-family: 'Poppins';
}

.mvv-content p{
    color:#d6d6d6;
    line-height:1.8;
    font-size:15px;
	font-family:Open Sans;
}

.values-list{
    list-style:none;
}

.values-list li{
    margin-bottom:12px;
    color:#d6d6d6;
    font-size:15px;
    display:flex;
    align-items:center;
    gap:10px;
}

.values-list li i{
    color:#7bc043;
    font-size:14px;
}

@media(max-width:991px){

.mvv-container{
    flex-direction:column;
}

.mvv-box:not(:last-child)::after{
    display:none;
}

}



/*ABOUT US */

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

.timeline-section{
    max-width:1400px;
    margin:auto;
    position:relative;
}

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

.timeline-grid{
    display:grid;
    grid-template-columns:repeat(6,1fr);
    gap:20px;
    position:relative;
}

/*=========================
LINE
=========================*/

.timeline-grid::before{
    content:'';
    position:absolute;
    top:48px;
    left:8%;
    width:84%;
    height:2px;
    background:#9ccc65;
    z-index:1;
}

/*=========================
ITEM
=========================*/

.timeline-item{
    text-align:center;
    position:relative;
    z-index:2;
    animation:fadeUp 1s ease forwards;
    opacity:0;
}

.timeline-item:nth-child(1){animation-delay:0.1s;}
.timeline-item:nth-child(2){animation-delay:0.3s;}
.timeline-item:nth-child(3){animation-delay:0.5s;}
.timeline-item:nth-child(4){animation-delay:0.7s;}
.timeline-item:nth-child(5){animation-delay:0.9s;}
.timeline-item:nth-child(6){animation-delay:1.1s;}

/*=========================
SMALL DOT
=========================*/

.timeline-item::before{
    content:'';
    position:absolute;
    top:43px;
    right:-14px;
    width:10px;
    height:10px;
    background:#78b941;
    border-radius:50%;
    z-index:5;
}

.timeline-item:last-child::before{
    display:none;
}

/*=========================
ICON
=========================*/

.timeline-icon{
    width:100px;
    height:100px;
    border-radius:50%;
    border:2px solid #b6d89a;
    background:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 auto 22px;
    color:#7cb342;
    font-size:40px;
    position:relative;
    transition:0.5s ease;
    overflow:hidden;
}

/* HOVER EFFECT */

.timeline-icon::after{
    content:'';
    position:absolute;
    inset:0;
    background:linear-gradient(135deg,#8bc34a,#5e9e2e);
    transform:scale(0);
    border-radius:50%;
    transition:0.5s ease;
    z-index:-1;
}

.timeline-item:hover .timeline-icon::after{
    transform:scale(1);
}

.timeline-item:hover .timeline-icon{
    color:#fff;
    transform:translateY(-10px) rotate(360deg);
    box-shadow:0 15px 35px rgba(124,179,66,0.35);
}

/*=========================
YEAR
=========================*/

.timeline-year{
    font-size:28px;
    font-weight:700;
    color:#1d1d1d;
    margin-bottom:8px;
    transition:0.4s;
}

.timeline-item:hover .timeline-year{
    color:#6fa93a;
}

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

.timeline-text{
    font-size:15px;
    line-height:1.7;
    color:#555;
    font-weight:500;
}

/*=========================
ANIMATION
=========================*/

@keyframes fadeUp{

    from{
        opacity:0;
        transform:translateY(60px);
    }

    to{
        opacity:1;
        transform:translateY(0);
    }

}

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

@media(max-width:1100px){

.timeline-grid{
    grid-template-columns:repeat(3,1fr);
    row-gap:25px;
}

.timeline-grid::before{
    display:none;
}

.timeline-item::before{
    display:none;
}

}

@media(max-width:768px){

.timeline-grid{
    grid-template-columns:repeat(2,1fr);
}

.timeline-icon{
    width:90px;
    height:90px;
    font-size:34px;
}

.timeline-year{
    font-size:24px;
}

}

@media(max-width:480px){

.timeline-grid{
    grid-template-columns:1fr 1fr;
}

}









@media (max-width: 1366px) {
	.elementor-element.elementor-element-539f52c.e-con-full.e-grid.all-sections.e-con.e-child {
    position: absolute;
    bottom: 121px;
    left: 608px;
}
}

@media (max-width: 1024px) {
	.elementor-element.elementor-element-539f52c.e-con-full.e-grid.all-sections.e-con.e-child {
    position: absolute;
    bottom: 121px;
    left: 487px;
}
	.icon {
    width: 30px;
    height: 54px;
    border: 2px solid #9acd32;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #9acd32;
    font-size: 18px;
    position: relative;
}
	.stat-box, .icon i {
    font-size: 30px !important;
    color: #7AC70C !important;
}
	.stat-box {
    flex: 1;
    display: flex;
    align-items: start;
    gap: 15px;
    padding: 18px 20px;
    border-right: 1px solid #e5e5e5;
    background: #fff;
    min-height: 100px;
    transition: 0.4s ease;
    cursor: pointer;
    position: relative;
}
	.section-top {
    text-align: center;
    margin-bottom: 36px !important;
}
}

@media (max-width: 767px) {
	.elementor-element.elementor-element-539f52c.e-con-full.e-grid.all-sections.e-con.e-child {
    position: static;
   
}
	.section-top {
    text-align: center;
    margin-bottom: 18px;
}
	.e-con.e-grid > .e-con-inner > *:not(:last-child) {
    border-right: none;
    padding-right: 0;
}
	.view-all {
    position: relative;
    margin-top: 0;
    display: inline-block;
}
	
	.footer-col {

    padding-bottom: 5px;
}	
	
	.footer-col {
    position: relative;
    padding-right: 0;
   
}
	.footer-container {
  
    gap: 15px;
    padding-bottom: 15px;
}
	.footer-bottom p {
    margin: 0;
}
	
	.footer-bottom {
  
    padding: 0;
    
}
	
}







 /* service */

.service-area{
    padding:90px 0;
}

.container{
    width:1200px;
    margin:auto;
}

.section-heading{
    text-align:center;
    margin-bottom:60px;
}

.section-heading span{
    color:#7AC943;
    font-size:14px;
    font-weight:700;
    letter-spacing:2px;
    display:block;
    margin-bottom:15px;
}

.section-heading h2{
    color:#0B1C4D;
    font-size:46px;
    font-weight:700;
    margin-bottom:18px;
}

.border-line{
    width:65px;
    height:4px;
    background:#7AC943;
    margin:auto;
    border-radius:50px;
}

.service-wrapper{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:22px;
}

.service-box{
    background:#fff;
    border:1px solid #ECECEC;
    border-radius:12px;
    padding:30px 25px;
    text-align:center;
    transition:.4s;
    box-shadow:0 0 15px rgba(0,0,0,0.03);

    display:flex;
    flex-direction:column;
    justify-content:space-between;

    min-height:420px;
}

.service-box:hover{
    transform:translateY(-10px);
    box-shadow:0 15px 30px rgba(0,0,0,0.08);
}



.icon{
    width:80px;
    height:80px;
    margin:0 auto 18px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.process-card .icon i {
    color: #fff !IMPORTANT;
    font-size: 45px !important;
}

.stat-box, .icon i {
    font-size: 45px !important;
    color: #7AC70C !important;
}

.service-box h3{
    color:#0B1C4D;
    font-size:20px;
    line-height:1.5;
    margin-bottom:12px;
    font-weight:700;
    font-family: Open sans-serif;
    
}


.service-box p{
    color:#0B1C4D;
    font-size:15px;
    line-height:1.9;
    margin-bottom:30px;
font-family: 'Open Sans';
    min-height:140px;
}

.service-box a{
    color:#7AC943;
    font-size:22px;
    transition:.3s;

    margin-top:auto;
}

.service-box a:hover{
    padding-left:8px;
}

@media(max-width:1200px){

.container{
    width:95%;
}

.service-wrapper{
    grid-template-columns:repeat(3,1fr);
}

}

@media(max-width:768px){

.service-wrapper{
    grid-template-columns:1fr;
}

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

}






.work-process-section{
    padding:80px 20px;
    background:#fff;
    font-family:'Poppins',sans-serif;
}

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

.section-title{
    text-align:center;
    margin-bottom:60px;
}

.section-title span{
    color:#77b82a;
    font-size:14px;
    font-weight:600;
    letter-spacing:1px;
    text-transform:uppercase;
}

.section-title h2{
    font-size:42px;
    color:#0a1d49;
    margin-top:10px;
    font-weight:700;
}

.process-wrapper{
    display:flex;
    align-items:flex-start;
    justify-content:center;
    flex-wrap:wrap;
    gap:0;
}

.process-item{
    width:160px;
    text-align:center;
    position:relative;
}

.icon-box{
    width:90px;
    height:90px;
    border:2px solid #8bc34a;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:auto;
    background:#fff;
}

.icon-box i{
    font-size:34px;
    color:#7dbb2f;
}

.number{
    display:block;
    margin-top:18px;
    font-size:22px;
    font-weight:700;
    color:#0a1d49;
}

.process-item h4{
    font-size:18px;
    margin:12px 0;
    color:#0a1d49;
    font-weight:700;
}

.process-item p{
    font-size:15px;
    line-height:1.7;
    color:#666;
}

.line{
    width:80px;
    height:2px;
    background:#d9d9d9;
    margin-top:45px;
    position:relative;
}

.line::before{
    content:'';
    width:8px;
    height:8px;
    background:#cfcfcf;
    border-radius:50%;
    position:absolute;
    top:-3px;
    left:50%;
    transform:translateX(-50%);
}

@media(max-width:991px){

.process-wrapper{
    gap:40px;
}

.line{
    display:none;
}

.process-item{
    width:45%;
}

}

@media(max-width:600px){

.process-item{
    width:100%;
}

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

}

body{
overflow:hidden;
}

#loader{
position:fixed;
z-index:999999999;
}




html, body{
height:auto;
overflow:auto;
}

/* loader always fixed but not blocking page forever */
#loader{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:#F5F7FA;
display:flex;
justify-content:center;
align-items:center;
z-index:9999999;
overflow:hidden;
}
/* CENTER */

.loader-content{
text-align:center;
}

/* TEXT */

.loader-text span{

display:inline-block;

font-size:42px;
font-weight:800;
letter-spacing:4px;

color:#062B4F;

opacity:0;
transform:translateX(80px);

animation:letterEnter .4s forwards;

}

@keyframes letterEnter{

0%{
opacity:0;
transform:translateX(80px);
}

100%{
opacity:1;
transform:translateX(0);
}

}

/* DELAYS */

.loader-text span:nth-child(1){animation-delay:.05s;}
.loader-text span:nth-child(2){animation-delay:.10s;}
.loader-text span:nth-child(3){animation-delay:.15s;}
.loader-text span:nth-child(4){animation-delay:.20s;}
.loader-text span:nth-child(5){animation-delay:.25s;}
.loader-text span:nth-child(6){animation-delay:.30s;}
.loader-text span:nth-child(7){animation-delay:.35s;}
.loader-text span:nth-child(8){animation-delay:.40s;}
.loader-text span:nth-child(9){animation-delay:.45s;}
.loader-text span:nth-child(10){animation-delay:.50s;}
.loader-text span:nth-child(11){animation-delay:.55s;}
.loader-text span:nth-child(12){animation-delay:.60s;}
.loader-text span:nth-child(13){animation-delay:.65s;}
.loader-text span:nth-child(14){animation-delay:.70s;}
.loader-text span:nth-child(15){animation-delay:.75s;}
.loader-text span:nth-child(16){animation-delay:.80s;}
.loader-text span:nth-child(17){animation-delay:.85s;}
.loader-text span:nth-child(18){animation-delay:.90s;}
.loader-text span:nth-child(19){animation-delay:.95s;}
.loader-text span:nth-child(20){animation-delay:1s;}
.loader-text span:nth-child(21){animation-delay:1.05s;}

/* SUBTEXT */

.loader-subtext{

font-size:24px;
letter-spacing:10px;

color:#7AC70C;

margin-top:20px;

opacity:0;

animation:subFade .6s forwards;
animation-delay:1.2s;

}

@keyframes subFade{

from{
opacity:0;
transform:translateY(15px);
}

to{
opacity:1;
transform:translateY(0);
}

}

/* SMOOTH TOP EXIT */

.loader-hide{

animation:loaderTopHide .85s ease forwards;

}

@keyframes loaderTopHide{

0%{
transform:translateY(0);
opacity:1;
}

100%{
transform:translateY(-100%);
opacity:0;
visibility:hidden;
}

}

/* MOBILE */

@media(max-width:768px){

.loader-text span{
font-size:18px;
letter-spacing:2px;
}

.loader-subtext{
font-size:14px;
letter-spacing:4px;
}

}


#cursor-dot{
position:fixed;
width:12px;
height:12px;
background:#062B4F;
border-radius:50%;
pointer-events:none;
z-index:999999;
top:0;
left:0;
transform:translate(-50%,-50%);
}




.elementor-element.elementor-element-df2242e.elementor-widget.elementor-widget-text-editor p {
    margin: 0;
}

.elementor-headline {
    display: block;
    font-size: 43px;
    line-height: 1.2;
    margin: 0;
}

.elementor-element.elementor-element-b5e6c53.elementor-widget.elementor-widget-text-editor p {
    margin: 0;
}
.ast-single-post .entry-content a, .ast-comment-content a:not(.ast-comment-edit-reply-wrap a) {
    text-decoration: none;
}




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

.features-section {
    padding: 30px 0;
    background: #fff;
}

.feature-grid {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 25px;
}

.feature-card{
    position:relative;
    background:#fff;
    border-radius:22px;
    padding:35px 22px;
    text-align:center;
    overflow:hidden;
    border:1px solid #ececec;
    transition:0.5s ease;
    z-index:1;
    cursor:pointer;
}

.feature-overlay{
    position:absolute;
    top:-100%;
    left:0;
    width:100%;
    height:100%;
    background:linear-gradient(180deg,#8bc34a,#5f9f30);
    transition:0.5s ease;
    z-index:-1;
}

.feature-card:hover .feature-overlay{
    top:0;
}

.feature-icon{
    font-size:45px;
    color:#78b941;
    margin-bottom:22px;
    transition:0.5s ease;
}

.feature-card h3{
    font-size:22px;
    margin-bottom:14px;
    color:#1f1f1f;
    transition:0.4s;
}

.feature-card p {
    font-size: 18px;
    line-height: 1.8;
    color: #000000;
    transition: 0.4s;
}

.feature-card:hover h3,
.feature-card:hover p,
.feature-card:hover .feature-icon{
    color:#fff;
}

.feature-card:hover{
    transform:translateY(-12px);
    box-shadow:0 20px 40px rgba(0,0,0,0.15);
}

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

.team-section {
    background: #03224d;
    padding: 30px 30px;
    border-radius: 30px;
    margin-top: 0;
    overflow: hidden;
}

.team-heading {
    text-align: center;
    margin-bottom: 25px;
}

.team-heading h2{
    color:#fff;
    font-size:42px;
    margin-bottom:15px;
}

.team-line{
    width:90px;
    height:4px;
    background:#8bc34a;
    margin:auto;
    border-radius:50px;
}

.team-grid{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:25px;
}

.team-card{
    background:rgba(255,255,255,0.06);
    border-radius:22px;
    overflow:hidden;
    transition:0.5s ease;
    position:relative;
}

.team-card:hover{
    transform:translateY(-12px);
    background:#0b346d;
}

.team-img{
    height:280px;
    overflow:hidden;
}

.team-img img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:0.5s ease;
}

.team-card:hover img{
    transform:scale(1.1);
}

.team-content{
    padding:22px;
    text-align:center;
}

.team-content h3{
    color:#fff;
    font-size:22px;
    margin-bottom:8px;
}

.team-content span{
    color:#cdd7e6;
    font-size:15px;
}
/* =========================
LOGO SECTION
========================= */

.logo-section {
    padding: 40px 0;
    background: #fff;
    overflow: hidden;
}

.logo-heading{
    text-align:center;
    margin-bottom:40px;
}

.logo-heading h2{
    font-size:42px;
    color:#1d1d1d;
    font-weight:700;
}

/* MARQUEE */

.logo-marquee{
    width:100%;
    overflow:hidden;
    position:relative;
}

.logo-track{
    display:flex;
    align-items:center;
    gap:25px;
    width:max-content;
    animation:logoMarquee 22s linear infinite;
}

/* LOGO BOX */

.logo-box {
    width: 210px;
    height: 172px;
    background: #fff;
    border-radius: 22px;
    border: 1px solid #ececec;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    transition: 0.4s ease;
    flex-shrink: 0;
}

/* IMAGE */

.logo-box img{
    width:100%;
    height:70px;
    object-fit:contain;
    transition:0.4s ease;
    filter:grayscale(100%);
}

/* HOVER */

.logo-box:hover{
    transform:translateY(-10px);
    box-shadow:0 18px 35px rgba(0,0,0,0.12);
}

.logo-box:hover img{
    filter:grayscale(0%);
    transform:scale(1.08);
}

/* ANIMATION */

@keyframes logoMarquee{

    0%{
        transform:translateX(0);
    }

    100%{
        transform:translateX(-50%);
    }

}

/* RESPONSIVE */

@media(max-width:768px){

.logo-box{
    width:160px;
    height:95px;
}

.logo-box img{
    height:55px;
}

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

}

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

@media(max-width:1200px){

.feature-grid{
    grid-template-columns:repeat(3,1fr);
}

.team-grid{
    grid-template-columns:repeat(3,1fr);
}

}

@media(max-width:768px){

.feature-grid{
    grid-template-columns:repeat(2,1fr);
}

.team-grid{
    grid-template-columns:repeat(2,1fr);
}



}

@media(max-width:480px){

.feature-grid,
.team-grid{
    grid-template-columns:1fr;
}

.team-section{
    padding:60px 20px;
}
}



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

.solar-cta-section {
    padding:0;
    background: none;
	margin-bottom: 0px;
}

/* MAIN BOX */

.solar-cta-wrap {
    max-width: 1400px;
    margin: auto;
    padding: 35px 45px;
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 35px;
    position: relative;
    overflow: hidden;
    background: linear-gradient(rgb(2 18 45 / 37%), rgb(2 18 45 / 0%)), url(https://rmcinfrapowerprojects.co.in/wp-content/uploads/2026/05/baneer1-img.png);
    background-size: cover;
    background-position: center;
}
/* DARK OVERLAY LIGHT */

.solar-cta-wrap::before{
    content:'';
    position:absolute;
    inset:0;
    background:linear-gradient(90deg,
    rgba(1,18,44,0.95) 10%,
    rgba(1,18,44,0.75) 50%,
    rgba(1,18,44,0.90) 100%);
}

/* CONTENT ABOVE */

.solar-cta-icon,
.solar-cta-content,
.solar-cta-btn{
    position:relative;
    z-index:2;
}

/* ICON */

.solar-cta-icon {
    min-width: 100px;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: linear-gradient(135deg,#8bc34a,#5f9f30);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 49px;
    color: #fff;
    box-shadow: 0 10px 30px rgba(139,195,74,0.35);
    transition: 0.5s ease;
}


.solar-cta-content p {
    margin: 0;
}
.solar-cta-wrap:hover .solar-cta-icon{
    transform:rotate(15deg) scale(1.08);
}

/* CONTENT */

.solar-cta-content{
    flex:1;
}

.solar-cta-content h2 {
    font-size: 30px;
    line-height: 1.3;
    color: #fff;
    margin-bottom: 12px;
    font-weight: 700;
}

.solar-cta-content p {
    font-size: 18px;
    line-height: 1.8;
    color: #fff;
    max-width: 700px;
}

/* BUTTON */

.solar-cta-btn a{
    display:inline-flex;
    align-items:center;
    gap:14px;

    background:#fff;
    color:#082448;

    text-decoration:none;
    font-size:15px;
    font-weight:700;
    letter-spacing:0.5px;

    padding:20px 34px;
    border-radius:12px;

    transition:0.5s ease;
}

/* BUTTON ICON */

.solar-cta-btn a i{
    color:#78b941;
    transition:0.4s ease;
}

/* HOVER */

.solar-cta-btn a:hover{
    background:#8bc34a;
    color:#fff;
    transform:translateY(-6px);
}

.solar-cta-btn a:hover i{
    color:#fff;
    transform:translateX(6px);
}

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

@media(max-width:992px){

.solar-cta-wrap{
    flex-direction:column;
    text-align:center;
    padding:45px 30px;
}

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

}

@media(max-width:600px){

.solar-cta-content h2{
    font-size:26px;
}

.solar-cta-content p{
    font-size:15px;
}

.solar-cta-btn a{
    width:100%;
    justify-content:center;
    padding:18px 24px;
}

}




.products-page-ctions .elementor-widget-icon-box{
    position:relative;
    overflow:hidden;
    border-radius:18px;
    transition:0.4s ease;
}

/* ICON BOX */

.products-page-ctions .elementor-icon-box-wrapper{
    background:#ffffff;
    border:1px solid #e7e7e7;
    border-radius:18px;
    padding:22px 15px;
    text-align:center;
    transition:0.4s ease;
    position:relative;
    z-index:1;
}

/* HOVER BACKGROUND */

.products-page-ctions .elementor-icon-box-wrapper::before{
    content:'';
    position:absolute;
    top:-100%;
    left:0;
    width:100%;
    height:100%;
    background:linear-gradient(180deg,#8bc34a,#5d9c30);
    transition:0.5s ease;
    z-index:-1;
}

/* HOVER EFFECT */

.products-page-ctions .elementor-widget-icon-box:hover 
.elementor-icon-box-wrapper::before{
    top:0;
}

/* ACTIVE FIRST BOX */

.products-page-ctions .elementor-widget-icon-box:first-child 
.elementor-icon-box-wrapper{
    background:linear-gradient(180deg,#8bc34a,#5d9c30);
    border-color:#8bc34a;
}

/* ICON */

.products-page-ctions .elementor-icon-box-icon{
    margin-bottom:12px;
}

.products-page-ctions .elementor-icon{
    font-size:38px;
    color:#78b941;
    transition:0.4s ease;
}

.products-page-ctions .elementor-icon svg{
    width:38px;
    fill:#78b941;
    transition:0.4s ease;
}

/* TITLE */

.products-page-ctions .elementor-icon-box-title{
    font-size:18px;
    font-weight:700;
    line-height:1.4;
    margin:0;
}

.products-page-ctions .elementor-icon-box-title span{
    color:#222;
    transition:0.4s ease;
}

/* HOVER TEXT COLOR */

.products-page-ctions .elementor-widget-icon-box:hover 
.elementor-icon,
.products-page-ctions .elementor-widget-icon-box:hover 
.elementor-icon svg{
    color:#fff;
    fill:#fff;
}

.products-page-ctions .elementor-widget-icon-box:hover 
.elementor-icon-box-title span{
    color:#fff;
}

/* ACTIVE FIRST ITEM COLOR */

.products-page-ctions .elementor-widget-icon-box:first-child 
.elementor-icon,
.products-page-ctions .elementor-widget-icon-box:first-child 
.elementor-icon svg{
    color:#fff;
    fill:#fff;
}

.products-page-ctions .elementor-widget-icon-box:first-child 
.elementor-icon-box-title span{
    color:#fff;
}

/* CARD HOVER */

.products-page-ctions .elementor-widget-icon-box:hover{
    transform:translateY(-6px);
}






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

.stats-section{
    max-width:1300px;
    margin:auto;
}

.stats-grid{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:25px;
}

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

.stat-card{
    position:relative;
    overflow:hidden;
    background:#ffffff;
    border-radius:24px;
    padding:28px 24px;
    display:flex;
    align-items:center;
    gap:18px;
    min-height:140px;
    border:1px solid #ebedf3;

    opacity:0;
    transform:translateY(70px);

    transition:
    transform .8s ease,
    opacity .8s ease,
    box-shadow .4s ease;
}

/* SHOW ANIMATION */

.stats-grid.active .stat-card{
    opacity:1;
    transform:translateY(0);
}

/* ONE BY ONE */

.stats-grid.active .stat-card:nth-child(1){
    transition-delay:.1s;
}

.stats-grid.active .stat-card:nth-child(2){
    transition-delay:.3s;
}

.stats-grid.active .stat-card:nth-child(3){
    transition-delay:.5s;
}

.stats-grid.active .stat-card:nth-child(4){
    transition-delay:.7s;
}

.stats-grid.active .stat-card:nth-child(5){
    transition-delay:.9s;
}

/* HOVER */

.stat-card:hover{
    transform:translateY(-10px);
    box-shadow:0 20px 40px rgba(0,0,0,0.08);
}

/* GLOW EFFECT */

.stat-card::before{
    content:'';
    position:absolute;
    width:180px;
    height:180px;
    background:rgba(135, 181, 57, 0.08);
    border-radius:50%;
    top:-80px;
    right:-80px;
    transition:.5s;
}

.stat-card:hover::before{
    transform:scale(1.3);
}

/*=========================
    ICON
=========================*/

.stat-icon{
    width:75px;
    height:75px;
    min-width:75px;
    border-radius:20px;
    background:rgba(135, 181, 57, 0.12);

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

    transition:.5s ease;
}

.stat-card:hover .stat-icon{
    background:#87b539;
    transform:rotate(-8deg) scale(1.08);
}

.stat-icon svg{
    width:38px;
    height:38px;
    stroke:#87b539;
    transition:.5s ease;
}

.stat-card:hover .stat-icon svg{
    stroke:#fff;
}

/*=========================
    CONTENT
=========================*/

.stat-content{
    position:relative;
    z-index:2;
}

.stat-number{
    font-size:42px;
    font-weight:800;
    color:#0f172a;
    line-height:1;
    margin-bottom:10px;
}

.stat-title{
    font-size:18px;
    font-weight:600;
    color:#1e293b;
    line-height:1.5;
}

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

@media(max-width:1200px){

    .stats-grid{
        grid-template-columns:repeat(3,1fr);
    }

}

@media(max-width:768px){

    .stats-grid{
        grid-template-columns:repeat(2,1fr);
    }

}

@media(max-width:576px){

    .stats-grid{
        grid-template-columns:1fr;
    }

    .stat-card{
        padding:24px 20px;
    }

    .stat-number{
        font-size:34px;
    }

    .stat-title{
        font-size:16px;
    }

}





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

.testimonial-section{
    max-width:1300px;
    margin:auto;
    position:relative;
}

.section-title{
    text-align:center;
    color:#7ab317;
    font-size:18px;
    font-weight:700;
    letter-spacing:2px;
    margin-bottom:40px;
    text-transform:uppercase;
}

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

.testimonial-section{
    max-width:100%;
    margin: 0 auto;
    position:relative;
}

.section-title{
    text-align:center;
    font-size:20px;
    font-weight:700;
    color:#74b000;
    text-transform:uppercase;
    letter-spacing:2px;
    margin-bottom:40px;
}

/* =========================
   SLIDER
========================= */

.testimonial-slider{
    position:relative;
    padding:0 70px;
}

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

.testimonial-card{
    background:#fff;
    border-radius:16px;
    padding:25px;
    border:1px solid #eee;
    box-shadow:0 5px 18px rgba(0,0,0,0.06);
    transition:0.4s ease;
    height:100%;
}

.testimonial-card:hover{
    transform:translateY(-8px);
    box-shadow:0 12px 25px rgba(0,0,0,0.10);
}

.quote{
    font-size:45px;
    color:#74b000;
    line-height:1;
    margin-bottom:10px;
}

.stars{
    color:#ffbf00;
    font-size:17px;
    margin-bottom:15px;
}

.testimonial-text{
    font-size:15px;
    line-height:1.8;
    color:#333;
    margin-bottom:25px;
}

/* =========================
   USER INFO
========================= */

.user-box{
    display:flex;
    align-items:center;
    gap:12px;
}

.user-box img{
    width:55px;
    height:55px;
    border-radius:50%;
    object-fit:cover;
}

.user-box h4{
    font-size:17px;
    color:#111;
    margin-bottom:4px;
}

.user-box p{
    font-size:14px;
    color:#777;
}

/* =========================
   ARROWS
========================= */

.swiper-button-next,
.swiper-button-prev{
    width:45px !important;
    height:45px !important;
    background:#74b000;
    border-radius:8px;
    transition:0.3s;
}

.swiper-button-next:hover,
.swiper-button-prev:hover{
    background:#5d9100;
}

.swiper-button-next::after,
.swiper-button-prev::after{
    font-size:18px !important;
    color:#fff;
    font-weight:bold;
}

/* Hide Dots */

.swiper-pagination{
    display:none !important;
}

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

@media(max-width:1024px){

    .swiper{
        padding:0 50px;
    }

}

@media(max-width:767px){

    .testimonial-slider{
        padding:0 15px;
    }

    .testimonial-card{
        padding:20px;
    }

}



/*========================
    SERVICES DESIGN
=========================*/

.service-tabs{
    display:grid;
    grid-template-columns:repeat(6,1fr);
    background:#fff;
    border-radius:22px;
    overflow:hidden;
    border:1px solid #ececec;
    box-shadow:0 10px 35px rgba(0,0,0,0.08);
}

.service-item{
    position:relative;
    text-align:center;
    padding:15px 18px;
    border-right:1px solid #ededed;
    cursor:pointer;
    overflow:hidden;
    transition:0.4s ease;
    background:#fff;
}

.service-item:last-child{
    border-right:none;
}

/* ACTIVE GREEN BG */

.service-item::before{
    content:"";
    position:absolute;
    inset:0;
    background:#6da80f;
    transform:scaleY(0);
    transform-origin:bottom;
    transition:0.4s ease;
    z-index:0;
}

.service-item.active::before,
.service-item:hover::before{
    transform:scaleY(1);
}

.service-item *{
    position:relative;
    z-index:2;
}

/* ICON */

.service-icon{
    margin-bottom:16px;
}

.service-icon i{
    font-size:55px;
    color:#222;
    transition:0.4s ease;
}

/* TITLE */

.service-item h4{
    font-size:15px;
    font-weight:600;
    color:#222;
    margin:0;
    line-height:1.5;
    transition:0.4s ease;
}

/* ACTIVE */

.service-item.active h4,
.service-item:hover h4{
    color:#fff;
}

.service-item.active .service-icon i,
.service-item:hover .service-icon i{
    color:#000;
}

/* HOVER */

.service-item:hover{
    transform:translateY(-4px);
}

/* RESPONSIVE */

@media(max-width:991px){

    .service-tabs{
        grid-template-columns:repeat(3,1fr);
    }

}

@media(max-width:767px){

    .service-tabs{
        grid-template-columns:repeat(2,1fr);
    }

}

@media(max-width:480px){

    .service-tabs{
        grid-template-columns:1fr;
    }

}




.feature-wrapper {
    width: 607px;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 13px 39px;
}

   .feature-box {
    display: flex;
    align-items: flex-start;
    gap: 6px;
}

    .icon{
      width:58px;
      height:58px;
      border:2px solid #9acd32;
      border-radius:14px;
      display:flex;
      align-items:center;
      justify-content:center;
      color:#9acd32;
      font-size:28px;
      position:relative;
    }

    .icon::before{
      content:'';
      position:absolute;
      width:42px;
      height:42px;
      border:2px solid rgba(154,205,50,0.4);
      border-radius:12px;
    }

.content h3 {
    color: #fff;
    font-size: 20px;
    margin-bottom: 8px;
    font-weight: 700;
}

    .content p{
      color:#d7d7d7;
      font-size:16px;
      line-height:1.5;
    }

    @media(max-width:768px){
      .feature-wrapper{
        grid-template-columns:1fr;
      }
    }





/*========================
    WHY CHOOSE DESIGN
=========================*/

.why-choose-section{
    display:grid;
    grid-template-columns:repeat(6,1fr);
    background:#fff;
    border-radius:20px;
    overflow:hidden;
    box-shadow:0 10px 35px rgba(0,0,0,0.08);
    border:1px solid #ececec;
}

/* BOX */

.choose-box{
    position:relative;
    text-align:center;
    padding:45px 22px;
    border-right:1px solid #ededed;
    overflow:hidden;
    transition:0.4s ease;
    background:#fff;
}

.choose-box:last-child{
    border-right:none;
}

/* HOVER EFFECT */

.choose-box::before{
    content:"";
    position:absolute;
    inset:0;
    background:#7cb518;
    transform:scaleY(0);
    transform-origin:bottom;
    transition:0.5s ease;
    z-index:0;
}

.choose-box:hover::before{
    transform:scaleY(1);
}

.choose-box *{
    position:relative;
    z-index:2;
}

/* ICON */

.choose-icon{
    margin-bottom:18px;
}

.choose-icon i{
    font-size:52px;
    color:#7cb518;
    transition:0.4s ease;
}

/* TITLE */

.choose-content h4{
    font-size:18px;
    font-weight:700;
    margin-bottom:14px;
    color:#111;
    transition:0.4s ease;
}

/* TEXT */

.choose-content p{
    font-size:14px;
    line-height:1.8;
    color:#666;
    margin:0;
    transition:0.4s ease;
}

/* HOVER */

.choose-box:hover{
    transform:translateY(-8px);
}

.choose-box:hover .choose-icon i,
.choose-box:hover .choose-content h4,
.choose-box:hover .choose-content p{
    color:#fff;
}

/* RESPONSIVE */

@media(max-width:1200px){

    .why-choose-section{
        grid-template-columns:repeat(3,1fr);
    }

}

@media(max-width:767px){

    .why-choose-section{
        grid-template-columns:repeat(2,1fr);
    }

}

@media(max-width:480px){

    .why-choose-section{
        grid-template-columns:1fr;
    }

}




/*========================
    PROCESS DESIGN
=========================*/

.process-section-new{
    display:grid;
    grid-template-columns:repeat(6,1fr);
    gap:30px;
    position:relative;
    padding:20px 0;
}

/* DOTTED LINE */

.process-section-new::before{
    content:"";
    position:absolute;
    top:52px;
    left:5%;
    width:90%;
    border-top:2px dashed #cfcfcf;
    z-index:0;
}

/* BOX */

.process-box{
    position:relative;
    text-align:center;
    z-index:2;
    transition:0.4s ease;
}

/* TOP */

.process-top{
    position:relative;
    margin-bottom:22px;
}

/* ICON CIRCLE */

.process-icon{
    width:90px;
    height:90px;
    margin:auto;
    background:#fff;
    border:2px solid #dfe5d8;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative;
    transition:0.4s ease;
    box-shadow:0 8px 25px rgba(0,0,0,0.05);
}

.process-icon i{
    font-size:40px;
    color:#7db61c;
    transition:0.4s ease;
}

/* NUMBER */

.process-number{
    position:absolute;
    bottom:-6px;
    right:30%;
    width:30px;
    height:30px;
    background:#7db61c;
    color:#fff;
    border-radius:50%;
    font-size:13px;
    font-weight:700;
    display:flex;
    align-items:center;
    justify-content:center;
    border:3px solid #fff;
    box-shadow:0 5px 15px rgba(0,0,0,0.1);
}

/* CONTENT */

.process-content h4{
    font-size:18px;
    font-weight:700;
    color:#1c2440;
    margin-bottom:12px;
}

.process-content p{
    font-size:14px;
    line-height:1.8;
    color:#666;
    margin:0;
}

/* HOVER EFFECT */

.process-box:hover{
    transform:translateY(-10px);
}

.process-box:hover .process-icon{
    background:#7db61c;
    border-color:#7db61c;
}

.process-box:hover .process-icon i{
    color:#fff;
}

/* RESPONSIVE */

@media(max-width:1200px){

    .process-section-new{
        grid-template-columns:repeat(3,1fr);
        gap:50px;
    }

    .process-section-new::before{
        display:none;
    }

}

@media(max-width:767px){

   .process-section-new{
        grid-template-columns:repeat(2,1fr);
    }

}

@media(max-width:480px){

    .process-section-new{
        grid-template-columns:1fr;
    }

}