.elementor-3320 .elementor-element.elementor-element-a623647{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-3320 .elementor-element.elementor-element-65b03a7{--divider-border-style:solid;--divider-color:#CFB241;--divider-border-width:1px;}.elementor-3320 .elementor-element.elementor-element-65b03a7 .elementor-divider-separator{width:100%;}.elementor-3320 .elementor-element.elementor-element-65b03a7 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-3320 .elementor-element.elementor-element-65b03a7 .elementor-divider__text{color:#CFB241;}.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-3320 .elementor-element.elementor-element-c028b20{text-align:center;}.elementor-3320 .elementor-element.elementor-element-c028b20 .elementor-heading-title{color:#000000;}.elementor-3320 .elementor-element.elementor-element-0fd5819{text-align:center;}.elementor-3320 .elementor-element.elementor-element-0fd5819 .elementor-heading-title{color:#CFB241;}.elementor-3320 .elementor-element.elementor-element-2105d39{padding:0vw 16vw 0vw 16vw;text-align:center;}.elementor-3320 .elementor-element.elementor-element-2105d39 .elementor-heading-title{color:#000000;}.elementor-3320 .elementor-element.elementor-element-88ef271{--divider-border-style:solid;--divider-color:#CFB241;--divider-border-width:1px;}.elementor-3320 .elementor-element.elementor-element-88ef271 .elementor-divider-separator{width:100%;}.elementor-3320 .elementor-element.elementor-element-88ef271 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-3320 .elementor-element.elementor-element-88ef271.elementor-view-stacked .elementor-icon{background-color:#CFB241;}.elementor-3320 .elementor-element.elementor-element-88ef271.elementor-view-framed .elementor-icon, .elementor-3320 .elementor-element.elementor-element-88ef271.elementor-view-default .elementor-icon{color:#CFB241;border-color:#CFB241;}.elementor-3320 .elementor-element.elementor-element-88ef271.elementor-view-framed .elementor-icon, .elementor-3320 .elementor-element.elementor-element-88ef271.elementor-view-default .elementor-icon svg{fill:#CFB241;}.elementor-3320 .elementor-element.elementor-element-06b161c{--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;}.elementor-3320 .elementor-element.elementor-element-65160df{--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;}/* Start custom CSS for html, class: .elementor-element-53b127a */.about-showcase{
    position: relative;

    background: linear-gradient(
        135deg,
        #06111a,
        #091827,
        #06111a
    );

    border-radius: 18px;

    overflow: hidden;

    border: 1px solid rgba(212,165,72,0.18);
}

/* NUMBER */

.about-number{
    position: absolute;

    top: 10px;
    left: 10px;

    width: 34px;
    height: 34px;

    border-radius: 50%;

    background: #c89d3d;
    color: white;

    font-size: 14px;
    font-weight: 700;

    display: flex;
    align-items: center;
    justify-content: center;

    z-index: 10;
}

/* TOP */

.about-top{
    display: flex;
    align-items: stretch;
}

/* LEFT */

.about-left{
    width: 44%;

    padding: 42px 24px 20px;

    color: white;
}

/* HEADING */

.about-heading{
    display: flex;
    align-items: center;

    gap: 14px;

    margin-bottom: 16px;
}

.about-icon i{
    font-size: 34px;

    color: #c89d3d;
}

.about-heading h2{
    font-size: 24px;
    line-height: 1.3;

    margin-bottom: 8px;

    color: white;
}

.about-line{
    width: 55px;
    height: 2px;

    background: #c89d3d;

    border-radius: 10px;
}

/* TEXT */

.about-left p{
    font-size: 13px;
    line-height: 1.8;

    color: #f3f3f3;
}

/* IMAGE */

.about-image{
    flex: 1;
}

.about-image img{
    width: 100%;
    height: 100%;

    object-fit: cover;
}

/* BOTTOM */

.about-bottom{
    display: grid;

    grid-template-columns:
    1fr auto
    1fr auto
    1fr auto
    1fr;

    align-items: center;

    gap: 16px;

    padding: 18px 22px;

    border-top: 1px solid rgba(255,255,255,0.06);
}

/* FEATURE */

.about-feature{
    display: flex;
    align-items: flex-start;

    gap: 10px;
}

.about-feature i{
    font-size: 22px;

    color: #c89d3d;

    flex-shrink: 0;
}

.about-feature h4{
    color: #d4a548;

    font-size: 13px;
    font-weight: 700;

    margin-bottom: 4px;
}

.about-feature span{
    color: #f1f1f1;

    font-size: 11px;
    line-height: 1.5;
}

/* DIVIDER */

.about-divider{
    width: 1px;
    height: 42px;

    background: rgba(255,255,255,0.1);
}

/* TABLET */

@media(max-width: 1024px){

    .about-top{
        flex-direction: column;
    }

    .about-left{
        width: 100%;
    }

    .about-image{
        height: 260px;
    }

    .about-bottom{
        grid-template-columns: 1fr 1fr;
    }

    .about-divider{
        display: none;
    }
}

/* MOBILE */

@media(max-width: 767px){

    .about-left{
        padding: 50px 18px 18px;
    }

    .about-heading{
        flex-direction: column;
        align-items: flex-start;

        gap: 10px;
    }

    .about-heading h2{
        font-size: 20px;
    }

    .about-left p{
        font-size: 12px;
    }

    .about-image{
        height: 200px;
    }

    .about-bottom{
        grid-template-columns: 1fr;

        padding: 18px;
    }

    .about-number{
        width: 30px;
        height: 30px;

        font-size: 12px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-42037da *//* COMMON */

.vision-card,
.presence-card,
.governance-card,
.sustain-card{
    position: relative;

    display: flex;
    align-items: stretch;

    background: #faf8f4;

    border-radius: 16px;

    overflow: hidden;

    border: 1px solid #ece4d3;

    margin-bottom: 18px;
}

/* NUMBERS */

.vision-number,
.presence-number,
.governance-number,
.sustain-number{
    position: absolute;

    top: 10px;
    left: 10px;

    width: 34px;
    height: 34px;

    border-radius: 50%;

    background: #c89d3d;
    color: white;

    font-size: 13px;
    font-weight: 700;

    display: flex;
    align-items: center;
    justify-content: center;

    z-index: 10;
}

/* LEFT */

.vision-left,
.presence-left,
.governance-left,
.sustain-left{
    width: 42%;

    padding: 48px 22px 22px;
}

/* HEADERS */

.vision-header,
.presence-header,
.governance-header,
.sustain-header{
    display: flex;
    gap: 16px;
}

/* ICONS */

.vision-icon i,
.presence-icon i,
.governance-icon i,
.sustain-icon i{
    font-size: 34px;

    color: #c89d3d;
}

/* TITLES */

.vision-left h2,
.presence-left h2,
.governance-left h2,
.sustain-left h2{
    font-size: 24px;

    margin-bottom: 12px;

    color: #111;
}

/* TEXT */

.vision-left p,
.presence-left p,
.governance-left p,
.sustain-left p{
    font-size: 13px;
    line-height: 1.8;

    color: #444;
}

/* IMAGES */

.vision-image,
.presence-image,
.governance-image,
.sustain-image{
    flex: 1;
}

.vision-image img,
.presence-image img,
.governance-image img,
.sustain-image img{
    width: 100%;
    height: 100%;

    object-fit: cover;
}

/* VISION SIDE */

.vision-side-cards{
    width: 220px;

    display: flex;
    flex-direction: column;

    gap: 14px;

    padding: 18px;
}

.vision-mini-card{
    background: white;

    border-radius: 12px;

    padding: 16px;

    display: flex;
    gap: 12px;

    border: 1px solid #eee;
}

.vision-mini-card i{
    font-size: 22px;

    color: #c89d3d;
}

.vision-mini-card h5{
    font-size: 12px;

    color: #c89d3d;

    margin-bottom: 6px;
}

.vision-mini-card p{
    font-size: 11px;
    line-height: 1.6;
}

/* PRESENCE STATS */

.presence-stats{
    display: flex;
    gap: 22px;

    margin-top: 18px;
}

.presence-stat strong{
    display: block;

    color: #c89d3d;

    font-size: 18px;
}

.presence-stat span{
    font-size: 11px;

    color: #444;
}

/* GOVERNANCE */

.governance-points{
    display: flex;
    gap: 18px;

    margin-top: 20px;
}

.governance-point{
    display: flex;
    align-items: center;

    gap: 8px;
}

.governance-point i{
    color: #c89d3d;
}

/* SUSTAINABILITY */

.sustain-side-points{
    width: 220px;

    background: #0d1a12;

    padding: 22px;

    display: flex;
    flex-direction: column;
    justify-content: center;

    gap: 18px;
}

.sustain-point{
    display: flex;
    align-items: center;

    gap: 10px;

    color: white;
}

.sustain-point i{
    color: #c89d3d;
}

/* MOBILE */

@media(max-width:1024px){

    .vision-card,
    .presence-card,
    .governance-card,
    .sustain-card{
        flex-direction: column;
    }

    .vision-left,
    .presence-left,
    .governance-left,
    .sustain-left{
        width: 100%;
    }

    .vision-side-cards,
    .sustain-side-points{
        width: 100%;
    }

    .vision-image,
    .presence-image,
    .governance-image,
    .sustain-image{
        height: 260px;
    }

    .governance-points,
    .presence-stats{
        flex-wrap: wrap;
    }
}

@media(max-width:767px){

    .vision-header,
    .presence-header,
    .governance-header,
    .sustain-header{
        flex-direction: column;
    }

    .vision-left h2,
    .presence-left h2,
    .governance-left h2,
    .sustain-left h2{
        font-size: 20px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a1fb50b *//* COMMON */

.vision-card,
.presence-card,
.governance-card,
.sustain-card{
    position: relative;

    display: flex;
    align-items: stretch;

    background: #faf8f4;

    border-radius: 16px;

    overflow: hidden;

    border: 1px solid #ece4d3;

    margin-bottom: 18px;
}

/* NUMBERS */

.vision-number,
.presence-number,
.governance-number,
.sustain-number{
    position: absolute;

    top: 10px;
    left: 10px;

    width: 34px;
    height: 34px;

    border-radius: 50%;

    background: #c89d3d;
    color: white;

    font-size: 13px;
    font-weight: 700;

    display: flex;
    align-items: center;
    justify-content: center;

    z-index: 10;
}

/* LEFT */

.vision-left,
.presence-left,
.governance-left,
.sustain-left{
    width: 42%;

    padding: 48px 22px 22px;
}

/* HEADERS */

.vision-header,
.presence-header,
.governance-header,
.sustain-header{
    display: flex;
    gap: 16px;
}

/* ICONS */

.vision-icon i,
.presence-icon i,
.governance-icon i,
.sustain-icon i{
    font-size: 34px;

    color: #c89d3d;
}

/* TITLES */

.vision-left h2,
.presence-left h2,
.governance-left h2,
.sustain-left h2{
    font-size: 24px;

    margin-bottom: 12px;

    color: #111;
}

/* TEXT */

.vision-left p,
.presence-left p,
.governance-left p,
.sustain-left p{
    font-size: 13px;
    line-height: 1.8;

    color: #444;
}

/* IMAGES */

.vision-image,
.presence-image,
.governance-image,
.sustain-image{
    flex: 1;
}

.vision-image img,
.presence-image img,
.governance-image img,
.sustain-image img{
    width: 100%;
    height: 100%;

    object-fit: cover;
}

/* VISION SIDE */

.vision-side-cards{
    width: 220px;

    display: flex;
    flex-direction: column;

    gap: 14px;

    padding: 18px;
}

.vision-mini-card{
    background: white;

    border-radius: 12px;

    padding: 16px;

    display: flex;
    gap: 12px;

    border: 1px solid #eee;
}

.vision-mini-card i{
    font-size: 22px;

    color: #c89d3d;
}

.vision-mini-card h5{
    font-size: 12px;

    color: #c89d3d;

    margin-bottom: 6px;
}

.vision-mini-card p{
    font-size: 11px;
    line-height: 1.6;
}

/* PRESENCE STATS */

.presence-stats{
    display: flex;
    gap: 22px;

    margin-top: 18px;
}

.presence-stat strong{
    display: block;

    color: #c89d3d;

    font-size: 18px;
}

.presence-stat span{
    font-size: 11px;

    color: #444;
}

/* GOVERNANCE */

.governance-points{
    display: flex;
    gap: 18px;

    margin-top: 20px;
}

.governance-point{
    display: flex;
    align-items: center;

    gap: 8px;
}

.governance-point i{
    color: #c89d3d;
}

/* SUSTAINABILITY */

.sustain-side-points{
    width: 220px;

    background: #0d1a12;

    padding: 22px;

    display: flex;
    flex-direction: column;
    justify-content: center;

    gap: 18px;
}

.sustain-point{
    display: flex;
    align-items: center;

    gap: 10px;

    color: white;
}

.sustain-point i{
    color: #c89d3d;
}

/* MOBILE */

@media(max-width:1024px){

    .vision-card,
    .presence-card,
    .governance-card,
    .sustain-card{
        flex-direction: column;
    }

    .vision-left,
    .presence-left,
    .governance-left,
    .sustain-left{
        width: 100%;
    }

    .vision-side-cards,
    .sustain-side-points{
        width: 100%;
    }

    .vision-image,
    .presence-image,
    .governance-image,
    .sustain-image{
        height: 260px;
    }

    .governance-points,
    .presence-stats{
        flex-wrap: wrap;
    }
}

@media(max-width:767px){

    .vision-header,
    .presence-header,
    .governance-header,
    .sustain-header{
        flex-direction: column;
    }

    .vision-left h2,
    .presence-left h2,
    .governance-left h2,
    .sustain-left h2{
        font-size: 20px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3588f0a *//* COMMON */

.vision-card,
.presence-card,
.governance-card,
.sustain-card{
    position: relative;

    display: flex;
    align-items: stretch;

    background: #faf8f4;

    border-radius: 16px;

    overflow: hidden;

    border: 1px solid #ece4d3;

    margin-bottom: 18px;
}

/* NUMBERS */

.vision-number,
.presence-number,
.governance-number,
.sustain-number{
    position: absolute;

    top: 10px;
    left: 10px;

    width: 34px;
    height: 34px;

    border-radius: 50%;

    background: #c89d3d;
    color: white;

    font-size: 13px;
    font-weight: 700;

    display: flex;
    align-items: center;
    justify-content: center;

    z-index: 10;
}

/* LEFT */

.vision-left,
.presence-left,
.governance-left,
.sustain-left{
    width: 42%;

    padding: 48px 22px 22px;
}

/* HEADERS */

.vision-header,
.presence-header,
.governance-header,
.sustain-header{
    display: flex;
    gap: 16px;
}

/* ICONS */

.vision-icon i,
.presence-icon i,
.governance-icon i,
.sustain-icon i{
    font-size: 34px;

    color: #c89d3d;
}

/* TITLES */

.vision-left h2,
.presence-left h2,
.governance-left h2,
.sustain-left h2{
    font-size: 24px;

    margin-bottom: 12px;

    color: #111;
}

/* TEXT */

.vision-left p,
.presence-left p,
.governance-left p,
.sustain-left p{
    font-size: 13px;
    line-height: 1.8;

    color: #444;
}

/* IMAGES */

.vision-image,
.presence-image,
.governance-image,
.sustain-image{
    flex: 1;
}

.vision-image img,
.presence-image img,
.governance-image img,
.sustain-image img{
    width: 100%;
    height: 100%;

    object-fit: cover;
}

/* VISION SIDE */

.vision-side-cards{
    width: 220px;

    display: flex;
    flex-direction: column;

    gap: 14px;

    padding: 18px;
}

.vision-mini-card{
    background: white;

    border-radius: 12px;

    padding: 16px;

    display: flex;
    gap: 12px;

    border: 1px solid #eee;
}

.vision-mini-card i{
    font-size: 22px;

    color: #c89d3d;
}

.vision-mini-card h5{
    font-size: 12px;

    color: #c89d3d;

    margin-bottom: 6px;
}

.vision-mini-card p{
    font-size: 11px;
    line-height: 1.6;
}

/* PRESENCE STATS */

.presence-stats{
    display: flex;
    gap: 22px;

    margin-top: 18px;
}

.presence-stat strong{
    display: block;

    color: #c89d3d;

    font-size: 18px;
}

.presence-stat span{
    font-size: 11px;

    color: #444;
}

/* GOVERNANCE */

.governance-points{
    display: flex;
    gap: 18px;

    margin-top: 20px;
}

.governance-point{
    display: flex;
    align-items: center;

    gap: 8px;
}

.governance-point i{
    color: #c89d3d;
}

/* SUSTAINABILITY */

.sustain-side-points{
    width: 220px;

    background: #0d1a12;

    padding: 22px;

    display: flex;
    flex-direction: column;
    justify-content: center;

    gap: 18px;
}

.sustain-point{
    display: flex;
    align-items: center;

    gap: 10px;

    color: white;
}

.sustain-point i{
    color: #c89d3d;
}

/* MOBILE */

@media(max-width:1024px){

    .vision-card,
    .presence-card,
    .governance-card,
    .sustain-card{
        flex-direction: column;
    }

    .vision-left,
    .presence-left,
    .governance-left,
    .sustain-left{
        width: 100%;
    }

    .vision-side-cards,
    .sustain-side-points{
        width: 100%;
    }

    .vision-image,
    .presence-image,
    .governance-image,
    .sustain-image{
        height: 260px;
    }

    .governance-points,
    .presence-stats{
        flex-wrap: wrap;
    }
}

@media(max-width:767px){

    .vision-header,
    .presence-header,
    .governance-header,
    .sustain-header{
        flex-direction: column;
    }

    .vision-left h2,
    .presence-left h2,
    .governance-left h2,
    .sustain-left h2{
        font-size: 20px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-dcfc824 *//* COMMON */

.vision-card,
.presence-card,
.governance-card,
.sustain-card{
    position: relative;

    display: flex;
    align-items: stretch;

    background: #faf8f4;

    border-radius: 16px;

    overflow: hidden;

    border: 1px solid #ece4d3;

    margin-bottom: 18px;
}

/* NUMBERS */

.vision-number,
.presence-number,
.governance-number,
.sustain-number{
    position: absolute;

    top: 10px;
    left: 10px;

    width: 34px;
    height: 34px;

    border-radius: 50%;

    background: #c89d3d;
    color: white;

    font-size: 13px;
    font-weight: 700;

    display: flex;
    align-items: center;
    justify-content: center;

    z-index: 10;
}

/* LEFT */

.vision-left,
.presence-left,
.governance-left,
.sustain-left{
    width: 42%;

    padding: 48px 22px 22px;
}

/* HEADERS */

.vision-header,
.presence-header,
.governance-header,
.sustain-header{
    display: flex;
    gap: 16px;
}

/* ICONS */

.vision-icon i,
.presence-icon i,
.governance-icon i,
.sustain-icon i{
    font-size: 34px;

    color: #c89d3d;
}

/* TITLES */

.vision-left h2,
.presence-left h2,
.governance-left h2,
.sustain-left h2{
    font-size: 24px;

    margin-bottom: 12px;

    color: #111;
}

/* TEXT */

.vision-left p,
.presence-left p,
.governance-left p,
.sustain-left p{
    font-size: 13px;
    line-height: 1.8;

    color: #444;
}

/* IMAGES */

.vision-image,
.presence-image,
.governance-image,
.sustain-image{
    flex: 1;
}

.vision-image img,
.presence-image img,
.governance-image img,
.sustain-image img{
    width: 100%;
    height: 100%;

    object-fit: cover;
}

/* VISION SIDE */

.vision-side-cards{
    width: 220px;

    display: flex;
    flex-direction: column;

    gap: 14px;

    padding: 18px;
}

.vision-mini-card{
    background: white;

    border-radius: 12px;

    padding: 16px;

    display: flex;
    gap: 12px;

    border: 1px solid #eee;
}

.vision-mini-card i{
    font-size: 22px;

    color: #c89d3d;
}

.vision-mini-card h5{
    font-size: 12px;

    color: #c89d3d;

    margin-bottom: 6px;
}

.vision-mini-card p{
    font-size: 11px;
    line-height: 1.6;
}

/* PRESENCE STATS */

.presence-stats{
    display: flex;
    gap: 22px;

    margin-top: 18px;
}

.presence-stat strong{
    display: block;

    color: #c89d3d;

    font-size: 18px;
}

.presence-stat span{
    font-size: 11px;

    color: #444;
}

/* GOVERNANCE */

.governance-points{
    display: flex;
    gap: 18px;

    margin-top: 20px;
}

.governance-point{
    display: flex;
    align-items: center;

    gap: 8px;
}

.governance-point i{
    color: #c89d3d;
}

/* SUSTAINABILITY */

.sustain-side-points{
    width: 220px;

    background: #0d1a12;

    padding: 22px;

    display: flex;
    flex-direction: column;
    justify-content: center;

    gap: 18px;
}

.sustain-point{
    display: flex;
    align-items: center;

    gap: 10px;

    color: white;
}

.sustain-point i{
    color: #c89d3d;
}

/* MOBILE */

@media(max-width:1024px){

    .vision-card,
    .presence-card,
    .governance-card,
    .sustain-card{
        flex-direction: column;
    }

    .vision-left,
    .presence-left,
    .governance-left,
    .sustain-left{
        width: 100%;
    }

    .vision-side-cards,
    .sustain-side-points{
        width: 100%;
    }

    .vision-image,
    .presence-image,
    .governance-image,
    .sustain-image{
        height: 260px;
    }

    .governance-points,
    .presence-stats{
        flex-wrap: wrap;
    }
}

@media(max-width:767px){

    .vision-header,
    .presence-header,
    .governance-header,
    .sustain-header{
        flex-direction: column;
    }

    .vision-left h2,
    .presence-left h2,
    .governance-left h2,
    .sustain-left h2{
        font-size: 20px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9628143 */.purpose-footer{
    border-radius: 18px;

    overflow: hidden;

    border: 1px solid rgba(212,165,72,0.2);

    background: linear-gradient(
        135deg,
        #06111a,
        #091827,
        #06111a
    );
}

/* TOP */

.purpose-top{
    display: grid;

    grid-template-columns:
    1fr auto
    1fr auto
    auto auto
    1fr auto
    1fr;

    align-items: center;

    gap: 18px;

    padding: 20px 28px;
}

/* ITEM */

.purpose-item{
    display: flex;
    align-items: flex-start;

    gap: 12px;
}

/* ICON */

.purpose-item i{
    font-size: 24px;

    color: #d4a548;

    flex-shrink: 0;
}

/* TEXT */

.purpose-item h4{
    color: #d4a548;

    font-size: 13px;
    font-weight: 700;

    margin-bottom: 4px;
}

.purpose-item p{
    color: #f1f1f1;

    font-size: 12px;
    line-height: 1.6;

    margin: 0;
}

/* LOGO */

.purpose-logo{
    text-align: center;

    padding: 0 12px;
}

.purpose-logo h2{
    color: #d4a548;

    font-size: 42px;
    line-height: 1;

    margin-bottom: 2px;
}

.purpose-logo span{
    color: #d4a548;

    font-size: 11px;
    letter-spacing: 1px;
}

/* DIVIDER */

.purpose-divider{
    width: 1px;
    height: 50px;

    background: rgba(255,255,255,0.12);
}

/* BOTTOM */

.purpose-bottom{
    background: linear-gradient(
        90deg,
        #c89d3d,
        #d9b15a,
        #b8852e
    );

    color: white;

    text-align: center;

    padding: 12px 20px;

    font-size: 15px;
    font-weight: 500;

    letter-spacing: 2px;
}

/* TABLET */

@media(max-width:1024px){

    .purpose-top{
        grid-template-columns: 1fr 1fr;

        gap: 24px;
    }

    .purpose-divider{
        display: none;
    }

    .purpose-logo{
        grid-column: span 2;
    }
}

/* MOBILE */

@media(max-width:767px){

    .purpose-top{
        grid-template-columns: 1fr;

        padding: 20px;
    }

    .purpose-logo{
        grid-column: auto;
    }

    .purpose-item{
        gap: 10px;
    }

    .purpose-item i{
        font-size: 20px;
    }

    .purpose-bottom{
        font-size: 12px;

        letter-spacing: 1px;

        padding: 10px 14px;
    }
}/* End custom CSS */