* {
	padding: 0;
	margin: 0;
	font-family: "baseline-pro";
	box-sizing: border-box;
	scroll-behavior: smooth !important;
}
@font-face {
	font-family: "baseline-pro";
	src: url(./assets/Fonts/PFBaselinePro-Bold.ttf);
}
@font-face {
	font-family: "baseline-thin";
	src: url(./assets/Fonts/PFBaselinePro-Regular.ttf);
}
.baseline-thin {
	font-family: "baseline-thin" !important;
}
@font-face {
	font-family: "Montserrat";
	src: url(./assets/Fonts/Montserrat-Regular.ttf);
}
:root {
	--primary-green: #16571d;
	--bg-green: #7fb985;
	--title-Purple: #4e1282;
	--primary-blue: #3051c7;
	--primary-yellow: #f0af13;
	--primary-orange: linear-gradient(93.02deg, #9077b3 8.44%, #b25b70 99.05%);
	--primary-gray: #444444;
	--primary-bg: #f9f9f9;
}
#contactModal {
	display: none;
 /* Initially hidden */
	align-items: center;
	justify-content: center;
}
.flexX {
	display: flex;
	flex-direction: row;
}
.flexColumn {
	display: flex;
	flex-direction: column;
}
body {
	width: 100vw;
	overflow-x: hidden;
	background: #fff !important;
}
header {
	background: #000;
	padding-bottom: 157px;
	position: relative;
	background: url("./assets/Images/bg.png") no-repeat 50% 83%;
	background-size: cover
}
/*header::after{
	content: '';
	display: block;
	position: absolute;
	height: 100%;
	width: 100%;
	max-width: 810px;
	z-index: 1;
	top: 0;
	right: 0;
	background: url("./assets/Images/snow.png") no-repeat top right;
	background-size: cover
}
header::before{
	content: '';
	display: block;
	position: absolute;
	height: 100%;
	width: 100%;
	max-width: 883px;
	z-index: 2;
	top: 0;
	right: 54px;
	background: url("./assets/Images/kirpich.png") no-repeat bottom right;
	background-size: contain
}*/
.contact-form input::placeholder {
	font-size: 10px !important;
}
.container {
	max-width: 1274px !important;
	margin: 0 auto;
}
.nav {
	width: 100%;
	padding: 10px 0 10px 0;
	display: flex;
	align-items: center;
	justify-content: center;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.nav.black{
	background: #000;
}
.logo {
	color: #525f5f;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.logo_main {
	font-size: 26px;
}
.logo_description {
	font-family: "Montserrat" !important;
	font-size: 10px;
	font-weight: 600;
	line-height: 10px;
}
.logo img {
	width: 200px;
	cursor: pointer;
}
.menu {
	list-style: none;
	display: flex;
	justify-content: space-between;
	color: #fff;
	flex-grow: 1;
	padding: 0 48px;
	align-items: center;
	font-size: 14px;
}
.menu_responsive {
	display: flex;
	align-items: center;
	flex-grow: 1;
}
.menu li {
	float: left;
	font-family: "Montserrat", sans-serif;
	font-weight: 500;
	cursor: pointer;
}
.contacts p{
	margin-bottom: 5px;
}
.contacts p,
.contacts p a{
	color: #fff;
	font-size: 18px;
	font-family: "Montserrat";
	font-weight: 600;
}
.contacts {
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
}
.contacts button, .border-btn {
	padding: 10px 33px;
	border: 2px solid;
	border-image: linear-gradient(93.02deg, #9077b3 8.44%, #b25b70 99.05%);
	background: transparent;
	border-image-slice: 1;
	cursor: pointer;
	background: linear-gradient(93.02deg, #9077b3 8.44%, #b25b70 99.05%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	transition-duration: 500ms;
 /* This line ensures the entire border is filled */
}
.bg-orange {
	background: linear-gradient(90deg, #F18F16 0%, #E63919 100%);
	color: white;
}
.contacts button:hover, .border-btn:hover {
	background: linear-gradient(93.02deg, #9077b3 8.44%, #b25b70 99.05%);
	color: white !important;
	-webkit-text-fill-color: white;
	transition-duration: 500ms;
}
.contacts button p {
	font-family: "Montserrat", sans-serif !important;
	font-size: 14px;
	font-weight: 400;
	color: linear-gradient(93.02deg, #9077b3 8.44%, #b25b70 99.05%) !important;
}
.header_main {
	/*display: flex;*/
	/* padding-top: 100px; */
}
.header_main *{
	line-height: 1.1;
}
.header_main_1 h1{
	background: rgb(241,143,22);
	background: -moz-linear-gradient(90deg, rgba(241,143,22,1) 0%, rgba(230,57,25,1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(241,143,22,1) 0%, rgba(230,57,25,1) 100%);
	background: linear-gradient(90deg, rgba(241,143,22,1) 0%, rgba(230,57,25,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f18f16",endColorstr="#e63919",GradientType=1);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.header_main_1 {
	position: relative;
	color: var(--primary-gray);
	z-index: 50;
}
.pro {
	font-family: "baseline-pro" !important;
}
.header_main .img{
	margin: 0 0 0 -107px;
}
.header_main .row{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.header_main .bottom{
	display: block;
	width: 30%;
	padding: 112px 56px 0 0;
}
.header_main .bottom .header-btn{
	padding: 22px 5px;
	width: 100%;
	margin-top: 25px;
	background: linear-gradient(90deg, #D3A821 0%, #B79020 100%);
}
.header_main .freeStorage:before{
	display: none;
}
.header_main .freeStorage{
	margin: -230px 0 0 -3px;
	max-width: 890px;
}
.header_main_1>img {
	position: absolute;
	top: -120px;
	left: -230px;
}
.header_main_1>div>div {
	display: flex;
	padding-top: 34px;
	align-items: center;
	gap: 75px;
	font-size: 18px;
}
.header-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-family: "baseline-pro" !important;
	padding: 26px 116px;
	color: white;
	background: rgb(241,143,22);
	background: -moz-linear-gradient(90deg, rgba(241,143,22,1) 0%, rgba(230,57,25,1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(241,143,22,1) 0%, rgba(230,57,25,1) 100%);
	background: linear-gradient(90deg, rgba(241,143,22,1) 0%, rgba(230,57,25,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f18f16",endColorstr="#e63919",GradientType=1);
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
	border: none;
	font-size: 16px;
	margin-top: 18px;
	cursor: pointer;
}
.header-btn:hover{
	opacity: 0.8;
}
nav.blck{
	background: #000;
}
.header_main_2 {
	position: absolute;
	left: 52%;
}
.resume {
	padding: 100px 0;
}
.freeStorage{
	position: relative;
}
.freeStorage::before{
	content: '';
	display: block;
	position: absolute;
	width: 81px;
	height: 81px;
	top: 0;
	left: -118px;
	background: url("./assets/Images/storage_icon.svg") no-repeat center;
	background-size: contain;
}
.column {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.resume h1 {
	font-size: 40px;
	color: var(--primary-gray);
}
.resume_main_1>h1>span, .resume_main_2>h1>span {
	background: linear-gradient(93.02deg, #9077b3 8.44%, #b25b70 99.05%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.resume_main_1, .resume_main_2 {
	width: 100%;
	text-align: center;
}
.ttup{
	text-transform: uppercase;
}
.resume_main_2 {
	margin-top: 74px;
}
.resume_main_1>div, .resume_main_2>div {
	display: flex;
	justify-content: space-between;
	padding-top: 100px;
	color: var(--primary-gray);
	font-size: 18px;
}
.resume_main_2>div {
	padding-top: 70px;
}
.resume_main_1_1>span, .resume_main_1_1>span>div, .resume_main_1_2>span, .resume_main_1_2>span>div, .resume_main_1_3>span, .resume_main_1_3>span>div {
	background: linear-gradient(93.02deg, #9077b3 8.44%, #b25b70 99.05%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size: 55px;
	gap: 10px;
	display: flex;
	position: relative;
	z-index: 20;
	align-items: end;
	line-height: 50px;
}
.resume_main_1_1>span>div .resume_main_1_2>span>div .resume_main_1_3>span>div {
	font-size: 19px !important;
}
.resume_main_1_3 {
	position: relative;
	line-height: 40px;
}
.resume_main_1_2>p {
	margin-left: 80px;
	position: relative;
	z-index: 20;
}
.resume_main_1_2, .resume_main_1_3 {
	text-align: start;
	position: relative;
}
.resume_main_1_3>span {
	position: absolute;
	left: -80px;
}
.resume_main_2s {
	font-size: 19px !important;
}
.circle {
	position: absolute;
	width: 183px;
	height: 183px;
	border-radius: 50%;
	border: 1px solid #d7d7d7;
	left: -20%;
	top: -30%;
	z-index: 0;
}
.resume button {
	margin-top: 80px;
	padding: 18px 72px;
	background: var(--primary-orange);
	border: none;
	color: white;
	font-size: 14px;
}
.gray {
	color: #525f5f;
}
.ch-s {
	background: var(--primary-bg);
	padding: 77px 0;
}
.title {
	font-size: 50px;
	color: var(--primary-gray);
	margin: 0 auto;
}
.montserrat {
	font-family: "Montserrat", sans-serif;
}
.hover-trigger:hover+.hover-target, .hover-target:hover {
	display: block;
}
.hover-target {
	font-size: 14px !important;
	display: none;
	padding-top: 15px;
	box-shadow: 0px 0px 25px 0px #0000001a;
}
.title span, .orange {
	/* background: linear-gradient(93.02deg, #9077b3 8.44%, #b25b70 99.05%); */
	/* -webkit-background-clip: text; */
	/* -webkit-text-fill-color: transparent; */
	color: #9077B3;
}
.title.withEffect span{
	background: linear-gradient(93.02deg, #9077b3 8.44%, #b25b70 99.05%); 
	-webkit-background-clip: text; 
	-webkit-text-fill-color: transparent;
}
.orange-linear {
	background: linear-gradient(93.02deg, #f7830d 8.44%, #eb310c 36.98%, #c14859 71.42%, #9d6da0 99.05%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.form {
	font-family: "Montserrat", sans-serif;
}
.form input::placeholder {
	color: black;
	font-size: 12px;
	font-family: "Montserrat", sans-serif;
}
.mySwiper{
	width: 100%;
	padding-bottom: 25px;
}
.swiper-pagination{
	bottom: 4px !important;
}
.swiper-pagination .swiper-pagination-bullet{
	border-radius: 6.316px;
	background: #BDBDBD;
	width: 6.316px;
	height: 6.316px;
}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
	background: linear-gradient(93deg, #9077B3 8.44%, #B25B70 99.05%);
}
.link-btn{
	text-decoration: underline;
}
.link-btn:hover{
	text-decoration: none;
}
#brick .news{
	background: linear-gradient(90deg, #F18F16 0%, #E63919 100%);
	color: #FFF;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-transform: uppercase;
	position: absolute;
	top: 9px;
	left: 0;
	padding: 5px 9px;
}
#brick .card > img{
	margin-bottom: 10px;
}
#brick .card span.text-black,
#brickk .card span.text-black{
	color: #525F5F;
}
#brickk .container > .flex{
	gap: 27px 19px;
}
#brick .border-btn,
#brickk .border-btn{
	font-size: 14px;
	padding: 12px 33px;
	border: 1px solid;
	border-image: linear-gradient(93.02deg, #9077b3 8.44%, #b25b70 99.05%);
	background: transparent;
	border-image-slice: 1;
	cursor: pointer;
	background: linear-gradient(93.02deg, #9077b3 8.44%, #b25b70 99.05%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	transition-duration: 500ms;
}
#brick .border-btn:hover,
#brickk .border-btn:hover{
	background: linear-gradient(93.02deg, #9077b3 8.44%, #b25b70 99.05%);
	color: white !important;
	-webkit-text-fill-color: white;
	transition-duration: 500ms;
}
#brick .price{
	background: linear-gradient(93deg, #9077B3 8.44%, #B25B70 99.05%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size: 24px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-transform: uppercase;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	margin: 28px 0 -3px 0;
	gap: 9px;
}
#brick .price i{
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-transform: uppercase;
}
#brick .price span{
	color: #878787;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-decoration-line: line-through;
	text-transform: uppercase;
	-webkit-background-clip: initial;
	-webkit-text-fill-color: initial;
	background: none;
}
#project .bg-orange{
	background: #9077B3;
	padding: 15px;
}
#project .img{
	margin: 0 auto 20px auto;
	width: fit-content;
}
#project .text{
	color: #FFF;
	font-family: 'Montserrat', sans-serif;
	font-size: 21px;
	font-style: normal;
	font-weight: 600;
	line-height: 30px;
	text-align: left;
	margin-bottom: 13px;
}
#project .text span{
	font-size: 21px;
	font-style: normal;
	font-weight: 400;
	line-height: 30px;
	text-transform: uppercase;
}
#project .info{
	color: #FFF;
	font-family: 'Montserrat', sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 24px;
	position: relative;
	text-align: left;
	margin-bottom: 30px;
}
#project .info span{
	position: absolute;
	top: -5px;
	right: 7px;
}
#project .btn{
	border: 1px solid #FFF;
	width: 100%;
	padding: 9px 10px;
	color: #FFF;
	text-align: center;
	leading-trim: both;
	text-edge: cap;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-transform: uppercase;
	display: block;
}
#project .btn:hover{
	background: #fff;
	color: #000;
}
#advantages .box{
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	gap: 19.3px;
	margin-bottom: 22px;
}
#advantages .box .item{
	width: 304px;
	background: #F9F9F9;
	padding: 35px 15px 16px 15px;
}
#advantages .box .item:first-child{
	background: linear-gradient(93deg, #9077B3 8.44%, #B25B70 99.05%);
	display: block;
}
#advantages .box .item:last-child{
	background: linear-gradient(90deg, #F18F16 0%, #E63919 100%);
	display: block;
}
#advantages .box .item:first-child .zag{
	color: #FFF;
	margin-bottom: 20px;
}
#advantages .box .item:last-child .zag{
	color: #FFF;
	font-size: 26px;
	margin-bottom: 0;
}
#advantages .box .item .zag{
	color: #878787;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-transform: uppercase;
	margin-bottom: 25px;
}
#advantages .box .item .zag span{
	color: #9077B3;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-transform: uppercase;
}
#advantages .box .item .info{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 15px;
}
#advantages .box .item:first-child .info{
	align-items: center;
}
#advantages .box .item .info .icon{

}
#advantages .box .item .info .txt{
	color: #525F5F;
	font-family: 'Montserrat', sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 16px;
	width: 70%;
}
#advantages .box .item .info .txt b{
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
}
#advantages .box .item:first-child .info .txt{
	color: #fff;
	width: 74%;
	font-size: 14px;
	font-weight: 500;
	line-height: 18px;
	padding: 0 5px 0 0;
}
#advantages .box .item .text{
	color: #FFF;
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 21px;
	margin: 34px 0 10px 0;
}
#advantages .box .item:last-child .text{
	margin: 14px 0 10px 0;
	font-size: 18px;
	line-height: 24px;
}
#advantages .box .item:last-child .text span{
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
}
#advantages .box .item:last-child img{
	margin: -36px 0 -45px 37px;
}
#advantages .box .item .openModalinfo{
	color: #9077B3;
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 21px;
	text-decoration-line: underline;
	text-decoration-style: solid;
	text-decoration-skip-ink: none;
	text-decoration-thickness: auto;
	text-underline-offset: auto;
	text-underline-position: from-font;
	display: block;
	width: fit-content;
	margin: auto auto 0 auto;
}
#advantages .box .item .openModalinfo:hover{
	text-decoration-line: none;
}
#advantages .box .date{
	background: #F9F9F9;
	color: #525F5F;
	font-family: 'Montserrat', sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	width: 304px;
	padding: 37px 33px;
	text-align: right;
}
#advantages .box .date span{
	font-size: 55px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-transform: uppercase;
	background: linear-gradient(93deg, #9077B3 8.44%, #B25B70 99.05%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	margin: -6px 19px -12px 0;
	display: block;
}
#advantages .box .date i{
	font-style: normal;
	font-family: 'Montserrat', sans-serif;
	margin: 0 64px 0 0;
}
#advantages .box .date:nth-child(2){
	padding: 59px 29px 37px 49px;
	text-align: left;
}
#advantages .box .date:nth-child(2) span{
	margin: -7px 0 -15px -17px;
}
#advantages .box .date:nth-child(3){
	padding: 37px 17px 37px 24px;
}
#advantages .box .date:nth-child(3) span{
	margin: -7px 0 -11px -13px;
	display: flex;
	align-items: baseline;
}
#advantages .box .date:nth-child(4){
	padding: 59px 35px 37px 31px;
	text-align: center;
}
#advantages .box .date:nth-child(4) span{
	margin: -6px 0 -18px -4px;
	text-align: left;
	display: flex;
	align-items: baseline;
}
#advantages .box .date span i{
	font-size: 19px;
	font-style: normal;
	font-family: "baseline-pro";
	font-weight: 400;
	line-height: normal;
	text-transform: uppercase;
	background: linear-gradient(93deg, #9077B3 8.44%, #B25B70 99.05%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	margin: 0;
}
#certificates a{
	width: 32.3%;
	padding: 0;
}
#certificates a .img{
	border: 1px solid #F2F2F2;
	background: #F2F2F2;
	width: 100%;
	height: 196px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 24px;
}
#certificates a span{
	color: #525F5F;
	text-align: center;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-transform: uppercase;
	display: block;
	width: 100%;
}
.ymaps-2-1-79-ground-pane{
	filter: grayscale(1);
}
.button_ho ver:hover {
	border: 2px solid;
	border-image: linear-gradient(93.02deg, #9077b3 8.44%, #b25b70 99.05%);
	background: white;
	border-image-slice: 1;
}
.carousel-container {
	position: relative;
	overflow: hidden;
	width: 756px;
	height: 516px;
}
.carousel-slide {
	display: none;
	width: 100%;
	height: 100%;
}
.carousel-slide.active {
	display: block;
}
.carousel-image {
	width: 100%;
	height: 100%;
}
/* input::placeholder {
	font-family: "Montserrat", sans-serif !important];
}
*/
.orange-underline {
	display: inline-block;
	position: relative;
	background: linear-gradient(93.02deg, #9077b3 8.44%, #b25b70 99.05%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.orange-underline::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 3px;
	width: 100%;
	height: 1px;
	/* Adjust the height of the underline as needed */
	background: linear-gradient(93.02deg, #9077b3 8.44%, #b25b70 99.05%);
}
.flexX {
	display: flex;
	align-items: center;
}
@media screen and (max-width: 1700px) {
	.header_main_2 {
		left: 55%;
		overflow-x: hidden;
 	}
}
@media screen and (max-width: 1300px) {
	.container {
		width: 100%;
		max-width: 1024px !important;
		padding: 0 15px;
 	}
	.contacts p {
		font-size: 12px;
 	}
	.contacts button {
		padding: 10px 20px;
 	}
	.menu {
		padding: 0 10px;
 	}
	.header_main .img {
		margin: 0;
		width: 65%;
	}
	.header_main .bottom {
		padding: 50px 20px 0 0;
	}
	.header_main .freeStorage {
		margin: -145px 0 0 0;
	}
	header {
		padding-bottom: 200px;
	}
	#brick .sm\:w-\[304px\],
	#brickk .sm\:w-\[304px\]{
		width: 32%;
	}
	#project .md\:w-\[466px\] {
		width: 32%;
	}
	#project .md\:w-\[304px\] {
		width: 32%;
	}
	#advantages .box .item {
		width: 49%;
	}
	#advantages .box .item:last-child img {
		margin: -35px -15px 0 auto;
	}
	#advantages .box .item .info .txt,
	#advantages .box .item:first-child .info .txt{
		width: 80%;
	}
	#advantages .box .date{
		width: 49%;
		text-align: center;
	}
	#advantages .box .date span{
		margin: 0 auto;
		display: block;
		width: fit-content;
	}
	#advantages .box .date i{
		margin: 0;
	}
	#advantages .box .date:nth-child(2),
	#advantages .box .date:nth-child(3),
	#advantages .box .date:nth-child(4){
		text-align: center;
		padding: 37px 33px;
	}
	#advantages .box .date:nth-child(2) span,
	#advantages .box .date:nth-child(3) span,
	#advantages .box .date:nth-child(4) span{
		margin: 0 auto;
	}
	#projects .sm\:w-\[196px\] {
		width: 18.4%;
	}
	#certificates a {
		width: 32%;
	}
	#contacts .container > div{
		margin-left: 0 !important;
	}
}
@media screen and (max-width: 1024px) {
	.ch-s_desc {
		font-size: 14px !important;
 	}
	.title {
		font-size: 30px !important;
		color: var(--primary-gray);
		margin: 0 auto;
 	}
	.resume {
		padding-top: 50px;
 	}
	.resume_main_1>div {
		padding-top: 40px;
 	}
	.resume_main_2>div {
		padding-top: 40px;
 	}
	.resume_main_1_3>span {
		left: -20px;
 	}
	.resume_main_1_3 {
		line-height: 20px;
 	}
	.resume h1 {
		font-size: 20px;
 	}
	.resume_main_1_1>span, .resume_main_1_1>span>div, .resume_main_1_2>span, .resume_main_1_2>span>div, .resume_main_1_3>span, .resume_main_1_3>span>div {
		font-size: 30px;
		line-height: 24px;
		text-align: left !important;
 	}
	header {
		padding-bottom: 120px;
 	}
	.container {
		width: 100vw;
		padding: 0 20px;
 	}
	.menu_responsive {
		display: none;
 	}
	.menu_icon {
		display: block;
		cursor: pointer;
		position: relative;
		width: 30px;
		height: 24px;
 	}
	.menu_icon span {
		display: block;
		width: 100%;
		height: 3px;
		background: #fff;
		margin: 5px 0;
		transition: transform 0.3s ease, opacity 0.3s ease, background-color 0.3s ease;
 	}
	.menu_icon.active span:nth-child(1) {
		transform: translateY(8px) rotate(45deg);
		background-color: #ff6347;
 	}
	.menu_icon.active span:nth-child(2) {
		opacity: 0;
 	}
	.menu_icon.active span:nth-child(3) {
		transform: translateY(-8px) rotate(-45deg);
		background-color: #ff6347;
 	}
	.menu_responsive {
		background: #000;
		display: none;
		flex-direction: column;
		align-items: center;
		position: absolute;
		top: 62px;
		left: 0;
		right: 0;
		z-index: 999;
		padding: 20px;
		opacity: 0;
		transform: translateY(-20px);
		transition: opacity 0.3s ease, transform 0.3s ease;
 	}
	.menu_icon.active~.menu_responsive {
		display: flex;
		opacity: 1;
		transform: translateY(0);
 	}
	.header_main_2 {
		display: none;
 	}
	.header_main_1>div>div {
		gap: 30px;
 	}
	.header_main_1>div {
		padding-top: 20px;
 	}
	.header_main_1>button {
		font-size: 14px !important;
 	}
	.menu_responsive .menu {
		flex-direction: column;
		text-align: center;
		padding: 0;
 	}
	.menu_responsive .menu li {
		margin-bottom: 15px;
 	}
	.menu_responsive .contacts {
		margin-top: 20px;
		text-align: center;
 	}
	.header_main_1 {
		width: 100%;
 	}
	.header_main .bottom {
		padding: 20px 0 0 0;
	}
	.header_main .freeStorage {
		margin: -110px 0 0 0;
	}
	#brick .sm\:w-\[304px\],
	#brickk .sm\:w-\[304px\] {
		width: 48.6%;
	}
	#project .md\:w-\[466px\] {
		width: 48.6%;
	}
	#project .md\:w-\[304px\] {
		width: 100%;
	}
	#advantages .box .item {
		width: 48.6%;
	}
	#advantages .box .date {
		width: 48.6%;
	}
	#projects .gap-\[19px\] {
		gap: 14px;
	}
	#certificates a {
		width: 31.5%;
	}
}
@media screen and (max-width: 768px) {
	.header_main {
		background-size: auto;
 	}
	.resume_main_1_1 {
		text-align: center !important;
 	}
	.header-btn {
		padding: 10px 20px;
		font-size: 14px !important;
 	}
	.header_main_1>div>p {
		font-size: 16px !important;
 	}
	.resume_main_1>div {
		padding-top: 0;
 	}
	.resume_main_2>div {
		padding-top: 0;
 	}
	.ch-s {
		padding: 50px 0;
 	}
	.carousel-container {
		height: 300px;
 	}
	.container {
		width: 100vw;
		padding: 0 20px;
 	}
	.resume_main_2 {
		margin-top: 34px;
 	}
	.title {
		font-size: 20px !important;
		color: var(--primary-gray);
		margin: 0 auto;
 	}
	.resume h1 {
		text-align: center;
 	}
	.resume {
		padding-bottom: 1px;
 	}
	header {
		padding-bottom: 10px;
 	}
	.resume button {
		margin-top: 20px;
 	}
	.resume_main_1>div, .resume_main_2>div {
		flex-direction: column;
		align-items: center;
		text-align: center;
		gap: 5px;
 	}
	.resume_main_1_3 {
		line-height: normal;
 	}
	.remove_br {
		display: none;
 	}
	.resume_main_1, .resume_main_2 {
		width: 100%;
		text-align: start;
 	}
	.resume_main_1_3>span, .resume_main_1_2>span {
		position: relative;
		left: -0px;
 	}
	.resume_main_1_2 p {
		margin: 0;
 	}
	.circle {
		display: none;
 	}
	.header_main_1>p {
		font-size: 16px;
 	}
	.header_main_1>button {
		padding: 20px 30px;
 	}
	.header_main_1>div>div {
		font-size: 16px;
		width: 100%;
		flex-direction: column;
		gap: 10px;
		padding-top: 20px;
 	}
	.header_main .img {
		margin: 0 0 -200px 0;
		width: 100%;
	}
	.header_main .bottom {
		padding: 0;
		width: 100%;
	}
	header {
		padding-bottom: 150px;
	}
	.header_main .freeStorage {
		margin: 30px 0 0 0;
	}
	#brick .text-\[18px\] {
		font-size: 14px;
		padding: 10px;
	}
	#brick .sm\:w-\[304px\],
	#brickk .sm\:w-\[304px\] {
		width: 100%;
	}
	#project .md\:w-\[466px\] {
		width: 100%;
	}
	#advantages .box .item {
		width: 100%;
	}
	#advantages .box .date {
		width: 100%;
	}
	#certificates a {
		width: 100%;
	}
}
@media screen and (max-width: 575px) {
	.header_main .img {
		margin: 0 0 -100px 0;
	}
}
@media screen and (max-width: 400px) {
	.header_main_1>button {
		padding: 10px 20px;
 	}
	.resume button {
		font-size: 14px;
		padding: 10px 20px;
 	}
	.title {
		font-size: 20px !important;
		color: var(--primary-gray);
		margin: 0 auto;
 	}
}