/*==================================================
GOOGLE FONT
==================================================*/

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


/*==================================================
ROOT
==================================================*/

:root{

--primary:#2C6E73;
--secondary:#4A9298;
--light:#f8fbfc;
--white:#ffffff;
--text:#39454d;
--border:#dfe9ec;
--shadow:0 15px 40px rgba(0,0,0,.08);
--radius:22px;
--transition:.4s;

}


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

*{

margin:0;
padding:0;
box-sizing:border-box;

}

html{

scroll-behavior:smooth;

}

body{

font-family:'Poppins',sans-serif;
background:#f5fafc;
color:var(--text);
overflow-x:hidden;

}

a{

text-decoration:none;

}

img{

max-width:100%;
display:block;

}

section{

}

/* Multi Select */

#priority{
    width:100%;
    min-height:52px;
    border:1px solid #d9e3e6;
    border-radius:12px;
}


/* Choices.js */

.choices{
    width:100%;
    margin:0;
}

.choices__inner{

    min-height:52px;
    border:1px solid #d9e3e6;
    border-radius:12px;
    background:#fff;
    padding:8px 12px;

}

.choices__list--multiple .choices__item{

    background:#2C6E73;
    border:1px solid #2C6E73;
    border-radius:30px;
    padding:5px 12px;
    font-size:13px;

}

.choices__list--dropdown{

    border-radius:12px;

}

.choices__list--dropdown .choices__item{

    padding:12px 15px;

}

@media(max-width:768px){

    .choices{

        width:100%;

    }

    .choices__inner{

        min-height:50px;

    }

    .choices__list--dropdown{

        max-height:220px;
        overflow-y:auto;

    }

}




/*==================================================
BACKGROUND
==================================================*/

