@font-face {
    font-family: 'Averta CY';
    src: url('font2/AvertaCY-Semibold.woff2') format('woff2'),
         url('font2/AvertaCY-Semibold.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Averta CY';
    src: url('fonts/AvertaCY-Bold.woff2') format('woff2'),
         url('fonts/AvertaCY-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}


body {
    font-family: 'Averta CY', sans-serif !important;
    padding: 0;
    margin: 0;
    background: #fff !important;
    color: #0F1E28;
}


.f_sb,
.fw_1,
.fw_3,
.fw_4,
.fw_5,
.fw_6,
.fw_7,
.fw_9 {
    font-family: 'Averta CY', sans-serif !important;
}


.c_r { color: #DB4B46; }
.c_y { color: #F7CA50; }
.c_g { color: #58AE6A; }
.c_b { color: #4DAAE8; }
.c_c { color: #FD5827; }
.c_lg { color: #3F4B53; }


.fw_1 { font-weight: 100; }
.fw_3 { font-weight: 300; }
.fw_4 { font-weight: 400; }
.fw_5 { font-weight: 500; }
.fw_6 { font-weight: 600; }
.fw_7 { font-weight: 700; }
.fw_9 { font-weight: 900; }


.f_16{font-size:16px}
.f_17{font-size:17px}
.f_18{font-size:18px}
.f_20{font-size:20px}
.f_21{font-size:21px}
.f_24{font-size:24px}
.f_27{font-size:27px}
.f_28{font-size:28px}
.f_38{font-size:38px}
.f_30{font-size:30px}
.f_32{font-size:32px}
.f_45{font-size:45px}
.f_40{font-size:40px}
.f_46{font-size:46px}
.f_48{font-size:48px}
.f_52{font-size:52px}
.f_56{font-size:56px}
.f_58{font-size:58px}
.f_60{font-size:60px}
.f_72{font-size:72px}
.mm-top{margin-top:100px}
.home_scal{scale:1.3;margin-top:70px}

#accordion [data-toggle="collapse"]::after{
display:inline-block;
font-family:"Font Awesome 5 Free";
font-weight:900;
content:"\f054";
transition:transform .25s linear;
float:right;
background:#F1F9FE;
color:#0F1E28;
width:35px;
height:35px;
text-align:center;
padding-top:7px;
border-radius:50%;
margin-top:4px;
transform:rotate(90deg);
}
#accordion [data-toggle="collapse"]:not(.collapsed)::after{
transform:rotate(-90deg);
background:#4DAAE8;
color:#fff;
}
#accordion .card-header{
background-color:#fff!important;
border-bottom:0 solid rgba(0,0,0,.125)!important;
padding:0!important;
}
#accordion .card{
border:0 solid rgba(0,0,0,.125)!important;
}
#accordion a{text-decoration:none;color:#0F1E28}
#accordion .card-header a{
display:block;
width:100%;
background:#fff;
padding:18px 13px 21px;
border-radius:0;
border-bottom:1px solid #EBEBEB;
}
#accordion .card-header a[aria-expanded="true"]{
display:block;
width:100%;
background:#F1F9FE;
padding:18px 13px 21px;
border-radius:0 15px 15px 0;
border-left:3px solid #4daae8;
}

.section-1{padding:80px 0 0}
.sptitle{font-size:58px;margin-top:15px}
.hero-img{max-width:100%;height:auto}

.info-card{
border-radius:26px;
background:#F1F9FE;
color:#111;
padding:26px 21px;
}
.col-right{position:relative}
.step-box{
border-radius:32px;
border:1px solid #EBEBEB;
display:flex;
padding:31px 30px!important;
flex-direction:column;
align-items:flex-start;
gap:20px;
background:#fff;
height:330px;
}
.section-4{background:#F7FBF2;padding:80px 200px}
.css_btn{
background:#0F1E28;
color:#fff;
padding:13px 28px;
border-radius:100px;
text-decoration:none;
font-size:18px;
display:inline-block;
align-items:center;
text-align:center;
gap:16px;
font-weight:400;
}
.g_t{
display:flex;
flex-direction:row;
align-items:center;
gap:70px;
font-size:16px;
}
.pilot-section{
border-radius:40px;
border:1px solid #EBEBEB;
background:#FFF;
}
.divider{
width:1px;
height:40px;
background:#ccc;
margin-right:24px;
}
.icon-box img{width:40px}
.btn-pilot{
border:2px solid #222;
border-radius:40px;
padding:11px 26px;
font-weight:500;
white-space:nowrap;
text-decoration:none!important;
color:#222;
font-size:18px;
}
.btn-pilot:hover{
border-color:#98c355;
color:#222;
text-decoration:none;
}
.css_btn:hover{background:#98C355;color:#F7FBF2;text-decoration:none}
.m_mt0{margin-top:3rem}
.pilot-box{
border-radius:32px;
background:#F1F9FE;
padding:32px 50px;
}

.tab-wrap{
overflow:hidden;
background:#fff;
padding:10px 0;
}
.tab-track{display:flex;gap:15px;width:max-content}
.tab-item{
padding:8px 15px;
background:#fff;
border-radius:20px;
white-space:nowrap;
font-size:20px;
font-weight:700;
}
.nav-tabs .nav-link{margin:0}
#Platform .nav-tabs .nav-item{margin:0!important}
#Platform .nav-tabs .nav-item{margin-bottom:0}
#Platform .nav-tabs .nav-link{
border:none;
border-radius:0;
color:#333;
transition:all .3s ease;
}
#Platform .nav-tabs .nav-link:not(.disabled):hover,
#Platform .nav-tabs .nav-link:not(.disabled):focus{
border:none;
border-bottom:2px solid #4DAAE8;
padding:11px 30px;
color:#4DAAE8;
}
#Platform .nav-tabs .nav-link.active,
#Platform .nav-tabs .nav-item.show .nav-link{
background-color:#E9F4FC;
border:none;
border-bottom:2px solid #4DAAE8!important;
color:#4DAAE8;
}
#Platform .nav-tabs{
border:1px solid #ddd;
border-radius:15px 15px 0 0;
}
#Platform .nav-tabs .nav-link:not(.disabled):hover,
#Platform .nav-tabs .nav-link:not(.disabled):focus,
#Platform .nav-tabs .nav-link.active{
padding:11px 30px;
border-bottom-color:transparent;
margin-top:0;
margin:0!important;
}
#Platform .nav-tabs .nav-link{padding:11px 30px}
#Platform .nav-tabs .nav-link,
.nav-tabs .nav-link.disabled,
.nav-tabs .nav-link.disabled:hover,
.nav-tabs .nav-link.disabled:focus{
margin-top:0;
}

.Facilities{
background:white;
border:1px solid #ebebeb;
width:251px;
margin-left:15px;
min-height:188px;
border-radius:24px;
padding:20px 31px;
}
.ml50{margin-left:50px}
.ml100{margin-left:100px}

