.elementor-346 .elementor-element.elementor-element-0e09f95{--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-346 .elementor-element.elementor-element-8ce64ba{--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-346 .elementor-element.elementor-element-99ff884{--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-346 .elementor-element.elementor-element-ac097bd{--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-346 .elementor-element.elementor-element-22314cf{--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;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-edf6328 *//*==============================
        RESULTS SECTION
==============================*/

.results-section{

background:#17171D;
padding:120px 8%;

}

.results-container{

max-width:1350px;
margin:auto;

display:grid;
grid-template-columns:1fr 510px;
gap:90px;
align-items:center;

}

/* Left Side */

.section-label{

display:flex;
align-items:center;
gap:14px;

font-size:12px;
letter-spacing:4px;
text-transform:uppercase;
color:#0EA488;
font-weight:600;

margin-bottom:30px;

}

.section-label span{

width:30px;
height:2px;
background:#0EA488;

}

.results-left h2{

font-size:58px;
line-height:1.15;
font-weight:800;
color:#fff;

margin-bottom:35px;

max-width:720px;

}

.results-left p{

font-size:20px;
line-height:1.8;
color:#B7B7B7;

max-width:650px;

}

/* Right Grid */

.results-right{

display:grid;
grid-template-columns:1fr 1fr;
overflow:hidden;

border-radius:20px;

border:1px solid rgba(255,255,255,.08);

}

.metric{

background:#24272F;

padding:40px;

border-right:1px solid rgba(255,255,255,.08);
border-bottom:1px solid rgba(255,255,255,.08);

transition:.4s;

cursor:pointer;

}

.metric:nth-child(2),
.metric:nth-child(4){

border-right:none;

}

.metric:nth-child(3),
.metric:nth-child(4){

border-bottom:none;

}

.metric h3{

font-size:52px;
font-weight:700;
color:#fff;

margin-bottom:18px;

}

.metric span{

font-size:12px;
letter-spacing:4px;
color:#8A8A8A;

}

.highlight h3{

color:#F2B84A;

}

/* Hover */

.metric:hover{

background:#2C3039;

transform:scale(1.03);

z-index:2;

}

.metric:hover h3{

color:#12C4A2;

}

.highlight:hover h3{

color:#FFC34D;

}

/* Tablet */

@media(max-width:991px){

.results-container{

grid-template-columns:1fr;
gap:60px;

}

.results-left h2{

font-size:46px;

}

}

/* Mobile */

@media(max-width:768px){

.results-section{

padding:70px 25px;

}

.results-right{

grid-template-columns:1fr;

}

.metric{

border-right:none;
border-bottom:1px solid rgba(255,255,255,.08);

}

.metric:last-child{

border-bottom:none;

}

.results-left h2{

font-size:34px;

}

.results-left p{

font-size:17px;

}

.metric h3{

font-size:42px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9f759fd *//*=========================
      PROCESS SECTION
=========================*/

.process-section{

    background:#17171D;
    padding:120px 7%;

}

.process-container{

    max-width:1400px;
    margin:auto;

}

.process-header{

    margin-bottom:70px;

}

.section-title{

    display:flex;
    align-items:center;
    gap:14px;

    color:#0FA88D;
    font-size:12px;
    font-weight:600;
    letter-spacing:4px;
    text-transform:uppercase;

    margin-bottom:30px;

}

.section-title span{

    width:30px;
    height:2px;
    background:#0FA88D;

}

.process-header h2{

    color:#fff;
    font-size:64px;
    line-height:1.05;
    font-weight:800;
    max-width:700px;

}

/*=========================
        GRID
=========================*/

.process-grid{

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

}

.process-card{

    padding:0 28px 0 18px;

    border-left:1px solid rgba(255,255,255,.12);

    transition:.35s ease;

    position:relative;

}

.process-card:first-child{

    padding-left:18px;

}

.step-number{

    display:block;

    color:#0FA88D;

    font-size:13px;

    letter-spacing:3px;

    margin-bottom:18px;

}

.process-card h3{

    color:#fff;

    font-size:22px;

    margin-bottom:16px;

    font-weight:700;

}

.process-card p{

    color:#B6B6B6;

    font-size:17px;

    line-height:1.8;

}

/*=========================
        HOVER
=========================*/

.process-card::before{

content:"";

position:absolute;

left:-1px;
top:0;

width:2px;
height:0;

background:#0FA88D;

transition:.35s;

}

.process-card:hover{

transform:translateY(-10px);

}

.process-card:hover::before{

height:100%;

}

.process-card:hover h3{

color:#12D2AA;

}

.process-card:hover p{

color:#fff;

}

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

@media(max-width:1024px){

.process-grid{

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

row-gap:50px;

}

}

@media(max-width:768px){

.process-section{

padding:70px 25px;

}

.process-header h2{

font-size:38px;

}

.process-grid{

grid-template-columns:1fr;

gap:45px;

}

.process-card{

border-left:2px solid rgba(255,255,255,.12);

padding-left:20px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a2e59c8 *//*=========================
        CTA SECTION
==========================*/

.cta-section{

    background:#F8F6F1;
    padding:100px 7%;

}

.cta-container{

    max-width:1300px;
    margin:auto;

    background:#0F6954;

    border-radius:18px;

    padding:65px 55px;

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:70px;

    overflow:hidden;

    position:relative;

}

/* subtle background glow */

.cta-container::before{

content:"";

position:absolute;

right:-120px;
top:-120px;

width:280px;
height:280px;

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

border-radius:50%;

}

/*====================*/

.cta-left{

flex:1;

position:relative;

z-index:2;

}

.cta-left h2{

font-size:60px;

font-weight:800;

color:#fff;

margin-bottom:24px;

line-height:1.05;

}

.cta-left p{

font-size:20px;

line-height:1.8;

color:rgba(255,255,255,.88);

max-width:620px;

}

/*====================*/

.cta-right{

width:360px;

display:flex;

flex-direction:column;

align-items:flex-start;

justify-content:center;

gap:24px;

position:relative;

z-index:2;

}

.cta-small{

font-size:13px;

letter-spacing:3px;

text-transform:uppercase;

color:rgba(255,255,255,.75);

}

.cta-button{

display:flex;

align-items:center;

justify-content:center;

gap:12px;

padding:20px 34px;

background:#fff;

color:#0F6954;

text-decoration:none;

font-size:18px;

font-weight:700;

border-radius:60px;

transition:.4s cubic-bezier(.2,.8,.2,1);

}

/*=====================
      Hover
======================*/

.cta-button:hover{

background:#F3F3F3;

transform:translateY(-6px);

box-shadow:0 20px 45px rgba(0,0,0,.18);

}

.cta-button svg{

transition:.35s;

}

.cta-button:hover svg{

transform:translateX(8px);

}

.cta-container:hover{

transform:translateY(-3px);

transition:.4s;

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

}

/*====================
Responsive
=====================*/

@media(max-width:992px){

.cta-container{

flex-direction:column;

text-align:center;

padding:55px 35px;

}

.cta-left h2{

font-size:46px;

}

.cta-left p{

margin:auto;

}

.cta-right{

width:100%;

align-items:center;

}

}

@media(max-width:768px){

.cta-section{

padding:70px 25px;

}

.cta-left h2{

font-size:34px;

}

.cta-left p{

font-size:17px;

}

.cta-button{

width:100%;

font-size:17px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e4d4bf5 *//*==========================
ABOUT
===========================*/

.about-section{

background:#F8F6F1;
padding:120px 7%;

}

.about-container{

max-width:1350px;
margin:auto;

display:grid;
grid-template-columns:520px 1fr;
gap:80px;
align-items:center;

}

/*=====================
Left Card
======================*/

.about-card{

background:#17171D;

border-radius:18px;

padding:35px;

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

transition:.45s;

}

.about-card:hover{

transform:translateY(-10px);

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

}

.info-row{

display:flex;

justify-content:space-between;

align-items:center;

padding:22px 0;

border-bottom:1px dashed rgba(255,255,255,.08);

}

.info-row:last-child{

border-bottom:none;

}

.info-row span{

color:#7F7F87;

font-size:12px;

letter-spacing:3px;

text-transform:uppercase;

}

.info-row strong{

font-size:25px;

font-weight:500;

color:#fff;

text-align:right;

}

/*=====================
Right
======================*/

.section-label{

display:flex;

align-items:center;

gap:12px;

font-size:12px;

letter-spacing:4px;

color:#0F6A55;

font-weight:600;

margin-bottom:28px;

}

.section-label span{

width:28px;

height:2px;

background:#0F6A55;

}

.about-content h2{

font-size:62px;

line-height:1.05;

font-weight:800;

color:#181818;

margin-bottom:30px;

max-width:720px;

}

.about-content p{

font-size:20px;

line-height:1.9;

color:#444;

margin-bottom:28px;

max-width:720px;

}

.about-btn{

display:inline-flex;

align-items:center;

gap:12px;

padding:18px 34px;

border:1.5px solid #181818;

border-radius:60px;

text-decoration:none;

font-size:18px;

font-weight:600;

color:#181818;

transition:.35s;

}

.about-btn span{

transition:.35s;

}

.about-btn:hover{

background:#0F6A55;

color:#fff;

border-color:#0F6A55;

transform:translateY(-4px);

box-shadow:0 20px 40px rgba(15,106,85,.25);

}

.about-btn:hover span{

transform:translateX(8px);

}

/*=====================
Responsive
======================*/

@media(max-width:992px){

.about-container{

grid-template-columns:1fr;

}

.about-card{

order:2;

}

.about-content{

order:1;

}

.about-content h2{

font-size:46px;

}

}

@media(max-width:768px){

.about-section{

padding:70px 25px;

}

.about-content h2{

font-size:36px;

}

.about-content p{

font-size:17px;

}

.info-row{

flex-direction:column;

align-items:flex-start;

gap:10px;

}

.info-row strong{

text-align:left;

font-size:20px;

}

.about-btn{

width:100%;

justify-content:center;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e779cbd *//*==================================================
GOOGLE FONT
==================================================*/

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');

/*==================================================
RESET
==================================================*/

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

html{
    scroll-behavior:smooth;
}

body{
    font-family:'Inter',sans-serif;
    background:#17171D;
    color:#fff;
    overflow-x:hidden;
}

/*==================================================
FOOTER SECTION
==================================================*/

.footer-contact{

    background:#17171D;
    padding:120px 7% 70px;
    position:relative;
    overflow:hidden;

}

.footer-container{

    max-width:1380px;
    margin:auto;

}

/*==================================================
HERO
==================================================*/

.footer-hero{

    max-width:920px;
    margin:auto;
    text-align:center;

}

.footer-tag{

    display:inline-flex;
    align-items:center;
    gap:14px;

    margin-bottom:28px;

    font-size:12px;
    font-weight:600;
    letter-spacing:4px;
    text-transform:uppercase;

    color:#0FA88D;

}

.footer-tag span{

    width:32px;
    height:2px;
    background:#0FA88D;

}

.footer-hero h2{

    color:#FFFFFF !important;

    font-size:72px;

    font-weight:800;

    line-height:1.05;

    margin-bottom:30px;

}

.footer-hero p{

    max-width:760px;

    margin:auto;

    color:#D6D6D6 !important;

    font-size:21px;

    line-height:1.9;

}

/*==================================================
BUTTONS
==================================================*/

.footer-buttons{

    display:flex;
    justify-content:center;
    align-items:center;
    gap:18px;
    flex-wrap:wrap;

    margin-top:50px;

}

.btn-green{

    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:14px;

    background:#0F6A55;

    color:#FFFFFF !important;

    padding:18px 36px;

    border-radius:60px;

    text-decoration:none;

    font-size:17px;

    font-weight:700;

    transition:.35s ease;

}

.btn-green:hover{

    background:#14836A;

    transform:translateY(-5px);

    box-shadow:0 25px 55px rgba(15,106,85,.35);

}

.btn-green svg{

    stroke:#FFFFFF;
    transition:.35s;

}

.btn-green:hover svg{

    transform:translateX(8px);

}

.btn-outline{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:18px 36px;

    border-radius:60px;

    border:1px solid rgba(255,255,255,.20);

    color:#FFFFFF !important;

    text-decoration:none;

    font-weight:600;

    transition:.35s ease;

}

.btn-outline:hover{

    background:#FFFFFF;

    color:#17171D !important;

}

/*==================================================
CONTACT STRIP
==================================================*/

.contact-strip{

    margin:90px 0;

    padding:50px 0;

    display:grid;

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

    gap:40px;

    border-top:1px solid rgba(255,255,255,.08);

    border-bottom:1px solid rgba(255,255,255,.08);

}

.contact-item{

    text-align:center;

}

.contact-item small{

    display:block;

    color:#7F7F84;

    font-size:11px;

    letter-spacing:3px;

    text-transform:uppercase;

    margin-bottom:16px;

}

.contact-item a{

    color:#0FA88D;

    text-decoration:none;

    font-size:20px;

    font-weight:600;

    transition:.35s;

}

.contact-item a:hover{

    color:#FFFFFF;

}

.contact-item span{

    color:#FFFFFF;

    font-size:20px;

    font-weight:500;

}
/*=========================================
FOOTER LAYOUT
=========================================*/

.main-footer{

    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:80px;

    padding-bottom:60px;

}

.footer-brand{

    flex:1;

}

.footer-brand h3{

    font-size:38px;
    font-weight:800;
    color:#FFFFFF;
    margin-bottom:12px;

}

.footer-brand p{

    font-size:12px;
    letter-spacing:3px;
    text-transform:uppercase;
    color:#8C8C90;
    line-height:1.8;

}

.footer-links{

    flex:2;

    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:60px;

}

.footer-column h4{

    font-size:13px;
    font-weight:700;
    letter-spacing:3px;
    text-transform:uppercase;

    color:#FFFFFF;

    margin-bottom:25px;

}

.footer-column ul{

    list-style:none;

}

.footer-column li{

    margin-bottom:15px;

}

.footer-column a{

    color:#D5D5D5;
    text-decoration:none;
    transition:.35s ease;

}

.footer-column a:hover{

    color:#0FA88D;
    padding-left:8px;

}

/*=========================================
COPYRIGHT
=========================================*/

.copyright{

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

    gap:20px;

    border-top:1px solid rgba(255,255,255,.08);

    padding-top:35px;

    color:#8D8D8D;

    font-size:14px;

}

.copyright-left,
.copyright-right{

    color:#8D8D8D;

}

/*=========================================
FORCE FOOTER COLORS
=========================================*/

.footer-contact{

    color:#FFFFFF !important;

}

.footer-contact h1,
.footer-contact h2,
.footer-contact h3,
.footer-contact h4,
.footer-contact h5,
.footer-contact h6{

    color:#FFFFFF !important;

}

.footer-contact p{

    color:#D5D5D5 !important;

}

.footer-contact small{

    color:#8C8C90 !important;

}

.footer-contact strong{

    color:#FFFFFF !important;

}

/* Green Elements */

.footer-tag{

    color:#0FA88D !important;

}

.footer-tag span{

    background:#0FA88D !important;

}

.contact-item a{

    color:#0FA88D !important;

}

.contact-item span{

    color:#FFFFFF !important;

}

.footer-column a{

    color:#D5D5D5 !important;

}

.footer-column a:hover{

    color:#0FA88D !important;

}

.footer-brand p{

    color:#8C8C90 !important;

}

/*=========================================
BUTTON FIX
=========================================*/

.btn-green{

    color:#FFFFFF !important;

}

.btn-green svg{

    stroke:#FFFFFF !important;

}

.btn-outline{

    color:#FFFFFF !important;

}

.btn-outline:hover{

    color:#17171D !important;

}

/*=========================================
ELEMENTOR FIX
=========================================*/

.footer-contact .elementor-heading-title{

    color:#FFFFFF !important;

}

.footer-contact .elementor-widget-heading h1,
.footer-contact .elementor-widget-heading h2,
.footer-contact .elementor-widget-heading h3,
.footer-contact .elementor-widget-heading h4,
.footer-contact .elementor-widget-heading h5,
.footer-contact .elementor-widget-heading h6{

    color:#FFFFFF !important;

}

.footer-contact .elementor-widget-text-editor{

    color:#D5D5D5 !important;

}

.footer-contact .elementor-widget-text-editor p{

    color:#D5D5D5 !important;

}

.footer-contact .elementor-button-text{

    color:#FFFFFF !important;

}

.footer-contact .elementor-button-icon svg{

    stroke:#FFFFFF !important;

}

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

@media(max-width:1100px){

.main-footer{

flex-direction:column;

gap:60px;

}

.footer-links{

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

gap:40px;

}

}

@media(max-width:768px){

.footer-contact{

padding:70px 25px;

}

.footer-hero h2{

font-size:40px;

}

.footer-hero p{

font-size:17px;

}

.footer-buttons{

flex-direction:column;

}

.btn-green,
.btn-outline{

width:100%;

}

.contact-strip{

grid-template-columns:1fr;

gap:30px;

}

.footer-links{

grid-template-columns:1fr;

}

.copyright{

flex-direction:column;

text-align:center;

gap:12px;

}

}

@media(max-width:480px){

.footer-hero h2{

font-size:32px;

}

.footer-brand h3{

font-size:28px;

}

.contact-item a,
.contact-item span{

font-size:18px;

}

}/* End custom CSS */