/* about.css */

.rt-about-section{
  width:100%;
  padding:80px 20px 90px;
  background:#F5F7FA;
  overflow:hidden;
  scroll-margin-top:100px;
}

.rt-about-container{
  max-width:1200px;
  margin:0 auto;
  text-align:center;
  position:relative;
}

.rt-about-badge{
  display:inline-block;
  font-size:15px;
  font-weight:600;
  color:#EA580C;
  margin-bottom:20px;
  font-family:'Montserrat',sans-serif;
}

.rt-about-heading{
  max-width:900px;
  margin:0 auto 22px;
  font-size:46px;
  line-height:1.12;
  font-weight:800;
  color:#0F172A;
  font-family:'Montserrat',sans-serif;
}

.rt-about-text{
  max-width:820px;
  margin:0 auto 28px;
  font-size:18px;
  line-height:1.8;
  color:#475569;
  font-family:'General Sans',sans-serif;
}

.rt-about-trust{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:12px;
  margin:0 auto 45px;
}

.rt-about-trust span{
  background:#fff;
  color:#0F172A;
  border:1px solid rgba(15,23,42,.10);
  padding:11px 18px;
  border-radius:999px;
  font-size:14px;
  font-weight:700;
  box-shadow:0 10px 25px rgba(15,23,42,.06);
}

/* IMAGE AREA */
.rt-about-images{
  position:relative;
  width:100%;
  min-height:520px;
}

.rt-img{
  position:absolute;
  overflow:hidden;
  border-radius:22px;
  box-shadow:0 20px 40px rgba(0,0,0,0.08);
  transition:0.4s ease;
}

.rt-img img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.rt-img:hover{
  margin-top:-6px;
}

/* POSITIONS */
.rt-img-1{
  width:180px;
  height:220px;
  left:40px;
  top:20px;
}

.rt-img-2{
  width:190px;
  height:240px;
  left:260px;
  top:190px;
}

.rt-img-3{
  width:240px;
  height:270px;
  left:50%;
  top:150px;
  transform:translateX(-50%);
  z-index:5;
  animation:rteFloatUpDown 4s ease-in-out infinite;
}

.rt-img-4{
  width:190px;
  height:240px;
  right:260px;
  top:190px;
}

.rt-img-5{
  width:180px;
  height:220px;
  right:40px;
  top:20px;
}

@keyframes rteFloatUpDown{
  0%,100%{
    transform:translateX(-50%) translateY(0);
  }
  50%{
    transform:translateX(-50%) translateY(-18px);
  }
}

/* TABLET */
@media(max-width:991px){

  .rt-about-heading{
    font-size:40px;
  }

  .rt-about-images{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:20px;
    min-height:auto;
    margin-top:50px;
  }

  .rt-img{
    position:relative;
    width:100% !important;
    height:260px !important;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    transform:none !important;
    animation:none !important;
  }
}

/* MOBILE */
@media(max-width:767px){

  .rt-about-section{
    padding:70px 15px;
  }

  .rt-about-heading{
    font-size:32px;
  }

  .rt-about-text{
    font-size:16px;
  }

  .rt-about-images{
    grid-template-columns:1fr;
  }

  .rt-img{
    height:260px !important;
  }
}