.destination-page {
overflow: hidden;
}
.uk-hero {
position: relative;
min-height: 500px;
background-image: url("../images/usa_banner.webp");
background-size: cover;
background-position: center;
padding: 10px 0 0;
}
.uk-hero-overlay {
position: absolute;
inset: 0;
background: linear-gradient(
        90deg,
        rgba(255,255,255,0.95) 0%,
        rgba(255,255,255,0.75) 40%,
        rgba(255,255,255,0.15) 100%
    );
}
.uk-hero .container {
position: relative;
z-index: 2;
}
.uk-hero-grid {
min-height: 500px;
display: grid;
grid-template-columns: 1fr 0.8fr 1fr;
align-items: center;
gap: 20px;
}
.uk-hero-content {
padding: 50px 0;
z-index: 3;
}
.uk-hero-content h1 {
margin: 0 0 15px;
font-size: 58px;
line-height: 1.05;
font-weight: 800;
}
.uk-hero-content h1 span {
color: var(--abs-red);
}
.uk-hero-description {
max-width: 470px;
font-size: 18px;
line-height: 1.5;
font-weight: 500;
}
.uk-hero-features {
display: grid;
grid-template-columns: repeat(4, 1fr);
max-width: 500px;
margin-top: 30px;
}
.uk-hero-feature {
text-align: center;
padding: 0 12px;
border-right: 1px solid #B6A89A;
color: var(--abs-gold);
}
.uk-hero-feature:last-child {
border-right: none;
}
.uk-feature-icon {
font-size: 30px;
margin-bottom: 8px;
}
.uk-hero-feature strong {
font-size: 13px;
line-height: 1.3;
}
.uk-hero-student {
height: 100%;
display: flex;
align-items: flex-end;
justify-content: center;
}
.uk-hero-form {
background: var(--abs-white);
border-radius: 10px;
padding: 20px;
box-shadow: 0 5px 25px rgba(0,0,0,0.12);
max-width: 380px;
width: 100%;
justify-self: end;
}
.uk-hero-form h2 {
margin: 0 0 12px;
color: var(--abs-navy);
font-size: 23px;
line-height: 1.2;
}
.uk-hero-form h2 span {
color: var(--abs-red);
}
.uk-hero-form form {
display: flex;
flex-direction: column;
gap: 8px;
}
.uk-hero-form input,
.uk-hero-form select {
width: 100%;
height: 38px;
border: 1px solid #E3D4BE;
border-radius: 5px;
padding: 0 10px;
font-size: 12px;
background: var(--abs-white);
box-sizing: border-box;
}
.form-row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 6px;
}
.office-buttons {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 6px;
}
.office-buttons button {
height: 35px;
border: 1px solid var(--abs-red);
background: var(--abs-white);
color: var(--abs-navy);
border-radius: 5px;
font-weight: 600;
cursor: pointer;
}
.uk-form-submit {
height: 42px;
border: none;
border-radius: 5px;
background: var(--abs-red);
color: var(--abs-white);
font-size: 15px;
font-weight: 700;
cursor: pointer;
}
.uk-hero-form small {
text-align: center;
color: var(--abs-muted);
font-size: 9px;
}
.uk-jump-nav {
background: var(--abs-white);
border-bottom: 1px solid #eee;
box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}
.uk-jump-inner {
display: flex;
align-items: center;
gap: 20px;
padding: 12px 0;
overflow-x: auto;
white-space: nowrap;
}
.uk-jump-inner strong {
font-size: 13px;
}
.uk-jump-inner a {
font-size: 12px;
text-decoration: none;
font-weight: 500;
}
.uk-jump-inner a:hover {
color: var(--abs-primary);
}
@media (max-width: 991px) {
.uk-hero {
padding: 30px 0;
}
.uk-hero-grid {
grid-template-columns: 1fr;
text-align: center;
}
.uk-hero-content {
padding: 20px 0;
}
.uk-hero-content h1 {
font-size: 44px;
}
.uk-hero-description {
margin-left: auto;
margin-right: auto;
}
.uk-hero-features {
margin-left: auto;
margin-right: auto;
}
.uk-hero-student {
order: 2;
}
.uk-hero-student img {
max-height: 400px;
}
.uk-hero-form {
order: 3;
justify-self: center;
max-width: 500px;
}
.uk-jump-inner {
padding: 12px 15px;
}

}
@media (max-width: 576px) {
.uk-hero-content h1 {
font-size: 38px;
}
.uk-hero-description {
font-size: 15px;
}
.uk-hero-features {
grid-template-columns: repeat(2, 1fr);
gap: 20px 0;
}
.uk-hero-feature:nth-child(2) {
border-right: none;
}
.uk-hero-feature:nth-child(3) {
border-right: 1px solid #B6A89A;
}
.form-row {
grid-template-columns: 1fr;
}

}
.uk-why-section {
padding: 55px 0;
background: var(--abs-white);
}
.uk-section-heading {
text-align: center;
max-width: 750px;
margin: 0 auto 35px;
}
.uk-section-heading h2 {
margin: 0 0 10px;
font-size: 32px;
font-weight: 800;
}
.uk-section-heading p {
margin: 0;
color: var(--abs-text-secondary);
font-size: 15px;
}
.uk-benefits-grid {
display: grid;
grid-template-columns: repeat(6, 1fr);
gap: 12px;
}
.uk-benefit-card {
background: var(--abs-white);
border: 1px solid #eee;
border-radius: 8px;
padding: 22px 15px;
text-align: center;
min-height: 230px;
display: flex;
flex-direction: column;
align-items: center;
box-shadow: 0 3px 15px rgba(0, 0, 0, 0.06);
transition: all 0.3s ease;
}
.uk-benefit-card:hover {
transform: translateY(-6px);
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12);
}
.uk-benefit-icon {
width: 55px;
height: 55px;
display: flex;
align-items: center;
justify-content: center;
font-size: 28px;
margin-bottom: 12px;
}
.uk-benefit-card h3 {
font-size: 15px;
line-height: 1.3;
margin: 0 0 12px;
font-weight: 700;
}
.uk-benefit-card p {
font-size: 12px;
line-height: 1.5;
margin: 0 0 15px;
}
.uk-benefit-card a {
margin-top: auto;
color: var(--abs-gold);
font-size: 12px;
font-weight: 700;
text-decoration: none;
}
.uk-benefit-card a:hover {
color: var(--abs-primary);
}
@media (max-width: 1100px) {
.uk-benefits-grid {
grid-template-columns: repeat(3, 1fr);
gap: 18px;
}

}
@media (max-width: 576px) {
.uk-why-section {
padding: 40px 15px;
}
.uk-section-heading h2 {
font-size: 25px;
}
.uk-section-heading p {
font-size: 14px;
}
.uk-benefits-grid {
grid-template-columns: 1fr;
gap: 15px;
}
.uk-benefit-card {
min-height: auto;
padding: 25px 20px;
}

}
.uk-glance-section {
padding: 25px 0 55px;
background: var(--abs-white);
}
.uk-glance-box {
background: linear-gradient(
        120deg,
        #edf4ff,
        var(--abs-surface)
    );
border-radius: 12px;
padding: 30px;
display: grid;
grid-template-columns: 1fr 265px;
gap: 25px;
align-items: center;
}
.uk-glance-content h2 {
margin: 0 0 25px;
font-size: 24px;
font-weight: 800;
}
.uk-stats-grid {
display: grid;
grid-template-columns:
        repeat(3, 1fr);
gap: 20px 10px;
}
.uk-stat-item {
display: flex;
align-items: center;
gap: 10px;
padding-right: 10px;
border-right: 1px solid #E5D4B5;
}
.uk-stat-item:nth-child(3),
.uk-stat-item:nth-child(6) {
border-right: none;
}
.uk-stat-icon {
width: 42px;
height: 42px;
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
font-size: 25px;
}
.uk-stat-text {
display: flex;
flex-direction: column;
}
.uk-stat-text strong {
font-size: 16px;
font-weight: 800;
line-height: 1.2;
}
.uk-stat-text span {
margin-top: 4px;
color: #3B3028;
font-size: 10px;
line-height: 1.4;
}
.uk-glance-button {
text-align: center;
margin-top: 28px;
}
.uk-glance-button a {
display: inline-block;
padding: 10px 22px;
border: 1px solid var(--abs-primary);
border-radius: 5px;
color: var(--abs-gold);
font-size: 12px;
font-weight: 700;
text-decoration: none;
transition: all 0.3s ease;
}
.uk-glance-button a:hover {
background: var(--abs-secondary);
color: var(--abs-white);
}
.uk-glance-image {
height: 220px;
overflow: hidden;
border-radius: 10px;
}
.uk-glance-image img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform 0.4s ease;
}
.uk-glance-image:hover img {
transform: scale(1.05);
}
@media (max-width: 991px) {
.uk-glance-box {
grid-template-columns: 1fr;
}
.uk-glance-image {
height: 300px;
order: -1;
}

}
@media (max-width: 576px) {
.uk-glance-section {
padding: 20px 15px 40px;
}
.uk-glance-box {
padding: 20px;
gap: 20px;
}
.uk-glance-content h2 {
font-size: 22px;
text-align: center;
}
.uk-stats-grid {
grid-template-columns: 1fr 1fr;
gap: 15px;
}
.uk-stat-item {
border-right: none;
border-bottom: 1px solid #E6D4B2;
padding-bottom: 12px;
}
.uk-stat-item:nth-last-child(-n/**/+2) {
border-bottom: none;
}
.uk-stat-icon {
font-size: 20px;
width: 32px;
}
.uk-stat-text strong {
font-size: 13px;
}
.uk-stat-text span {
font-size: 9px;
}
.uk-glance-image {
height: 220px;
}

}
.uk-different-section {
padding: 60px 0;
background: var(--abs-white);
}
.uk-different-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
}
.uk-different-card {
display: flex;
align-items: flex-start;
gap: 18px;
padding: 25px;
background: var(--abs-white);
border: 1px solid #e8e8e8;
border-radius: 10px;
box-shadow: 0 4px 18px rgba(0, 0, 0, 0.06);
transition: all 0.3s ease;
}
.uk-different-card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 28px rgba(0, 0, 0, 0.10);
}
.uk-different-icon {
width: 50px;
height: 50px;
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
font-size: 25px;
background: #FFF4D6;
border-radius: 50%;
}
.uk-different-card h3 {
margin: 0 0 8px;
font-size: 17px;
font-weight: 700;
}
.uk-different-card p {
margin: 0;
font-size: 13px;
line-height: 1.6;
}
@media (max-width: 991px) {
.uk-different-grid {
grid-template-columns: repeat(2, 1fr);
}

}
@media (max-width: 576px) {
.uk-different-section {
padding: 45px 15px;
}
.uk-different-grid {
grid-template-columns: 1fr;
gap: 15px;
}
.uk-different-card {
padding: 20px;
}
.uk-different-card h3 {
font-size: 16px;
}
.uk-different-card p {
font-size: 12px;
}

}
.uk-right-section {
padding: 70px 0;
background: #FFF9E8;
}
.uk-right-grid {
display: grid;
grid-template-columns: 0.9fr 1.1fr;
gap: 60px;
align-items: center;
}
.uk-right-content {
max-width: 520px;
}
.uk-section-tag {
display: inline-block;
margin-bottom: 12px;
font-size: 12px;
font-weight: 800;
letter-spacing: 1px;
}
.uk-right-content h2 {
margin: 0 0 20px;
font-size: 38px;
line-height: 1.2;
font-weight: 800;
}
.uk-right-content p {
margin: 0 0 15px;
font-size: 15px;
line-height: 1.7;
}
.uk-right-button {
display: inline-block;
margin-top: 15px;
padding: 13px 24px;
background: var(--abs-gold);
color: var(--abs-white);
border-radius: 5px;
text-decoration: none;
font-size: 13px;
font-weight: 700;
transition: all 0.3s ease;
}
.uk-right-button:hover {
background: var(--abs-primary);
color: var(--abs-white);
transform: translateY(-2px);
}
.uk-right-checklist {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 18px;
}
.uk-check-item {
display: flex;
align-items: flex-start;
gap: 15px;
padding: 22px;
background: var(--abs-white);
border-radius: 8px;
border: 1px solid #EEE0C7;
transition: all 0.3s ease;
}
.uk-check-item:hover {
transform: translateY(-4px);
box-shadow: 0 10px 25px rgba(7, 29, 73, 0.08);
}
.uk-check-icon {
width: 30px;
height: 30px;
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
background: var(--abs-gold);
color: var(--abs-white);
border-radius: 50%;
font-size: 14px;
font-weight: 700;
}
.uk-check-item h3 {
margin: 0 0 7px;
color: var(--abs-navy);
font-size: 15px;
font-weight: 700;
}
.uk-check-item p {
margin: 0;
color: var(--abs-muted);
font-size: 12px;
line-height: 1.6;
}
@media (max-width: 991px) {
.uk-right-grid {
grid-template-columns: 1fr;
gap: 40px;
}
.uk-right-content {
max-width: 700px;
text-align: center;
margin: auto;
}

}
@media (max-width: 576px) {
.uk-right-section {
padding: 50px 15px;
}
.uk-right-content h2 {
font-size: 30px;
}
.uk-right-content p {
font-size: 14px;
}
.uk-right-checklist {
grid-template-columns: 1fr;
gap: 12px;
}
.uk-check-item {
padding: 18px;
}

}
.uk-scholarship-section {
padding:70px 0;
background:var(--abs-white);
}
.uk-scholarship-grid {
display:grid;
grid-template-columns:repeat(4,1fr);
gap:25px;
}
.uk-scholarship-card {
background:var(--abs-white);
border:1px solid #E9DDCC;
border-radius:12px;
padding:30px 25px;
text-align:center;
transition:.3s;
box-shadow:0 8px 20px rgba(0,0,0,.05);
}
.uk-scholarship-card:hover {
transform:translateY(-8px);
}
.scholarship-icon {
width:70px;
height:70px;
margin:auto;
margin-bottom:20px;
border-radius:50%;
background:#FFF4D6;
display:flex;
align-items:center;
justify-content:center;
font-size:34px;
}
.uk-scholarship-card h3 {
font-size:18px;
color:var(--abs-navy);
margin-bottom:12px;
}
.uk-scholarship-card p {
font-size:14px;
color:var(--abs-muted);
line-height:1.7;
}
@media(max-width:991px) {
.uk-scholarship-grid {
grid-template-columns:repeat(2,1fr);
}

}
@media(max-width:576px) {
.uk-scholarship-grid {
grid-template-columns:1fr;
}

}
.uk-scholarship-cta {
margin-top: 35px;
padding: 25px 30px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 25px;
background: var(--abs-gold);
border-radius: 8px;
}
.uk-scholarship-cta h3 {
margin: 0 0 6px;
color: var(--abs-white);
font-size: 18px;
}
.uk-scholarship-cta p {
margin: 0;
color: rgba(255,255,255,0.75);
font-size: 12px;
}
.uk-scholarship-cta a {
flex-shrink: 0;
padding: 12px 20px;
background: var(--abs-primary);
color: var(--abs-white);
border-radius: 5px;
font-size: 12px;
font-weight: 700;
text-decoration: none;
transition: all 0.3s ease;
}
.uk-scholarship-cta a:hover {
background: var(--abs-white);
color: var(--abs-gold);
}