/* Change 2025/07/24 */ /*-------------------------------------------------*/
/*	4	Box-1-2-3 NEWWWWWWWWWWWWWWWWWW
/*-------------------------------------------------------------------------*/

/*	TEMPLATE .DTW
/*-------------------------------------------------------------------------*/

/*
article {width:calc(100% - 350px); overflow: hidden}
aside {width: 300px; float: right; flex: 2;}*/
/*_____________________________ Scrollbar  
***************************** /*
це козел, але це мій засранець, я до нього звикла

Я прагну нового, розвитку - ти ж нового боїшся!

не хочу припиняти стосунки, але на мою думку, вони не реальні з твоєї сторони.

Фізика - ти її бачила, і була готова. І ще хто сказав що фізика не важлива і для мене.

Ти хочеш свободи і дій одночасно...

все по колу

ціную та захоплююсь твоєю щирістю, будь 
/*
.sq20 {padding:0 0 20%;}
.sq25 {padding:0 0 25%;}
.sq30 {padding:0 0 30%;}
.sq33 {padding:0 0 33%;}
.sq50 {padding:0 0 50%;}
.sq66 {padding:0 0 66%;}
.sq75 {padding:0 0 75%;}
.sq80 {padding:0 0 80%;}
.sq100 {padding:0 0 calc(100% - var(--sq-bor)*2);}
.sq120 {padding:0 0 calc(120% - var(--sq-bor)*2);}
.sq140 {padding:0 0 calc(140% - var(--sq-bor)*2);}
.sq150 {padding:0 0 calc(150% - var(--sq-bor)*2);}
.sq160 {padding:0 0 calc(160% - var(--sq-bor)*2);}
.sq180 {padding:0 0 calc(180% - var(--sq-bor)*2);}
.sq200 {padding:0 0 calc(200% - var(--sq-bor)*2);}*/
.box-3 .sq20 .box-text {height:calc(100% - var(--sq-pad)/0.2*2); top:calc(var(--sq-pad)/0.2);}
.box-3 .sq25 .box-text {height:calc(100% - var(--sq-pad)/0.25*2); top:calc(var(--sq-pad)/0.25);}
.box-3 .sq30 .box-text {height:calc(100% - var(--sq-pad)/0.3*2); top:calc(var(--sq-pad)/0.3);}
.box-3 .sq33 .box-text {height:calc(100% - var(--sq-pad)/0.33*2); top:calc(var(--sq-pad)/0.33);}
.box-3 .sq50 .box-text {height:calc(100% - var(--sq-pad)/0.5*2); top:calc(var(--sq-pad)/0.5);}
.box-3 .sq66 .box-text {height:calc(100% - var(--sq-pad)/0.66*2); top:calc(var(--sq-pad)/0.6);}
.box-3 .sq70 .box-text {height:calc(100% - var(--sq-pad)/0.7*2); top:calc(var(--sq-pad)/0.7);}
.box-3 .sq80 .box-text {height:calc(100% - var(--sq-pad)/0.8*2); top:calc(var(--sq-pad)/0.8);}
.box-3 .sq100 .box-text {height:calc(100% - var(--sq-pad)/1*2); top:calc(var(--sq-pad));}
.box-3 .sq120 .box-text {height:calc(100% - var(--sq-pad)/1.2*2); top:calc(var(--sq-pad)/1.2);}
.box-3 .sq140 .box-text {height:calc(100% - var(--sq-pad)/1.4*2); top:calc(var(--sq-pad)/1.4);}
.box-3 .sq150 .box-text {height:calc(100% - var(--sq-pad)/1.5*2); top:calc(var(--sq-pad)/1.5);}
.box-3 .sq160 .box-text {height:calc(100% - var(--sq-pad)/1.6*2); top:calc(var(--sq-pad)/1.6);}
.box-3 .sq180 .box-text {height:calc(100% - var(--sq-pad)/1.8*2); top:calc(var(--sq-pad)/1.8);}
.box-3 .sq200 .box-text {height:calc(100% - var(--sq-pad)/2*2); top:calc(var(--sq-pad)/2);}


