/* ------------------ Hero section ------------------ */

.aboutussection1 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 50px 90px;
    background-color: black;
    font-family: 'Avenir Next', 'Nunito Sans', 'Poppins', sans-serif;
}

.aboutussection1 .hero-content {
    flex: 1 1 50%;
    max-width: 600px;
    padding-right: 0px;
}

.aboutussection1 .hero-content h2 {
    font-size: 45px;
    font-weight: 600;
    color: #ff0000;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.aboutussection1 .hero-content p {
    font-size: 22px;
    line-height: 1.5;
    color: white;
    margin-bottom: 30px;
}


.aboutussection1 .hero-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.aboutussection1 .hero-buttons a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 25px;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    color: #fff;
    background-color: #ff0000;
    border-radius: 8px;
    transition: all 0.3s ease;
}

.aboutussection1 .hero-buttons a:hover {
    background-color: grey;
}

.aboutussection1 .hero-buttons a i {
    margin-left: 8px;
}


.aboutussection1 .hero-image {
    flex: 1 1 50%;
    text-align: right;
}

.aboutussection1 .hero-image img {
    max-width: 100%;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.2);
}

@media (max-width: 1025px) {
    .aboutussection1 {
        padding: 40px 25px;
        flex-direction: column-reverse;
        text-align: center;
    }

    .aboutussection1 .hero-content {
        max-width: 100%;
        margin-top: 25px;
    }

    .aboutussection1 .hero-image {
        width: 100%;
        text-align: center;
        margin-bottom: 20px;
    }
    .aboutussection1 .hero-content p {
        text-align: center;
    }
    .aboutussection1 .hero-image img {
        max-width: 90%;
    }

    .aboutussection1 .hero-buttons {
        justify-content: center;
    }

    .aboutussection1 .hero-buttons a {
        width: 30%;
        justify-content: center;
        align-items: center;
        padding: 12px;
        font-size: 15px;
    }
}



@media (max-width: 600px) {
    .aboutussection1 {
        padding: 30px 15px;
    }

    .aboutussection1 .hero-content h2 {
        font-size: 32px;
    }

    .aboutussection1 .hero-content p {
        font-size: 18px;
    }

    .aboutussection1 .hero-buttons a {
        width: 100%;
        justify-content: center;
        padding: 12px;
        font-size: 15px;
    }

    .aboutussection1 .hero-image img {
        max-width: 100%;
    }
}

.aboutussection1 .hero-content h2,
.aboutussection1 .hero-content p,
.aboutussection1 .hero-buttons,
.aboutussection1 .hero-image img {
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.8s ease;
}


.aboutussection1 .hero-content h2.visible {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.1s;
}
.aboutussection1 .hero-content p.visible {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.2s;
}
.aboutussection1 .hero-buttons.visible {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.3s;
}
.aboutussection1 .hero-image img.visible {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.4s;
}

.aboutussection1 .hero-content h2 {
    opacity: 0;
    transform: translateX(-100px);
    transition: all 1s ease;
}
.aboutussection1 .hero-content p {
    opacity: 0;
    transform: translateX(100px);
    transition: all 1s ease;
}
.aboutussection1 .hero-buttons {
    opacity: 0;
    transform: translateY(20px);
    transition: all 1s ease;
}
.aboutussection1 .hero-image img {
    opacity: 0;
    transform: translateX(100px) scale(0.95);
    transition: all 1s ease;
}

.aboutussection1 .visible-left {
    opacity: 1;
    transform: translateX(0);
}
.aboutussection1 .visible-right {
    opacity: 1;
    transform: translateX(0) scale(1);
}
.aboutussection1 .visible-up {
    opacity: 1;
    transform: translateY(0);
}

