@media (max-width: 767px) { .one-image-small-text .container { margin: 0; } }

@media (min-width: 992px) { .one-image-small-text .container .one-image-small-text-grid { grid-template-columns: 1fr 1fr; display: grid; } }

.one-image-small-text .container .image-wrapper { position: relative; overflow: hidden; z-index: 1; padding-bottom: 75%; height: 0; }

@media (min-width: 992px) { .one-image-small-text .container .image-wrapper { padding-right: 72%; height: 103%; padding-bottom: 0; position: absolute; } }

@media (min-width: 992px) and (max-width: 1199px) { .one-image-small-text .container .image-wrapper { padding-right: 62%; height: 102%; } }

.one-image-small-text .container .image-wrapper img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

@media (min-width: 992px) and (max-width: 1199px) { .one-image-small-text .container .image-wrapper img { max-width: unset; } }

.one-image-small-text .container .image-wrapper.container-blue { background: none; }

.one-image-small-text .container .one-small-banner { background: white; padding: 0px 1.25rem 2rem 1.25rem; }

@media (min-width: 992px) { .one-image-small-text .container .one-small-banner { grid-column: 1/4; justify-self: end; z-index: 2; } }

@media (min-width: 768px) and (max-width: 991px) { .one-image-small-text .container .one-small-banner { padding-left: 0; } }

.one-image-small-text .container .one-small-banner h2 { color: #C88C32; max-width: 20rem; }

.one-image-small-text .container .one-small-banner h2 em { color: #22366A; }

@media (min-width: 992px) { .one-image-small-text .container .one-small-banner { position: relative; top: 0px; right: 0px; padding: 0px 0px 49px 61px; }
  .one-image-small-text .container .one-small-banner h2 { max-width: 521px; } }

@media (min-width: 992px) and (max-width: 1199px) { .one-image-small-text .container .one-small-banner { padding: 0px 20px 49px 61px; }
  .one-image-small-text .container .one-small-banner h2 { max-width: 23.313rem; } }

.one-image-small-text .container .one-small-content { background: white; color: #22366A; }

@media (min-width: 992px) { .one-image-small-text .container .one-small-content { grid-column: 2/4; justify-self: end; } }

.one-image-small-text .container .one-small-content p { color: #647297; }

@media (max-width: 991px) { .one-image-small-text .container .one-small-content { padding: 28px 20px 0px 20px; }
  .one-image-small-text .container .one-small-content p { margin-top: 1rem; font-size: 16px; line-height: 20px; letter-spacing: -0.011em; }
  .one-image-small-text .container .one-small-content p:first-child { margin-top: 0; }
  .one-image-small-text .container .one-small-content button { margin-top: 2.4rem; } }

@media (min-width: 768px) and (max-width: 991px) { .one-image-small-text .container .one-small-content { padding: 28px 20px 0px 0; } }

@media (min-width: 992px) { .one-image-small-text .container .one-small-content { position: relative; padding: 0px 0 0px 70px; right: 0px; bottom: 0px; }
  .one-image-small-text .container .one-small-content p { max-width: 252px; font-size: 18px; line-height: 22px; margin-bottom: 32px; }
  .one-image-small-text .container .one-small-content button { margin-top: 52px; outline: none; border: none; color: white; background: #22366A; } }

@media (min-width: 992px) and (max-width: 1199px) { .one-image-small-text .container .one-small-content { padding: 0px 60px 0px 70px; right: 0px; bottom: 0px; }
  .one-image-small-text .container .one-small-content p { max-width: 226px; margin-bottom: 22px; }
  .one-image-small-text .container .one-small-content button { margin-top: 45px; margin-bottom: 0 !important; padding: 16px 20px 16px 20px; } }

.one-image-small-text .container .one-small-content h3 { font-weight: 700; color: #909AB4; }

@media (min-width: 992px) { .one-image-small-text .container .one-small-content h3 { font-size: 50px; line-height: 48px; letter-spacing: -0.03em; } }

@media (max-width: 991px) { .one-image-small-text .container .one-small-content h3 { font-size: 32px; line-height: 30px; letter-spacing: -0.03em; } }

@media (max-width: 991px) { .one-image-small-text .container .phone-flex { display: flex; } }

@media (max-width: 991px) { .one-image-small-text .container .phone-flex div { min-width: 9.375rem; max-width: 9.375rem; margin-right: 20px; } }

@media (min-width: 992px) { .one-image-small-text .container .phone-flex div h3 { margin-bottom: 12px; } }

.one-image-small-text .container .one-image-block { position: relative; }

@media (min-width: 992px) { .one-image-small-text .container .one-image-block { grid-template-columns: 1fr 1fr; display: grid; } }

@media (min-width: 992px) { .one-image-small-text .container .one-small-banner-postgraduate { position: absolute; top: 0px; right: 0px; background: white; padding: 0px 1.25rem 2rem 1.25rem; } }

@media (min-width: 992px) and (min-width: 768px) and (max-width: 991px) { .one-image-small-text .container .one-small-banner-postgraduate { padding-left: 0; } }

@media (min-width: 992px) { .one-image-small-text .container .one-small-banner-postgraduate h2 { color: #C88C32; max-width: 20rem; }
  .one-image-small-text .container .one-small-banner-postgraduate h2 em { color: #22366A; } }

@media (min-width: 992px) and (max-width: 991px) { .one-image-small-text .container .one-small-banner-postgraduate { padding: 0px 20px 32px 20px; position: relative; top: 0px; right: 0px; padding: 0px 0px 49px 61px; }
  .one-image-small-text .container .one-small-banner-postgraduate h2 { max-width: 521px; } }

@media (min-width: 992px) { .one-image-small-text .container .image-wrapper-postgraduate { position: relative; padding: 0px 0 0px 70px; right: 0px; bottom: 0px; }
  .one-image-small-text .container .image-wrapper-postgraduate p { max-width: 252px; font-size: 18px; line-height: 22px; margin-bottom: 32px; } }

@media (min-width: 992px) and (max-width: 1199px) { .one-image-small-text .container .image-wrapper-postgraduate { padding: 0px 60px 0px 70px; right: 0px; bottom: 0px; }
  .one-image-small-text .container .image-wrapper-postgraduate p { max-width: 226px; margin-bottom: 22px; }
  .one-image-small-text .container .image-wrapper-postgraduate button { margin-top: 45px; margin-bottom: 0 !important; padding: 16px 20px 16px 20px; } }

@media (min-width: 768px) and (max-width: 991px) { .one-image-small-text .container .image-wrapper-postgraduate { padding-left: 0; } }