body::before{

content:"";
position:fixed;
top:-250px;
left:-250px;
width:700px;
height:700px;
background:radial-gradient(circle,#d8edf1,transparent 70%);
z-index:-2;

}

body::after{

content:"";
position:fixed;
right:-250px;
bottom:-250px;
width:700px;
height:700px;
background:radial-gradient(circle,#dff4f7,transparent 70%);
z-index:-2;

}
/*==================================================
HEADER
==================================================*/
/*==========================
LOGO
==========================*/
.img-fluid {
       max-width: 100%;
    height: auto;
    width: 67px;
    padding-bottom: 20px;
}


/* Mobile View */
@media (max-width: 768px) {
    .img-fluid {
        display: block;
        margin: 0 auto;
        margin-top:-4.5em;
    }
}


.navbar-brand{
    display:flex;
    justify-content:center;
    align-items:center;
    width:100%;
}

.navbar-brand img.img-fluid{
        width: 100px;
    max-width: 55%;
    height: auto;
    display: block;
    margin: 66px auto;
    object-fit: contain;
    margin-top: 6em;

}

/* Large Desktop */
@media (min-width:1400px){

    .navbar-brand img.img-fluid{
        width:100px;margin-top:9em;
        float: left;
    }

}

/* Tablet */
@media (max-width:991px){

    .navbar-brand img.img-fluid{
        width:150px;
    }

}

/* Mobile */
@media (max-width:768px){

    .navbar-brand{
        width:auto;
    }

    .navbar-brand img.img-fluid{
        width:130px;
    }

}

/* Hero Logo */

.hero-logo{
    width:180px;
    height:auto;
    display:block;
    margin:0 0 20px 0;   /* Left aligned, text ke upar */
}

/* Tablet */

@media (max-width:991px){

    .hero-logo{
        width:150px;
        margin:0 auto 20px;   /* Center on tablet/mobile */
    }

}

/* Mobile */

@media (max-width:768px){

    .hero-logo{
        width:130px;
        margin:0 auto 15px;
    }

}


.header-area{

position:absolute;
width:100%;
top:0;
left:0;
padding:20px 0;
z-index:99;

}

.navbar-brand img{

height:150px;
margin-top:3em;

}

.navbar-brand{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.navbar-brand img{
    height: 70px;
}

.navbar-nav .nav-link{

font-weight:500;
margin-left:18px;
color:#35535b;
transition:.3s;

}

.navbar-nav .nav-link:hover{

color:var(--primary);

}

.btn-primary{

background:linear-gradient(90deg,#2d6f73,#5fa6ab);
border:none;
padding:13px 30px;
border-radius:50px;
font-weight:600;
box-shadow:0 15px 35px rgba(44,110,115,.25);

}

.btn-primary:hover{

transform:translateY(-3px);

}


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

.hero-section{

padding-top:170px;
padding-bottom:90px;

}

.hero-content h1{

font-size:62px;
line-height:1.15;
font-weight:700;
color:#21444a;

}

.hero-content h1 span{

display:block;
color:var(--primary);

}

.hero-content p{

margin:35px 0;
font-size:18px;
line-height:34px;
max-width:550px;
color:#5d6c73;

}

.theme-btn{

display:inline-flex;
align-items:center;
gap:12px;
padding:17px 38px;
background:linear-gradient(90deg,#2C6E73,#4f9ea3);
color:#fff;
border-radius:50px;
font-weight:600;
transition:.4s;
box-shadow:0 18px 40px rgba(0,0,0,.15);

}

.theme-btn:hover{

transform:translateY(-5px);

}

.hero-image{

position:relative;
text-align:center;

}

.hero-image img{

width:540px;
animation:float 5s ease-in-out infinite;

}


/*==================================================
FLOAT
==================================================*/

@keyframes float{

0%{

transform:translateY(0px);

}

50%{

transform:translateY(-18px);

}

100%{

transform:translateY(0px);

}

}


/*==================================================
MAP TAGS
==================================================*/

.tag{

position:absolute;
background:#fff;
padding:10px 18px;
border-radius:40px;
font-size:13px;
font-weight:600;
box-shadow:0 10px 25px rgba(0,0,0,.12);

}

.europe{

top:70px;
left:40px;

}

.middle-east{

top:170px;
right:0;

}

.africa{

bottom:110px;
left:120px;

}

.asia{

bottom:150px;
right:-20px;

}

.latin{

bottom:30px;
left:30px;

}


/*==================================================
STATS
==================================================*/

.stats-wrapper{

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

}

.stat-box{

background:#fff;
border-radius:20px;
padding:35px;
text-align:center;
box-shadow:var(--shadow);
transition:.35s;
border:1px solid #eef4f6;

}

.stat-box:hover{

transform:translateY(-10px);

}

.stat-box i{

font-size:42px;
color:var(--primary);
margin-bottom:15px;

}

.stat-box h3{

font-size:30px;
font-weight:700;
margin-bottom:6px;

}

.stat-box p{

margin:0;
font-size:15px;

}


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

@media(max-width:991px){

.hero-content{

text-align:center;
margin-bottom:50px;

}

.hero-content h1{

font-size:42px;

}

.hero-image img{

width:100%;

}

.stats-wrapper{

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

}

}

@media(max-width:576px){

.hero-content h1{

font-size:34px;

}

.theme-btn{

width:100%;
justify-content:center;

}

.stats-wrapper{

grid-template-columns:1fr;

}

.tag{

display:none;

}

}

/*==================================================
ABOUT SECTION
==================================================*/

.about-services{
    position: relative;
}

.about-card,
.service-card{
    background: rgba(255,255,255,.85);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    border-radius: 25px;
    padding: 45px;
    border:1px solid rgba(255,255,255,.7);
    box-shadow:0 20px 60px rgba(0,0,0,.08);
    height:100%;
    transition:.4s;
}

.about-card:hover,
.service-card:hover{
    transform:translateY(-10px);
    box-shadow:0 35px 70px rgba(0,0,0,.12);
}

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

.about-card h2,
.service-card h2{
    font-size:34px;
    font-weight:700;
    color:#1d4f56;
    margin-bottom:18px;
}

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

.line{
    width:70px;
    height:5px;
    background:linear-gradient(90deg,#2C6E73,#6db8bf);
    border-radius:20px;
    margin-bottom:30px;
}

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

.about-card p{
        color: #66757d;
    font-size: 16px;
    line-height: 23px;
    margin-bottom: 1px;
}

.about-card {
    width: 100%;
    max-width: 600px;
    padding: 40px;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
}

.about-card h2 {
    font-size: 36px;
    margin-bottom: 15px;
}

.about-card p {
    font-size: 17px;
    line-height: 1.8;
    margin-bottom: 20px;
}

.line {
    width: 70px;
    height: 4px;
    margin-bottom: 25px;
}

.quote-box {
    padding: 20px;
    margin-top: 25px;
    line-height: 1.6;
}


/* Desktop Fix */
@media (min-width: 992px) {
    .about-card {
        max-width: 650px;
        padding: 50px;
    }
}


/* Mobile same */
@media (max-width: 768px) {
    .about-card {
        padding: 25px 15px;
    }

    .about-card h2 {
        font-size: 28px;
    }

    .about-card p {
        font-size: 15px;
    }
}

.footer-logo-wrap{
    text-align: center;
}

.footer-logo img{
    max-width: 180px;
    height: auto;
}

/* Mobile Only */
@media (max-width: 767px){

    .footer-logo-wrap{
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 0 auto 20px;
    }

    .footer-logo{
        display: inline-block;
    }

    .footer-logo img{
        display: block;
        margin: 0 auto;
        max-width: 150px;
    }

}


/*==================================================
QUOTE BOX
==================================================*/

.quote-box{
    margin-top: 8px;
    background: #f7fcfd;
    border-left: 5px solid #2C6E73;
    padding: 30px;
    border-radius: 9px;
}

.quote-box i{
    font-size:15px;
    color:#2C6E73;
    margin-bottom:15px;
}
		
.quote-box p{
    margin:0;
    font-size:18px;
    font-weight:600;
    color:#21464c;
    line-height:30px;
}

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

.service-card .row{
    margin-top:10px;
}

.service-box{
    background:#fff;
    border-radius:18px;
    padding:28px 18px;
    text-align:center;
    border:1px solid #eef3f5;
    transition:.35s;
    cursor:pointer;
    height:100%;
    position:relative;
    overflow:hidden;
}

.service-box::before{

    content:"";
    position:absolute;
    left:-100%;
    top:0;
    width:100%;
    height:100%;
    background:linear-gradient(
        120deg,
        transparent,
        rgba(44,110,115,.08),
        transparent
    );
    transition:.6s;

}

.service-box:hover::before{

    left:100%;

}

.service-box:hover{

    transform:translateY(-8px);
    border-color:#2C6E73;
    box-shadow:0 20px 40px rgba(44,110,115,.12);

}

.service-box i{

    font-size:42px;
    color:#2C6E73;
    margin-bottom:18px;
    display:block;
    transition:.35s;

}

.service-box:hover i{

    transform:scale(1.15);

}

.service-box h6{

    font-size:13px;
    font-weight:600;
    color:#21464c;
    line-height:24px;
    margin:0;

}

/*==================================================
SERVICE ICON CIRCLE
==================================================*/

.service-box i{

    width:75px;
    height:75px;
    background:#eef8f9;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:auto auto 18px;

}

/*==================================================
SECTION SPACING
==================================================*/

.about-card{
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.service-card{
    display:flex;
    flex-direction:column;
}

/*==================================================
ANIMATION
==================================================*/

.service-box{

    animation:fadeUp .6s ease;

}

@keyframes fadeUp{

0%{

opacity:0;
transform:translateY(40px);

}

100%{

opacity:1;
transform:translateY(0);

}

}

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

@media(max-width:991px){

.about-card,
.service-card{

padding:35px;

}

.about-card{

margin-bottom:30px;

}

/*.service-box{*/

/*margin-bottom:20px;*/

/*}*/

}

@media(max-width:768px){

.about-card h2,
.service-card h2{

font-size:28px;

}

.quote-box{

padding:20px;

}

.service-box{

padding:3px 0px;

}

.service-box i{

width:65px;
height:65px;
font-size:30px;

}

}

@media(max-width:576px){

.about-card,
.service-card{

padding:25px;

}

.about-card h2,
.service-card h2{

font-size:24px;

}

.line{

margin-bottom:20px;

}

.about-card p{

font-size:15px;

}

.service-box h6{

font-size:11px;

}

}
/*=========================================
PARTNERSHIP FORM
=========================================*/

@media (max-width:768px){

    .hero-stats{
        display:grid !important;
        grid-template-columns:repeat(2,1fr);
        gap:15px;
        padding:15px;
        margin-top:20px;
    }

    .stat-item{
        display:flex;
        align-items:center;
        gap:10px;
        border:none !important;
        background:#f8fbfc;
        border-radius:12px;
        padding:12px;
        width:100%;
    }

    .stat-item i{
        width:42px;
        height:42px;
        font-size:18px;
        flex-shrink:0;
    }

    .stat-item h4{
        font-size:20px;
        margin:0;
    }

    .stat-item span{
        font-size:13px;
    }

}
/*==================================================
PARTNERSHIP FORM
==================================================*/

.partner-section
{
    padding:20px 0;
    background:linear-gradient(180deg,#f8fbfd 0%,#eef6f8 100%);
}

.partner-card{

    background:#fff;

    border-radius:30px;

    padding:60px;

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

    border:1px solid #edf3f5;

}

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

.form-badge{

display:inline-block;

padding:8px 22px;

background:#e8f6f7;

color:#2C6E73;

font-weight:600;

border-radius:50px;

font-size:14px;

margin-bottom:18px;

}

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

.form-title{

font-size:44px;

font-weight:700;

color:#183f46;

margin-bottom:15px;

}

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

.form-desc{

max-width:700px;

margin:auto;

font-size:17px;

line-height:30px;

color:#66767d;

}

/*==================================================
QUESTION BOX
==================================================*/
/*==========================
QUESTION BOX
==========================*/

.question-box,
.question-box1{
    position:static;
    background:#fff;
    border:1px solid #e8eef1;
    border-radius:18px;
    padding:11px;
    height:100%;
    transition:.3s;
    box-shadow:0 10px 25px rgba(0,0,0,.05);
}

.question-box,
.question-box2{
    position:static;
    background:#fff;
    border:1px solid #e8eef1;
    border-radius:18px;
    padding:11px;
    height:100%;
    transition:.3s;
    box-shadow:0 10px 25px rgba(0,0,0,.05);
}

.question-box:hover,
.question-box1:hover{
    border-color:#2C6E73;
    transform:translateY(-5px);
}

/*==========================
QUESTION NUMBER
==========================*/

.question-no{
    position:static;
    display:block;
    width:auto;
    height:auto;
    margin-bottom:10px;
    background:none;
    box-shadow:none;
    color:#2C6E73;
    font-size:14px;
    font-weight:700;
    border-radius:0;
}

/*==========================
TITLE
==========================*/

.question-box h5,
.question-box1 h5{
    font-size:18px;
    font-weight:600;
    color:#183f46;
    margin-bottom:18px;
}


/*==================================================
INPUT
==================================================*/

.form-control,
.form-select{

height:55px;

border-radius:14px;

border:1px solid #dde7ea;

box-shadow:none;

padding:14px 18px;

transition:.3s;

}

textarea.form-control{

height:140px;

resize:none;

padding-top:18px;

}

.form-control:focus,
.form-select:focus{

border-color:#2C6E73;

box-shadow:0 0 0 .15rem rgba(44,110,115,.12);

}

/*==================================================
CHECKBOX TAGS
==================================================*/

.tag-group{

display:flex;

flex-wrap:wrap;

gap:12px;

}

.tag-group label{

display:flex;

align-items:center;

gap:8px;

padding:10px 16px;

background:#f6fbfc;

border:1px solid #e3ecef;

border-radius:50px;

cursor:pointer;

transition:.3s;

font-size:14px;

}

.tag-group label:hover{

background:#2C6E73;

color:#fff;

border-color:#2C6E73;

}

.tag-group input{

accent-color:#2C6E73;

}

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

.theme-btn{

display:inline-flex;

align-items:center;

justify-content:center;

gap:10px;

padding:16px 40px;

border:none;

border-radius:50px;

background:linear-gradient(135deg,#2C6E73,#4b9aa0);

color:#fff;

font-size:17px;

font-weight:600;

transition:.35s;

box-shadow:0 15px 35px rgba(44,110,115,.25);

}

.theme-btn:hover{

transform:translateY(-4px);

box-shadow:0 20px 45px rgba(44,110,115,.35);

}

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

@media(max-width:991px){

.partner-card{

padding:40px;

}

.form-title{

font-size:34px;

}

}

@media(max-width:768px){

.partner-card{

padding:25px;

}

.form-title{

font-size:28px;

}

.question-box{

padding:11px;

}

.tag-group{

flex-direction:column;

}

.tag-group label{

width:100%;

}

.theme-btn{

width:100%;

}

}

/*=========================================
BOTTOM STATS
=========================================*/

.bottom-stats{

padding:80px 0;
background:linear-gradient(135deg,#2C6E73,#4B9AA0);

}

.bottom-box{

text-align:center;
color:#fff;

}

.bottom-box i{

font-size:45px;
margin-bottom:15px;

}

.bottom-box h3{

font-size:38px;
font-weight:700;
margin-bottom:8px;

}

.bottom-box p{

font-size:16px;
opacity:.9;

}

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

.footer{

    background:#163c42;
    padding:70px 0 35px;
    color:#fff;

}

.footer-center{

    text-align:center;

}

.footer-logo img{

    width:170px;
    margin-bottom:20px;

}

.footer-text{

    max-width:700px;
    margin:0 auto 30px;
    color:#d6e5e7;
    line-height:30px;
    font-size:16px;

}

/*==========================
SOCIAL
==========================*/

.footer-social{

    display:flex;
    justify-content:center;
    gap:15px;
    margin-bottom:30px;

}

.footer-social a{

    width:48px;
    height:48px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:rgba(255,255,255,.08);
    color:#fff;
    font-size:20px;
    transition:.3s;

}

.footer-social a:hover{

    background:#2C6E73;
    transform:translateY(-5px);

}

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

.footer-contact{

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

}

.footer-contact a{

    color:#fff;
    text-decoration:none;
    font-size:15px;
    transition:.3s;

}

.footer-contact a i{

    margin-right:8px;
    color:#66d4dd;

}

.footer-contact span{

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

}

.footer-contact a:hover{

    color:#66d4dd;

}

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

@media(max-width:768px){

.footer{

padding:50px 0 25px;

}

.footer-logo img{

width:80px;

}

.footer-text{

font-size:15px;
line-height:28px;

}

.footer-contact{

flex-direction:column;
gap:12px;

}

.footer-contact span{

display:none;

}

}

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

.footer hr{

margin:50px 0 25px;
border-color:rgba(255,255,255,.15);

}

.copyright{

font-size:15px;
color:#cfd9db;

}

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

.theme-btn{

border:none;
cursor:pointer;
justify-content:center;

}

.theme-btn:hover{

background:#214f54;

}

/*=========================================
SCROLLBAR
=========================================*/

::-webkit-scrollbar{

width:8px;

}

::-webkit-scrollbar-thumb{

background:#2C6E73;
border-radius:20px;

}

::-webkit-scrollbar-track{

background:#edf3f4;

}

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

@media(max-width:991px){

.form-card{

padding:40px;

}

.bottom-box{

margin-bottom:35px;

}

.footer .col-lg-4,
.footer .col-lg-3,
.footer .col-lg-2{

margin-bottom:40px;

}

}

@media(max-width:768px){

.form-card{

padding:30px;

}

.form-card h2{

font-size:28px;

}

.category-grid{

grid-template-columns:1fr;

}

.bottom-box h3{

font-size:30px;

}

.footer{

text-align:center;

}

.social-icons{

justify-content:center;

}

}

@media(max-width:576px){

.partner-form-section{

padding:70px 0;

}

.form-card{

padding:25px;

}

.form-control,
.form-select{

height:52px;

}

.bottom-box{

margin-bottom:25px;

}

.footer-logo{

text-align: center;

}

.footer{

padding:14px 0 20px;

}

}

/*=========================================
END
=========================================*/


/*=========================================
GOOGLE FONT
=========================================*/

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=Poppins:wght@300;400;500;600;700&display=swap');

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

.hero-section{

    position:relative;
    overflow:hidden;
    padding:12px 0 14px;
    background:#f5f9fb;

}

/*=========================================
BACKGROUND
=========================================*/

.hero-bg{

    position:absolute;
    inset:0;
    z-index:0;

    background:
    radial-gradient(circle at left top,#e8f4f7 0%,transparent 45%),
    radial-gradient(circle at right center,#dceef3 0%,transparent 45%),
    linear-gradient(180deg,#f8fbfd,#eef6f8);

}

/*=========================================
CONTAINER
=========================================*/

.hero-section .container{

    position:relative;
    z-index:2;

}

.hero-row{

    min-height:620px;
    align-items:center;

}

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

.hero-content{

    max-width:520px;

}

.hero-subtitle{

    display:inline-block;

    color:#5d7b82;

    font-size:14px;

    letter-spacing:2px;

    text-transform:uppercase;

    margin-bottom:20px;

    font-weight:600;

}

/*=========================================
HEADING
=========================================*/

.hero-content h1{

    margin:0;

    line-height:1.05;

}

.hero-content h1 .light{

    display:block;

    font-family:'Cormorant Garamond',serif;

    font-size:72px;

    font-weight:500;

    color:#3f6570;

}

.hero-content h1 strong{

    display:block;

    margin:8px 0;

    font-family:'Poppins',sans-serif;

    font-size:66px;

    line-height:1.05;

    font-weight:800;

    color:#173f46;

}

/*=========================================
PARAGRAPH
=========================================*/

.hero-content p{

    margin-top:35px;

    font-size:22px;

    line-height:42px;

    color:#61727a;

    max-width:470px;

}

/*=========================================
RIGHT GLOBE
=========================================*/

.hero-globe{

    position:relative;

    display:flex;

    justify-content:center;

    align-items:center;

}

.hero-globe img{

    width:650px;

    max-width:none;

    animation:globeFloat 6s ease-in-out infinite;

    filter:drop-shadow(0 35px 35px rgba(0,0,0,.18));

}

/*=========================================
FLOAT
=========================================*/

@keyframes globeFloat{

0%{

transform:translateY(0);

}

50%{

transform:translateY(-12px);

}

100%{

transform:translateY(0);

}

}

/*=========================================
MAP TAGS
=========================================*/

.map-tag{

    position:absolute;
    background:#ffffff;
    color:#4d5f68;
    font-size:14px;
    font-weight:500;
    padding:10px 18px;
    border-radius:12px;
    box-shadow:0 15px 35px rgba(0,0,0,.12);
    white-space:nowrap;
    transition:.35s;
    z-index:5;

}

.map-tag:hover{

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

}

/*=========================================
TAG POSITION
=========================================*/

.europe{

    top:60px;
    left:90px;

}

.middle-east{

    top:145px;
    right:10px;

}

.africa{

    bottom:115px;
    left:330px;

}

.asia{

    bottom:170px;
    right:-10px;

}

.latin{

    bottom:95px;
    left:70px;

}

/*=========================================
HERO STATS
=========================================*/
/*==========================
Compact Hero Stats
==========================*/

.hero-stats{
    max-width: 700px;
    width: 100%;

    margin: -25px 0 0 0;   /* Left align */

    background: #fff;
    border-radius: 18px;
    padding: 18px 25px;
    display: flex;
    justify-content: space-between;
    align-items: center;

    box-shadow: 0 15px 35px rgba(0,0,0,.08);
    border: 1px solid #edf2f4;

    position: relative;
    z-index: 10;
}

.stat-item{
    display: flex;
    align-items: center;
    gap: 12px;
    flex: 1;
}

.stat-item:not(:last-child){
    border-right: 1px solid #edf1f3;
}

.stat-item i{
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: #eef8f9;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #2C6E73;
    font-size: 20px;
}

.stat-item h4{
    font-size: 15px;
    font-weight: 700;
    margin: 0;
    line-height: 1;
    color: #1b4950;
}

.stat-item span{
    font-size: 13px;
    color: #6b767d;
}

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

@media(max-width:1199px){

.hero-content h1 .light{

font-size:58px;

}

.hero-content h1 strong{

font-size:52px;

}

.hero-globe img{

width:620px;

}

}

@media(max-width:991px){

.hero-section{

padding:100px 0 10px;

}

.hero-row{

text-align:center;

}

.hero-content{

max-width:100%;
margin-bottom:50px;

}

.hero-content p{

max-width:100%;

}

.hero-globe img{

width:100%;
max-width:520px;

}

.hero-stats{

flex-wrap:wrap;
gap:9px;
padding:14px;

}

.stat-item{

flex:0 0 calc(50% - 10px);
border:none !important;

}

.map-tag{

display:none;

}

}

@media(max-width:576px){

.hero-content h1 .light{

font-size:42px;

}

.hero-content h1 strong{

font-size:40px;

}

.hero-content p{

font-size:17px;
line-height:30px;

}

.hero-stats{

display:block;

}

.stat-item{

width:100%;
margin-bottom:20px;

}

.stat-item:last-child{

margin-bottom:0;

}

}

.form-select[multiple]{
    height:140px;
    padding:10px;
}