.elementor-4666 .elementor-element.elementor-element-f4f29bb{--display:flex;--padding-top:2rem;--padding-bottom:2rem;--padding-left:2rem;--padding-right:2rem;}.elementor-4666 .elementor-element.elementor-element-f99f03f{--display:flex;--border-radius:8px 8px 8px 8px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--padding-top:2rem;--padding-bottom:2rem;--padding-left:2rem;--padding-right:2rem;}.elementor-4666 .elementor-element.elementor-element-f99f03f:not(.elementor-motion-effects-element-type-background), .elementor-4666 .elementor-element.elementor-element-f99f03f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.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-4666 .elementor-element.elementor-element-06afabb{text-align:center;}.elementor-4666 .elementor-element.elementor-element-06afabb .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;color:var( --e-global-color-secondary );}:root{--page-title-display:none;}@media(max-width:767px){.elementor-4666 .elementor-element.elementor-element-f99f03f{--padding-top:1rem;--padding-bottom:1rem;--padding-left:1rem;--padding-right:1rem;}.elementor-4666 .elementor-element.elementor-element-06afabb .elementor-heading-title{font-size:28px;}}/* Start custom CSS for html, class: .elementor-element-c688c7f *//*============================
    GENERAL
=============================*/

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

.research-tabs{
    width:100%;
    padding:60px 0;
    background:#ffffff;
    font-family:Arial,sans-serif;
}

.research-tabs .container{
    width:95%;
    max-width:1320px;
    margin:auto;
}

.research-section{
    margin-bottom:70px;
}

.section-title{
    font-size:34px;
    font-weight:700;
    color:#042f6d;
    margin-bottom:30px;
}

/*============================
      YEAR TABS
=============================*/

.year-tabs{
    display:flex;
    gap:15px;
    flex-wrap:wrap;
    margin-bottom:30px;
}

.year-btn{

    flex:1;
    min-width:120px;

    padding:22px;

    border:none;

    border-radius:14px;

    background:#f5f5f5;

    color:#666;

    font-size:20px;

    font-weight:700;

    cursor:pointer;

    transition:.35s;

    box-shadow:0 4px 15px rgba(0,0,0,.08);

}

.year-btn:hover{

    transform:translateY(-5px);

    background:#083c84;

    color:#fff;

}

.year-btn.active{

    background:#083c84;

    color:#fff;

    transform:scale(1.03);

}


/*============================
     CONTENT
=============================*/

.tab-content{

    display:none;

    animation:fade .4s ease;

}

.tab-content.active{

    display:block;

}

@keyframes fade{

    from{

        opacity:0;

        transform:translateY(20px);

    }

    to{

        opacity:1;

        transform:translateY(0);

    }

}


/*============================
 HEADER
=============================*/

.content-header{

    background:#f57c00;

    color:#fff;

    border-radius:14px 14px 0 0;

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:20px 25px;

}

.content-header h3{

    font-size:24px;

    font-weight:700;

}

.close-content{

    width:35px;

    height:35px;

    border-radius:50%;

    background:#fff;

    color:#333;

    display:flex;

    align-items:center;

    justify-content:center;

    cursor:pointer;

    font-size:22px;

    transition:.3s;

}

.close-content:hover{

    transform:rotate(180deg);

}


/*============================
 CARD AREA
=============================*/

.cards{

    background:#f8f8f8;

    padding:35px;

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:25px;

    border-radius:0 0 14px 14px;

}


/*============================
 CARD
=============================*/

.info-card{

    background:#fff;

    border-radius:16px;

    padding:40px 25px;

    text-align:center;

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

    transition:.35s;

}

.info-card:hover{

    transform:translateY(-8px);

    box-shadow:0 15px 35px rgba(0,0,0,.15);

}

.info-card.clickable{

    background:#083c84;

    color:#fff;

}

.icon{

    width:80px;

    height:80px;

    border-radius:50%;

    background:#f3f3f3;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:36px;

    margin:auto;

    margin-bottom:20px;

}

.clickable .icon{

    background:rgba(255,255,255,.20);

}

.info-card h4{

    font-size:21px;

    margin-bottom:20px;

    font-weight:700;

}

.number{

    font-size:52px;

    color:#083c84;

    font-weight:800;

}

.clickable .number{

    color:#fff;

}

.view-btn{

    display:inline-block;

    margin-top:15px;

    background:#fff;

    color:#222;

    padding:12px 22px;

    border-radius:50px;

    font-size:15px;

    font-weight:600;

}


/*============================
 MOBILE
=============================*/

@media(max-width:991px){

.cards{

grid-template-columns:repeat(2,1fr);

}

.year-btn{

flex:calc(50% - 10px);

}

}

