.elementor-10 .elementor-element.elementor-element-9884a30{width:100%;max-width:100%;}.elementor-10 .elementor-element.elementor-element-2611b0e{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-10 .elementor-element.elementor-element-ebee0f5{width:var( --container-widget-width, 102.96% );max-width:102.96%;--container-widget-width:102.96%;--container-widget-flex-grow:0;}.elementor-10 .elementor-element.elementor-element-ebee0f5.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-10 .elementor-element.elementor-element-ebee0f5 .elementor-heading-title{font-family:"Antonio", Sans-serif;font-size:38px;font-weight:600;text-transform:uppercase;line-height:51px;letter-spacing:0.5px;word-spacing:0px;color:#000000;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-10 .elementor-element.elementor-element-056bbb8{background-color:#998A8A;border-radius:200px 200px 200px 200px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-10 .elementor-element.elementor-element-056bbb8.elementor-element{--align-self:center;}.elementor-10 .elementor-element.elementor-element-fc7cc46{width:100%;max-width:100%;}.elementor-10 .elementor-element.elementor-element-52869ed{width:100%;max-width:100%;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-642bc40 *//*==============================
ON UGANDA HERO
==============================*/

.ou-hero-section{

    position:relative;
    overflow:hidden;

    padding:120px 20px 0;

    background:
    radial-gradient(circle at top right,#f7d9ea 0%,transparent 35%),
    radial-gradient(circle at left,#fff6e5 0%,transparent 30%),
    linear-gradient(180deg,#ffffff,#faf8fb);

}

.ou-hero-container{

    max-width:1250px;
    margin:auto;

    display:grid;
    grid-template-columns:1.15fr .85fr;

    gap:70px;

    align-items:center;

}

.ou-badge{

    display:inline-flex;

    align-items:center;

    gap:10px;

    background:#fff;

    padding:10px 18px;

    border-radius:50px;

    font-size:14px;

    font-weight:600;

    box-shadow:0 8px 25px rgba(0,0,0,.06);

    margin-bottom:25px;

}

.ou-dot{

    width:10px;
    height:10px;

    background:#ff3d57;

    border-radius:50%;

}

.ou-hero-content h1{

    font-size:clamp(42px,6vw,72px);

    line-height:1.05;

    font-weight:800;

    margin-bottom:25px;

    color:#222;

}

.ou-hero-content h1 span{

    color:#861C5A;

}

.ou-hero-content p{

    max-width:600px;

    font-size:18px;

    line-height:1.8;

    color:#666;

    margin-bottom:40px;

}

.ou-hero-buttons{

    display:flex;

    gap:18px;

    flex-wrap:wrap;

    margin-bottom:45px;

}

.ou-btn-primary{

    padding:15px 28px;

    background:#861C5A;

    color:#fff;

    border-radius:50px;

    text-decoration:none;

    font-weight:600;

    transition:.3s;

}

.ou-btn-primary:hover{

    transform:translateY(-3px);

}

.ou-btn-secondary{

    padding:15px 28px;

    border:2px solid #861C5A;

    color:#861C5A;

    border-radius:50px;

    text-decoration:none;

    font-weight:600;

    transition:.3s;

}

.ou-btn-secondary:hover{

    background:#861C5A;

    color:#fff;

}

.ou-hero-stats{

    display:flex;

    gap:45px;

    flex-wrap:wrap;

}

.ou-hero-stats strong{

    display:block;

    font-size:28px;

    color:#861C5A;

}

.ou-hero-stats span{

    color:#777;

    font-size:14px;

}

.ou-card{

    background:#fff;

    border-radius:24px;

    padding:40px;

    box-shadow:0 25px 60px rgba(0,0,0,.08);

    position:relative;

}

.ou-card:before{

    content:"";

    position:absolute;

    inset:0;

    border-radius:24px;

    padding:1px;

    background:linear-gradient(135deg,#861C5A,#d3b06f);

    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);

    -webkit-mask-composite:xor;

            mask-composite:exclude;

}

.ou-live{

    display:inline-flex;

    align-items:center;

    gap:8px;

    padding:8px 15px;

    border-radius:50px;

    background:#fff5fa;

    color:#861C5A;

    font-weight:700;

    margin-bottom:25px;

}

.ou-live-dot{

    width:8px;
    height:8px;

    background:#ff3d57;

    border-radius:50%;

}

.ou-card h3{

    font-size:30px;

    margin-bottom:18px;

    color:#222;

}

.ou-card p{

    color:#666;

    line-height:1.8;

    margin-bottom:30px;

}

.ou-card-btn{

    display:inline-flex;

    padding:14px 24px;

    border-radius:50px;

    background:#861C5A;

    color:#fff;

    text-decoration:none;

    font-weight:600;

}

.ou-wave{

    display:block;

    width:100%;

    height:100px;

    margin-top:80px;

}

.ou-wave path{

    fill:#ffffff;

}

/*=========================
RESPONSIVE
==========================*/

@media(max-width:991px){

.ou-hero-container{

grid-template-columns:1fr;

gap:50px;

text-align:center;

}

.ou-hero-content p{

margin:auto auto 35px;

}

.ou-hero-buttons{

justify-content:center;

}

.ou-hero-stats{

justify-content:center;

}

}

@media(max-width:576px){

.ou-hero-section{

padding:90px 18px 0;

}

.ou-hero-content h1{

font-size:40px;

}

.ou-card{

padding:28px;

}

.ou-hero-stats{

gap:25px;

}

.ou-btn-primary,
.ou-btn-secondary{

width:100%;

justify-content:center;

display:flex;

}

}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ebee0f5 */.special-p{
    /*color: #d4ff3f !important;*/
    color: #861c5a !important;
    font-weight: 700 !important;
    font-size: 40px;
}/* End custom CSS */