body{margin:0;padding:0;color:var(--text-color);font-size:var(--text-font-size);font-family:var(--font-text);font-weight:var(--font-text-weight);letter-spacing:var(--font-text-spacing);line-height:var(--font-text-line-height);}
h1,h2,h3{font-family:var(--font-title);font-weight:var(--font-title-weight);text-transform:var(--font-title-transform);letter-spacing:var(--font-title-spacing);line-height:var(--font-title-line-height);}

*{box-sizing:border-box;}

.section{width:100%;}
	.section-light{background-color:var(--bg-light-color);}
	.section-medium{background-color:var(--bg-medium-color);}
	.section-dark{background-color:var(--bg-dark-color);}

.wrapper{max-width:1250px;margin:0 auto;display:flex;flex-wrap:wrap;padding:0;position:relative;}
	.wrapper-fullwidth{max-width:100%;}
	.wrapper-small{padding:calc(3px * var(--padding-multiplier)) 0;}
	.wrapper-medium{padding:calc(5px * var(--padding-multiplier)) 0;}
	.wrapper-big{padding:calc(8px * var(--padding-multiplier)) 0;}

.col h2{margin-top:10px;font-size:var(--h2-font-size);}
.col-1{width:100%;}
.col-2{width:50%;}
.col-3{width:33.33%;}
.col-4{width:25%;}
.col-5{width:20%;}
.col-6{width:16.66%;}

.bg-img-1{background:var(--bg-1) no-repeat center;background-size:cover;}
.bg-img-2{background:var(--bg-2) no-repeat center;background-size:cover;}
.bg-img-3{background:var(--bg-3) no-repeat center;background-size:cover;}
.bg-img-4{background:var(--bg-4) no-repeat center;background-size:cover;}
.bg-img-5{background:var(--bg-5) no-repeat center;background-size:cover;}
.bg-img-6{background:var(--bg-6) no-repeat center;background-size:cover;}
.bg-img-fixed{background-attachment:fixed;}

.txt-light-on{color:var(--text-color-on-dark);position:relative;}
	.txt-light-on::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,0.5);z-index:0;}
.txt-dark-on{color:var(--text-color);position:relative;}
	.txt-dark-on::before{content:"";position:absolute;inset:0;background:rgba(255,255,255,0.75);z-index:0;}