.box-3 .sq50 .box-text {height:calc(100% - var(--sq-pad)/0.5*2); top:calc(var(--sq-pad)/0.5);}
.box-3 .sq80 .box-text {height:calc(100% - var(--sq-pad)/0.8*2); top:calc(var(--sq-pad)/0.8);}


.column-4 > div, .column-4 > a, .column-4 > p {background-color: rgba(255,0,4,0.4);}
.column-1.center {justify-content:space-around;}
.box-block .icon-svga::after {width:auto; height:auto; padding:calc(1.5/2)}

/* CHANGE & DEL */
.section-button {padding:0.5em 1em; display:block; width:fit-content; border-radius:50px; color:var(--clr-w); background:var(--clr-m); border:2px solid var(--clr-s); margin:var(--margin-top) auto;} 
.desc-button {}
.submit-button {}
/* CHANGE & DEL */ 


/* Для назви цілого блоку в боксі*/
.box-1 > h1, .box-2 > h1, .box-3 > h1, .box-4 > h1 {font-size:1.25em; padding:0 var(--sq-pad); text-transform: none; margin:1em 0;}
.box-3.box-pol > h1 {padding:0 var(--pol-rad);}
    
.box-3 .sq50 .box-text {height:calc(100% - var(--sq-pad)/0.5*2); top:calc(var(--sq-pad)/0.5);}
.box-3 .sq80 .box-text {height:calc(100% - var(--sq-pad)/0.8*2); top:calc(var(--sq-pad)/0.8);}
.has-aside h2 {margin-top: 0}
	grid-3 column-first
	block box-block
	box
center {}




/*	01.4 section
/*-------------------------------------------------------------------------*/
/*C -395 */
/* old to change */
.index-block-title {text-align:center; justify-content:center; font-weight:700; color:#262626; text-transform:none; font-size:2.5em;}
.index-block-text {text-align:center; width:60%; margin:0 auto}
/* old to change */	
.main-article .toc + .w50 p {margin:0}
.section-title {margin-right:8px;}
.section-title & .section-button-top {padding-right:250px}
h3.section-title {font-size:1.125em}
.section-desc {font-weight:600}
.column-full .section-title, .column-full .section-desc {width:calc(1%*var(--wrap)); margin-left:auto; margin-right:auto;}
.column-full .wrap .section-title, .column-full .wrap .section-desc {width:100%;}
.section-desc p {margin:var(--margin-top) 0;}

.section-header {display:flex; justify-content:space-between; margin:1em auto; align-items: center;}
.section-header div {max-width: calc(100% - 200px);}
.section-header div strong {color:var(--clr-m); font-size:2.5em; font-weight:500}
.section-header .btn {margin:0}
.section-sub-title {color:var(--clr-d); text-transform:uppercase; display:flex; align-items:center; font-size:1em; margin-bottom:var(--margin-top);}
.section-sub-title:before {content: ''; display: block; background: var(--clr-s); margin-right:1em; mask: var(--svg-icon-heart) no-repeat center; padding:0.9em}
.section-block, .index-block {position:relative}
.section-block.column-full > div, .index-block.column-full > div {position:relative}

/*	01.4 page-contact
/*-------------------------------------------------------------------------*/
.defoult-icons-block, .contact-link-01, .contact-link-02 {--icon-w:2em; --x-contd-m:calc((var(--icon-w)*1.5 - 1.5em)/2) 0; --x-contd-w:calc(100% - (var(--icon-w)* 1.5 + 1em))}
.defoult-icons-block {display:flex; flex-wrap:wrap; justify-content:flex-start; align-items:center;}
.defoult-icons-block a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:auto; margin:0.5em 1em 0.5em 0}
.defoult-icons-block p {text-transform:uppercase; color:var(--clr-b); margin:0; font-size:1.125em; font-weight:400;}
.defoult-icons-block p::before {padding:1em;}
.defoult-icons-block h2 {margin:0}
.contact-smm-01 .icon-svg::before {background:var(--clr-s);}
	
