.process-carousel .container { overflow: hidden; }

@media (max-width: 767px) { .process-carousel .container { margin: 0px; } }

.process-carousel .container .sub-section-heading { font-weight: 700; }

@media (min-width: 992px) { .process-carousel .container .sub-section-heading { font-size: 24px; line-height: 28px; letter-spacing: -0.03em; margin-bottom: 20px; margin-top: 44px; } }

@media (max-width: 991px) { .process-carousel .container .sub-section-heading { font-size: 20px; line-height: 22px; letter-spacing: -0.011em; margin: 32px 0; } }

.process-carousel .container h2 { margin-top: 0; }

@media (max-width: 767px) { .process-carousel .container h2 { padding: 0 20px; } }

.process-carousel .container .process-carousel-grid { display: flex; white-space: normal; overflow-x: scroll; overflow-y: hidden; }

.process-carousel .container .process-carousel-grid::-webkit-scrollbar { display: none; }

.process-carousel .container .process-carousel-grid .number-item-title { font-weight: 700; color: #22366A; }

@media (max-width: 991px) { .process-carousel .container .process-carousel-grid .number-item-title { margin-top: 4px; } }

.process-carousel .container .process-carousel-grid p { color: #647297; margin-top: 24px; }

@media (max-width: 991px) { .process-carousel .container .process-carousel-grid p { margin-top: 20px; } }

@media (max-width: 991px) { .process-carousel .container .process-carousel-grid .process-carousel-grid-item { min-width: 14rem; margin-right: 56px; } }

@media (min-width: 992px) { .process-carousel .container .process-carousel-grid .process-carousel-grid-item { min-width: 13rem; margin-right: 20px; max-width: 270px; } }

@media (min-width: 992px) and (max-width: 1199px) { .process-carousel .container .process-carousel-grid .process-carousel-grid-item { margin-right: 40px; } }

.process-carousel .container .process-carousel-grid .process-carousel-grid-item h5 { font-weight: 700; color: #C88C32; }

@media (max-width: 991px) { .process-carousel .container .process-carousel-grid { margin-top: 2rem; padding-left: 20px; }
  .process-carousel .container .process-carousel-grid h6 { margin-top: 0.25rem; font-size: 16px; }
  .process-carousel .container .process-carousel-grid .number-item { font-size: 16px; line-height: 20px; letter-spacing: -0.011em; } }

@media (min-width: 768px) and (max-width: 991px) { .process-carousel .container .process-carousel-grid { padding-left: 0; } }

@media (min-width: 992px) { .process-carousel .container .process-carousel-grid .number-item { font-size: 24px; line-height: 28px; letter-spacing: -0.03em; }
  .process-carousel .container .process-carousel-grid .number-item-title { margin-top: 8px; font-size: 16px; } }

.process-carousel .container .eligibility-grid { display: flex; white-space: normal; overflow-x: scroll; overflow-y: hidden; }

.process-carousel .container .eligibility-grid::-webkit-scrollbar { display: none; }

@media (min-width: 992px) { .process-carousel .container .eligibility-grid { margin-bottom: 44px; } }

@media (max-width: 767px) { .process-carousel .container .eligibility-grid { padding: 0 20px; } }

@media (max-width: 991px) { .process-carousel .container .eligibility-grid { margin-bottom: 40px; } }

.process-carousel .container .eligibility-grid .eligibility-grid-item { margin-right: 20px; }

@media (max-width: 991px) { .process-carousel .container .eligibility-grid .eligibility-grid-item { min-width: 62.444vw; margin-right: 56px; } }

@media (min-width: 768px) and (max-width: 991px) { .process-carousel .container .eligibility-grid .eligibility-grid-item { min-width: 34.444vw; } }

.process-carousel .container .eligibility-grid .eligibility-grid-item p { font-size: 16px; line-height: 20px; color: #647297; }

@media (min-width: 992px) { .process-carousel .container .eligibility-grid .eligibility-grid-item p { max-width: 270px; } }

.process-carousel .container .eligibility-grid .eligibility-grid-item p strong, .process-carousel .container .eligibility-grid .eligibility-grid-item p b { font-weight: 700; color: #22366A; }

@media (max-width: 767px) { .process-carousel .container button { margin-left: 20px; } }

@media (max-width: 991px) { .process-carousel .container button { margin-top: 40px; } }

@media (min-width: 992px) { .process-carousel .container button { position: absolute; top: 10px; right: 0; } }
