@media screen and (max-width: 1680px) {
  .services ul { grid-template-columns: repeat(4, 1fr); }
}
@media screen and (max-width: 1500px) {
  .services ul li .card .card-body { padding: 30px 15px; }
  .services ul li .card .card-body .title, .services ul li .card .card-body .title span { font-size: 22px; }
  .services ul li .card .card-body .upto { font-size: 36px; }
  .services ul li .card .card-body .subtitle { font-size: 16px; }
  .services ul li .card .card-body .interest { font-size: 52px; }
  .services ul li .card .card-body .button { font-weight: 600; }
}
@media screen and (max-width: 1400px) {
  .services ul li .card .card-img { aspect-ratio: 1/1.1; }
  .services ul li .card .card-body .title, .services ul li .card .card-body .title span { font-size: 20px; }
}
@media screen and (max-width: 1300px) {
  .header .logo { width: 160px; }
  .services ul li .card .card-img { aspect-ratio: 1/1.2; }
  .services ul li .card .card-body .title, .services ul li .card .card-body .title span { font-size: 18px; }
  .services ul li .card .card-body .moto { font-size: 14px; }
  .category-sec { padding: 80px 0px;}
}
@media screen and (max-width: 1199px) {
  .header .logo { width: 140px; }
  .services ul { grid-template-columns: repeat(3, 1fr); }
  .services ul li .card .card-img { aspect-ratio: 1/1.1; }
  .category-cont { padding: 40px 20px; }
  /* .category-cont { padding: 40px 190px 40px 50px;}
.category-cont.right-bx .icon-img { width: 190px; left: 10px; } */

.category-cont {
  padding: 40px 30px 40px 190px;
}
.category-cont.right-bx .icon-img {
width: 240px; left: 0px;
}
}
@media screen and (max-width: 991px) {
  .services ul { grid-template-columns: repeat(2, 1fr); }
  .services ul li .card .card-img { aspect-ratio: 1/1; }
  .category-sec { padding: 50px 0px;}
  .category-cont { height: auto; padding: 30px; }
  .category-cont .icon-img { position: static; transform: none; margin-top: 20px;}
  /* .category-cont .icon-img { width: 120px; }
  .category-cont.right-bx .icon-img { width: 210px; } */
  .category-cont .icon-img { width: 130px; margin: 20px auto 0px auto; }
  .category-cont.right-bx .icon-img { width: 250px; margin-right: auto; margin-left: -30px; }
}
@media screen and (max-width: 767px) {
  .services ul li .card .card-img { aspect-ratio: 1/1.2; }
  .category-sec { padding: 40px 0px;}
  .category-sec { height: auto; }
  .category-cont.pro-bx .title br , .category-cont.right-bx .title br{ display: none;}
  .category-cont .text-grp { display: block; text-align: center; width: 100%; }
  .category-cont .icon-img { margin-top: 30px; }
  .category-cont .title { text-align: center;}
  .category-cont.right-bx .icon-img { width: 310px; }
  .category-cont.right-bx .icon-img { width: 310px; }
  .services ul li .card .card-body .upto , .services ul li .card .card-body .subtitle { margin-top: 50px; }
  /* .header .logo { margin-bottom: 10px; } */
}
@media screen and (max-width: 639px) {
  .header .logo { width: 120px; }
  .services ul li .card .card-img { aspect-ratio: 1/1.3; }
  .services ul li .card .card-body { display: inline-flex; text-align: center;}
  .services ul li .card .card-body .upto, .services ul li .card .card-body .subtitle {
    margin-top: 30px;
}
.services ul li .card .card-body .interest { font-size: 42px; line-height: 1.3; }
.services ul li .card .card-body .upto { font-size: 28px; }
}
@media screen and (max-width: 575px) {
  .services ul { grid-template-columns: repeat(1, 1fr); }
  .services ul li .card .card-img { aspect-ratio: 1/0.95; }
  .services ul li .card .card-body { justify-content: center;}
  .category-sec { padding: 35px 0px;}
  .category-cont .title { font-size: 30px; margin-bottom: 10px; }
  .category-cont.pro-bx p { font-size: 16px; margin-bottom: 10px; }
  .category-cont.right-bx .icon-img { width: 260px; }
  .services ul li .card .card-body .interest { line-height: 1.3; }
  .services ul li .card .card-body .title, .services ul li .card .card-body .title span { font-size: 24px; }
  .services ul li .card .card-body .interest { font-size: 50px; }
  .header .multi-lang { font-size: 14px; }



}
@media screen and (max-width: 479px) {
  .services ul li .card .card-img { aspect-ratio: 1/1; }
}
@media screen and (max-width: 419px) {
  .services ul li .card .card-img { aspect-ratio: 1/1.3; }
}