@font-face {
	font-family: Sora-Bold;
	src: url('../fonts/Sora-Bold.ttf');
}

@font-face {
	font-family: Sora-Regular;
	src: url('../fonts/Sora-Regular.ttf');
}

@font-face {
	font-family: Sora-SemiBold;
	src: url('../fonts/Sora-SemiBold.ttf');
}

html, body {
	margin: 0!important;
	padding: 0!important;
	user-select: none!important;
	overflow-x: hidden!important;
	font-weight: normal!important;
	background-color: #FFF!important;
	-webkit-user-select: none!important;
}

#myIniSection {
	opacity: 0;
}

.iniSection {
	margin: 0;
	width: 100vw;
	height: auto;
	max-width: 100%;
	user-select: none;
	padding: 50px 0 40px 0;
	-webkit-user-select: none;
	overflow: hidden!important;
}

.iniSection_boxed {
	height: 100%;
	display: flex;
	margin: 0 auto;
	padding: 0 20px;
	max-width: 1400px;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
}

.iniSection_main_titles {
	padding: 0;
	width: 100%;
	display: flex;
	flex-wrap: nowrap;
	align-items: flex-start;
	margin: 0 auto 30px auto;
	justify-content: flex-start;
}

.iniSection_main_titles text {
	margin: 0;
	padding: 0;
	color: #036973;
	font-size: 30px;
	line-height: 32px;
	font-weight: normal;
	transition: 0.2s ease;
	font-family: Sora-Bold;
	word-break: break-word;
}

.createEdit_form {
	padding: 0;
	width: 100%;
	display: flex;
	margin: 0 0 10px 0;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
}

.projDetSection_Div2 {
	margin: 0;
	padding: 0;
	width: 100%;
	display: flex;
	word-break: break-word;
	flex-direction: column;
	align-items: flex-start;
	overflow: hidden!important;
	justify-content: flex-start;
}

.projDetSection_Div2 h1, .projDetSection_Div3 h1 {
	padding: 0;
	display: flex;
	color: #036973;
	font-size: 16px;
	line-height: 18px;
	margin: 0 0 10px 0;
	font-weight: normal;
	transition: 0.2s ease;
	word-break: break-word;
	font-family: Sora-Bold;
}

.projDetSection_Div2 input[type=text], .projDetSection_Div3 input[type=text] {
	outline: none;
	color: #036973;
	font-size: 15px;
	line-height: 17px;
	margin: 0 0 20px 0;
	padding: 20px 10px;
	font-weight: normal;
	border-radius: 10px;
	background-color: #FFF;
	width: calc(100% - 24px);
	border: 2px solid #6BD9A6;
	font-family: Sora-Regular;
}

.projDetSection_Div3 {
	margin: 0;
	padding: 0;
	width: 100%;
	display: flex;
	word-break: break-word;
	align-items: flex-start;
	overflow: hidden!important;
	justify-content: flex-start;
}

.projDetSection_Div3 textarea {
	resize: none;
	border: none;
	outline: none;
	color: #036973;
	font-size: 15px;
	line-height: 17px;
	margin: 0 0 20px 0;
	padding: 20px 10px;
	font-weight: normal;
	border-radius: 10px;
	background-color: #FFF;
	word-break: break-word;
	width: calc(100% - 24px);
	border: 2px solid #6BD9A6;
	font-family: Sora-Regular;
}

.projDetSection_Div3 textarea {
	overflow-y: auto!important;
	overflow-x: hidden!important;
	scrollbar-width: none!important;
	scroll-behavior: smooth!important;
	scrollbar-color: #BBB #EEE!important;
}

.projDetSection_Div3 textarea::-webkit-scrollbar {
	width: 0!important;
}

.projDetSection_Div3 textarea::-webkit-scrollbar-track {
	background-color: #EEE;
}

.projDetSection_Div3 textarea::-webkit-scrollbar-thumb {
	background-color: #BBB;
}

.projDetSection_Div3 textarea::-webkit-scrollbar-thumb:hover {
	background-color: #AAA;
}

.projDetSection_insideDiv3_1 {
	margin: 0;
	padding: 0;
	width: 42.5%;
	display: flex;
	flex-direction: column;
}

.projDet_insideDiv3_img {
	padding: 0;
	height: 400px;
	display: block;
	overflow: hidden;
	position: relative;
	margin: 0 60px 0 0;
	border-radius: 25px;
	width: calc(100% - 60px);
	background-color: #036973;
}

.projDet_insideDiv3_img img {
	top: 50%;
	left: 50%;
	margin: 0;
	padding: 2px;
	object-fit: cover;
	position: absolute;
	border-radius: 25px;
	width: calc(100% - 4px);
	height: calc(100% - 4px);
	transform: translate(-50%, -50%);
}

.img_empty {
	background-color: transparent!important;
}

