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

    .hero-section{
      padding:80px 0;
    }

    .hero-content h1{
      font-size:3.2rem;
      font-weight:700;
      line-height:1.1;
      margin-bottom:24px;
    }

    .hero-content p{
      color:#666;
      font-size:17px;
      line-height:1.8;
      margin-bottom:30px;
    }

    .btn-custom{
      border-radius:50px;
      padding:12px 28px;
      font-weight:600;
    }

    /* =========================
       CAROUSEL
    ========================== */

    #fw_al_007{
      position:relative;
    }

    #fw_al_007 .carousel-inner{
      border-radius:24px;
      overflow:hidden;
    }

    #fw_al_007 .carousel-item{
      position:relative;
    }

    #fw_al_007 .carousel-item img{
      width:100%;
      height:600px;
      object-fit:cover;
    }

    #fw_al_007 .carousel-item::before{
      content:"";
      position:absolute;
      inset:0;
      background:rgba(0,0,0,0.45);
      z-index:1;
    }

    .fw_al_007_slide{
      position:absolute;
      top:50%;
      left:8%;
      transform:translateY(-50%);
      color:#fff;
      z-index:2;
      max-width:500px;
    }

    .fw_al_007_slide h3{
      font-size:18px;
      margin-bottom:12px;
    }

    .fw_al_007_slide h1{
      font-size:3rem;
      font-weight:700;
      line-height:1.1;
      margin-bottom:20px;
    }

    .fw_al_007_slide span{
      color:#0d6efd;
    }

    .fw_al_007_slide p{
      font-size:16px;
      line-height:1.8;
      margin-bottom:25px;
    }

    .fw_al_007_slide a{
      display:inline-block;
      padding:12px 26px;
      background:#0d6efd;
      color:#fff;
      text-decoration:none;
      border-radius:50px;
      font-weight:600;
    }

    /* Indicators */

    #fw_al_007 .carousel-indicators{
      position:absolute;
      left:20px;
      bottom:15px;
      justify-content:flex-start;
      margin:0;
      z-index:5;
    }

    /* Controls */

    #fw_al_007 .carousel-control-prev,
    #fw_al_007 .carousel-control-next{
      top:auto;
      bottom:15px;
      width:45px;
      height:45px;
      background:rgba(0,0,0,0.5);
      border-radius:50%;
      opacity:1;
    }

    #fw_al_007 .carousel-control-prev{
      left:auto;
      right:70px;
    }

    #fw_al_007 .carousel-control-next{
      right:15px;
    }

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

    .growth-section{
      padding:80px 0;
    }

    .service-card{
      background:#fff;
      border:1px solid #ddd;
      border-radius:24px;
      overflow:hidden;
      height:100%;
      transition:0.3s ease;
    }

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

    .service-image{
      height:220px;
      overflow:hidden;
    }

    .service-image img,
    .big-image img{
      width:100%;
      height:100%;
      object-fit:cover;
      display:block;
    }

    .service-content{
      padding:24px;
    }

    .service-content h3{
      font-size:2rem;
      line-height:1.15;
      margin-bottom:16px;
      font-weight:400;
    }

    .service-content p{
      color:#555;
      font-size:15px;
      line-height:1.7;
      margin-bottom:28px;
    }

    .service-link{
      text-decoration:none;
      color:#111;
      font-weight:600;
      display:inline-flex;
      align-items:center;
      gap:8px;
    }

    .big-image{
      height:100%;
      min-height:300px;
    }

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

    @media (max-width:991px){

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

      .hero-content h1{
        font-size:2.5rem;
      }

      .fw_al_007_slide h1{
        font-size:2.2rem;
      }

      .service-content h3{
        font-size:1.7rem;
      }

    }

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

    @media (max-width:767px){

      .hero-section{
        padding:60px 0;
      }

      .growth-section{
        padding:60px 0;
      }

      .hero-content h1{
        font-size:2rem;
      }

      #fw_al_007 .carousel-item img{
        height:420px;
      }

      .fw_al_007_slide{
        left:5%;
        right:5%;
        max-width:100%;
      }

      .fw_al_007_slide h1{
        font-size:1.8rem;
      }

      .fw_al_007_slide p{
        font-size:14px;
      }

      #fw_al_007 .carousel-control-prev,
      #fw_al_007 .carousel-control-next{
        width:40px;
        height:40px;
        bottom:10px;
      }

      #fw_al_007 .carousel-control-prev{
        right:60px;
      }

      #fw_al_007 .carousel-indicators{
        left:10px;
        bottom:10px;
      }

      .service-content{
        padding:20px;
      }

      .service-content h3{
        font-size:1.5rem;
      }

      .service-image{
        height:200px;
      }

      .big-image{
        min-height:250px;
      }

    }