.defoult-icons-block span.icon-svg, .contact-link-01 span.icon-svg, .contact-link-02 span.icon-svg {margin:0 1em 0 0; justify-content:center; width:calc(var(--icon-w)*1.5); height:calc(var(--icon-w)*1.5); border-radius:10em; }
.defoult-icons-block span.icon-svg::before, .contact-link-01 span.icon-svg::before, .contact-link-01 .icon-svg::before, .contact-link-02 span.icon-svg::before {padding:0.1em; margin:0; width:var(--icon-w); height:var(--icon-w);}
/* .defoult-icons-block span.icon-svg, .contact-link-02 span.icon-svg {background:var(--clr-m);}
.defoult-icons-block span.icon-svg::before, .contact-link-02 span.icon-svg::before {background:var(--clr-s); width:calc(var(--icon-w)*1.5); height:calc(var(--icon-w)*1.5);} */

.contact-form-01 {}
.contact-map-01 {}
.contact-link-01 {}
.contact-link-02 {}
.contact-smm-01 {}
	
.contact-link-01 {background:var(--clr-m); padding:3em 10%; margin:0 auto; border-radius:0.75em;}
.contact-link-01 .box-3 {background:var(--clr-s); box-shadow:none; height:10em; color:var(--clr-w); border-radius:0.5em; padding:1em; display:flex; flex-wrap:wrap; align-content:stretch; justify-content:center;}
.contact-link-01 .box-3 div {width:100%; text-align:center}
.contact-link-01-box-title {display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.contact-link-01 a, .contact-link-01 p, .contact-link-01 li {color:var(--clr-w); margin:0}
.contact-link-01 li {font-weight:600}
.contact-link-01 h2 {margin:0}


.contact-link-02 h2 {display:block; font-size:1.5em; 
	margin:calc((var(--icon-w)*1.5 - 1.5em*1.5)/2) 0 0; 
	margin:calc(((var(--icon-w) - 1.5em)* 1.5) / 2) 0 0;}	
.cont-block-data-01, .cont-block-data-03, .cont-block-data-04, .cont-block-data-05 {display:flex; flex-wrap:wrap}

.cont-block-data-01 {margin:calc((((var(--icon-w) - 1.5em)* 1.5) / 2)* 2) 0;}
.cont-block-data-01 p {width:var(--x-contd-w); display:block; margin:0;}
.cont-block-data-01 p a {}
.cont-block-data-01 p span {font-weight:600}

.cont-block-data-02 {}	
.cont-block-data-02 > div {display:flex; flex-wrap:wrap; margin-top:1em;}
.cont-block-data-02 > div > div {width:var(--x-contd-w);}
.cont-block-data-02 h2 {width:100%;}
.cont-block-data-02 p, .cont-block-data-02 a {width:var(--x-contd-w); display:block; margin:var(--x-contd-m);}
.cont-block-data-02 > div > div p, .cont-block-data-02 > div > div a {width:100%; display:block; margin:var(--x-contd-m);}

.cont-block-data-03 {}
.cont-block-data-03 p, .cont-block-data-03 a {margin:var(--x-contd-m);}
.cont-block-data-03 h2 {width:var(--x-contd-w);}

.cont-block-data-04 {}
.cont-block-data-04 h2 {width:var(--x-contd-w);}
.cont-block-data-04 > div {width:var(--x-contd-w); margin-left: calc((var(--icon-w)* 1.5 + 1em));}
.cont-block-data-04 p, .cont-block-data-04 a {display:block; margin:var(--x-contd-m);}

.cont-block-data-05 {}
.cont-block-data-05 > div {display:flex; flex-wrap:wrap}
.cont-block-data-05 > div > div  {width:var(--x-contd-w);}
.cont-block-data-05 p, .cont-block-data-05 a {display:block; margin:var(--x-contd-m);}