@media(max-width:767px){

.section-title{

font-size:28px;

}

.cards{

grid-template-columns:1fr;

padding:20px;

}

.year-tabs{

display:grid;

grid-template-columns:repeat(2,1fr);

gap:15px;

}

.year-btn{

width:100%;

padding:18px;

font-size:18px;

}

.content-header{

padding:15px;

}

.content-header h3{

font-size:18px;

}

.icon{

width:70px;

height:70px;

font-size:30px;

}

.number{

font-size:42px;

}

}

@media(max-width:480px){

.year-tabs{

grid-template-columns:1fr;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9aae635 *//*============================
    GENERAL
=============================*/

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

.research-tabs{
    width:100%;
    padding:60px 0;
    background:#ffffff;
    font-family:Arial,sans-serif;
}

.research-tabs .container{
    width:95%;
    max-width:1320px;
    margin:auto;
}

.research-section{
    margin-bottom:70px;
}

.section-title{
    font-size:34px;
    font-weight:700;
    color:#042f6d;
    margin-bottom:30px;
}

/*============================
      YEAR TABS
=============================*/

.year-tabs{
    display:flex;
    gap:15px;
    flex-wrap:wrap;
    margin-bottom:30px;
}

.year-btn{

    flex:1;
    min-width:120px;

    padding:22px;

    border:none;

    border-radius:14px;

    background:#f5f5f5;

    color:#666;

    font-size:20px;

    font-weight:700;

    cursor:pointer;

    transition:.35s;

    box-shadow:0 4px 15px rgba(0,0,0,.08);

}

.year-btn:hover{

    transform:translateY(-5px);

    background:#083c84;

    color:#fff;

}

.year-btn.active{

    background:#083c84;

    color:#fff;

    transform:scale(1.03);

}


/*============================
     CONTENT
=============================*/

.tab-content{

    display:none;

    animation:fade .4s ease;

}

.tab-content.active{

    display:block;

}

@keyframes fade{

    from{

        opacity:0;

        transform:translateY(20px);

    }

    to{

        opacity:1;

        transform:translateY(0);

    }

}


/*============================
 HEADER
=============================*/

.content-header{

    background:#f57c00;

    color:#fff;

    border-radius:14px 14px 0 0;

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:20px 25px;

}

.content-header h3{

    font-size:24px;

    font-weight:700;

}

.close-content{

    width:35px;

    height:35px;

    border-radius:50%;

    background:#fff;

    color:#333;

    display:flex;

    align-items:center;

    justify-content:center;

    cursor:pointer;

    font-size:22px;

    transition:.3s;

}

.close-content:hover{

    transform:rotate(180deg);

}


/*============================
 CARD AREA
=============================*/

.cards{

    background:#f8f8f8;

    padding:35px;

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:25px;

    border-radius:0 0 14px 14px;

}


/*============================
 CARD
=============================*/

.info-card{

    background:#fff;

    border-radius:16px;

    padding:40px 25px;

    text-align:center;

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

    transition:.35s;

}

.info-card:hover{

    transform:translateY(-8px);

    box-shadow:0 15px 35px rgba(0,0,0,.15);

}

.info-card.clickable{

    background:#083c84;

    color:#fff;

}

.icon{

    width:80px;

    height:80px;

    border-radius:50%;

    background:#f3f3f3;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:36px;

    margin:auto;

    margin-bottom:20px;

}

.clickable .icon{

    background:rgba(255,255,255,.20);

}

.info-card h4{

    font-size:21px;

    margin-bottom:20px;

    font-weight:700;

}

.number{

    font-size:52px;

    color:#083c84;

    font-weight:800;

}

.clickable .number{

    color:#fff;

}

.view-btn{

    display:inline-block;

    margin-top:15px;

    background:#fff;

    color:#222;

    padding:12px 22px;

    border-radius:50px;

    font-size:15px;

    font-weight:600;

}


/*============================
 MOBILE
=============================*/

@media(max-width:991px){

.cards{

grid-template-columns:repeat(2,1fr);

}

.year-btn{

flex:calc(50% - 10px);

}

}

@media(max-width:767px){

.section-title{

font-size:28px;

}

.cards{

grid-template-columns:1fr;

padding:20px;

}

.year-tabs{

display:grid;

grid-template-columns:repeat(2,1fr);

gap:15px;

}

.year-btn{

width:100%;

padding:18px;

font-size:18px;

}

.content-header{

padding:15px;

}

.content-header h3{

font-size:18px;

}

.icon{

width:70px;

height:70px;

font-size:30px;

}

.number{

font-size:42px;

}

}

@media(max-width:480px){

.year-tabs{

grid-template-columns:1fr;

}

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f4f29bb */p.elementor-icon-box-description {
    text-align: center;
    background: #0a0c99;
    padding: 4px;
    /* max-width: 160px; */
    border-radius: 4px;
}
.elementor-4666 .elementor-element.elementor-element-f4f29bb a{
    color: #fff;
}
.elementor-icon i, .elementor-icon svg {
    display: block;
    height: 1em;
    position: relative;
    width: 1em;
    background: #0a0c99;
    padding: 10px;
    border-radius: 50%;
}/* End custom CSS */