.elementor-2 .elementor-element.elementor-element-b30d5f3{--display:flex;--margin-top:210px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:350px;--padding-left:0px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-b30d5f3:not(.elementor-motion-effects-element-type-background):not(.cmsmasters-bg-effect), .elementor-2 .elementor-element.elementor-element-b30d5f3 > .elementor-motion-effects-container > .elementor-motion-effects-layer, .elementor-2 .elementor-element.elementor-element-b30d5f3 > .cmsmasters-bg-effects-container > .cmsmasters-bg-effects-element{background-image:url("https://irauniversal.com/wp-content/uploads/2025/12/ira-universal-building-scaled.jpg");background-repeat:no-repeat;background-size:contain;}.elementor-2 .elementor-element.elementor-element-af21296 .cmsmasters-widget-title__heading{text-align:center;transition:all 0.3s;}.elementor-2 .elementor-element.elementor-element-af21296{--title-color:#E94E09;}.elementor-2 .elementor-element.elementor-element-af21296 .cmsmasters-widget-title__heading, .elementor-2 .elementor-element.elementor-element-af21296 .cmsmasters-widget-title__heading span.title-inner-element{font-size:40px;font-weight:700;}.elementor-2 .elementor-element.elementor-element-43034b7{padding:0px 0px 100px 0px;font-size:17px;font-weight:700;color:#FFFFFF;}.elementor-2 .elementor-element.elementor-element-43034b7 p{margin-block-end:10px;}.elementor-2 .elementor-element.elementor-element-e74c03b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(max-width:767px){.elementor-2 .elementor-element.elementor-element-af21296{padding:30px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-af21296 .cmsmasters-widget-title__heading, .elementor-2 .elementor-element.elementor-element-af21296 .cmsmasters-widget-title__heading span.title-inner-element{font-size:26px;}.elementor-2 .elementor-element.elementor-element-43034b7{font-size:15px;}}/* Start custom CSS for html, class: .elementor-element-5c1f988 */* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background: linear-gradient(to bottom, #ffffff 0%, #f5f5f5 100%);
    color: #333;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 40px 20px;
}

/* Header Section */
.header-section {
    position: relative;
    padding: 60px 40px;
    margin-bottom: 40px;
}

.kite-decoration {
    position: absolute;
    top: 10px;
    right: 50px;
    width: 40px;
    height: 40px;
    background-color: #f4d680;
    transform: rotate(45deg);
}

.kite-decoration::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    border: 2px dashed #d4a760;
}

.main-title {
    color: #d85a35;
    font-size: 42px;
    font-weight: bold;
    letter-spacing: 2px;
}

.subtitle {
    color: #1e5a7a;
    font-size: 28px;
    font-weight: 500;
    margin-top: 10px;
}

.tagline {
    font-size: 16px;
    color: #444;
    margin-top: 20px;
}

.highlight-text {
    font-size: 28px;
    font-weight: 600;
    margin-top: 20px;
}

.play {
    color: #d85a35;
}

.explore {
    color: #666;
}

.discover {
    color: #666;
}

/* What We Offer Sections */
.offer-section {
    margin-bottom: 50px;
}

.offer-section-1 {
    display: flex;
    gap: 40px;
    align-items: flex-start;
}

.offer-box {
    flex: 1;
}

.offer-title {
    background-color: #557a5a;
    color: white;
    padding: 15px 30px;
    border-radius: 30px;
    font-size: 24px;
    font-weight: 600;
    width: fit-content;
    margin-bottom: 30px;
}

.offer-title-2 {
    width: 100%;
    text-align: center;
    border-radius: 30px;
    padding: 15px 30px;
}

.offer-list {
    list-style: none;
}

.offer-list li {
    display: flex;
    align-items: flex-start;
    margin-bottom: 20px;
    font-size: 15px;
    line-height: 1.6;
}

.arrow {
    color: #d85a35;
    font-size: 20px;
    margin-right: 15px;
    flex-shrink: 0;
    font-weight: bold;
}

.image-placeholder {
    flex: 1;
    height: 400px;
    background: linear-gradient(135deg, rgba(100, 180, 100, 0.2), rgba(200, 230, 200, 0.3));
    border-radius: 15px;
}

/* What We Offer Section 2 */
.offer-section-2 {
    background: linear-gradient(to bottom, #fefbf2 0%, #fffbf0 100%);
    border: 2px dashed #d4a760;
    border-radius: 20px;
    padding: 40px;
    margin: 40px 0;
}

.offer-box-2 {
    width: 100%;
}

.grid-offers {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    margin-top: 30px;
}

.offer-column {
    display: flex;
}

.offer-column .offer-list li {
    font-size: 14px;
}

/* Outcome Section */
.outcome-section {
    background-color: #f4e5a6;
    border-radius: 15px;
    padding: 30px 40px;
    margin: 40px 0;
}

.outcome-title {
    background-color: #d4b876;
    color: #333;
    padding: 10px 20px;
    border-radius: 25px;
    font-size: 22px;
    font-weight: 600;
    width: fit-content;
    margin-bottom: 20px;
}

.outcome-text {
    font-size: 16px;
    color: #333;
    line-height: 1.6;
}

/* Learning Domains Section */
.learning-domains-section {
    margin-top: 60px;
}

.domains-title {
    font-size: 32px;
    font-weight: 600;
    color: #333;
    margin-bottom: 40px;
}

.domains-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 20px;
}

.domain-card {
    border-radius: 15px;
    padding: 30px 20px;
    text-align: center;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
}

.domain-card:hover {
    transform: translateY(-5px);
}

.domain-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 20px;
    height: 80px;
    flex-direction: column;
    gap: 5px;
}

.domain-name {
    font-size: 13px;
    font-weight: 500;
    line-height: 1.4;
    color: #333;
}

/* Domain Card Colors */
.card-1 {
    background-color: #e8c8a0;
}

.card-1 .icon-letter {
    color: #d85a35;
    font-size: 28px;
    display: inline-block;
}

.card-2 {
    background-color: #c5d88a;
}

.card-2 .numeracy-icon {
    color: #666;
    font-size: 24px;
    display: inline;
}

.card-3 {
    background-color: #f4e5a6;
}

.card-3 .physical-icon {
    font-size: 32px;
    display: inline;
}

.card-4 {
    background-color: #d4cde8;
}

.card-4 .creative-icon {
    font-size: 32px;
    display: inline;
    margin: 0 5px;
}

.card-5 {
    background-color: #e8c8d4;
}

.card-5 .social-icon {
    font-size: 32px;
    display: inline;
    margin: 0 5px;
}

.card-6 {
    background-color: #a8d8d8;
}

.card-6 .world-icon {
    font-size: 48px;
    display: inline;
}

/* Responsive Design */
@media (max-width: 1024px) {
    .offer-section-1 {
        flex-direction: column;
    }

    .image-placeholder {
        height: 300px;
    }

    .domains-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .grid-offers {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .container {
        padding: 20px 15px;
    }

    .main-title {
        font-size: 32px;
    }

    .subtitle {
        font-size: 20px;
    }

    .highlight-text {
        font-size: 20px;
    }

    .domains-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .offer-section-2 {
        padding: 20px;
    }

    .grid-offers {
        gap: 20px;
    }
}

@media (max-width: 480px) {
    .main-title {
        font-size: 24px;
    }

    .subtitle {
        font-size: 16px;
    }

    .highlight-text {
        font-size: 16px;
    }

    .domains-grid {
        grid-template-columns: 1fr;
    }

    .offer-title {
        font-size: 18px;
    }

    .kite-decoration {
        display: none;
    }
}/* End custom CSS */