/* ------------------ Our Guiding Principles 2 ------------------ */
.aboutussection2 {
padding: 70px 25px 25px 25px;
background-color: white;
font-family: 'Avenir Next', 'Nunito Sans', 'Poppins', sans-serif;
text-align: center;
}
.aboutussection2 h2 {
color: red;
text-transform: uppercase;
font-weight: 600;
font-size: 45px;
margin-bottom: 15px;
}
.aboutussection2 h4.subtitle {
font-weight: normal;
font-size: 20px;
margin-bottom: 60px;
}
.aboutussection2 .principles-grid {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 40px;
}
.aboutussection2 .principle {
flex: 1 1 30%; 
max-width: 30%;
text-align: center;
margin-bottom: 30px;
}
.aboutussection2 .principle img {
max-width: 80px;
margin-bottom: 15px;
}
.aboutussection2 .principle h4 {
font-size: 28px;
font-weight: 600;
margin-bottom: 10px;
}
.aboutussection2 .principle h6 {
font-size: 16px;
font-weight: normal;
color: #333;
line-height: 1.4;
}
.aboutussection2 .cta-btn {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 12px 25px;
font-size: 16px;
font-weight: bold;
text-decoration: none;
color: #fff;
background-color: #ff0000;
border-radius: 8px;
transition: all 0.3s ease;
}
.aboutussection2 .cta-btn:hover {
background-color: grey;
}
.aboutussection2 .cta-btn i {
margin-left: 8px;
}
@media (max-width: 992px) {
.aboutussection2 .principle {
flex: 1 1 100%;
max-width: 100%;
}
}
.aboutussection2-modal { display: none; position: fixed; z-index: 1000; left: 0; top: 10px; width: 100%; height: 100%; overflow: auto; background-color: rgba(0,0,0,0.8); }
.aboutussection2-modal-content { display: block; margin: 190px auto; max-width: 70%; max-height: 70%; border-radius: 8px; }
.aboutussection2-close { position: absolute; top: 190px; right: 280px; font-size: 40px; color: #fff; font-weight: bold; cursor: pointer; z-index: 1001; }
.aboutussection2-close:hover { color: #ccc; }
@media (max-width: 768px) {
.aboutussection2-modal-content {
max-width: 95%;
max-height: 70%;
}
.aboutussection2-close {
font-size: 30px;
}
}
@keyframes dropIn {
0% {
opacity: 0;
transform: translateY(-100px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.aboutussection2 .principle img {
opacity: 0;
transform: translateY(-100px);
transition: opacity 0.6s ease, transform 0.6s ease;
}
.aboutussection2 .principle img.visible {
animation: dropIn 0.8s ease forwards;
}
/* ------------------ Mission & Vision ------------------ */
.aboutussection3 {
padding: 70px 20px 25px 20px ;
background-color: black;
font-family: 'Avenir Next', 'Nunito Sans', 'Poppins', sans-serif;
text-align: center;
}
.aboutussection3 h2 {
color: red;
text-transform: uppercase;
font-weight: 600;
font-size: 45px;
margin-bottom: 15px;
}
.aboutussection3 h4.subtitle {
font-weight: normal;
font-size: 20px;
margin-bottom: 50px;
color: white;
}
.aboutussection3 .mv-container {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 90px;
}
.aboutussection3 .mv-block {
flex: 1 1 45%;
max-width: 35%;
text-align: center;
margin-bottom: 30px;
}
.aboutussection3 .mv-block img {
width: 650px;         
height: 400px;        
object-fit: cover;    
margin-bottom: 20px;
border-radius: 12px;
box-shadow: 0 5px 20px rgba(0,0,0,0.15);
}
.aboutussection3 .mv-block h4 {
font-size: 24px;
font-weight: 600;
color: red;
margin-bottom: 10px;
}
.aboutussection3 .mv-block p {
font-size: 22px;
line-height: 1.8;
color: white;
text-align: center;
}
.aboutussection3 .cta-btn {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 12px 25px;
font-size: 16px;
font-weight: bold;
text-decoration: none;
color: #fff;
background-color: #ff0000;
border-radius: 8px;
transition: all 0.3s ease;
margin-top: 40px;
}
.aboutussection3 .cta-btn:hover {
background-color: grey;
}
.aboutussection3 .cta-btn i {
margin-left: 8px;
}
.aboutussection3 .join-text {
font-size: 18px;
font-weight: 500;
text-align: center;
margin-top: 10px;
}
@media (max-width: 1025px) {
.aboutussection3 {
padding: 50px 20px;
text-align: center;
}
.aboutussection3 .mv-container {
gap: 40px;
}
.aboutussection3 .mv-block {
flex: 1 1 100%;
max-width: 100%;
}
.aboutussection3 .mv-block img {
width: 100%;
height: auto;
max-width: 450px;
}
.aboutussection3 .mv-block p {
font-size: 20px;
}
}
@media (max-width: 600px) {
.aboutussection3 {
padding: 30px 20px;
text-align: center;
}
.aboutussection3 h2 {
font-size: 32px;
}
.aboutussection3 h4.subtitle {
font-size: 18px;
margin-bottom: 35px;
}
.aboutussection3 .mv-container {
gap: 30px;
}
.aboutussection3 .mv-block img {
width: 100%;
max-width: 350px;
}
.aboutussection3 .mv-block p {
font-size: 18px;
line-height: 1.6;
}
.aboutussection3 .cta-btn {
width: 100%;
max-width: 300px;
}
}
/* Scroll-triggered animation */
@keyframes fadeInUp {
0% {
opacity: 0;
transform: translateY(30px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.aboutussection3 .mv-block {
opacity: 0; /* start hidden */
transform: translateY(30px);
transition: opacity 0.6s ease, transform 0.6s ease;
}
.aboutussection3 .mv-block.visible {
opacity: 1;
transform: translateY(0);
}
/* ------------------ Target Outcomes ------------------ */
.aboutussection6 {
padding: 70px 280px;
background-color: black;
font-family: 'Avenir Next', 'Nunito Sans', 'Poppins', sans-serif;
text-align: center;
}
.aboutussection6 h2 {
color: red;
text-transform: uppercase;
font-weight: 600;
font-size: 45px;
margin-bottom: 15px;
}
.aboutussection6 h4.subtitle {
font-weight: normal;
font-size: 20px;
margin-bottom: 50px;
color: white;
}
.aboutussection6 .outcomes-container {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 30px;
}
.aboutussection6 .outcome-card {
flex: 1 1 30%;
background-color: #f0f4f8;
padding: 40px;
border-radius: 20px;
border: 1px solid #ddd;
box-shadow: 0 4px 10px rgba(0,0,0,0.08);
text-align: center; 
transition: all 0.3s ease;
min-width: 250px;
display: flex;
flex-direction: column;
align-items: center;
}
.aboutussection6 .outcome-card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 20px rgba(0,0,0,0.12);
}
.aboutussection6 .outcome-icon {
width: 70px;
height: 70px;
margin: 0 auto 20px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
font-size: 28px;
font-weight: bold;
}
.aboutussection6 .outcome-card h4 {
font-weight: 600;
font-size: 24px;
margin-bottom: 15px;
}
.aboutussection6 .outcome-card p {
font-size: 16px;
line-height: 1.6;
color: #555;
text-align: center; 
}
.aboutussection6 .icon-innovation { background-color: #e53935; }
.aboutussection6 .icon-entrepreneurship { background-color: #e53935; }
.aboutussection6 .icon-design { background-color: #e53935; }
@media (max-width: 1025px) {
.aboutussection6 {
padding: 60px 40px;
text-align: center;
}
.aboutussection6 h2 {
font-size: 38px;
}
.aboutussection6 h4.subtitle {
font-size: 18px;
margin-bottom: 40px;
}
.aboutussection6 .outcomes-container {
gap: 25px;
}
.aboutussection6 .outcome-card {
flex: 1 1 100%;
padding: 30px;
max-width: 100%;
}
.aboutussection6 .outcome-card h4 {
font-size: 22px;
}
.aboutussection6 .outcome-card p {
font-size: 15px;
}
}
@media (max-width: 600px) {
.aboutussection6 {
padding: 30px 20px;
}
.aboutussection6 h2 {
font-size: 30px;
}
.aboutussection6 h4.subtitle {
font-size: 17px;
margin-bottom: 30px;
}
.aboutussection6 .outcome-card {
padding: 25px;
border-radius: 16px;
}
.aboutussection6 .outcome-icon {
width: 60px;
height: 60px;
font-size: 24px;
}
.aboutussection6 .outcome-card h4 {
font-size: 20px;
margin-bottom: 10px;
}
.aboutussection6 .outcome-card p {
font-size: 14px;
line-height: 1.5;
}
}
/* ------------------ Areas of Innovation ------------------ */
.aboutussection7 {
padding: 60px 400px;
font-family: "Avenir Next", sans-serif;
}
.section7-title {
text-align: center;
font-size: 40px;
color: red;
font-weight: 600;
text-transform: uppercase;
}
.section7-subtitle {
text-align: center;
font-size: 20px;
margin-bottom: 40px;
color: #333;
}
.innovation-box {
display: flex;
align-items: stretch;
border: 1px solid #ddd;
border-radius: 12px;
margin-bottom: 40px;
overflow: hidden;
}
.side-color {
width: 20px;
}
.side-color.red { background: #e53935; }
.side-color.blue { background: #1e88e5; }
.side-color.green { background: #43a047; }
.box-content {
flex: 1;
padding: 30px;
text-align: center;
}
.box-content h4 {
font-size: 22px;
color: #000;
margin-bottom: 10px;
}
.box-content p {
margin: 0;
font-size: 16px;
color: #444;
text-align: center;
}
@media (max-width: 1025px) {
.aboutussection7 {
padding: 50px 80px;
text-align: center;
}
.section7-title {
font-size: 34px;
}
.section7-subtitle {
font-size: 18px;
margin-bottom: 30px;
}
.innovation-box {
flex-direction: column;
border-radius: 12px;
}
.side-color {
width: 100%;
height: 10px;
}
.box-content {
padding: 25px;
}
.box-content h4 {
font-size: 20px;
}
.box-content p {
font-size: 15px;
}
}
@media (max-width: 600px) {
.aboutussection7 {
padding: 30px 20px;
}
.section7-title {
font-size: 28px;
}
.section7-subtitle {
font-size: 17px;
}
.innovation-box {
flex-direction: column;
margin-bottom: 30px;
}
.side-color {
height: 8px;
}
.box-content {
padding: 20px;
}
.box-content h4 {
font-size: 18px;
}
.box-content p {
font-size: 14px;
line-height: 1.6;
}
}
/* ------------------ Enablers ------------------ */
.enablers-points {
padding: 80px 20px;
text-align: center;
font-family: "Avenir Next", sans-serif;
background-color: black;
}
.enablers-points h2 {
font-size: 45px;
color: red;
margin-bottom: 15px;
text-transform: uppercase;
letter-spacing: 1px;
}
.enablers-points .subtitle {
text-align: center;
font-size: 20px;
margin-bottom: 40px;
color: white;
}
.points-list {
list-style: none;
padding: 0;
margin: 0 auto;
max-width: 900px;
display: flex;
flex-direction: column;
gap: 25px;
}
.points-list li {
font-size: 20px;
display: flex;
align-items: center;
justify-content: flex-start;
gap: 20px;
padding: 15px 20px;
background: white;
border-radius: 12px;
transition: transform 0.3s ease, background 0.3s ease;
color: #333;
}
.points-list li:hover {
transform: translateY(-5px);
background: grey;
color: white;
}
.points-list .icon {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 40px;
min-height: 40px;
font-size: 22px;
background: red;
color: #fff;
border-radius: 50%;
flex-shrink: 0;
transition: background 0.3s ease;
}
.points-list li:hover .icon {
background: #ff7b91; 
}
@media (max-width: 1025px) {
.enablers-points {
padding: 60px 20px;
}
.enablers-points h2 {
font-size: 38px;
}
.enablers-points .subtitle {
font-size: 18px;
margin-bottom: 30px;
}
.points-list {
max-width: 100%;
gap: 20px;
}
.points-list li {
font-size: 18px;
padding: 15px 18px;
}
.points-list .icon {
min-width: 35px;
min-height: 35px;
font-size: 20px;
}
}
@media (max-width: 600px) {
.enablers-points {
padding: 50px 15px;
}
.enablers-points h2 {
font-size: 30px;
}
.enablers-points .subtitle {
font-size: 16px;
margin-bottom: 25px;
}
.points-list {
gap: 15px;
}
.points-list li {
font-size: 16px;
padding: 12px 15px;
gap: 15px;
}
.points-list .icon {
min-width: 30px;
min-height: 30px;
font-size: 18px;
}
}
/* ------------------ Education & Training ------------------ */
.education-training {
padding: 60px 20px;
text-align: center;
font-family: "Avenir Next", sans-serif;
}
.education-training h2 {
font-size: 45px;
color: red;
margin-bottom: 10px;
}
.education-training .subtitle {
font-size: 30px;
margin-bottom: 50px;
color: black;
text-align: center;
}
.training-list {
list-style: none;
padding: 0;
max-width: 1200px; 
margin: auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between; 
gap: 20px; 
}
.training-list li {
font-size: 20px;
line-height: 1.6;
position: relative;
padding-left: 25px;
flex: 1 1 45%; 
text-align: left;
color: #333;
}
.training-list li::before {
content: "•";
position: absolute;
left: 0;
color: #e53935;
font-weight: bold;
font-size: 22px;
}
@media (max-width: 1025px) {
.education-training {
padding: 50px 20px;
}
.education-training h2 {
font-size: 32px;
}
.education-training .subtitle {
font-size: 18px;
margin-bottom: 35px;
}
.training-list {
gap: 20px;
justify-content: center;
}
.training-list li {
flex: 1 1 100%;
font-size: 18px;
padding-left: 24px;
}
.training-list li::before {
font-size: 20px;
top: 2px;
}
}
@media (max-width: 600px) {
.education-training h2 {
font-size: 28px;
}
.education-training .subtitle {
font-size: 16px;
}
.training-list li {
font-size: 17px;
}
}
/* ------------------ Studios ------------------ */
.studios-section-alt {
padding: 60px 200px;
font-family: "Avenir Next", sans-serif;
background-color: black;
}
.studios-section-alt h2 {
font-size: 45px;
color: red;
text-align: center;
margin-bottom: 15px;
}
.studios-section-alt .subtitle {
font-size: 20px;
color: white;
text-align: center;
margin-bottom: 50px;
}
.studio-item {
display: flex;
align-items: flex-start;
gap: 20px;
margin-bottom: 40px;
}
.studio-icon {
min-width: 50px;
min-height: 50px;
border-radius: 50%;
background-color: red;
color: white;
font-weight: bold;
font-size: 24px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.studio-content {
background-color: WHITE;
padding: 20px 25px;
border-radius: 12px;
flex: 1;
}
.studio-content strong {
font-size: 18px;
color: red;
}
@media (max-width: 1025px) {
.studios-section-alt {
padding: 50px 40px;
text-align: center;
}
.studios-section-alt h2 {
font-size: 38px;
}
.studios-section-alt .subtitle {
font-size: 18px;
margin-bottom: 35px;
}
.studio-item {
flex-direction: column;
align-items: center;
gap: 15px;
text-align: center;
}
.studio-icon {
min-width: 45px;
min-height: 45px;
font-size: 22px;
margin-bottom: 10px;
}
.studio-content {
width: 100%;
padding: 18px 20px;
}
.studio-content strong {
font-size: 16px;
}
}
@media (max-width: 600px) {
.studios-section-alt {
padding: 30px 15px;
}
.studios-section-alt h2 {
font-size: 30px;
}
.studios-section-alt .subtitle {
font-size: 16px;
margin-bottom: 25px;
}
.studio-icon {
min-width: 40px;
min-height: 40px;
font-size: 20px;
}
.studio-content {
padding: 15px 15px;
}
.studio-content strong {
font-size: 15px;
}
}
/* ------------------ Who It’s For ------------------ */
.whosfor-section {
padding: 60px 20px;
font-family: "Avenir Next", sans-serif;
max-width: 1100px;
margin: auto;
}
.whosfor-section h2 {
font-size: 45px;
color: red;
text-align: center;
margin-bottom: 20px;
}
.whosfor-section .subtitle {
font-size: 20px;
color: #555;
text-align: center;
margin-bottom: 50px;
}
.whosfor-section .group {
margin-bottom: 40px;
}
.whosfor-section .group h3 {
font-size: 22px;
color: red;
margin-bottom: 10px;
text-align: left;
}
.whosfor-section .group p {
font-size: 18px;
color: #333;
line-height: 1.7;
text-align: left;
margin-bottom: 10px;
}
@media (max-width: 1025px) {
.whosfor-section {
padding: 50px 25px;
}
.whosfor-section h2 {
font-size: 38px;
}
.whosfor-section .subtitle {
font-size: 18px;
margin-bottom: 40px;
}
.whosfor-section .group h3 {
font-size: 20px;
text-align: center;
}
.whosfor-section .group p {
font-size: 16px;
text-align: center;
}
}
@media (max-width: 600px) {
.whosfor-section {
padding: 30px 15px;
}
.whosfor-section h2 {
font-size: 30px;
}
.whosfor-section .subtitle {
font-size: 16px;
margin-bottom: 30px;
}
.whosfor-section .group h3 {
font-size: 18px;
}
.whosfor-section .group p {
font-size: 15px;
line-height: 1.5;
}
}
/* ------------------ Outcomes & Success Metrics ------------------ */
.outcomes-section-modern {
padding: 60px 350px;
font-family: "Avenir Next", sans-serif;
margin: auto;
background-color: black;
}
.outcomes-section-modern h2 {
font-size: 45px;
color: red;
text-align: center;
margin-bottom: 40px;
}
.outcomes-columns {
display: flex;
flex-wrap: wrap;
gap: 40px;
justify-content: center;
}
.outcomes-column {
flex: 1 1 45%;
min-width: 300px;
}
.outcomes-column li {
list-style: none;
font-size: 18px;
color: white;
margin-bottom: 20px;
position: relative;
padding-left: 25px;
text-align: left;
}
@media (max-width: 1025px) {
.outcomes-section-modern {
padding: 50px 40px;
}
.outcomes-section-modern h2 {
font-size: 38px;
margin-bottom: 30px;
}
.outcomes-columns {
gap: 30px;
}
.outcomes-column {
flex: 1 1 100%;
max-width: 100%;
}
.outcomes-column li {
font-size: 16px;
padding-left: 22px;
}
.outcomes-column li::before {
font-size: 16px;
}
}
/* Mobile */
@media (max-width: 600px) {
.outcomes-section-modern {
padding: 30px 20px;
}
.outcomes-section-modern h2 {
font-size: 30px;
margin-bottom: 25px;
}
.outcomes-column li {
font-size: 15px;
line-height: 1.5;
padding-left: 20px;
}
.outcomes-column li::before {
font-size: 14px;
}
}
/* ------------------ Application ------------------ */
.application-section {
padding: 60px 20px;
font-family: "Avenir Next", sans-serif;
max-width: 1100px;
margin: auto;
}
.application-section h2 {
font-size: 45px;
color: red;
text-align: center;
margin-bottom: 40px;
}
.application-list {
display: flex;
flex-wrap: wrap;
gap: 40px;
justify-content: center;
}
.application-item {
flex: 1 1 45%;
min-width: 280px;
display: flex;
align-items: flex-start;
gap: 15px;
}
.application-item i {
font-size: 28px;
color: #e53935;
flex-shrink: 0;
margin-top: 4px;
}
.application-item p {
font-size: 18px;
line-height: 1.6;
color: #333;
margin: 0;
}
@media (max-width: 1025px) {
.application-section {
padding: 50px 30px;
}
.application-section h2 {
font-size: 38px;
margin-bottom: 30px;
}
.application-list {
gap: 30px;
}
.application-item {
flex: 1 1 100%;
align-items: center;
text-align: center;
gap: 10px;
}
.application-item i {
font-size: 24px;
margin-top: 0;
}
.application-item p {
font-size: 16px;
}
}
@media (max-width: 600px) {
.application-section {
padding: 30px 35px;
}
.application-section h2 {
font-size: 30px;
margin-bottom: 25px;
}
.application-item i {
font-size: 20px;
}
.application-item p {
font-size: 15px;
line-height: 1.5;
}    
}