/*--- Begin contact---*/
    .about-section {
    Background : linear-gradient(rgba(0,0,0,0.65), rgba(0,0,0,0.65)), url("../images/ozana.jpg") center/cover no-repeat ;
    margin-top:3em;
    margin-bottom:3em;
    padding:100px 60px;
    color:#fff;
  }

  .container {
    Max-width:1200px ;
    Margin:0 auto;
    Display:grid;
    Grid-template-columns:1.2fr 1fr;
    Gap:60px;
    Align-items:center;
  }

  /* Colonne Gauche */
  .about-left {
    Position:relative;
    Padding-left:20px;
  }

  .about-left ::before {
    Content:"";
    Position:absolute;
    Left:0;
    Top:8px;
    Width:4px;
    Height:90px;
    Background:#253af9;
  }

  .about-left h2 {
    Font-size:2.5rem;
    Font-weight:800;
    Line-height:1.2;
    Margin-bottom:20px;
  }

  .about-left p {
    Font-size:25px;
    Line-height:1.7;
    Color:#ddd;
    Margin-bottom:30px;
    Max-width:500px;
  }

  .btn {
    Display:inline-block;
    Background:#2581f9;
    Color:#ffffff;
    Padding:14px 28px;
    Text-decoration:none;
    Font-weight:700;
    Font-size:14px;
    Letter-spacing:1px;
    Text-transform:uppercase;
    Transition:all 0.3s ease;
  }

  .btn :hover {
    Background:#fff;
    Color:#000;
    Transform:translateY(-2px);
  }

  /* Colonne Droite */
  .about-right h3 {
    Color:#ffffff;
    Font-size:1.3rem;
    Font-weight:700;
    Margin-bottom:30px;
  }

  .service-item{
    Display:flex;
    Gap:20px;
    Margin-bottom:25px;
  }

  .service-icon {
    Font-size:28px;
    Color:#3325f9;
    Min-width:30px;
  }

  .service-text h4 {
    Font-size:16px;
    Font-weight:700;
    Margin-bottom:6px;
  }

  .service-text p {
    Font-size:14px;
    Color:#bbb;
    Line-height:1.6;
  }

  /* Responsive */
  @media (max-width : 992px) {
    .container {
      Grid-template-columns : 1fr ;
      Gap : 50px ;
    }
    .about-section {
      Padding : 60px 30px ;
    }
    .about-left h2 {
      Font-size : 2rem ;
    }
  }