.img_empty img {
	top: 50%;
	left: 50%;
	margin: 0;
	padding: 0;
	width: 101%;
	height: 101%;
	border-radius: 0;
	object-fit: cover;
	max-height: unset;
	position: absolute;
	transform: translate(-50%, -50%);
}

.projDetSection_insideDiv3_1 input, .secondFileInput input {
	padding: 0;
	color: #036973;
	font-size: 12px;
	line-height: 14px;
	font-weight: normal;
	width: unset!important;
	border: none!important;
	outline: none!important;
	font-family: Sora-Regular;
	border-radius: 0!important;
	background-color: transparent!important;
}

.projDetSection_insideDiv3_1 input {
	margin: 10px 60px 0 0;
}

.secondFileInput input {
	margin: 0;
}

.projDetSection_insideDiv3_2 {
	margin: 0;
	padding: 0;
	width: 57.5%;
	display: flex;
	flex-direction: column;
}

.projDet_insideDiv3_sub2 {
	margin: 0;
	padding: 0;
	width: 100%;
	display: flex;
	flex-direction: column;
}

.insideFormDiv3 {
	padding: 0;
	width: 100%;
	display: flex;
	margin: 20px 0 0 0;
	align-items: flex-start;
	justify-content: flex-end;
}

.form_button {
	margin: 0;
	color: #FFF;
	border: none;
	width: 120px;
	display: flex;
	outline: none;
	cursor: pointer;
	font-size: 16px;
	overflow: hidden;
	max-width: 120px;
	line-height: 18px;
	padding: 20px 10px;
	align-items: center;
	font-weight: normal;
	border-radius: 10px;
	transition: 0.2s ease;
	word-break: break-word;
	font-family: Sora-Bold;
	justify-content: center;
	background-color: #6BD9A6;
}

.form_button:hover {
	background-color: #036973;
	box-shadow: 0px 4px 4px 0px #6BD9A6;
}

@media screen and (max-width: 1200px) {
	.iniSection .projDetSection_insideDiv3_1 {
		width: 47.5%;
	}
	.iniSection .projDetSection_insideDiv3_2 {
		width: 52.5%;
	}
	.iniSection .projDet_insideDiv3_img {
		margin: 0 40px 0 0;
		width: calc(100% - 40px);
	}
	.iniSection .projDetSection_insideDiv3_1 input {
		margin: 10px 40px 0 0;
	}
}

@media screen and (max-width: 1035px) {
	.iniSection .projDetSection_insideDiv3_1 {
		width: 50%;
	}
	.iniSection .projDetSection_insideDiv3_2 {
		width: 50%;
	}
	.iniSection .projDet_insideDiv3_img {
		margin: 0 20px 0 0;
		width: calc(100% - 20px);
	}
	.iniSection .projDetSection_insideDiv3_1 input {
		margin: 10px 20px 0 0;
	}
}

@media screen and (max-width: 950px) {
	.iniSection .projDetSection_insideDiv3_1 {
		width: 47.5%;
	}
	.iniSection .projDetSection_insideDiv3_2 {
		width: 52.5%;
	}
	.iniSection .projDet_insideDiv3_img {
		height: 300px;
		margin: 0 20px 0 0;
		width: calc(100% - 20px);
	}
}

@media screen and (max-width: 770px) {
	.iniSection .projDetSection_insideDiv3_1 {
		width: 42.5%;
	}
	.iniSection .projDetSection_insideDiv3_2 {
		width: 57.5%;
	}
	.iniSection .projDet_insideDiv3_img {
		height: 240px;
		margin: 0 20px 0 0;
		width: calc(100% - 20px);
	}
}

@media screen and (max-width: 700px) {
	.iniSection .projDetSection_insideDiv3_1 {
		width: 100%;
	}
	.iniSection .projDetSection_insideDiv3_2 {
		width: 100%;
	}
	.iniSection .projDet_insideDiv3_img {
		margin: 0;
		width: 100%;
		height: 57vw;
	}
	.iniSection .projDetSection_insideDiv3_1 input {
		margin: 10px 0 20px 0;
	}
	.iniSection .projDetSection_Div3 {
		flex-direction: column;
	}
}

@media screen and (max-width: 550px) {
	.iniSection .projDetSection_Div2 {
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
	}
}

@media screen and (max-width: 450px) {
	.iniSection .insideFormDiv3 {
		flex-direction: column;
	}
}

@media screen and (max-width: 350px) {
	.iniSection .projDetSection_insideDiv3_1 input, .secondFileInput input {
		font-size: 14px;
		max-width: 120px;
		line-height: 14px;
	}
}

.iniSection_main_info {
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	margin: 0 -40px 0 0;
	align-items: flex-start;
	width: calc(100% + 40px);
	justify-content: flex-start;
}

.iniSection_block {
	padding: 0;
	height: auto;
	display: flex;
	min-height: 329px;
	margin: 0 40px 10px 0;
	transition: 0.2s ease;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	width: calc(33.333333% - 40px);
	min-width: calc(33.333333% - 40px);
}

