.box-ico{width:60px;height:60px;border-radius:50%;background:var(--main-color2);padding:5px;text-align:center;line-height:50px}
.box-ico img{width:40px}
.mtminus{margin-top:-30px}
.d-sukanto{display:flex;align-items:center;padding:20px;border-radius:12px;background:var(--black-color);color:#fff;gap:10px;height:100%;line-height:1.4}
.d-sukanto p{color:var(--whiteColor);opacity:.8}
@media(max-width:1199px) {
.d-sukanto{padding:15px}
}
@media(max-width:575px) {
.d-sukanto{flex-flow:column;justify-content:center;align-items:center;padding:10px 1px;text-align:center;font-size:15px}
.d-sukanto p{font-size:15px}
}
.gasoline h2{font-size:36px;line-height:1.1;margin-bottom:20px;padding-bottom:15px;}
.gasoline h3{font-size:30px;line-height:1.1;margin-bottom:20px;padding-bottom:15px;}
@media(max-width:1199px){
.gasoline h2{font-size:32px}
.gasoline h3{font-size:26px}
}
@media(max-width:991px){
.gasoline h2{font-size:30px}
.gasoline h3{font-size:24px}
}
@media(max-width:767px){
.gasoline h2{font-size:28px}
.gasoline h3{font-size:20px}
}
@media(max-width:575px){
.gasoline h2{font-size:24px}
.gasoline h3{font-size:18px}
}

.gasoline h2, .gasoline h3{margin-bottom:20px;padding-bottom:15px;}
.gasoline h3{margin-top:20px;}
.gasoline h2::after,.gasoline h3::after{position:relative;display:block;width:80px;height:4px;background:var(--main-color);content:'';top:15px}
.gasoline p+p{margin-top:20px}
.darj h2,.darj h3{color:var(--whiteColor)}
.darj p{color:var(--whiteColor)}
.undertheweather{max-height:350px;overflow:auto}
.undertheweather h3{font-size:20px;margin-bottom:5px;}
.gasoline ul li{position:relative;padding-left:25px;margin:5px 0;font-weight:500;}
.gasoline ul li::before{content:"";position:absolute;left:0;top:5px;width:16px;height:16px;background-repeat: no-repeat;background-size: contain;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8'/%3E%3C/svg%3E");}

.gasoline.darj ul{margin:15px 0 30px;}
.gasoline.darj ul li{display:inline-block;min-width:30%;}
.gasoline.darj ul li::before{background-size: contain;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8'/%3E%3C/svg%3E");}

.keka{transition:var(--transition);}
.bubla:hover .keka{color:var(--whiteColor);}

.box-ico{width:60px;height:60px;border-radius:50%;background:var(--main-color3);padding:3px;text-align:center;line-height:48px;position:relative;}
.box-ico svg{width:44px;fill:var(--whiteColor);}
.boxerr::before,.boxerr::after{content:'';position:absolute;height:50%;width:5px;background-color:var(--main-color2);transform:rotate(-20deg);opacity:.03}
.boxerr::before{left:40%;top:5%;width:6px;}
.boxerr::after{right:40%;top:0%;height:80%;}

.jhuggi::before{content:'';position:absolute;right:0;bottom:0%;width:50%;height:50%;background-color:var(--main-color);z-index:-1;border-radius:10px;}

@media(min-width:992px){
.beyond::before,.beyond::after{content:'';position:absolute;height:120%;width:5px;background-color:var(--main-color2);transform:rotate(20deg);opacity:.1;z-index:-1}
.beyond::before{left:70%;top:-10%;}
.beyond::after{left:75%;top:-10%;}
}