/* Media Query for Small Devices (below 640px) */

@media (max-width: 640px) and (min-width: 424px) {
  /* Adjust typography variants for smaller screens */
  .body {
    font-size: 8px; /* Reduced from 10px */
  }
  .body0 {
    font-size: 0.625rem; /* Reduced from 11px to 10px */
  }
  .body1 {
    font-size: 0.75rem; /* Reduced from 13px to 12px */
  }
  .body2 {
    font-size: 0.875rem; /* Reduced from 16px to 14px */
  }
  .line_text {
    font-size: 14px !important;
  }

  .line_list {
    font-size: 13px !important;
    }
  .heading1 {
    font-size: 2.25rem; /* Reduced from 48px to 36px */
  }
  .heading2 {
    font-size: 1.875rem; /* Reduced from 32px to 30px */
  }
  .heading3 {
    font-size: 1.5rem; /* Reduced from 32px to 24px */
  }
  .heading4 {
    /* font-size: 1.375rem; Reduced from 28px to 22px */
    font-size: 25.38px; /* Reduced from 28px to 22px */
  }
  .heading5 {
    /* font-size: 1.25rem; Reduced from 24px to 20px */
    font-size:20px; /* Reduced from 24px to 20px */

  }
  .heading6 {
    font-size: 1rem; /* Reduced from 20px to 16px */
  }
  .heading8 {
    font-size: 11px !important;
  }
  .cial{
  height: 244px;
  } 
  .registration{
    font-size: 17.38px !important;
  }
  .headingxl {
    font-size: 48px; /* Reduced from 60px to 48px */
  }
  .headinglg {
    font-size: 54px; /* Reduced from 66px to 54px */
  }
}


@media (min-width: 375px) and (max-width: 425px) {
  .line_text {
    font-size: 11px !important;
  }
  .line_list {
    font-size: 12px !important;
  }
  .price-text {
    font-size: 1.5rem !important;
  }
  .heading2 {
    font-size: 1.5rem !important;
  }
  .mobile-small {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .footer-small {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .mobile-mt {
    margin-top: -0.5rem !important;
  }
  .headingxl {
    font-size: 51px !important;
    font-family: "Shippori Mincho", serif;
    color: #efeadf;
}
  .heading7 {
    font-size: 20px !important;
  }
  .heading8 {
    font-size: 10px !important;
  }
  .registration{
    font-size: 17.38px !important;
  }
  .value-description
  {
    font-size: 14.72px;
    font-family: "Shippori Mincho", serif;
  }

    .count_img{
    width: 15.5rem !important;
    height: 360px;
  }
  .count_img .absolute{
    top: 8px !important;
    right: -18px !important;
  }

  .count_img img{
    width: 3.5rem !important;
    height: 3.5rem !important;
  }
  img[src*="our-service-"] {
    background: #f7f2ea;
    padding: 10px;
    box-shadow: 6px 6px #120d09;
  }
}

@media (min-width: 320px) and (max-width: 364px) {
  .line_text {
    font-size: 10px !important;
  }
  .line_list {
    font-size: 11px !important;
  }
  .price-text {
    font-size: 1.25rem !important;
  }
  .heading2 {
    font-size: 1.25rem !important;
  }
  .mobile-small {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .footer-small {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .mobile-mt {
    margin-top: 0 !important;
  }
  .heading7 {
    font-size: 18px !important;
  }
  .heading8 {
    font-size: 9px !important;
  }
  .registration{
    font-size: 16px !important;
  }
  .value-description
  {
    font-size: 13px;
    font-family: "Shippori Mincho", serif;
  }

  .count_img{
    width: 15.5rem !important;
    height: 360px;
  }
  .count_img .absolute{
    top: 8px !important;
    right: -18px !important;
  }
  .count_img img{
    width: 3.5rem !important;
    height: 3.5rem !important;
  }
  img[src*="our-service-"] {
    background: #f7f2ea;
    padding: 10px;
    box-shadow: 6px 6px #120d09;
  }
}

@media (max-width: 430px) and (min-width: 425px) {
    .body {
    font-size: 8px; /* Reduced from 10px */
  }
  .body0 {
    font-size: 0.625rem; /* Reduced from 11px to 10px */
  }
  .body1 {
    font-size: 0.75rem; /* Reduced from 13px to 12px */
  }
  .body2 {
    font-size: 0.875rem; /* Reduced from 16px to 14px */
  }
  .line_text {
    font-size: 11px !important;
  }
  .line_list {
    font-size: 13px !important;
  }
  .price-text {
    font-size: 1.5rem !important;
  }
  .heading2 {
    font-size: 1.5rem !important;
  }
  .mobile-small {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .footer-small {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .mobile-mt {
    margin-top: 0 !important;
  }
  .line_list {
    font-size: 13px !important;
    }
  .heading1 {
    font-size: 2.25rem; /* Reduced from 48px to 36px */
  }
  .heading2 {
    font-size: 1.875rem; /* Reduced from 32px to 30px */
  }
  .heading3 {
    font-size: 1.5rem; /* Reduced from 32px to 24px */
  }

   .registration{
    font-size: 16px !important;
  }
  .value-description
  {
    font-size: 13px;
    font-family: "Shippori Mincho", serif;
  }

  .heading4 {
    /* font-size: 1.375rem; Reduced from 28px to 22px */
    font-size: 25.38px; /* Reduced from 28px to 22px */
  }
  .heading5 {
    /* font-size: 1.25rem; Reduced from 24px to 20px */
    font-size:20px; /* Reduced from 24px to 20px */

  }
  .heading6 {
    font-size: 1rem; /* Reduced from 20px to 16px */
  }
   .heading8 {
    font-size: 11px !important;
  }
  .registration{
    font-size: 17.38px !important;
  }
  .headingxl {
    font-size: 48px; /* Reduced from 60px to 48px */
    font-family: "Shippori Mincho", serif;
    color: #efeadf;
  }
  .headinglg {
    font-size: 54px; /* Reduced from 66px to 54px */
  }
  .font_absolute{
    margin-top: 48px  !important;
  }
}

@media (min-width: 410px) and (max-width: 430px) {
  .mobile-mt {
    margin-top: 2rem !important;
  }
  .mobile-mt-first {
    margin-top: -0.5rem !important;
  }
}