.box{background:#fff;border:1px solid var(--bg-dark-color);padding:calc(2px * var(--padding-multiplier));margin:10px;height:100%;text-align:justify;color:var(--text-color);position:relative;overflow:hidden;}
	.box .bg-img-wrapper{position:relative;width:100%;height:200px;}
	.box .bg-img{position:absolute;width:100%;height:100%;z-index:1;}
	.box .bg-img-full{margin-top:calc(var(--box-pad, 20px) * -1);margin-left:calc(var(--box-pad, 20px) * -1);margin-right:calc(var(--box-pad, 20px) * -1);margin-bottom:20px;width:calc(100% + (var(--box-pad, 20px) * 2));}
	.box .bg-img-full .bg-img{border-bottom-left-radius:0;border-bottom-right-radius:0;}
	.box-1{--box-pad:calc(2px * var(--padding-multiplier));padding:calc(2px * var(--padding-multiplier));margin:10px;border-radius:0;}
	.box-2{--box-pad:calc(3px * var(--padding-multiplier));padding:calc(3px * var(--padding-multiplier));margin:18px;border-radius:calc(1.2px * var(--radius-multiplier));}
	.box-3{--box-pad:calc(2.4px * var(--padding-multiplier));padding:calc(2.4px * var(--padding-multiplier));margin:10px;border-radius:24px;}
	.box-4{--box-pad:calc(2px * var(--padding-multiplier));padding:calc(2px * var(--padding-multiplier));margin:12px;border-radius:0;border:1px solid var(--bg-dark-color);box-shadow:0 8px 20px rgba(0,0,0,0.06);}
	.box-5{--box-pad:calc(2.8px * var(--padding-multiplier));padding:calc(2.8px * var(--padding-multiplier));margin:14px;border-radius:calc(1.6px * var(--radius-multiplier));border:1px solid var(--bg-dark-color);box-shadow:0 12px 30px rgba(0,0,0,0.08);background:linear-gradient(180deg,#ffffff 0%,#fafafa 100%);}
	.box-6{--box-pad:calc(2.2px * var(--padding-multiplier));padding:calc(2.2px * var(--padding-multiplier));margin:10px;border-radius:calc(1.5px * var(--radius-multiplier));border:1px solid var(--bg-dark-color);border-left:5px solid var(--primary-color);}

.btn{display:inline-block;padding:calc(1.2px * var(--padding-multiplier)) calc(2.4px * var(--padding-multiplier));font-size:var(--box-font-size);font-weight:600;text-decoration:none;border:none;cursor:pointer;transition:all 0.3s ease;margin:10px 0;text-transform:var(--font-btn-transform);font-size:var(--btn-font-size);}
	.btn-1{background:var(--bg-mega-dark-color);color:var(--text-color-on-dark);border-radius:calc(0.8px * var(--radius-multiplier));}
	.btn-1:hover{opacity:0.8;transform:translateY(-2px);}
	.btn-2{background:var(--bg-mega-dark-color);color:var(--text-color-on-dark);border-radius:calc(3px * var(--radius-multiplier));}
	.btn-2:hover{transform:scale(1.05);box-shadow:0 0 10px var(--text-color);}
	.btn-3{background:transparent;color:var(--text-color);border:2px solid var(--text-color);border-radius:calc(0.6px * var(--radius-multiplier));}
	.btn-3:hover{background:var(--text-color);color:var(--bg-light-color);}
	.btn-4{background:var(--bg-light-color);color:var(--primary-color);border:1px solid var(--primary-color);border-radius:calc(0.8px * var(--radius-multiplier));box-shadow:0 0 10px var(--primary-color);}
	.btn-4:hover{box-shadow:0 0 20px var(--primary-color),0 0 40px var(--primary-color);}
	.btn-5{background:var(--bg-light-color);color:var(--text-color);border-radius:calc(1.2px * var(--radius-multiplier));box-shadow:0 0 5px var(--text-color);}
	.btn-5:hover{transform:translateY(-3px);box-shadow:0 0 10px var(--text-color);}
	.btn-6{background:var(--bg-dark-color);color:var(--text-color);border-radius:calc(1.2px * var(--radius-multiplier));box-shadow:0 0 5px var(--text-color);}
	.btn-6:hover{transform:translateY(-3px);box-shadow:0 0 10px var(--text-color);}

.icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;font-size:calc(2.8px * var(--icon-size-multiplier));margin:12px;transition:all 0.3s ease;cursor:pointer;vertical-align:middle;}
	.icon-1{color:var(--text-color-on-dark);background:var(--bg-mega-dark-color);padding:calc(1.8px * var(--padding-multiplier));border-radius:50%;}
	.icon-1:hover{transform:scale(1.1);}
	.icon-2{color:var(--text-color);border:2px solid var(--text-color);padding:calc(1.6px * var(--padding-multiplier));border-radius:calc(1px * var(--radius-multiplier));}
	.icon-2:hover{background:var(--bg-mega-dark-color);color:var(--text-color-on-dark);}
	.icon-3{background:var(--primary-color);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:calc(4px * var(--icon-size-multiplier));}
	.icon-3:hover{transform:rotate(-10deg) scale(1.15);}
	.icon-4{color:var(--primary-color);text-shadow:0 0 8px #facc15;}
	.icon-4:hover{text-shadow:0 0 15px var(--primary-color),0 0 30px var(--primary-color);}
	.icon-5{color:var(--primary-color);background:var(--bg-dark-color);padding:calc(1.8px * var(--padding-multiplier));border-radius:calc(1.2px * var(--radius-multiplier));box-shadow:0 6px 12px var(--bg-medium-color);}
	.icon-5:hover{transform:translateY(-4px);}
	.icon-6{color:var(--primary-color);font-size:calc(3.8px * var(--icon-size-multiplier));}
	.icon-6:hover{transform:rotate(180deg);}

.separator{border:0;border-bottom:1px solid var(--bg-dark-color);margin:15px auto;width:100%;}
	.separator-medium{width:60%;}
	.separator-small{width:30%;}

.content-wrapper-small{padding:calc(3px * var(--padding-multiplier));max-width:400px;margin:auto;}
.content-wrapper-medium{padding:calc(5px * var(--padding-multiplier));max-width:600px;margin:auto;}
.content-wrapper-big{padding:calc(8px * var(--padding-multiplier));max-width:800px;margin:auto;}

.center{text-align:center;}
.radius{border-radius:calc(1.5px * var(--radius-multiplier));}

@media(max-width:900px){
	.col-2,.col-3,.col-4,.col-5,.col-6{width:50%;}
}
@media(max-width:600px){
	.bg-img-1,.bg-img-2{min-height:200px;}
	.col{padding:calc(1px * var(--padding-multiplier));}
	.col-1,.col-2,.col-3,.col-4,.col-5,.col-6{width:100%;}
}