.iniSection_block_img {
	margin: 0;
	padding: 0;
	height: 250px;
	display: block;
	overflow: hidden;
	position: relative;
	border-radius: 25px;
	width: 100%!important;
	background-color: #036973;
}

.iniSection_block_img img {
	top: 50%;
	left: 50%;
	margin: 0;
	padding: 2px;
	object-fit: cover;
	position: absolute;
	border-radius: 25px;
	width: calc(100% - 4px);
	height: calc(100% - 4px);
	transform: translate(-50%, -50%);
}

#img_empty {
	background-color: transparent!important;
}

#img_empty img {
	top: 50%;
	left: 50%;
	margin: 0;
	padding: 0;
	width: 101%;
	height: 101%;
	border-radius: 0;
	object-fit: cover;
	max-height: unset;
	position: absolute;
	transform: translate(-50%, -50%);
}

.iniSection_block_txt {
	padding: 0;
	width: 100%;
	margin: 10px 0 0 0;
}

.iniSection_block_txt text {
	margin: 0;
	padding: 0;
	color: #036973;
	font-size: 16px;
	text-align: left;
	line-height: 18px;
	font-weight: normal;
	transition: 0.2s ease;
	word-break: break-word;
	font-family: Sora-Bold;
	text-align: -webkit-left;
}

.iniSection_block_btns {
	opacity: 0;
	padding: 0;
	width: 100%;
	display: flex;
	margin: 10px 0 0 0;
	transition: 0.2s ease;
}

.iniSection_block_btn {
	margin: 0;
	outline: none;
	color: #6BD9A6;
	cursor: pointer;
	font-size: 15px;
	line-height: 17px;
	padding: 10px 30px;
	text-align: center;
	border-radius: 30px;
	font-weight: normal;
	transition: 0.2s ease;
	word-break: break-word;
	font-family: Sora-Regular;
	border: 2px solid #6BD9A6;
	text-align: -webkit-center;
	background-color: transparent;
}

.iniSection_block_btn:hover {
	color: #FFF;
	background-color: #036973;
}

.iniSection_block:hover {
	margin: -10px 40px 20px 0;
}

.iniSection_block:hover > .iniSection_block_btns {
	opacity: 1;
}

.iniSection_block_plus {
	padding: 0;
	height: auto;
	display: flex;
	min-height: 329px;
	margin: 0 40px 10px 0;
	transition: 0.2s ease;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	width: calc(33.333333% - 44px);
	min-width: calc(33.333333% - 44px);
}

.iniSection_block_plus_edges {
	margin: 0;
	padding: 0;
	height: 246px;
	display: flex;
	cursor: pointer;
	overflow: hidden;
	border-radius: 25px;
	align-items: center;
	width: 100%!important;
	transition: 0.2s ease;
	background-color: #FFF;
	justify-content: center;
	border: 2px solid #6BD9A6;
}

.iniSection_block_plus_edges:hover {
	background-color: #036973;
}

.iniSection_block_plus_edges_mainBtn {
	margin: 0;
	width: 100%;
	height: 100%;
	border: none;
	outline: none;
	padding: 20px;
	cursor: pointer;
	overflow: hidden;
	border-radius: 23px;
	background-color: transparent!important;
}

.iniSection_block_plus_edges_mainBtn i {
	margin: 0;
	padding: 0;
	color: #6BD9A6;
	font-size: 80px;
	transition: 0.2s ease;
}

.iniSection_block_plus_edges:hover > .iniSection_block_plus_edges_mainBtn i {
	color: #FFF;
}

@media screen and (max-width: 960px) {
	.iniSection .iniSection_block {
		width: calc(50% - 40px);
		min-width: calc(50% - 40px);
	}
	.iniSection .iniSection_block_plus {
		width: calc(50% - 44px);
		min-width: calc(50% - 44px);
	}
}

@media screen and (max-width: 640px) {
	.iniSection .iniSection_block {
		min-height: auto;
		width: calc(100% - 40px);
		min-width: calc(100% - 40px);
	}
	.iniSection .iniSection_block_plus {
		min-height: auto;
		width: calc(100% - 44px);
		min-width: calc(100% - 44px);
	}
	.iniSection .iniSection_block_btns {
		max-height: 0;
		transition: max-height 0.1s ease-out;
	}
	.iniSection .iniSection_block:hover > .iniSection_block_btns {
		max-height: 50px;
		transition: max-height 0.1s ease-in;
	}
}

@media screen and (max-width: 300px) {
	.iniSection .iniSection_block_img {
		height: 170px;
	}
	.iniSection .iniSection_block_plus_edges {
		height: 168px;
	}
	.iniSection .iniSection_block_plus_edges_mainBtn i {
		font-size: 70px;
	}
}