.col h2 {
      font-weight: 800;
      margin-top: 32px;
    }
.bar2 {
    background-image: url(images/bagisiklik.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 366px;
}
    .bar {
      background-image: url('images/images1.png');
      /* Arka plan resmi veya diğer arka plan türleri */
      background-size: cover;
      /* Resmi ekranın tamamını kaplayacak şekilde ayarlar */
      background-position: center;
      /* Resmi yatay ve dikey olarak ortalar */
      background-repeat: no-repeat;
      /* Resmin yinelenmemesini sağlar */
      height: 366px;
    }
    .cont5 {
    margin-bottom: 140px;
}
    .bar-title {
      color: #FFF;
      leading-trim: both;
      text-edge: cap;
      /* font-family: Bebas Neue Pro;*/
      font-size: 48px;
      font-style: normal;
      font-weight: 700;
      line-height: normal;
    }

    .bar-cont {
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: center;
    }

    .bar-span {
      color: #FFF;
      leading-trim: both;
      text-edge: cap;
      font-family: Inter;
      font-size: 18px;
      font-style: normal;
      font-weight: 400;
      line-height: 28px;
      /* 155.556% */
      margin-top: 10px;
    }

    .ba-images {
      padding-top: 72px;
      padding-left: 78px;
    }

    .ba-images .img {
      border-radius: 20px;
      overflow: hidden;
    }

    .ba-images2 .img {
      border-radius: 20px;
      overflow: hidden;
    }

    .ba-images2 {
      transition: all 0.2s ease-in-out;
      margin-right: 82px;
      padding-top: 72px;
    }

    .ba-cont {
      padding-top: 40px;
    }
    
    .ba-cont3{
        
    display: flex;
    align-items: center;
    padding-top: 40px;
    flex-direction: column;
    justify-content: center;
    }
    .cont3-text{
      color: #555959;
leading-trim: both;
text-edge: cap;
font-family: Inter;
font-size: 20px;
font-style: normal;
font-weight: 300;
line-height: 36px; /* 180% */
    }
     .cont3-text2{
        color: #555959;
leading-trim: both;
text-edge: cap;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: 26px; /* 162.5% */
    }

    .cont3 {}

    .how-use {
      background: #F8F7F9;
    }

    .cont2 {
      margin-top: 50px;
      padding-bottom: 50px;
      background: #F8F7F9;
    }

    .cont1 {
      margin-bottom: 50px;
    }

    .cont2-text {
      color: #26A74A;
      leading-trim: both;
      text-edge: cap;
      /* font-family: Bebas Neue Pro;*/
      font-size: 24px;
      font-style: normal;
      font-weight: 700;
      line-height: normal;
    }

    .cont2-span {
      margin-top: 20px;
      display: flex;
      align-items: center;
    }

    .cont2-margin {
      margin-left: 7px;
      color: #555959;
      leading-trim: both;
      text-edge: cap;
      font-family: Inter;
      font-size: 16px;
      font-style: normal;
      font-weight: 600;
      line-height: 36px;
      /* 225% */
    }

    .cont2-h2 {
      color: #383F45;
      leading-trim: both;
      text-edge: cap;
      /*  font-family: Bebas Neue Pro;*/
      font-size: 48px;
      font-style: normal;
      font-weight: 700;
      line-height: 50px;
      /* 104.167% */
      margin-bottom: 20px;
    }

    .cont2-green {
      margin-top: 32px;
      margin-bottom: 10px;
      color: #26A74A;
      leading-trim: both;
      text-edge: cap;
      /*font-family: Bebas Neue Pro;*/
      font-size: 24px;
      font-style: normal;
      font-weight: 700;
      line-height: normal;
    }

    .ba-cont2 {
      color: #383F45;
      leading-trim: both;
      text-edge: cap;
      /*font-family: Bebas Neue Pro;*/
      font-size: 48px;
      font-style: normal;
      font-weight: 700;
      line-height: 50px;
      /* 104.167% */
    }

    .ba-cont li {
      color: #555959;
      leading-trim: both;
      text-edge: cap;
      font-family: Inter;
      font-size: 16px;
      font-style: normal;
      font-weight: 600;
      list-style: none;
      line-height: normal;
    }

    .ba-cont li::before {
      content: "\2022";
      color: #26A74A;
      display: inline-block;
      width: 1em;
      margin-left: -1em;
      font-size: 1.5em;
    }

    .cont-son {
      margin-top: 50px;
    }

    .cont-son .p1 {
      color: #555959;
      font-family: Inter;
      font-size: 18px;
      font-style: normal;
      font-weight: 300;
      line-height: 28px;
      /* 155.556% */
      text-align: left;
    }

    .cont-row {
      display: flex;
      align-items: center;
      justify-content: center;
      margin-top: 40px;
      margin-bottom: 40px;
    }

    .right-area .text {
      color: #555959;
      leading-trim: both;
      text-edge: cap;
      font-family: Inter;
      font-size: 20px;
      font-style: normal;
      font-weight: 300;
      line-height: 38px;
      /* 190% */
    }

    .row img:hover {
      transition: all 0.2s ease-in-out;
      transform: scale(1.1);
    }

    @media only screen and (max-width: 1000px) {
      .cont2-h2 {
        font-size: 40px;
      }

      .cont1 .row {
      display: grid;
      }

      .ba-images {
        padding: unset;
        margin: unset;
      }

      .ba-images2 {
        padding: unset;
        margin: unset;
      }
    }