:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-72b029a *//* =========================
   HERO SECTION
========================= */

.hero{
padding:60px 0 80px;
background:linear-gradient(180deg,#f8fff8 0%,#eef9ef 100%);
}

.hero-wrap{
display:grid;
grid-template-columns:1fr 1fr;
gap:80px;
align-items:center;
}

.hero-badge{
display:inline-block;
background:#E8F5E9;
color:#2E7D32;
padding:10px 18px;
border-radius:50px;
font-weight:700;
margin-bottom:25px;
font-size:14px;
}

.hero h1{
font-size:62px;
line-height:1.1;
font-weight:800;
margin-bottom:20px;
}

.hero h1 span{
display:block;
color:#2E7D32;
}

.hero p{
font-size:20px;
color:#666;
line-height:1.8;
margin-bottom:35px;
max-width:620px;
}

.hero-buttons{
display:flex;
gap:18px;
flex-wrap:wrap;
margin-bottom:40px;
}

.hero-features{
display:flex;
flex-wrap:wrap;
gap:15px;
}

.hero-features div{
background:#fff;
padding:12px 20px;
border-radius:30px;
box-shadow:0 8px 25px rgba(0,0,0,.06);
font-weight:700;
}

@media(max-width:991px){

.hero-wrap{
grid-template-columns:1fr;
text-align:center;
}

.hero p{
margin:auto auto 35px;
}

.hero-buttons{
justify-content:center;
}

.hero-features{
justify-content:center;
}

.hero h1{
font-size:42px;
}

}
.mc-container{
max-width:1280px;
margin:0 auto;
padding:0 25px;
}

.hero-right{
display:flex;
justify-content:center;
align-items:center;
}

.hero-image{
width:100%;
max-width:560px;
height:auto;
display:block;

animation:float 4s ease-in-out infinite;
}

@keyframes float{

0%{
transform:translateY(0);
}

50%{
transform:translateY(-12px);
}

100%{
transform:translateY(0);
}
/* =========================
   HERO BUTTONS
========================= */

/* Download APK Button */
.mc-btn{
    display:inline-block;
    padding:18px 40px;
    background:#fff;
    color:#2E7D32;
    border:2px solid #2E7D32;
    border-radius:14px;
    font-size:18px;
    font-weight:700;
    text-decoration:none;
    transition:all .3s ease;
}

.mc-btn:hover{
    background:#2E7D32;
    color:#fff;
    border-color:#2E7D32;
}

/* Latest Version Button */
.mc-btn-outline{
    display:inline-block;
    padding:18px 40px;
    background:#2E7D32;
    color:#fff;
    border:2px solid #2E7D32;
    border-radius:14px;
    font-size:18px;
    font-weight:700;
    text-decoration:none;
    transition:all .3s ease;
}

.mc-btn-outline:hover{
    background:#fff;
    color:#2E7D32;
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ac25ee0 *//* ===========================
   FEATURES SECTION
=========================== */

.features{
    padding:60px 0;
    background:#fff;
}

.section-title{
    text-align:center;
    max-width:760px;
    margin:auto;
    margin-bottom:70px;
}

.section-title .badge{
    display:inline-block;
    padding:10px 20px;
    background:#E8F5E9;
    color:#2E7D32;
    border-radius:40px;
    font-weight:700;
    margin-bottom:18px;
}

.section-title h2{
    font-size:40px;
    font-weight:800;
    margin-bottom:20px;
    color:#222;
}

.section-title p{
    font-size:18px;
    line-height:1.8;
    color:#666;
}

.feature-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
}

.feature-card{

    background:#fff;

    border:1px solid #eee;

    border-radius:20px;

    padding:35px;

    transition:.3s;

    text-align:center;

    box-shadow:0 15px 40px rgba(0,0,0,.05);
}

.feature-card:hover{

    transform:translateY(-8px);

    box-shadow:0 20px 50px rgba(0,0,0,.12);
}

.feature-icon{

    width:75px;

    height:75px;

    margin:auto;

    border-radius:18px;

    background:#E8F5E9;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:34px;

    margin-bottom:25px;
}

.feature-card h3{

    font-size:20px;

    margin-bottom:15px;
}

.feature-card p{

    color:#666;

    line-height:1.8;

    font-size:16px;
}

@media(max-width:991px){

.feature-grid{

grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:767px){

.feature-grid{

grid-template-columns:1fr;

}

.section-title h2{

font-size:34px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9dad273 *//*=========================
DOWNLOAD INFO
=========================*/

.download-info{

    padding:90px 0;

    background:#F8FCF8;

}

.download-table{

    max-width:2000px;

    margin:50px auto 0;

    background:#fff;

    border-radius:20px;

    overflow:hidden;

    box-shadow:0 20px 50px rgba(0,0,0,.06);

    border:1px solid #EAEAEA;

}

.table-row{

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:22px 35px;

    border-bottom:1px solid #F0F0F0;

}

.table-row:last-child{

    border-bottom:none;

}

.table-row:nth-child(even){

    background:#FBFBFB;

}

.table-row span{

    color:#666;

    font-size:18px;

    font-weight:600;

}

.table-row strong{

    color:#222;

    font-size:18px;

    font-weight:700;

}

@media(max-width:767px){

.table-row{

flex-direction:column;

align-items:flex-start;

gap:8px;

padding:18px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c758bfc *//* ==============================
   LATEST UPDATES SECTION
============================== */

.mc-updates{
    padding:90px 0;
    background:#fff;
}
/* Badge center */
.section-badge{
    display:table;
    margin:0 auto 22px;
    padding:10px 22px;
    background:#EAF7EB;
    color:#2E7D32;
    border-radius:50px;
    font-weight:700;
}

/* Heading center */
.mc-updates h2{
    max-width:900px;
    margin:0 auto 20px;
    text-align:center;
    font-size:40px;
    line-height:1.15;
    font-weight:800;
}

/* Description center */
.section-desc{
    max-width:760px;
    margin:0 auto 60px;
    text-align:center;
    font-size:19px;
    color:#666;
    line-height:1.8;
}

.updates-grid{

    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:28px;

}

.update-card{

    background:#fff;
    border:1px solid #eee;
    border-radius:22px;
    padding:40px;
    transition:.35s;
    box-shadow:0 10px 30px rgba(0,0,0,.05);

}

.update-card:hover{

    transform:translateY(-8px);
    box-shadow:0 20px 45px rgba(0,0,0,.08);

}

.update-card .icon{

    width:70px;
    height:70px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:18px;
    background:#EAF7EB;
    font-size:34px;
    margin-bottom:28px;

}

.update-card h3{

    font-size:22px;
    margin-bottom:16px;
    font-weight:700;

}

.update-card p{

    font-size:16px;
    color:#666;
    line-height:1.8;

}

@media(max-width:991px){

.updates-grid{

grid-template-columns:1fr 1fr;

}

.mc-updates h2{

font-size:42px;

}

}

@media(max-width:768px){

.updates-grid{

grid-template-columns:1fr;

}

.mc-updates{

padding:70px 0;

}

.mc-updates h2{

font-size:34px;

}

.section-desc{

font-size:17px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-55b6e2d */.mc-story{
    padding:100px 0;
}

.mc-story h2{
    font-size:38px;
    text-align:center;
    margin-bottom:20px;
}

.mc-story h2 span{
    color:#2E7D32;
}

.mc-story .section-desc{
    max-width:760px;
    margin:0 auto 70px;
    text-align:center;
    color:#666;
    line-height:1.8;
    font-size:16px;
}

.story-row{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:70px;
    align-items:center;
    margin-bottom:90px;
}

.story-row.reverse{
    direction:rtl;
}

.story-row.reverse .story-content{
    direction:ltr;
}

.story-image img{
    width:100%;
    border-radius:24px;
    display:block;
    box-shadow:0 20px 50px rgba(0,0,0,.12);
}

.story-content h3{
    font-size:30px;
    margin-bottom:20px;
    color:#222;
}

.story-content p{
    color:#666;
    font-size:16px;
    line-height:1.9;
    margin-bottom:25px;
}

.story-content ul{
    padding:0;
    margin:0;
    list-style:none;
}

.story-content li{
    margin-bottom:16px;
    font-size:16px;
    font-weight:600;
    color:#222;
}

.story-content li::before{
    content:"✔";
    color:#2E7D32;
    margin-right:10px;
}

@media(max-width:768px){

.story-row,
.story-row.reverse{
    grid-template-columns:1fr;
    direction:ltr;
    gap:35px;
}

/* Image upar */
.story-image{
    order:1;
}

/* Content neeche */
.story-content{
    order:2;
}

.mc-story h2{
    font-size:30px;
}

.story-content h3{
    font-size:26px;
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ae12ebd */.mc-stats{

padding:100px 0;

background:#F8FCF8;

}

.stats-grid{

display:grid;

grid-template-columns:repeat(4,1fr);

gap:25px;

margin:60px 0;

}

.stat-box{

background:#fff;

padding:35px;

border-radius:18px;

text-align:center;

box-shadow:0 15px 40px rgba(0,0,0,.05);

transition:.3s;

}

.stat-box:hover{

transform:translateY(-8px);

}

.stat-box h3{

font-size:30px;

color:#2E7D32;

margin-bottom:10px;

}

.progress-wrapper{

background:#fff;

padding:40px;

border-radius:20px;

box-shadow:0 20px 45px rgba(0,0,0,.05);

}

.progress-item{

margin-bottom:28px;

}

.progress-item:last-child{

margin:0;

}

.label{

display:flex;

justify-content:space-between;

margin-bottom:10px;

font-weight:700;

}

.bar{

height:12px;

background:#E8E8E8;

border-radius:30px;

overflow:hidden;

}

.fill{

height:100%;

background:#2E7D32;

border-radius:30px;

}

@media(max-width:991px){

.stats-grid{

grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:768px){

.stats-grid{

grid-template-columns:1fr;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fe8159b */.mc-overview{
padding:110px 0;
background:#fff;
}

.overview-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:70px;
align-items:center;
margin-bottom:70px;
}

.overview-image img{
width:100%;
border-radius:26px;
display:block;
box-shadow:0 25px 60px rgba(0,0,0,.12);
}

.overview-content h2{
font-size:40px;
margin:20px 0;
}

.overview-content p{
font-size:18px;
line-height:1.9;
color:#666;
margin-bottom:22px;
}

.overview-highlights{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:25px;
}

.highlight-box{
background:#F8FCF8;
padding:30px;
border-radius:18px;
border:1px solid #E6EFE6;
transition:.3s;
}

.highlight-box:hover{
transform:translateY(-6px);
}

.highlight-box h3{
font-size:20px;
margin-bottom:15px;
}

.highlight-box p{
font-size:15px;
line-height:1.8;
color:#666;
margin:0;
}

@media(max-width:991px){

.overview-grid{
grid-template-columns:1fr;
}

.overview-highlights{
grid-template-columns:repeat(2,1fr);
}

}

@media(max-width:767px){

.overview-highlights{
grid-template-columns:1fr;
}

.overview-content h2{
font-size:36px;
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-81944f7 */.mc-modes{

padding:110px 0;

background:#F8FCF8;

}

.mode-grid{

display:grid;

grid-template-columns:repeat(2,1fr);

gap:35px;

margin-top:60px;

}

.mode-card{

background:#fff;

border-radius:22px;

overflow:hidden;

box-shadow:0 20px 45px rgba(0,0,0,.08);

transition:.3s;

}

.mode-card:hover{

transform:translateY(-8px);

}

.mode-card img{

width:100%;

height:320px;

object-fit:cover;

display:block;

}

.mode-card h3{
    padding:30px 30px 10px;
    font-size:22px;
    font-weight:700;
}

.mode-card p{

padding:0 30px 30px;

font-size:16px;

line-height:1.8;

color:#666;

}
/* Section Badge */
.mc-modes .section-badge{
    display:table;
    margin:0 auto 22px;
}

/* Main Heading */
.mc-modes h2{
    max-width:900px;
    margin:0 auto 20px;
    text-align:center;
    font-size:40px;
    line-height:1.15;
    font-weight:800;
}

/* Description */
.mc-modes .section-desc{
    max-width:760px;
    margin:0 auto 60px;
    text-align:center;
    font-size:19px;
    line-height:1.8;
    color:#666;
}

@media(max-width:768px){

.mode-grid{

grid-template-columns:1fr;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2f60993 */.mc-article{
    padding:110px 0;
}

.article-grid{
    display:grid;
    grid-template-columns:2fr 1fr;
    gap:60px;
    align-items:start;
}

.article-content h2{
    font-size:40px;
    margin:20px 0 30px;
}

.article-content p{
    font-size:16px;
    line-height:1.95;
    color:#555;
    margin-bottom:28px;
}

.article-content blockquote{
    margin:40px 0;
    padding:30px;
    border-left:5px solid #2E7D32;
    background:#F7FCF7;
    border-radius:12px;
    font-size:20px;
    font-weight:600;
    color:#222;
    font-style:italic;
}

.article-sidebar{
    position:sticky;
    top:120px;
    background:#F8FCF8;
    border:1px solid #E8F0E8;
    border-radius:20px;
    padding:30px;
}

.article-sidebar h3{
    margin-bottom:20px;
}

.article-sidebar ul{
    margin:0 0 30px;
    padding-left:20px;
}

.article-sidebar li{
    margin-bottom:14px;
    line-height:1.7;
}

.article-sidebar img{
    width:100%;
    border-radius:16px;
    display:block;
}

@media(max-width:991px){

.article-grid{
    grid-template-columns:1fr;
}

.article-sidebar{
    position:static;
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-13f56a9 */.mc-content{
    padding:50px 0;
}

.mc-content h2{
    font-size:40px;
    margin:20px 0 35px;
    text-align:center;
}

.mc-content .lead{
    font-size:16px;
    line-height:2;
    color:#555;
    max-width:900px;
    margin:0 auto 60px;
    text-align:center;
}

.mc-content h3{
    font-size:30px;
    margin:55px 0 20px;
    color:#222;
}

.mc-content p{
    font-size:16px;
    line-height:2;
    color:#555;
    margin-bottom:28px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e482e23 */.mc-comparison{
    padding:50px 0;
}

.mc-comparison h2{
    font-size:36px;
    text-align:center;
    margin:20px 0 30px;
}

.comparison-intro{
    max-width:900px;
    margin:0 auto 50px;
    text-align:center;
    font-size:18px;
    line-height:1.9;
    color:#666;
}

.mc-comparison h3{
    margin:45px 0 18px;
    font-size:28px;
}

.mc-comparison p{
    font-size:18px;
    line-height:2;
    color:#555;
    margin-bottom:25px;
}

.compare-table{
    width:100%;
    border-collapse:collapse;
    margin:50px 0;
    border-radius:16px;
    overflow:hidden;
}

.compare-table thead th{
    background:#2E7D32 !important;
    color:#fff !important;
}

.compare-table th *{
    color:#fff !important;
}

.compare-table td{
    padding:16x;
    border:1px solid #E5E5E5;
}

.compare-table tr:nth-child(even){
    background:#F8FCF8;
}

@media(max-width:768px){

.compare-table{
    display:block;
    overflow-x:auto;
    white-space:nowrap;
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-75b3567 */.mc-install h2{
    padding:30px 0;
        text-align:center;

}
.mc-install .lead,
.mc-install > p{
    font-size:18px;
    line-height:1.8;
    max-width:700px;
    color:#666;
}

.install-layout{
    display:grid;
    grid-template-columns:1.3fr 1fr;
    gap:70px;
    align-items:center;
    margin-top:60px;
}

.step{
    display:flex;
    gap:25px;
    margin-bottom:45px;
}

.step-number{
    width:65px;
    height:65px;
    min-width:65px;
    border-radius:50%;
    background:#2E7D32;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:20px;
    font-weight:700;
}

.step h3{
    font-size:20px;
    margin-bottom:12px;
}

.step p{
    font-size:16px;
    line-height:1.9;
    color:#666;
}

.install-image img{
    width:100%;
    border-radius:24px;
    display:block;
    box-shadow:0 20px 50px rgba(0,0,0,.12);
}

@media(max-width:991px){

.install-layout{
    grid-template-columns:1fr;
}

.install-image{
    order:-1;
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ee7e13a */.mc-content h3{
    font-size:32px;
    font-weight:800;
    line-height:1.2;
    text-align:center;
    margin:0 0 20px;
}

.mc-content h4{
    font-size:22px;
    font-weight:700;
    line-height:1.4;
    margin:40px 0 15px;
}

.mc-content .lead{
    font-size:16px;
    line-height:2;
    max-width:850px;
    margin:0 auto 50px;
    text-align:center;
}

.mc-content p{
    font-size:16px;
    line-height:2;
    color:#666;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5a59aae */.mc-problems{
    padding:80px 0;
    background:#fff;
}

.mc-problems h3{
    font-size:30px;
    text-align:center;
    margin-bottom:20px;
    font-weight:800;
}

.mc-problems .lead{
    max-width:850px;
    margin:0 auto 55px;
    text-align:center;
    font-size:16px;
    line-height:2;
    color:#666;
}

.mc-problems h4{
    font-size:20px;
    margin:35px 0 15px;
    color:#222;
}

.mc-problems p{
    font-size:16px;
    line-height:2;
    color:#666;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f1e832e */.mc-community{
    padding:60px 0;
    background:#fff;
}

.mc-community h3{
    font-size:30px;
    font-weight:800;
    text-align:center;
    margin-bottom:20px;
}

.mc-community .lead{
    max-width:900px;
    margin:0 auto 55px;
    text-align:center;
    font-size:16px;
    line-height:2;
    color:#666;
}

.mc-community h4{
    font-size:20px;
    margin:35px 0 15px;
    color:#222;
    font-weight:700;
}

.mc-community p{
    font-size:16px;
    line-height:2;
    color:#666;
    margin-bottom:22px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8f280b5 */.mc-explore{
    padding:20px 0;
    background:#F8FCF8;
}

.mc-explore h3{
    font-size:30px;
    text-align:center;
    margin-bottom:20px;
    font-weight:800;
}

.mc-explore .lead{
    max-width:850px;
    margin:0 auto 60px;
    text-align:center;
    font-size:16px;
    line-height:2;
    color:#666;
}

.explore-row{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:60px;
    align-items:center;
    margin-bottom:80px;
}

.explore-row.reverse .explore-image{
    order:2;
}

.explore-row.reverse .explore-content{
    order:1;
}

.explore-image img{
    width:100%;
    border-radius:24px;
    display:block;
    box-shadow:0 20px 60px rgba(0,0,0,.12);
}

.explore-content h4{
    font-size:22px;
    margin-bottom:18px;
    color:#222;
}

.explore-content p{
    font-size:16px;
    line-height:2;
    color:#666;
    margin-bottom:20px;
}

@media(max-width:768px){

.explore-row{
    grid-template-columns:1fr;
    gap:35px;
}

.explore-row.reverse .explore-image,
.explore-row.reverse .explore-content{
    order:initial;
}

.mc-explore h3{
    font-size:30px;
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9a89828 */.mc-journey{
padding:50px 0;
background:#fff;
}

.mc-journey h3{
font-size:30px;
font-weight:800;
text-align:center;
margin-bottom:20px;
}

.mc-journey .lead{
max-width:850px;
margin:0 auto 70px;
text-align:center;
font-size:16px;
line-height:2;
color:#666;
}

.journey-item{
display:flex;
align-items:flex-start;
gap:30px;
padding-bottom:45px;
margin-bottom:45px;
border-left:3px solid #2E7D32;
padding-left:35px;
position:relative;
}

.journey-number{
position:absolute;
left:-22px;
top:0;
width:42px;
height:42px;
background:#2E7D32;
color:#fff;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-weight:700;
}

.journey-content h4{
font-size:20px;
margin-bottom:12px;
}

.journey-content p{
font-size:16px;
line-height:2;
color:#666;
}

.journey-item:last-child{
margin-bottom:0;
padding-bottom:0;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-69d1445 */.mc-biomes{
padding:40px 0;
background:#F8FCF8;
}

.mc-biomes h3{
font-size:30px;
font-weight:800;
text-align:center;
margin-bottom:20px;
}

.mc-biomes .lead{
max-width:900px;
margin:0 auto 60px;
text-align:center;
font-size:16px;
line-height:2;
color:#666;
}

.biome-grid{
display:grid;
grid-template-columns:45% 55%;
gap:60px;
align-items:center;
}

.biome-image img{
width:100%;
display:block;
border-radius:24px;
box-shadow:0 20px 50px rgba(0,0,0,.12);
}

.biome-content h4{
font-size:20px;
margin:28px 0 12px;
color:#222;
}

.biome-content p{
font-size:16px;
line-height:2;
color:#666;
}

@media(max-width:768px){

.biome-grid{
grid-template-columns:1fr;
}

.mc-biomes h3{
font-size:30px;
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bb3056d */.mc-world{
padding:0px 0;
background:#fff;
}

.world-grid{
display:grid;
grid-template-columns:1fr 520px;
gap:70px;
align-items:center;
}

.world-content h2{
font-size:32px;
margin:20px 0 25px;
line-height:1.2;
}

.world-content p{
font-size:16px;
line-height:2;
color:#555;
margin-bottom:24px;
}

.world-image img{
width:100%;
display:block;
border-radius:24px;
box-shadow:0 20px 60px rgba(0,0,0,.08);
}

@media(max-width:991px){

.world-grid{
grid-template-columns:1fr;
}

.world-image{
order:-1;
}

.world-content h2{
font-size:34px;
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0dd1ea9 */.mc-progress{
padding:50px 0;
background:#fff;
}

.mc-progress h2{
text-align:center;
font-size:32px;
margin:20px 0;
}

.mc-progress .lead{
max-width:850px;
margin:0 auto 70px;
text-align:center;
font-size:16px;
line-height:1.9;
color:#666;
}

.progress-block{
display:flex;
gap:30px;
margin-bottom:40px;
padding-bottom:40px;
border-bottom:1px solid #e9ecef;
}

.progress-number{
width:70px;
height:70px;
min-width:70px;
border-radius:50%;
background:#2E7D32;
color:#fff;
display:flex;
align-items:center;
justify-content:center;
font-size:20px;
font-weight:700;
}

.progress-content h3{
font-size:20px;
margin-bottom:12px;
}

.progress-content p{
font-size:16px;
line-height:1.9;
color:#555;
margin:0;
}

.progress-block:last-child{
border:none;
margin-bottom:0;
padding-bottom:0;
}

@media(max-width:768px){

.progress-block{
flex-direction:column;
}

.progress-number{
margin-bottom:15px;
}

.mc-progress h2{
font-size:24px;
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cdded15 */.mc-biomes{
padding:30px 0;
background:#F8FCF8;
}

.biome-heading{
text-align:center;
max-width:900px;
margin:auto auto 70px;
}

.biome-heading h2{
font-size:36px;
margin:20px 0;
}

.biome-heading p{
font-size:16px;
line-height:2;
color:#666;
}

.biome-item{
display:grid;
grid-template-columns:48% 52%;
gap:55px;
align-items:center;
margin-bottom:70px;
}

.biome-item.reverse .biome-img{
order:2;
}

.biome-item.reverse .biome-content{
order:1;
}

.biome-img{
overflow:hidden;
border-radius:24px;
}

.biome-img img{
width:100%;
height:360px;
display:block;
object-fit:cover;
transition:.4s;
}

.biome-item:hover img{
transform:scale(1.05);
}

.biome-content span{
display:inline-block;
padding:8px 18px;
background:#EAF7EB;
color:#2E7D32;
border-radius:50px;
font-weight:700;
margin-bottom:18px;
}

.biome-content h3{
font-size:26px;
margin-bottom:18px;
}

.biome-content p{
font-size:16px;
line-height:2;
color:#555;
margin-bottom:20px;
}

.biome-content ul{
margin:0;
padding-left:22px;
}

.biome-content li{
margin-bottom:12px;
font-size:16px;
line-height:1.8;
color:#555;
}

@media(max-width:991px){

.biome-item{
grid-template-columns:1fr;
gap:30px;
}

.biome-item.reverse .biome-img,
.biome-item.reverse .biome-content{
order:initial;
}

.biome-img img{
height:260px;
}

.biome-heading h2{
font-size:34px;
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-01f0e7a */.mc-faq{
padding:60px 0;
background:#F8FCF8;
}

.mc-faq h3{
font-size:30px;
text-align:center;
margin-bottom:20px;
font-weight:800;
}

.mc-faq .lead{
max-width:820px;
margin:0 auto 50px;
text-align:center;
font-size:16px;
line-height:2;
color:#666;
}

.faq-item{
background:#fff;
border:1px solid #EAEAEA;
border-radius:18px;
margin-bottom:18px;
overflow:hidden;
box-shadow:0 8px 25px rgba(0,0,0,.05);
}

.faq-question{
width:100%;
padding:24px 28px;
background:none;
border:none;
cursor:pointer;
display:flex;
justify-content:space-between;
align-items:center;
font-size:17px;
font-weight:700;
color:#222;
text-align:left;
}

.faq-question span{
font-size:22px;
color:#2E7D32;
}
/* Open FAQ */

.faq-question.active{
    background:#2E7D32 !important;
    color:#fff !important;
}

.faq-question.active span{
    color:#fff !important;
}

.faq-question:hover{
    background:#2E7D32;
    color:#fff;
}

.faq-question:hover span{
    color:#fff;
}

.faq-answer{
max-height:0;
overflow:hidden;
transition:max-height .35s ease;
}

.faq-answer p{
padding:0 28px 24px;
font-size:16px;
line-height:2;
color:#666;
margin:0;
}

@media(max-width:768px){

.mc-faq h3{
font-size:30px;
}

.faq-question{
font-size:18px;
padding:20px;
}

.faq-answer p{
padding:0 20px 20px;
}


}/* End custom CSS */