.feature-card{
border:1px solid #f2f2f2;
border-radius:20px;
padding:30px;
height:100%;
display:flex;
flex-direction:column;
justify-content:center;
gap:40px;
background:#FFF5EE;
transition:.3s;
}
.feature-card:hover{transform:translateY(-5px)}
.mt_ded{margin-top:68px}
.sub_sectile_new{margin:25px 0 0}
.sub_sectile_new .sub_sectile_li{
color:#0F1E28;
font-size:20px;
font-weight:400;
list-style:outside url("/wp-content/uploads/2026/04/Frame-1.png") disc;
padding-bottom:10px;
min-height:auto;
}
.sub_sectile_new .sub_sectile_li .sub_sectile_span{
position:relative;
top:-12px;
left:6px;
}
.ba_box{
background:#E9F4FC;
max-width:993px;
margin:auto;
border-radius:24px;
padding:10px 23px;
}
.section_2{padding:80px 0 0}
.seg_1{padding:70px 0}
.info-box{
background-color:#F2F9F3;
border-radius:24px;
padding:20px;
display:flex;
align-items:center;
}
.icon-box{margin-right:32px}
.imgg{scale:1.3}
.report_border{border-top:1px solid #EBEBEB}
.report-box{
border-radius:0 50px 50px 0;
background:#F2F7EA;
padding:18px 31px 3px 13px;
border-left:3px solid #9ac656;
}

.icon-circle{margin-bottom:20px}
.icon-circle span{
color:#4a90e2;
font-size:20px;
font-weight:bold;
}
.h_730{height:732px}
.icon-box-img{height:64px}
.btn-x{text-align:center}
.ba_box-img{padding:0 10px}
.div_line{
background:rgba(15,30,40,.16);
width:1000px;
height:1px;
}
.tab_btn{
border-radius:50px;
padding:12px 15px;
color:#3F4B53;
font-size:18px;
background:rgba(98,133,251,.12);
margin-right:40px;
}

.custom-pill-menu{
display:flex;
gap:10px;
background:#F9F9F9;
padding:5px;
border-radius:100px;
}
.custom-pill-menu input{display:none}
.pill-item{
padding:15px 60px;
border-radius:50px;
cursor:pointer;
background:transparent;
transition:.3s;
margin-bottom:0;
}
input:checked+.pill-item{background:#fff}

.image-bgg{position:relative;margin:auto}
.left-images{
position:absolute;
left:0;
top:0;
width:400px;
height:500px;
}
.right-images{
position:absolute;
right:0;
top:0;
width:120px;
height:120px;
}
.right-images .img-right-1{width:500px;position:absolute}
.right-images .img-right-2{width:60px;position:absolute}
.right-images .img-right-3{width:60px;position:absolute}
.left-images .img-left-1{width:400px;position:absolute}
.left-images .img-left-2{width:120px;position:absolute}
.left-images .img-left-3{width:80px;position:absolute}
.img-left-1{top:-450px;left:0;z-index:1}
.img-left-2{top:-60px;left:0;z-index:2}
.img-left-3{top:-27px;left:-27px;z-index:2}
.img-right-1{top:30px;right:0;z-index:1}
.img-right-2{top:50px;right:0;z-index:2}
.img-right-3{top:-232px;right:-15px;z-index:2}

.panel-card{
padding:20px;
height:100%;
display:flex;
flex-direction:column;
border-radius:16px;
background:#FFF;
box-shadow:0 3px 24px 4px rgba(13,23,88,.04);
}
.panel-card__top{
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:15px;
}
.panel-card__badge{
color:#4A9A77;
padding:10px 16px;
border-radius:100px;
background:rgba(74,154,119,.08);
}
.panel-card__badge_1{
color:#0F1E28;
padding:12px 6px;
border-radius:100px;
background:#F7CA5029;
}
.panel-card__icon{width:40px;height:40px}
.panel-card__img{
width:100%;
object-fit:contain;
margin-bottom:15px;
}
.panel-card__price{
margin-top:auto;
display:flex;
justify-content:space-between;
align-items:center;
border-top:2px solid #eee;
padding-top:10px;
}

.section-divider{
display:flex;
align-items:center;
justify-content:center;
gap:15px;
max-width:800px;
width:100%;
margin:40px auto;
position:relative;
padding:0 15px;
}
.section-divider .line{
flex:1;
height:1px;
background:rgba(13,23,88,.12);
}
.section-divider .title{
margin:0;
font-size:24px;
text-align:center;
}
.section-divider .right-img{
position:absolute;
right:-200px;
top:50%;
transform:translateY(-50%);
width:200px;
}

.box_home{
display:flex;
align-items:center;
gap:20px;
padding:30px;
border-radius:28px;
background:#6285FB14;
width:100%;
box-sizing:border-box;
}
.box_home-icon img{
font-size:20px;
display:flex;
align-items:center;
justify-content:center;
}
.box_home-text{
font-size:20px;
color:#333;
max-width:650px;
}
.step-box_button{
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
padding:4px 20px 4px 4px;
box-sizing:border-box;
border-radius:30px;
background:#FCF6E7;
cursor:pointer;
font-size:18px;
}
.step-box_button img{width:40px;height:40px}

.opti-timeline{
position:relative;
padding:0 0 40px;
}
.opti-timeline::before{
content:"";
position:absolute;
left:68px;
top:88px;
bottom:127px;
width:1px;
background:rgba(13,23,88,.12);
}
.opti-timeline::after{
content:"";
position:absolute;
left:25px;
top:65px;
bottom:130px;
width:1px;
background:rgba(13,23,88,.12);
z-index:0;
}
.opti-item{
position:relative;
display:flex;
align-items:center;
margin-bottom:20px;
min-height:145px;
}
.opti-number{
width:50px;
height:50px;
border-radius:50%;
background:#fff;
border:2px solid var(--item-color);
color:var(--item-color);
display:flex;
align-items:center;
justify-content:center;
font-size:18px;
font-weight:700;
position:relative;
z-index:3;
flex-shrink:0;
}
.opti-dot{
width:16px;
height:16px;
background:var(--item-color);
border-radius:50%;
position:absolute;
left:60px;
top:50%;
transform:translateY(-50%);
z-index:2;
}
.opti-connector{
position:absolute;
left:68px;
right:auto;
width:45px;
height:1px;
background:rgba(13,23,88,.12);
top:50%;
}
.opti-card{
margin-left:64px;
width:calc(100% - 114px);
min-height:145px;
background:#fff;
border-width:3px 2px 1px 2px;
border-style:solid;
border-color:#E1E3EF;
border-radius:24px;
padding:25px 30px;
display:flex;
align-items:center;
position:relative;
z-index:1;
}
.opti-icon{
width:52px;
height:52px;
min-width:52px;
border-radius:50%;
background:var(--icon-bg);
color:var(--item-color);
display:flex;
align-items:center;
justify-content:center;
font-size:21px;
margin-right:25px;
}
.opti-content{flex:1}
.opti-title{
color:#101d61;
font-size:22px;
margin:0 0 10px;
}
.opti-description{
color:#18233d;
font-size:17px;
line-height:1.6;
margin:0;
max-width:650px;
}
.opti-arrow{
width:42px;
height:42px;
min-width:42px;
border-radius:50%;
background:var(--icon-bg);
color:var(--item-color);
display:flex;
align-items:center;
justify-content:center;
margin-left:25px;
font-size:17px;
}
.opti-green{--item-color:#20a94b;--icon-bg:#eaf8ef}
.opti-blue{--item-color:#587cf4;--icon-bg:#eef2ff}
.opti-yellow{--item-color:#f3bd35;--icon-bg:#fffaf0}
.opti-purple{--item-color:#873cff;--icon-bg:#f3eaff}
.opti-lightgreen{--item-color:#57b36c;--icon-bg:#edf8ef}
.opti-red{--item-color:#e74d4d;--icon-bg:#fdeeee}
.opti-result{--item-color:#79c44c;--icon-bg:#f1faed}
.opti-result .opti-card{
border-width:3px 2px 1px 2px;
border-style:solid;
border-color:#79c44c;
}

.bottom-box{background:#eef7f0;padding:60px}
.bottom-new-box{background:#F6F7FB;padding:60px}
.email-boxx{
position:relative;
max-width:450px;
width:100%;
margin-left:65px;
}
.email-inputt{
width:100%;
padding:12px 140px 12px 15px;
font-size:16px;
border:1px solid #ccc;
border-radius:50px;
outline:none;
}
.email-btnn{
position:absolute;
top:50%;
right:0;
transform:translateY(-50%);
padding:15px 30px;
font-size:14px;
background:#3649A8;
color:#fff;
border:none;
border-radius:100px;
}
.email-btnn:hover{background:#FD5827}
.report-boxx{
background:#fff;
padding:40px 20px;
border-radius:20px;
box-shadow:0 10px 30px rgba(0,0,0,.08);
height:100%;
border:1px solid #E1E3EF;
}
.icon-box{
display:flex;
align-items:center;
gap:15px;
}
.i_img{
width:40px!important;
object-fit:contain;
flex-shrink:0;
}
.icon-box h6{color:#222}
.feature p{margin-top:15px!important;color:#666}
.email-box label{
display:block;
margin-bottom:10px;
font-weight:bold;
}
.input-box{position:relative;margin-bottom:15px}
.input-box span{
position:absolute;
left:15px;
top:50%;
transform:translateY(-50%);
}
.input-box input{
width:100%;
height:60px;
padding-left:70px;
border:1px solid #E1E3EF;
border-radius:50px;
font-size:16px;
}
.new-button{
display:flex;
padding:5px 0 5px 30px;
justify-content:center;
align-items:center;
gap:10px;
border-radius:100px;
background:#096;
color:#FFF;
font-size:18px;
width:220px;
}

.vision{margin:auto;padding:50px 0}
.top-links{
display:flex;
align-items:center;
flex-wrap:nowrap;
gap:20px;
margin-bottom:40px;
}
.top-links .back-link{
display:inline-flex;
align-items:center;
gap:10px;
text-decoration:none;
color:inherit;
transition:none;
}
.top-links .back-link:hover,
.top-links .back-link:focus,
.top-links .back-link:active{
color:inherit;
text-decoration:none;
background:none;
transform:none;
}
.top-links .circle{
width:40px;
height:40px;
min-width:40px;
border:none;
border-radius:50%;
display:inline-flex;
align-items:center;
justify-content:center;
flex-shrink:0;
background:#6285FB0A;
}
.journey-section{
display:flex;
justify-content:center;
padding:100px 0 30px;
}
.journey-card{
position:relative;
width:100%;
max-width:760px;
background:#fff;
border:2px solid #d9def8;
border-radius:35px;
padding:45px;
box-shadow:0 15px 40px rgba(0,0,0,.08);
}
.journey-badge{
position:absolute;
top:-30px;
left:60%;
transform:translateX(-50%);
background:#5d78ff;
color:#fff;
padding:12px 30px;
border-radius:30px;
font-size:20px;
font-weight:700;
box-shadow:0 10px 20px rgba(93,120,255,.25);
}
.journey-card hr{
border:none;
height:1px;
background:#d9d9d9;
margin-bottom:30px;
}
.bold-text{font-weight:700;color:#222}
.journey-btn{
position:absolute;
right:-20%;
bottom:10px;
background:#fff;
border:2px solid #dce2ff;
border-radius:40px;
padding-right:20px;
display:flex;
align-items:center;
gap:10px;
text-decoration:none;
color:#222;
font-size:18px;
font-weight:600;
box-shadow:0 15px 35px rgba(0,0,0,.12);
}
.icon{
width:46px;
height:46px;
border-radius:50%;
background:#eef2ff;
display:flex;
justify-content:center;
align-items:center;
font-size:22px;
}
.check-item{display:flex;align-items:center;gap:10px}
.check-icon{flex:0 0 24px;width:30px;height:30px}
.check-icon img{
width:30px;
height:30px;
max-width:none;
display:block;
object-fit:contain;
}
.line{border:1px solid #0D17581F;width:100%}
.Belief{padding:40px 0}

.energy-card{
padding:20px 20px;
border:1px solid #dce1eb;
border-radius:32px;
background:#fff;
}
.energy-card h2{
margin:0 0 10px;
color:#171a21;
font-size:22px;
font-weight:700;
}
.energy-card .description{
margin:0 0 10px;
color:#263346;
font-size:16px;
}
.energy-list{
display:flex;
flex-direction:column;
align-items:flex-start;
gap:10px;
margin:0;
padding:0;
list-style:none;
}
.energy-list li{
display:inline-flex;
align-items:center;
min-height:40px;
padding:4px 16px 4px 4px;
background:#edf7f0;
border-radius:25px;
color:#171a21;
font-size:14px;
font-weight:500;
}
.belief-list{
display:flex;
flex-direction:column;
align-items:flex-start;
gap:10px;
padding:0;
list-style:none;
}
.belief-list li{
display:inline-flex;
align-items:center;
min-height:40px;
padding:4px 16px 4px 4px;
background:#6285FB14;
border-radius:25px;
color:#171a21;
font-size:16px;
font-weight:500;
}
.Outcome-list{
display:flex;
flex-direction:column;
align-items:flex-start;
gap:10px;
padding:0;
list-style:none;
}
.Outcome-list li{
display:inline-flex;
align-items:center;
min-height:40px;
padding:4px 16px 4px 4px;
background:#FF7F2714;
border-radius:25px;
color:#171a21;
font-size:16px;
font-weight:500;
}
.section-end{padding:50px;background:#58AE6A14}



.result-banner{
width:100%;
display:flex;
align-items:center;
justify-content:space-between;
gap:20px;
padding:25px 30px;
background:#E4E4ED;
border-radius:20px;
}
.result-text{
font-size:20px;
font-weight:500;
color:#222;
max-width:350px;
}
.result-btn{
display:inline-flex;
align-items:center;
justify-content:center;
padding:12px 24px;
background:#6285FB;
color:#fff;
text-decoration:none;
font-size:16px;
font-weight:600;
border-radius:50px;
white-space:nowrap;
transition:.3s ease;
}
.result-btn:hover{background:#163da8;color:#fff}
.report_f_button{display:none}

.report-card{
width:100%;
padding: 24px 24px 30px;
background:#58AE6A14;
border-radius:28px;
overflow:hidden;
}
.vision-btn{
display:inline-flex;
align-items:center;
justify-content:center;
padding:12px 25px;
border:none;
border-radius:35px;
background:#58AE6A;
color:#ffffff;
font-size:18px;
font-weight:700;
text-decoration:none;
cursor:pointer;
margin-top:20px;
}
.box_color{
background:#F2F9F3;
height:400px;
padding:30px;
border-radius:32px;
margin-top:100px;
}
.image-bg-footer{
position:relative;
width:100%;
height:330px;
display:flex;
justify-content:center;
align-items:center;
}
.image-wrapper-footer{
position:relative;
z-index:5;
display:inline-block;
}
.image-wrapper-footer .h_540{
max-width:540px;
width:100%;
height:480px;
position:relative;
z-index:5;
}
.overlay-image-footer{
position:absolute;
top:-20px;
right:-200px;
width:300px;
z-index:10;
}

.section-tag{
display:inline-block;
padding:8px 16px;
background:#eef4ff;
color:#2563eb;
border-radius:20px;
font-size:14px;
margin-bottom:25px;
}
.quote{
border-top:4px solid #6285FB;
border-right:2px solid #6285FB;
border-bottom:1px solid #6285FB;
border-left:2px solid #6285FB;
border-radius:20px;
padding:30px;
background:#fcfdff;
}

a:hover{color:#fff}

.case-container{
width:100%;
max-width:1400px;
margin:0 auto;
padding:0;
box-sizing:border-box;
}
.case-container .row{
display:flex;
flex-wrap:wrap;
margin-left:-16px;
margin-right:-16px;
}



.case-hover {
    display: none;
}
.case-card {
    position: relative;
}

.case-card .case-hover {
    display: flex;
    flex-direction: column;
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 35px 30px 30px;
    background: #191B24;
    color: #fff;
    z-index: 10;

    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease 0.15s, visibility 0s linear 0.45s;
}

.case-card:hover .case-hover {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.3s ease 0.15s, visibility 0s linear 0s;
}

.case-card:hover .case-header,
.case-card:hover .case-building,
.case-card:hover > h3,
.case-card:hover .case-stats,
.case-card:hover .case-footer {
    visibility: hidden;
}

.case-hover-titel{
	margin: 0 0 15px;
	color: #fff;
	font-size: 22px;
	line-height: 1.3;
	text-align: left;
}

.case-hover hr {
    width: 100%;
    border: 0;
    border-top: 1px solid rgba(255,255,255,.12);
    margin: 0 0 18px;
}

.case-hover p {
    margin: 0 0 18px;
    color: #fff;
    font-size: 18px;
    line-height: 1.6;
}

.case-hover-bottom {
    margin-top: auto;
}

.read-more {
    display: block;
    width: fit-content;
    margin-left: auto;
    padding: 12px 25px;
    border: 1px solid #fff;
    border-radius: 100px;
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    font-weight: 600;
}

.read-more:hover {
	background: #5777e0;
	color: #fff;
	border-color: #5777e0;
}
.case-card {
    width: 100%;
    height: 100%;
    min-width: 0;
    background: #fff;
    border-radius: 30px;
    padding: 28px 20px 30px;
    box-sizing: border-box;
    box-shadow: 0 8px 30px rgba(16,29,99,.08),
                0 2px 8px rgba(16,29,99,.04);
    overflow: hidden;
    position: relative;
}
.case-header{
width:100%;
display:flex;
align-items:flex-start;
justify-content:space-between;
box-sizing:border-box;
}
.case-logo{
width:125px;
height:52px;
display:block;
object-fit:contain;
object-position:left center;
}
.case-arrow{
width:50px;
height:50px;
padding:0;
border:0;
border-radius:50%;
background:#fafafa;
color:#30343b;
font-size:25px;
line-height:1;
display:flex;
align-items:center;
justify-content:center;
cursor:pointer;
flex-shrink:0;
transition:.25s ease;
}
.case-building{
width:100%;
margin-top:8px;
display:flex;
align-items:center;
justify-content:center;
box-sizing:border-box;
}
.case-building img{
width:100%;
height:100%;
display:block;
object-fit:contain;
object-position:center;
}
.case-card h3{
width:100%;
margin:10px 0 20px;
padding:0;
color:#101d63;
font-size:20px;
font-weight:700;
line-height:1.3;
text-align:center;
display:flex;
align-items:center;
justify-content:center;
box-sizing:border-box;
}
.case-stats{
width:100%;
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
border-bottom:1px solid #d9dce5;
padding:0 0 22px;
box-sizing:border-box;
}
.case-stat{
width:100%;
min-width:0;
height:72px;
padding:0 8px;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
box-sizing:border-box;
border-right:1px solid #d9dce5;
}
.case-stat:first-child{padding-left:0}
.case-stat:last-child{padding-right:0;border-right:0}
.stat-value{
width:100%;
height:34px;
display:flex;
align-items:center;
justify-content:center;
font-size:20px;
font-weight:700;
line-height:1;
box-sizing:border-box;
}
.stat-green{color:#469e7e}
.stat-blue{color:#069de3}
.stat-orange{color:#ff782f}
.progress-chart{
--percent:0%;
width:27px;
height:27px;
min-width:27px;
position:relative;
display:inline-flex;
align-items:center;
justify-content:center;
margin-right:5px;
border-radius:50%;
background:conic-gradient(#469e7e var(--percent),#e3eee9 var(--percent));
box-sizing:border-box;
flex-shrink:0;
}
.progress-chart:after{
content:"";
position:absolute;
width:19px;
height:19px;
background:#fff;
border-radius:50%;
}
.stat-number{display:inline-block}
.percent{
font-size:16px;
font-weight:400;
margin-left:1px;
}
.roi-icon{
width:27px;
height:27px;
min-width:27px;
margin-right:5px;
display:inline-flex;
align-items:center;
justify-content:center;
flex-shrink:0;
}
.roi-icon img{
width:100%;
height:100%;
display:block;
object-fit:contain;
}
.energy-icon{
width:27px;
height:27px;
min-width:27px;
margin-right:5px;
display:inline-flex;
align-items:center;
justify-content:center;
flex-shrink:0;
}
.energy-icon img{
width:100%;
height:100%;
display:block;
object-fit:contain;
}
.stat-unit{
font-size:11px;
font-weight:400;
line-height:1;
margin-left:3px;
align-self:flex-start;
margin-top:2px;
}
.stat-label{
width:100%;
height:32px;
margin-top:7px;
color:#68739b;
font-size:10px;
font-weight:600;
line-height:1.2;
text-align:center;
display:flex;
align-items:flex-start;
justify-content:center;
box-sizing:border-box;
}
.case-footer{
width:100%;
padding-top:0px;
box-sizing:border-box;
}
.case-button{
min-height:46px;
padding:0 20px;
display:inline-flex;
align-items:center;
justify-content:center;
gap:8px;
border-radius:25px;
background:#edf9f0;
color:#0aad47;
text-decoration:none;
font-size:15px;
font-weight:600;
line-height:1;
box-sizing:border-box;
transition:.25s ease;
}
.case-button-icon{
width:21px;
height:21px;
display:flex;
align-items:center;
justify-content:center;
flex-shrink:0;
}
.case-button-icon img{
width:100%;
height:100%;
display:block;
object-fit:contain;
}

.Logo-header-h {
position: absolute;
  right: -95px;
  top: 8px;
  width: 200px;
}
.newsletter-section{
    background:#F7F8FC;
    padding:60px 0;
}

.newsletter-title{
    font-size:42px;
    font-weight:700;
    line-height:1.2;
    color:#1B1D28;
    margin-bottom:25px;
}

.newsletter-text{
    font-size:20px;
    line-height:1.7;
    color:#333;
}

.newsletter-text span{
    color:#5B73FF;
    font-weight:600;
}

.input-boxx{
	display:flex;
	align-items:center;
	background:#fff;
	border:1px solid #ddd;
	border-radius:50px;
	padding:4px 4px 4px 30px;
}

.icon-email{
    margin-right:15px;
}

.icon-email img{
    width:30px;
}

.input-boxx input{
    flex:1;
    border:none;
    outline:none;
    background:transparent;
    font-size:17px;
}

.input-boxx button{
    background:#3446B7;
    color:#fff;
    border:none;
    border-radius:40px;
    padding:16px 35px;
    font-size:18px;
    font-weight:600;
}

.privacy-text{
    margin-top:20px;
    text-align:center;
    font-size:16px;
    color:#666;
    line-height:1.8;
}

.privacy-text a{
    color:#222;
    text-decoration:underline;
}
.hidden-list {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 10px;
	padding: 0;
	list-style: none;
}
.hidden-list{
	list-style: none;padding: 0;
}
.hidden-list li {
	color: #171a21;
	font-size: 16px;
	font-weight: 500;
}
.quote-discoveries {
	border-radius: 20px;
	padding: 30px;
	border: 1px solid#E1E3EF;
}
.visibility-card {
	width: 100%;
	padding: 20px 26px;
	background: #F4F5F9;
	border-radius: 32px;
	overflow: hidden; 
}
.visibility-list { 
	display: flex;
	flex-direction: column;
	gap: 31px;
}
.visibility-item {
	display: flex;
	align-items: center;
	gap: 13px; 
} 
.visibility-item p {
	margin:0;
}
.explore-btn {
	margin-top: 27px;
	width: 279px;
	height: 64px;
	border: 0;
	border-radius: 35px;
	background: #6285FB1F;
	color: #6285FB;
	font-size: 18px;
	font-weight: 700;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 14px;
}
.explore-btn i {
	font-size: 22px;
}
.ul_pdd{padding:0px 25px;}
.ul_pdd li{font-size:18px;font-weight:700;}

.step-box-height {
    display: flex;
    align-items: stretch;
}

.step-box-height > [class*="col-"] {
    display: flex;
}

.step-box-2 {
    width: 100%;
    height: auto;
}
.step-box-2 {
    border: 1px solid #EBEBEB;
    border-radius: 32px;
    padding: 30px 20px;
    background: #fff;
    height: auto;
} 

.compare-switch{
    width:760px;
    max-width:100%;
    margin:auto;
    padding:6px;
    background:rgba(21, 19, 26, 0.08);
    border-radius:100px;
    display:flex;
}

.switch-item {
    width:50%;
    padding:20px;
    border-radius:100px;
    text-align:center;
    cursor:pointer;
    color:#9ca3af;
}

.switch-item .heading{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:8px;

}

.switch-item .heading span{
    font-size:20px;
    font-weight:700;
}

.switch-item .heading img{
    height:42px;
}

.switch-item .sub{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:8px;
    font-size:18px;
    font-weight:600;
}

.btn-Story {
    padding:14px 28px;
    border-radius:100px;
    background:#3649A8;
    color:#fff;
    font-size:16px;
    font-weight:600;
    text-decoration:none;
    border:1px solid #3649A8;
}

.btn-Story:hover {
    background:#fff;
    color:#3649A8;
    border-color:#3649A8;
}

.btn-Story-green {
    padding:14px 28px;
    border-radius:100px;
    background:#55B86A;
    color:#fff;
    font-size:16px;
    font-weight:600;
    text-decoration:none;
    border:1px solid #55B86A;
}

.btn-Story-green:hover {
    background:#fff;
    color:#55B86A;
    border-color:#55B86A;
}

.switch-item.active{
    background:#fff;
    border:1px solid #3649A8;
    color:#222;
}


.complexity-top {
    align-items: flex-start;
}
.complexity-title {
    max-width: 520px;
    margin: 0;
    color: #10151d;
    line-height: 1.28;
    letter-spacing: -1px;
}

.complexity-title span {
    color: #172a82;
}

.complexity-intro {
    max-width: 500px;
    margin-left: auto;
}

.complexity-intro p {
    margin: 0 0 25px;
    color: #101923;
    line-height: 1.55;
}

.complexity-intro p:last-child {
    margin-bottom: 0;
}

.complexity-intro a {
    color: #526fea;
    text-decoration: none;
}

.complexity-process {
    position: relative;
    margin-top: 82px;
}

.process-line {
    position: absolute;
    top: 236px;
    left: 0;
    right: 0;
    height: 2px;
    background-image: repeating-linear-gradient(
        to right,
        #d8dce5 0,
        #d8dce5 9px,
        transparent 9px,
        transparent 16px
    );

    z-index: 1;
}


.process-row {
    position: relative;
    z-index: 2;
}

.process-item {
    text-align: center;
    position: relative;
}

.step-pill {
    width: 108px;
    height: 54px;
    margin: 0 auto 24px;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}

.step-blue {background:rgba(98, 133, 251, 0.12);}

.step-green {background:rgba(88, 174, 106, 0.12);}

.step-orange {background:rgba(255, 127, 39, 0.12);}

.process-item h3 {
    min-height: 70px;
    margin: 0 auto 44px;
    color: #10151d;
    line-height: 1.4;
}
.process-icon {
    width: 82px;
    height: 82px;
    margin: 0 auto 42px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 3;
}
.process-icon img {
    width: 46px;
    height: 46px;
    object-fit: contain;
}
.icon-blue {
    background: #5c7df0;
}
.icon-green {
    background: #55b86a;
}
.icon-orange {
    background: #ff7625;
}
.process-item p {
    max-width: 440px;
    margin: 0 auto;
    color: #162c47;
    line-height: 1.55;
}
   .report-card > img {
        height: 200px;
        display: block;
        object-fit: contain;
    }


.energy-section {
    position: relative;
    width: 100%;
}

.energy-sidebar-col {
    position: relative;
}

.energy-sidebar {
    position: relative;
    width: 100%;
}

.line-box {
    position: relative;
    width: 100%;
    height: 1px;
    background: #D9D9D9;
}

.line-box img {
    position: absolute;
     right: -160px;
    top: 50%;
    transform: translateY(-50%);
    width: 157px;
    height: 112px;
    object-fit: contain;
}

.simple-slider {
    width: 100%;
    max-width: 100%;
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
}

.slider-track {
    width: 100%;
    display: flex;
    gap: 24px;
    will-change: transform;
    box-sizing: border-box;
}

.slide-card {
    flex: 0 0 82%;
    min-width: 82%;
    max-width: 82%;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #dce1eb;
    border-radius: 30px;
    padding: 35px 40px 30px;
    overflow: hidden;
}

.slide-card h2 {
    margin: 0 0 25px;
    color: #172268;
    font-size: 24px;
    line-height: 1.25;
    font-weight: 700;
}

.slide-card h3 {
    margin: 0;
    padding: 14px 18px;
    background: #eef8fc;
    border-left: 4px solid #20a9e8;
    color: #162431;
    font-size: 20px;
    line-height: 1.3;
    font-weight: 700;
}

.slide-card hr {
    border: 0;
    border-top: 1px solid #dce1e7;
    margin: 22px 0;
}

.slide-card p {
    color: #182735;
    font-size: 16px;
    line-height: 1.75;
    margin: 0 0 22px;
}

.slide-card ul {
    padding-left: 30px;
    margin: 0 0 25px;
    box-sizing: border-box;
}

.slide-card li {
    color: #182735;
    font-size: 16px;
    line-height: 1.8;
}

.slider-btn {
    display: inline-block;
    max-width: 100%;
    box-sizing: border-box;
    margin-top: 5px;
    padding: 16px 30px;
    background: #10222d;
    color: #fff;
    border-radius: 100px;
    text-decoration: none;
    font-size: 16px;
    font-weight: 700;
    white-space: nowrap;

}

.slider-btn:hover {
    background: #3649A8;
    color: #fff;
    text-decoration: none;
}

.slider-navigation {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 22px;
    margin-top: 30px;
}

.slider-arrow {
    width: 58px;
    height: 58px;
    padding: 0;
    flex-shrink: 0;
    border-radius: 50%;
    background: transparent;
    border: 1px solid #3649A8;
    color: #3649A8;
    font-size: 25px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.slider-arrow.active {
    background: #617ff0;
    border-color: #617ff0;
    color: #fff;
}

.slider-arrow:hover {
    background: #3649A8;
    border-color: #3649A8;
    color: #fff;
}

.slider-dots {
    display: flex;
    align-items: center;
    gap: 8px;
}

.dot {
    width: 8px;
    height: 8px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: #cdced2;
    cursor: pointer;
}

.dot.active {
    background: #080809;
    transform: scale(1.2);
}


	.case-stats {border-bottom: none;}
	.Energy-Bill{max-width:710px;}

	.hanna-card { 
		margin: 32px auto;
		padding: 30px;
		border: 1px solid #dce0e9;
		border-radius: 24px; 
	} 
	.hanna-title {
		font-size: 32px;
		font-weight: 700;
		letter-spacing: -0.5px;
		margin: 0;
	}  
	.hanna-divider {
		border-top: 1px solid #d9dce4;
		margin: 30px 0 32px;
	} 
	.hanna-item {
		position: relative;
		min-height: 78px;
		padding: 12px 70px 12px 24px;
		margin-bottom: 16px;
		border-radius: 15px;
		background: #f7f8fc;
		display: flex;
		flex-direction: column;
		justify-content: center;
	} 
	.hanna-label {
		color: #555967;
		font-size: 15px;
		font-weight: 600;
		margin-bottom: 6px;
	} 
	.hanna-value {
		color: #202231;
		font-size: 24px;
		font-weight: 700;
		line-height: 1.15;
	} 
	.hanna-item-img {
		position: absolute;
		right: 22px;
		top: 50%;
		transform: translateY(-50%);
		color: #6387f8;
		font-size: 31px;
	} 
========================================
.story-card-height {
    display: flex;
    align-items: stretch;
}

.story-card-height > [class*="col-"] {
    display: flex;
}

.story-card-height .story-card,
.story-card-height .problem,
.story-card-height .Impact,
.story-card-height .Shift,
.story-card-height .discovery {
    width: 100%;
}

.story-card {
    background: #fff;
    border-radius: 25px;
}

.problem {
    border: 1px solid #FF7F2780;
    padding: 20px;
    border-radius: 24px;
    margin-top: -130px;
    background: #fff;
}

.Impact {
    border: 1px solid #8A38F580;
    padding: 20px;
    border-radius: 24px;
    margin-top: -80px;
    background: #fff;
}

.Shift {
    border: 1px solid #03A6F080;
    padding: 20px;
    border-radius: 24px;
    margin-top: -80px;
    background: #fff;
}

.discovery {
    border: 1px solid #98C35580;
    padding: 20px;
    border-radius: 24px;
    margin-top: -130px;
    background: #fff;
}

.discovery-list {
	margin: 12px 0;
	padding: 12px 10px;
	background: #fafcf7;
	border-left: 4px solid #8ac43f; 
}
.discovery-list-c {
	margin: 12px 0;
	padding: 12px 10px;
	background: #F0911D0A;
	border-left: 4px solid #F0911D;
}
.Impact-list {
	margin: 12px 0;
	padding: 12px 10px;
	background: #8A38F50A;
	border-left: 4px solid #9747FF;
}
.story-list {
    margin: 15px 0;
    padding: 12px 20px 12px 38px;
    background: #fcfaf6;
    border-left: 4px solid #f7931e;
} 
.story-list li {
    margin-bottom: 3px;
}
.story-list li:last-child {
    margin-bottom: 0;
} 

.Shift-list {
    margin: 15px 0;
    padding: 12px 20px 12px 38px;
    background: #00A2E80A;
    border-left: 4px solid #03A6F0;
} 
.Shift-list li {
    margin-bottom: 3px;
}
.Shift-list li:last-child {
    margin-bottom: 0;
}


.matters {
    padding: 32px;
    border: 1px solid #1FAB3D80;
    border-radius: 24px;
}

.matters-list{
	margin: 12px 0;
	padding: 12px 10px;
	background: #4A9A7714;
	border-left: 4px solid #1FAB3D;
}

.energy-loss-wrapper {
    row-gap: 20px;
}

.energy-left,
.energy-right {
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.loss-summary-card {
    background: #fff;
    border-radius: 24px;
    padding: 15px;

    display: flex;
    gap: 20px;

    min-height: 350px;

    box-shadow: 0 8px 25px rgba(0,0,0,.10);
    border: 1px solid #eee;
}
.summary-content {
	width: 40%;
	padding: 22px 4px;
}
.summary-number {
    display: flex;
    align-items: flex-start;
    gap: 15px;
}


.summary-number > span {
    font-size: 38px;
    line-height: 1;
    font-weight: 700;
    color: #ff7627;
}
.summary-number div {
    color: #777984;
    font-size: 13px;
    line-height: 1.3;
    font-weight: 600;
}
.summary-line,
.detected-line {
    width: 100%;
    height: 1px;
    background: #dedee3;
}

.summary-line {
    margin: 25px 0;
}
.summary-content p {
    margin: 0;
    color: #3e4561;
    font-size: 13px;
    line-height: 1.7;
}

.chart-box {
	width: 54%;
	min-height: 290px;
	background: #fafafa;
	border-radius: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px;
}
.chart-box canvas {
    width: 100% !important;
    height: 100% !important;
    max-height: 250px;
}
.detected-card {
    background: #fff;
    border-radius: 24px;
    padding: 22px 25px;
    box-shadow: 0 8px 25px rgba(0,0,0,.10);
    border: 1px solid #eee;
}

.detected-card h3 {
    margin: 0;
    color: #555866;
    font-size: 17px;
    font-weight: 600;
}
.detected-line {
    margin: 16px 0;
}

.loss-row {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 9px 12px;
    margin-bottom: 9px;
    border-radius: 14px;
}
.loss-name {
    width: 48%;
    display: flex;
    align-items: center;
    gap: 7px;
    color: #242536;
    font-size: 13px;
    line-height: 1.3;
}

.loss-icon {
    width: 20px;
    min-width: 20px;
    display: flex;
    align-items: center;
}

.loss-icon img {
    width: 20px !important;
    height: auto;
    display: block;
}
.progress {
    width: 52%;
    height: 22px;
    background: #fff;
    border-radius: 50px;
    overflow: hidden;
}
.progress-bar {
    height: 100%;

    border-radius: 50px;
}


.off-hours {
    background: #f5f5f5;
}

.on-hours {
    background: #fffbef;
}

.standby {
    background: #f0f3ff;
}

.continuous {
    background: #fff3ec;
}


.off-hours .progress-bar {
    background: #b7b7b7;
}


.on-hours .progress-bar {
    background: #ffca45;
}


.standby .progress-bar {
    background: #5d7ef5;
}


.continuous .progress-bar {
    background: #ff7627;
}

.loss-info-card {
    flex: 1;
    border-radius: 24px;
    padding: 16px 12px;
    display: flex;
    gap: 20px;
    align-items: flex-start;
}


.loss-info-card h3 {
    margin: 0 0 8px;
    font-size: 16px;
    line-height: 1.2;
    color: #111522;
}

.info-icon {
    min-width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;
}
.info-icon img {
    width: 42px;
    height: 42px;
    object-fit: contain;
}
.off-card {
    background: #B8B8B80F;
}
.on-card {
    background: #F7CA500A;
}
.standby-card {
    background: #6285FB0A;
}
.continuous-card {
    background: #EE59370A;
}
.standby-card h3,
.continuous-card h3 {
    color: #101522;
}
.standby-card p,
.continuous-card p {
    color: #14285b;
}


.sensor-card,
.sensor-card-1 {
    width: 100%;
    height: 200px;
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 28px 18px 24px 26px;
    border-radius: 32px;
    box-sizing: border-box;
}

.sensor-card {
    background: #fcfdff;
    border-top: 4px solid #6285FB;
    border-right: 2px solid #6285FB;
    border-bottom: 1px solid #6285FB;
    border-left: 2px solid #6285FB;
}

.sensor-card-1 {
    border: 2px solid #E1E3EF;
}


/* Icon + Label */
.sensor-icon-box {
    width: 70px;
    min-width: 70px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}

.sensor-icon {
    width: 64px;
    height: 64px;
}

.sensor-icon img {
    width: 100%;
    height: auto;
    display: block;
}

.sensor-label {
    color: #202330;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
    white-space: nowrap;
}

.sensor-content {
    flex: 1;
    min-width: 0;
}

.sensor-content h3 {
    margin: 0 0 12px;
    line-height: 1.3;
}

.sensor-content p {
    margin: 0;
    line-height: 1.5;
}

.sensor-arrow {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    margin-bottom: auto;
}

.sensor-arrow img {
    width: 100%;
    height: 100%;
    display: block;
} 
.about-wrapper{height: 1320px;}
.timeline-wrapper{
    position:relative;
    margin-bottom:60px;
}

.timeline-year{
    margin-bottom:30px;
}

.timeline-year span{
    display:inline-block;
    background:#edf4ff;
    color:#4b82f0;
    padding:6px 15px;
    font-size:20px;
    font-weight:700;
    border-radius:6px;
}

.timeline-main{
    position:relative;
    padding-left:35px;
}

.timeline-main:before{
    content:"";
    position:absolute;
    left:7px;
    top:10px;
    bottom:0;
    width:2px;
    background:#bfd6ff;
}

.timeline-item{
    position:relative;
    padding-bottom:35px;
}

.timeline-item:last-child{
    padding-bottom:0;
}

.timeline-item:after{
    content:"";
    position:absolute;
    left:-30px;
    top:11px;
    width:20px;
    height:2px;
    background:#2f6fff;
}

.timeline-item:before{
    content:"";
    position:absolute;
    width:12px;
    height:12px;
    border-radius:50%;
    background:#2f6fff;
    left:-34px;
    top:6px;
    box-shadow:0 0 0 2px #bfd6ff;
}

.timeline-item-title{
    margin:0 0 10px;
    font-size:18px;
    line-height:24px;
    font-weight:700;
    color:#1f2937;
}

.timeline-item-title span{
    color:#6285FB;
}

.timeline-item-description{
    margin:0;
    font-size:16px;
    line-height:24px;
}

.right-box{
    background:#fff;
    border:1px solid #d8e4ff;
    border-radius:18px;
    padding:35px;
}

.right-box h4{
    margin-bottom:18px;
    font-size:22px;
    line-height:32px;
    font-weight:700;
    color:#3278f5;
}

.right-box h4 span{
    color:#1f2937;
}

.right-box p{
    font-size:16px;
    line-height:30px;
    margin-bottom:10px;
    color:#1A1C27;
}

.privacy-box{border-radius: 16px;
background: #FFF;
padding:20px;
box-shadow: 0 126px 35px 0 rgba(0, 0, 0, 0.00), 0 81px 32px 0 rgba(0, 0, 0, 0.01), 0 32px 27px 0 rgba(0, 0, 0, 0.02);}
.privacy-item {
	display: flex;
	align-items: center;
	gap: 13px;
	border-radius: 100px;
	border: 1px solid #E1E3EF;
	background: #FFF;
	padding: 8px;
}
.privacy-item p {
  margin: 0;
}
.privacy-item img{
	  height: 48px;
}
.privacy-item {
    cursor: pointer;
}

.privacy-popup {
    position: fixed;
    inset: 0;
    z-index: 999999;
    display: none;
    align-items: center;
    justify-content: center;
}

.privacy-popup.active {
    display: flex;
}

.privacy-popup-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.45);
    backdrop-filter: blur(3px);
}

.privacy-popup-box {
    position: relative;
    z-index: 2;
    width: 620px;
    max-width: calc(100% - 30px);
    max-height: 85vh;
    background: #fff;
    border-radius: 20px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.20);
    animation: privacyPopupIn 0.25s ease;
}

@keyframes privacyPopupIn {
    from {
        opacity: 0;
        transform: translateY(20px) scale(0.97);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.privacy-popup-header {
    padding: 12px 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #eee;
}

.privacy-popup-title {
    display: flex;
    align-items: center;
    gap: 14px;
}

.privacy-popup-header h3 {
    margin: 0;
    font-size: 25px;
    line-height: 1.2;
    font-weight: 700;
    color: #111827;
}

#popupNumber {
    margin-right: 6px;
}

.privacy-popup-close {
    width: 35px;
    height: 35px;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.privacy-popup-close img {
    width: 40px;
    height: 40px;
    object-fit: contain;
}

.privacy-popup-close:hover {
    opacity: 0.7;
}

.privacy-popup-content {
    padding: 28px;
    overflow-y: auto;
    font-size: 16px;
    line-height: 1.7;
    color: #4b5563;
}

.privacy-popup-content p {
    margin: 0 0 20px;
}

.privacy-popup-content p:last-child {
    margin-bottom: 0;
}

.privacy-popup-content ul {
    padding-left: 22px;
    margin: 15px 0 20px;
}

.privacy-popup-content li {
    margin-bottom: 8px;
}

.privacy-popup-content li::marker {
    color: #4b5563;
}

.privacy-popup-footer {
    padding: 18px 28px;
    border-top: 1px solid #eee;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.privacy-back-btn {
    border: 0;
    background: transparent;
    color: #1353E9;
    font-size: 20px;
    font-weight: 600;
    cursor: pointer;
    padding: 5px 0;
}

.privacy-back-btn:hover {
    text-decoration: underline;
}

body.popup-open {
    overflow: hidden;
}


/* MOBILE */
@media (min-width:180px) and (max-width:767px){
	.mm-top{margin-top:0px}
	.energy-sidebar {position: relative !important;top: auto !important;left: auto !important;bottom: auto !important;width: 100% !important;}
	.energy-sidebar.is-fixed {position: relative !important;top: auto !important;left: auto !important;width: 100% !important;}
	.energy-sidebar.is-bottom {position: relative !important;top: auto !important;left: auto !important;bottom: auto !important;width: 100% !important;}
	.energy-sidebar {position: relative !important;}
	.footer_nav2{float:none!important;margin-top:15px}
	.sptitle{font-size:36px}
	.home_scal{scale:1.1;margin-top:50px}
	.f_56{font-size:40px}
	.f_48{font-size:38px}
	.m_mt0{margin-top:0!important}
	.divider{width:0}
	.mrbb{border-bottom:1px solid #EBEBEB;padding-bottom:28px}
	.mmt_5{margin-top:26px}
	.icon-circle{margin-bottom:0}
	.feature-card{gap:20px}
	.f_32{font-size:19px}
	.mmt-3{margin-top:30px}
	.h_730{height:auto;margin-top:20px}
	.icon-box-img{height:auto}
	.step-box{height:auto;padding:20px!important}
	.report-box{padding:25px 0 0 25px!important;border-left:3px solid #9ac656;border-radius:0}
	.imgg{scale:1.5}
	.mm_0{margin:0;padding-top:20px}
	.btn-x{text-align:center!important}
	.ba_box-img{padding:0 20px;height:60px;margin-bottom:20px}
	.tab_btn{padding:10px 12px;font-size:16px;margin-right:20px}
	.custom-pill-menu{width:100%;flex-direction:column;border-radius:20px;gap:5px}
	.pill-item{padding:12px 20px;text-align:center;font-size:14px}
	.left-images,.right-images{display:none!important}
	.section-divider{gap:10px}
	.section-divider .title{font-size:18px}
	.section-divider .right-img{display:none}
	.div_line{width:auto;height:1px}
	.f_38{font-size:24px}
	.box_color{margin-top:20px}
	.bottom-new-box{padding:30px 0 0}
	.f_40{font-size:30px}
	.f_52{font-size:40px}
	.box_home{flex-direction:column;align-items:flex-start;}
	.box_home-icon{width:100%;display:flex;justify-content:flex-start}
	.box_home-text{font-size:18px;max-width:100%}

	.opti-timeline::before{left:47px;top:38px;bottom:250px}
	.opti-timeline::after{left:17px;top:65px;bottom:258px}
	.opti-item{margin-bottom:14px;min-height:135px}
	.opti-number{width:34px;height:34px;font-size:16px;transform:translateY(-100px)}
	.opti-dot{width:14px;height:14px;left:40px;top:15%}
	.opti-connector{left:47px;width:40px;top:15%}
	.opti-card{flex-direction:column;align-items:flex-start;text-align:left;padding:16px 13px}
	.opti-icon{width:38px;height:38px;min-width:38px;margin:0 0 9px}
	.opti-content{width:100%;flex:none;text-align:left}
	.opti-title{font-size:17px;margin:0 0 6px;text-align:left}
	.opti-description{font-size:13px;line-height:1.45;margin:0;text-align:left}
	.opti-arrow{width:32px;height:32px;min-width:32px;margin:10px 0 0;align-self:flex-start}

	.bottom-box{padding:30px}
	.email-boxx{margin-left:0}
	.section-1{padding:30px 0 0}
	.ddd{margin:15px}
	.box_color{height:auto;}
	.image-wrapper-footer .h_540{max-width:270px;width:100%;height:400px}
	.result-banner{flex-direction:column;align-items:flex-start;padding:20px}
	.result-text{font-size:18px}
	.result-btn{width:100%}
	.box_color{padding:25px 15px;border-radius:20px;margin-top:40px}
	.image-bg-footer{height:auto;padding:20px 10px;overflow:hidden}
	.image-wrapper-footer{width:100%;max-width:320px}
	.image-wrapper-footer .h_730{width:100%;height:auto}
	.overlay-image-footer{width:186px;right:-20px;top:38px}
	.belief-list li{font-size:14px}
	.report_f_button{display:flex;padding:6px;justify-content:center;align-items:center;gap:10px;border-radius:100px;background:#D8E3DB;
	color:#FFF;font-size:18px;width:190px;position:fixed;bottom:20px;left:20px;z-index:99999;cursor:pointer;}
	.report_img{width:40px;height:40px;object-fit:contain;display:block}
	.report_f_button:hover{background:#3C9757;transform:translateY(-3px);color:#fff}

	.case-container .row{margin-left:0;margin-right:0}
	.case-container .col-md-4{width:100%;padding-left:0;padding-right:0;margin-bottom:22px}
	.case-card{padding:25px 22px 28px}
	.case-building{height:100px}
	.case-card h3{font-size:22px}
	.stat-value{font-size:23px}

	.vision{margin:auto;padding:20px 0}
	.journey-card{padding:30px}
	.journey-badge{left:70%;top:-25px;padding:10px 20px;font-size:16px;white-space:nowrap}
	.journey-card h2{font-size:28px}
	.journey-card h3{font-size:22px}
	.journey-card p{font-size:18px}
	.journey-btn{position:relative;right:auto;left:50%;bottom:0;transform:translateX(-50%);margin-top:20px;font-size:14px;white-space:nowrap;}
	.top-links{flex-direction:column;align-items:flex-start}
	.divider{display:none}
	.vision-section h1{font-size:46px}
	.vision-section p{font-size:20px}
	.journey-section{padding:20px 0}
	.energy-card{width:100%;min-height:auto;padding:28px 24px;border-radius:28px}
	.energy-card h2{font-size:26px}
	.energy-card .description{font-size:19px}
	.energy-list li{font-size:15px}

	.visibility-card {min-height: auto;padding: 10px 20px 35px;border-radius: 28px;}
	.visibility-list {gap: 25px;}
	.visibility-item {gap: 12px;}
	.explore-btn {width: 280px;max-width: 100%;}
	.visibility-text {font-size: 18px;line-height: 1.4;padding-top: 7px;} 
	.compare-switch {display:flex;flex-direction:column;width:100%;gap:12px;padding:10px;border-radius:20px;}
	.switch-item{width:100%;padding:18px 15px;border-radius:20px;}

	.complexity-top {display: block;}
	.complexity-title {max-width: 100%;margin-bottom: 28px;line-height: 1.2;letter-spacing: -0.5px;}
	.complexity-intro {max-width: 100%;margin-left: 0;}
	.complexity-intro p {margin-bottom: 18px;line-height: 1.5;}
	.complexity-process {margin-top: 55px;}
	.process-row {display: block;}
	.process-item {width: 100%;padding-left: 15px;padding-right: 15px;margin-bottom: 65px;}
	.process-line {display: none;}
	.step-pill {width: 100px;height: 48px;margin-bottom: 20px;}
	.process-item h3 {min-height: auto;margin-bottom: 30px;line-height: 1.3;}
	.process-icon {width: 72px;height: 72px;margin-bottom: 28px;}
	.process-icon img {width: 40px;height: 40px;}
	.process-item p {max-width: 100%;line-height: 1.55;}

	.simple-slider {width: 100%;max-width: 100%;overflow: hidden;box-sizing: border-box;}
	.slider-track {width: 100%;gap: 0;box-sizing: border-box;}
	.slide-card {flex: 0 0 100%;min-width: 100%;max-width: 100%;width: 100%;margin: 0;padding: 25px 20px;border: 1px solid #dce1eb;border-radius: 20px;box-sizing: border-box;}
	.slide-card h2 {font-size: 20px;line-height: 1.3;margin-bottom: 18px;}
	.slide-card h3 {font-size: 16px;line-height: 1.4;padding: 12px 14px;}
	.slide-card hr {margin: 18px 0;}
	.slide-card p {font-size: 16px;line-height: 1.65;margin-bottom: 18px;overflow-wrap: break-word;}
	.slide-card ul {padding-left: 22px;padding-right: 0;margin-bottom: 22px;}
	.slide-card li {font-size: 16px;line-height: 1.65;overflow-wrap: break-word;}
	.slider-btn {max-width: 100%;padding: 8px 16px;font-size: 14px;white-space: normal;}
	.slider-navigation {width: 100%;max-width: 100%;gap: 15px;margin-top: 20px;}
	.slider-arrow {width: 48px;height: 48px;font-size: 20px;}
	.line-box img {right: -100px;width: 100px;height: auto;}
	.line-box {width: 70%;}
	.problem {margin-top: -55px;}
	.discovery {margin-top: 0px;min-height: auto;}
	.Impact {margin-top: 0px;}
	.Shift {margin-top: 0px;}
	.hanna-card { padding: 10px;} 
	.hanna-title {font-size: 26px;}
	.energy-loss-wrapper {row-gap: 15px;}
	.loss-summary-card {flex-direction: column;gap: 10px;padding: 12px;}
	.summary-content,.chart-box {width: 100%;}
	.summary-content {padding: 12px 8px;}
	.summary-number > span {font-size: 34px;}
	.summary-number div {font-size: 14px;}
	.summary-content p {font-size: 13px;}
	.chart-box {min-height: 230px;}
	.detected-card {padding: 18px 12px;}
	.loss-name {font-size: 12px;}
	.progress {height: 19px;}
	.loss-info-card {padding: 22px 18px;gap: 12px;}
	.loss-info-card h3 {font-size: 17px;}
	.info-icon {min-width: 38px;height: 38px;}
	.info-icon img {width: 35px;height: 35px;} 
	.mt-5, .mb-5 { margin-top: 1.25rem !important; margin-bottom: 1.25rem !important; }
	.mt-4, .mb-4 { margin-top: 1rem !important; margin-bottom: 1rem !important; }
	.mt-3, .mb-3 { margin-top: 0.75rem !important; margin-bottom: 0.75rem !important; }
	.mt-2, .mb-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; }

	.energy-sidebar-col {display: none;}

	.report_f_button {display: flex;align-items: center;justify-content: center;}
	.sensor-card,
	.sensor-card-1 {height: auto;min-height: 235px;flex-direction: column;align-items: flex-start;padding: 20px;gap: 0;border-radius: 25px;} 
	.sensor-icon-box { width: auto; min-width: 0; flex-direction: row;align-items: center; gap: 14px; margin-bottom: 20px;} 
	.sensor-icon { width: 56px; height: 56px;flex: 0 0 56px;} 
	.sensor-label {font-size: 21px; text-align: left !important;} 
	.sensor-content {width: 100%;} 
	.sensor-content h3 {font-size: 19px !important;line-height: 1.35; margin-bottom: 12px;} 
	.sensor-content p {font-size: 16px !important;line-height: 1.5;} 
	.sensor-arrow {width: 42px;height: 42px; flex: 0 0 42px;margin-top: 22px;margin-bottom: 0;} 
	.sensor-card-1.mt-4 {margin-top: 20px !important;}

	.timeline-wrapper{position:relative; margin-bottom:0;}
	.timeline-main:before{display:none;}
	.timeline-main{position:relative;padding-left:30px;}
	.timeline-item{position:relative;padding-bottom:35px;}
	.timeline-item:last-child{padding-bottom:0;}
	.timeline-item:before{left:-29px;top:6px;z-index:3;}
	.timeline-item:after{left:-25px;top:11px;z-index:3;}
	.timeline-wrapper{overflow:visible;}
	.timeline-wrapper:after{content:"";position:absolute;left:6px;top:10px;width:2px;height:0;background:#bfd6ff;}
	.timeline-year-row{position:relative;display:block;}
	.timeline-year-row:before{content:"";position:absolute;left:21px;top:70px;bottom:0;width:2px;background:#bfd6ff;z-index:0;}
	.timeline-year-row > .col-md-5{position:relative;width:100%;z-index:2;}
	.timeline-year-row > .col-md-7{position:relative;width:100%;margin-top:40px;z-index:2;}
	.right-box{position:relative;padding:20px;margin-left:14px;background:#fff;z-index:2;}
	.timeline-year{margin: 25px 0px;}
	.timeline-year span{font-size:18px;padding:5px 13px;}
	.timeline-item-title{font-size:16px;line-height:24px;}
	.timeline-item-description{font-size:14px;line-height:22px;}
	.right-box h4{font-size:18px;line-height:28px;}
	.right-box p{font-size:15px;line-height:26px;}
	.journey-card{border-radius:20px}
	.journey-card h2{font-size:24px}
	.journey-card h3{font-size:20px}
	.journey-card p{font-size:16px}
	.journey-section{padding:20px 0}
	.vision-section{padding:40px 15px}
	.circle{width:48px;height:48px;font-size:18px}
	.back-link{font-size:15px}
	.vision-section h1{font-size:38px}
	.vision-section p{font-size:18px;line-height:1.7}
	.image-wrapper-footer{max-width:280px}
	.overlay-image-footer{width:189px;right:-36px;top:0}
	.case-card{padding:22px 18px 25px}
	.case-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
	.case-stat{padding:0 4px}
	.stat-value{font-size:19px}
	.stat-label{font-size:10px}
	.progress-chart,.roi-icon,.energy-icon{width:23px;height:23px;min-width:23px}
	.progress-chart:after{width:16px;height:16px}
	.percent{font-size:13px}
	.stat-unit{font-size:9px}
	.energy-card{padding:24px 18px}
	.energy-card h2{font-size:24px}
	.energy-card .description{font-size:18px}
	.report-card{padding:28px 22px}
	.report-preview{width:180px;height:240px}
	.report-card h2{font-size:19px}
	.report-card{padding:28px 22px}
	.report-preview{width:180px;height:240px}
	.report-card h2{font-size:19px}
	.top-links{flex-direction:column;align-items:flex-start}
	.divider{display:none}
	.vision-section h1{font-size:46px}
	.vision-section p{font-size:20px}
	.vision{margin:auto;padding:20px 0}
	.journey-card{padding:30px}
	.journey-badge{font-size:20px;padding:12px 24px;left:70%;top:-25px;transform:translateX(-50%);padding:10px 20px;font-size:16px;white-space:nowrap}
	.journey-card h2{font-size:28px}
	.journey-card h3{font-size:22px}
	.journey-card p{font-size:18px}
	.journey-btn{position:relative;right:auto;left:50%;bottom:0;transform:translateX(-50%);margin-top:20px;font-size:14px;white-space:nowrap}
	.journey-card{border-radius:20px}
	.journey-card h2{font-size:24px}
	.journey-card h3{font-size:20px}
	.journey-card p{font-size:16px}
	.journey-section{display:flex;justify-content:center;padding:20px 0}
	.vision-section{padding:40px 15px}
	.circle{width:48px;height:48px;font-size:18px}
	.back-link{font-size:15px}
	.vision-section h1{font-size:38px}
	.vision-section p{font-size:18px;line-height:1.7}
	.energy-card{width:100%;min-height:auto;padding:28px 24px;border-radius:28px}
	.energy-card h2{font-size:26px}
	.energy-card .description{font-size:19px}
	.energy-list li{font-size:15px}
	.image-wrapper-footer{max-width:280px}
	.overlay-image-footer{width:189px;right:-36px;top:0}
	.energy-card{padding:24px 18px}
	.energy-card h2{font-size:24px}
	.energy-card .description{font-size:18px}
	.report-card{padding:28px 22px}
	.report-preview{width:180px;height:240px}
	.report-card h2{font-size:19px}
	.report-card{padding:28px 22px}
	.report-preview{width:180px;height:240px}
	.report-card h2{font-size:19px}
	.case-container .row{margin-left:0;margin-right:0}
	.case-container .col-md-4{width:100%;padding-left:0;padding-right:0;margin-bottom:22px}
	.case-card{padding:25px 22px 28px}
	.case-card h3{font-size:16px}
	.stat-value{font-size:23px}
	.stat-label{font-size:12px}
	.case-card{padding:22px 18px 25px}
	.case-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
	.case-stat{padding:0 4px}
	.stat-value{font-size:19px}
	.stat-label{font-size:10px}
	.progress-chart,.roi-icon,.energy-icon{width:23px;height:23px;min-width:23px}
	.progress-chart:after{width:16px;height:16px}
	.percent{font-size:13px}
	.stat-unit{font-size:9px}
	.about-wrapper{height:auto;overflow:visible;}
	.about-wrapper .col-md-4{height:auto;position:static;overflow:visible;}
	.about-wrapper .col-md-8{height:auto;overflow:visible;padding-bottom:0;scroll-behavior:auto;}
	.bottom-box{padding:30px}
	.email-boxx{margin-left:0}
	.section-1{padding:30px 0 0}
	.ddd{margin:15px}
	.image-wrapper-footer .h_540{max-width:270px;width:100%;height:400px;position:relative;z-index:5}
	.result-banner{flex-direction:column;align-items:flex-start;padding:20px}
	.result-text{font-size:18px}
	.result-btn{width:100%}
	.box_color{padding:25px 15px;border-radius:20px;margin-top:40px}
	.image-bg-footer{height:auto;padding:20px 10px;overflow:hidden}
	.image-wrapper-footer{width:100%;max-width:320px}
	.image-wrapper-footer .h_730{width:100%;height:auto}
	.overlay-image-footer{width:186px;right:-20px;top:38px}
	.belief-list li{font-size:14px}
	.report_f_button{display:flex;padding:6px;justify-content:center;align-items:center;gap:10px;border-radius:100px;background:#D8E3DB;color:#FFF;font-size:18px;width:190px;position:fixed;bottom:20px;left:20px;z-index:99999;cursor:pointer}
	.report_img{width:40px;height:40px;object-fit:contain;display:block}
	.report_f_button:hover{background:#3C9757;transform:translateY(-3px);color:#fff}
	.bottom-new-box{padding:30px 0 0}
	.f_40{font-size:30px}
	.newsletter-section{padding:40px 15px;}
	.newsletter-title{font-size:32px;margin-bottom:20px;}
	.newsletter-text{font-size:16px;margin-bottom:30px;}
	.newsletter-text br{display:none;}
	.input-boxx{display:block;background:none;border:none;padding:0;}
	.icon-email{display:none;}
	.input-boxx input{width:100%;height:58px;border:1px solid #ddd;border-radius:35px;padding:0 20px;margin-bottom:12px;}
	.input-boxx button{width:190px;height:58px;padding:0;display:block;}
	.input-boxx button:hover{background: #98C355;color: #fff;}
	.privacy-text{font-size:14px;margin-top:20px;}
	.Logo-header-h{display:none;}
	
	.privacy-popup-box {width: calc(100% - 24px);max-height: 90vh;border-radius: 16px;}
    .privacy-popup-header {padding: 18px;}
    .privacy-popup-title {gap: 10px;}
    .privacy-popup-icon {width: 40px;height: 40px;}
    .privacy-popup-header h3 {font-size: 18px;}
    .privacy-popup-close {width: 30px;height: 30px;}
    .privacy-popup-content {padding: 20px 18px;font-size: 15px;}
    .privacy-popup-footer {padding: 15px 18px;}
	.box-p-m{padding: 20px 15px !important;}
	
	 

}

@media (min-width:768px) and (max-width:1100px){
	.energy-sidebar.is-fixed {position: fixed;top: 100px;z-index: 99;}
	.energy-sidebar.is-bottom {position: absolute;left: 0;bottom: 0;width: 100%;}
	.sptitle{font-size:40px}
	.home_scal{scale:1.1;margin-top:50px}
	.f_56{font-size:38px}
	.container{max-width:1200px!important}
	.f_48{font-size:36px}
	.step-box{min-height:323px;height:auto;padding:25px!important}
	.icon-circle{margin-bottom:10px}
	.feature-card{gap:25px;flex-wrap:wrap}
	.f_32{font-size:24px}
	.mmt-3{margin-top:40px}
	.h_730{height:auto;margin-top:30px}
	.icon-box-img{height:auto;max-width:80%}
	.report-box{padding:40px 20px 10px!important;border-left:4px solid #9ac656;border-radius:6px}
	.imgg{transform:scale(1.2)}
	.css_btn{padding:13px 21px;margin:15px}
	.text-right{text-align:center}
	.ba_box-img{padding:0 20px;height:60px;margin-bottom:20px}
	.bottom-box{padding:10px}
	.email-boxx{margin-left:0}
	.top-links{gap:20px}
	.opti-timeline::before{left:48px}
	.opti-dot{left:40px}
	.opti-connector{left:48px;width:30px}
	.opti-card{margin-left:40px;width:calc(100% - 80px)}
	.vision-section h1{font-size:58px}
	.vision-section p{font-size:24px}
	.box_color{height:auto;padding:40px 20px;margin-top:60px}
	.image-bg-footer{height:auto;padding:30px 15px;justify-content:center;align-items:center;overflow:hidden}
	.image-wrapper-footer{width:100%;max-width:420px;margin:0 auto}
	.image-wrapper-footer .h_730{width:100%;height:auto;max-width:100%}
	.overlay-image-footer{width:180px;right:0;top:0}
	.case-container .col-md-4{width:50%}
	.problem {margin-top: -80px;}
	.discovery {margin-top: -80px;min-height: auto;}
	.Impact {margin-top: 0px;}
	.Shift {margin-top: 0px;}
	.ml-3{font-size:20px;}

	.complexity-title {line-height: 1.2;}
	.complexity-intro {margin-left: 0;}
	.process-item h3 {min-height: 80px;}
	.process-item p {padding: 0 10px;}
	.process-line {top: 235px;}
	.timeline-wrapper{margin-bottom:40px;}
	.right-box{margin-top:40px;}
	.vision-section h1{font-size:58px}
	.vision-section p{font-size:24px}
	.top-links{gap:20px}
	.opti-timeline::before{left:48px}
	.opti-dot{left:40px}
	.opti-connector{left:48px;width:30px}
	.opti-card{margin-left:40px;width:calc(100% - 80px)}
	.case-container .col-md-4{width:50%}
	.box_color{height:auto;padding:40px 20px;margin-top:60px}
	.image-bg-footer{height:auto;padding:30px 15px;justify-content:center;align-items:center;overflow:hidden}
	.image-wrapper-footer{width:100%;max-width:420px;margin:0 auto}
	.image-wrapper-footer .h_730{width:100%;height:auto;max-width:100%}
	.overlay-image-footer{width:180px;right:0;top:0}
}

@media (min-width:1101px) and (max-width:1400px){

	.energy-sidebar.is-fixed {position: fixed;top: 100px;z-index: 99;}
	.energy-sidebar.is-bottom {position: absolute;left: 0;bottom: 0;width: 100%;}
	.home_scal{scale:1.1}
	.container{max-width:1200px!important}
	.img_p_r{right:0!important}
	.see_w b{margin-bottom:16px;display:block}
	.see_w .css_btn{margin-left:15px}
	.home_scal{scale:1.2}
	.img_p_r{right:0!important}
	.energy-card {
	padding: 18px 12px;
	border: 1px solid #dce1eb;
	border-radius: 22px;
	background: #fff;
	}

	.energy-card h2 {
	margin: 0 0 8px;
	font-size: 20px;
	line-height: 1.3;
	}

	.energy-card .description {
	margin: 0 0 9px;
	font-size: 14px;
	line-height: 1.4;
	}

	.energy-list {
	display: flex;
	flex-direction: column;
	gap: 4px;
	margin: 0;
	padding: 0;
	list-style: none;
	}

	.energy-list li {
	display: inline-flex;
	align-items: center;
	min-height: 25px;
	padding: 2px 8px 2px 3px;
	border-radius: 20px;
	font-size: 12px;
	}

	.energy-list .check-item {
	display: flex;
	align-items: center;
	gap: 5px;
	}

	.energy-list .check-icon {
	width: 20px;
	height: 20px;
	flex: 0 0 20px;
	}

	.energy-list .check-icon img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: contain;
	}

	.report-card {
	margin-top: 8px !important;
	padding: 10px 12px;
	border-radius: 22px;
	background: #f2f9f3;
	}

	.report-card > img {
	height: 105px;
	display: block;
	object-fit: contain;
	}

	.report-card h1 {
	margin: 6px 0 7px !important;
	font-size: 14px !important;
	line-height: 1.35 !important;
	}

	.report-card .vision-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 7px 15px;
	border-radius: 100px;
	background: #55B86A;
	border: 1px solid #55B86A;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
	}
	}

	@media (min-width:1401px) and (max-width:2500px){
	.container{max-width:1200px!important}	
	.energy-sidebar.is-fixed {position: fixed;top: 100px;z-index: 99;}
	.energy-sidebar.is-bottom {position: absolute;left: 0;bottom: 0;width: 100%;}
	.energy-card {
	padding: 18px 12px;
	border: 1px solid #dce1eb;
	border-radius: 22px;
	background: #fff;
	}

	.energy-card h2 {
	margin: 0 0 8px;
	font-size: 20px;
	line-height: 1.3;
	}

	.energy-card .description {
	margin: 0 0 9px;
	font-size: 14px;
	line-height: 1.4;
	}

	.energy-list {
	display: flex;
	flex-direction: column;
	gap: 4px;
	margin: 0;
	padding: 0;
	list-style: none;
	}

	.energy-list li {
	display: inline-flex;
	align-items: center;
	min-height: 25px;
	padding: 2px 8px 2px 3px;
	border-radius: 20px;
	font-size: 12px;
	}

	.energy-list .check-item {
	display: flex;
	align-items: center;
	gap: 5px;
	}

	.energy-list .check-icon {
	width: 20px;
	height: 20px;
	flex: 0 0 20px;
	}

	.energy-list .check-icon img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: contain;
	}

	.report-card {
	margin-top: 8px !important;
	padding: 10px 12px;
	border-radius: 22px;
	background: #f2f9f3;
	}

	.report-card > img {
	height: 105px;
	display: block;
	object-fit: contain;
	}

	.report-card h1 {
	margin: 6px 0 7px !important;
	font-size: 14px !important;
	line-height: 1.35 !important;
	}

	.report-card .vision-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 7px 15px;
	border-radius: 100px;
	background: #55B86A;
	border: 1px solid #55B86A;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
	}
}



/* QA: keep the 'More about Opti-mized' pill inside 1280-1440px laptop viewports */
@media (min-width:1200px) and (max-width:1440px){.journey-btn{right:-8%;}}