*{
  margin:0;
  padding:0;
  box-sizing:border-box;
}

body{
  font-family:Arial, sans-serif;
  /* background:#f5f5f5; */
  color:#333;
  overflow-x:hidden;
}

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

/* ================= BANNER ================= */

.tm-banner{
  width:100%;
  height:340px;
  overflow:hidden;
  margin-top:80px;
}

.tm-banner img{
  width:100%;
  height:100%;
  object-fit:cover;
}

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

.tm-section{
  padding:70px 0 10px;
}

/* TOP */

.tm-top h1{
  font-size:34px;
  color:#1d2b4f;
  margin-bottom:25px;
}

.tm-top h2{
  font-size:20px;
  color:#161616;
  margin-top:35px;
  margin-bottom:20px;
}

.tm-top p{
  font-size:18px;
  line-height:1.4;
  color:#444343;
  margin-bottom:25px;
}

.tm-top ol{
  padding-left:22px;
  margin-bottom:20px;
}

.tm-top ol li{
  margin-bottom:16px;
  line-height:1.3;
  font-size:17px;
  color:#555;
}

/* BOTTOM */

.tm-bottom{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:60px;
  align-items:center;
  margin-top:80px;
}

.tm-left h2{
  font-size:30px;
  color:#1d2b4f;
  margin-bottom:25px;
  line-height:1.3;
}

.tm-left h3{
  font-size:22px;
  margin-bottom:20px;
  color:#1d2b4f;
}

.tm-left p{
  font-size:16px;
  line-height:1.4;
  color:#555;
  margin-bottom:10px;
}

.tm-left ul{
  list-style:none;
  padding-left:0;
}

.tm-left ul li{
  margin-bottom:16px;
  line-height:1.5;
  font-size:17px;
  color:#555;
}

.final-text{
  margin-top:30px;
}

.tm-right img{
  width:100%;
  border-radius:10px;
}

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

@media(max-width:992px){

  .tm-bottom{
    grid-template-columns:1fr;
  }

  .tm-top h1{
    font-size:34px;
  }

  .tm-left h2{
    font-size:24px;
  }

}

@media(max-width:768px){

  .tm-banner{
    height:240px;
  }

  .tm-section{
    padding:50px 0 10px;
  }

  .tm-top h1{
    font-size:28px;
  }

  .tm-top h2{
    font-size:22px;
  }

  .tm-left h2{
    font-size:22px;
  }

  .tm-left h3{
    font-size:20px;
  }

  .tm-top p,
  .tm-top ol li,
  .tm-left p,
  .tm-left ul li{
    font-size:16px;
  }

}

@media(max-width:576px){

  .tm-banner{
    height:180px;
  }

  .tm-top h1{
    font-size:26px;
  }

  .tm-top h2{
    font-size:24px;
  }

}