* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: sans-serif;
}
*::-webkit-scrollbar {
    width: 8px;
}
*::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
    border-radius: 10px;
}
*::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(255,255,255,0.9); 
}
.dark {
    background: #0f0c27 !important;
    color: #fff !important;
}
.light {
    background: #eee !important;
    color: #000 !important;
}
html {
    overflow: hidden;
}
body {
	font-size: 16px;
	font-weight: normal;
	overflow: hidden;
    height: 100vh;
    transition: all 1s;
}
header, section {
	position: absolute;
	width: 100%;
	height: 100%;
	background: inherit;
	transition: transform 3s;
}
a {
    text-decoration: none !important;
}
.main {
	overflow-x: hidden;
	overflow-y: auto;
    position: relative;
    height: 100%;
}
.old {
	transform: scale(.7,.7);
	z-index: 1;
    overflow: hidden;
}
.go {
	transform-origin: top left;
	transform: rotate(90deg);
}
.go .pr_modal {
    display: none !important;
}
.new {
	transform: scale(1);
}
input[type="checkbox"] {
	display: none;
}
.some-i {
	z-index: 9998;
}
.i {
	z-index: 9999;
}
nav {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 20px 121px;
	background: inherit;
	border-bottom: 1px solid red;
}
.about i {
    color: #09cdd7 !important;
}
.logo {
	width: 85px;
	height: 85px;
	margin-left: 125px;
    cursor: pointer;
}
.logo img {
	min-width: 100%;
	min-height: 100%;
	max-width: 100%;
	max-height: 100%;
	border-radius: 50%;
	box-shadow: rgba(255, 255, 255, 0.25) 0px 25px 50px -12px;
}
ul {
	display: flex;
	list-style: none;
}
.active-item {
 	color: crimson;
}
.active-item::after {
    width: 57%;
}
.project_modal_header_text_from_to_divider {
    min-width: 20px;
}
.active-b {
	width: 100%;
}
img {
    object-fit: cover;
}
ul li {
	display: flex;
    align-items: flex-start;
    flex-direction: column;
}
ul li p {
	margin: 0 6px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    padding: 7px 23px;
    position: relative;
    cursor: pointer;
    transition: all .5s;
    letter-spacing: 1px;
}
ul li p + span {
	height: 1px;
	background: crimson;
}
.contact-item {
	margin-right: 0;
}
ul li p::after {
	content: "";
	position: absolute;
	background: red;
	height: 2px;
	width: 0;
	left: 0;
	bottom: -10px;
	transition: 1s;
}
ul li p:hover::after {
	width: 57%;
}
ul li p:hover {
	color: red;
}
.icons {
	display: none;
}
.center_section {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: row;
	height: 60vh;
}
.center_section_img {
	width: 50%;
}
.center_section_text {
	width: 50%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.center_section_text_item {
	word-break: break-word;
    padding-left: 223px;
}
.center_section_text_h1 {
	text-align: start;
    font-size: 44px;
}
.center_section_text_job {
	padding-top: 10px;
	display: flex;
	align-items: center;
}
.center_section_text_job_img {
	width: 30px;
	height: 30px;
}
.center_section_text_job_img img {
	width: 100%;
	border-radius: 50%;
}
.center_section_text_p {
    margin-top: 12px;
    letter-spacing: 1px;
    line-height: 20px;
    font-size: 16px;
    font-weight: normal;
}
.center_section_text_h3 {
    padding-left: 12px;
    font-size: 22px;
}
.center_section_img {
	display: flex;
    justify-content: center;
    align-items: center;
    width: 50%;
    height: 100%;
}
.center_section_img_item img {
    margin-top: 100px;
    width: 451px;
    height: 468px;
	border-radius: 50%;
    box-shadow: 0 33px 119px rgb(72 0 0), 0 -1px 23px rgb(219 0 0);
}
.center_section_text_btn {
	padding: 10px 20px;
    margin-top: 14px;
    background: rgba(0,0,0,0);
    color: #fff;
    outline: 0;
    border-radius: 25px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: .5s;
}
.center_section_text_btn {
    border: 2px inset red;
}
.center_section_text_btn:hover {
    box-shadow: 0px 0px 66px 1px rgb(255 0 0 / 96%);
}
section .center_section_text_btn {
    margin-bottom: 71px;
}
.next_page {
	padding: 10px 10px;
    padding: 27px 60px;
    margin-top: 14px;
    background: rgba(0,0,0,0);
    color: #fff;
    outline: 0;
    border-radius: 50px;
    font-size: 24px;
    font-weight: 600;
    cursor: pointer;
    transition: .5s;
    border: 3px outset red;
}
.footer {
	padding: 0 230px;
}
.next_page:hover {
	box-shadow: 0px 0px 35px -2px rgb(255 0 0 / 96%);
}
.intro {
    display: flex;
    flex-direction: column;
    letter-spacing: 0.8px;
    word-spacing: 0.5px;
    line-height: 22px;
}
.main .intro > div {
    width: 100%;
    display: flex;
    font-size: 21px;
}
b {
    padding-right: 10px;
}
.name-b,.inter-edu {
    display: flex;
    padding: 50px 200px;
}
.inter-edu {
    flex-direction: column;
}
.inter {
    overflow: hidden;
}
.inter-edu {
    padding: 40px 200px;
    padding-top: 0;
}
.edu-names {
    width: 30%;
    display: flex;
    align-items: center;
    flex-direction: column;
    text-align: start;
    overflow: hidden;
}
.edu-img p {
    padding-left: 10px;
}
.edu_item {
    width: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.edus {
    margin-top: 17px;
}
.edus-names {
    overflow: hidden;
}
.birthday {
    display: flex;
    width: 50%;
    justify-content: center;
    align-items: center;
}
.about-modal {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0,0,0,.8);
    opacity: 0;
    pointer-events: none;
    transition: all .3s;
}
.about-modal-item {
    background: #111;
    border-radius: 42px;
    position: relative;
    height: 68%;
    width: 62%;
    display: flex;
    flex-direction: column;
    position: absolute;
    top: -100vh;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all .3s;
}
.about-modal-item h3 {
    margin: 29px 0 40px 45px;
    font-size: 30px;
}
.about-text {
    overflow: auto;
    margin: 10px;
    padding: 15px 20px;
    letter-spacing: .5px;
    word-break: break-word;
    word-spacing: 1px;
    line-height: 19px;
    margin: 20px;
    border: 1px solid #333;
}
.about_x_items {
    position: absolute;
    top: 38px;
    right: 24px;
    width: 30px;
    height: 30px;
    display: flex;
    flex-direction: column;
    cursor: pointer;
}
.about_contact_x_item {
    width: 100%;
    height: 3px;
    border-radius: 2px;
    background: #fff;
    cursor: pointer;
}
.about_contact_x_item:last-of-type {
    transform: rotate(
47deg) translate(7px, 8px)
}
.about_contact_x_item:first-of-type {
    transform: rotate(
-49deg) translate(-11px, 8px)
}
.inter button,.edus button {
    width: 100%;
    text-align: start;
    padding: 10px 23px;
    font-size: 20px;
    background: #1a1a1a;
    outline: 0;
    border: 0;
    color: #fff;
    border-radius: 6px;
    border: 2px solid #9626ff;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.name-b .name b i,.name-b .birthday b i {
	font-size: 17.9px;
}
.inter button p i,.edus button p i {
	margin-right: 7px;
}
.inter > div,.edus > div {
    padding: 10px 20px;
    border: 2px solid #000;
    border-top: 0;
    transition: all .4s;
    height: 0;
    border: 0;
    padding: 0;
    border-radius: 10px;
}
ul li p.prev_skill {
    transform: inherit !important;
}
.a_slider,.i_slider {
    position: relative;
    width: 88%;
    height: 21vw;
    margin: auto;
    overflow: hidden;
}
.theskills {
    margin-top: 22px;
    display: flex;
    justify-content: space-evenly;
    margin-bottom: 16px;
}
.theskills h1 {
    margin-top: 7px;
}
.ad_skills h1,.i_skills h1 {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 30px;
    font-family: 'Roboto Mono', monospace;
    margin-top: 20px;
}
.a_slide_btn,.i_slide_btn {
    position: absolute;
    top: 39%;
    left: 156px;
    z-index: 78;
    background: transparent;
    border: 0;
    font-size: 190%;
    cursor: pointer;
}
.a_slide_btn i,.i_slide_btn i {
    color: #fff;
}
#previous,#i_previous  {
    left: 14% !important;
}
#next,#i_next
 {
    right: 14% !important;
}
#next {
    right: 165px;
    left: inherit;
}
.a_slide,.i_slide {
    width: calc(100% - 26.109px);
    height: 100%;
    position: absolute;
    transition: 0.6s ease;
    transform: translate(-100%, 0);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.a_slide.active,.i_slide.i_active {
    transform: translate(0, 0);
}
.a_slide.active ~ .a_slide,.i_slide.i_active ~ .i_slide {
    transform: translate(100%, 0);
}
.next_skill, .i_next_skill {
    transform: translate(50%, 0) !important;
}
.prev_skill, .i_prev_skill {
    transform: translate(-50%, 0) !important;
}
.ad_skills,.i_skills {
    width: 50%;
    display: flex;
    flex-direction: column;
    position: relative;
}
.the_a_slider,.the_i_slider {
    width: 100%;
}
.box_shadow {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: rgb(0 114 255) 3px -5px 30px -28px inset, rgb(7 199 172) -9px 0px 98px -27px inset;
    z-index: 77;
}
.a_slider,.i_slider {
    border-radius: 84px;
}
.a_slider_img,.i_slider_img {
    width: 28%;
    height: 50%;
}
.a_slider_img img,.i_slider_img img {
    width: 100%;
    border-radius: 50%;
}
.a_slide p,.i_slide p {
    font-size: 22px;
    margin-top: 20px;
}
#i_next {
    right: 156px;
    left: inherit;
}
.pr_img {
    width: 300px;
    height: 250px;
}
.pr_img img {
    width: 100%;
    height: 100%;
}
.pr_main {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}
.pr_main_container {
    display: flex;
    width: 84%;
    margin: 23px auto;
    margin-bottom: 70px !important;
}
.pr_container {
    width: 30%;
}
.pr_item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    border: 3px solid #9b00ff;
    border-radius: 32px;
}
.pr_img {
    width: 100%;
    height: 85%;
}
.pr_container {
    width: 30%;
}
.pr_img img {
    width: 100%;
    border-radius: 32px;
}
.pr_btn {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    height: 18%;
    border-top: 2px solid #9b00ff;
}
.pr_container {
    margin-right: 40px;
}
.pr_see {
    width: 40%;
    border: 2px dashed #6700ff;
}
.pr_btn button {
    width: 99.9%;
    height: 99.9%;
    background: rgba(0,0,0,.95);
    border: 0;
    outline: 0;
    color: #fff;
    font-size: 22px;
    cursor: pointer;
    border-bottom-left-radius: 32px;
    border-bottom-right-radius: 32px;
}
.pr_see {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.pr_see_item {
    text-align: center;
}
.pr_see_item i {
    font-size: 65px;
    color: #6700ff;
}
.pr_see_item p {
    margin-top: 9px;
    font-size: 23px;
    color: #6700ff;
}
.pr_modal__item_box {
    width: 52%;
    height: 79%;
    margin: 0 auto;
    background: #333;
    border: 3px solid #9b00ff;
    border-radius: 32px;
}
.pr_modal {
    position: absolute;
    top: -100000vh;
    left: 0;
    width: 100vw;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(0,0,0,.7);
    z-index: 80;
    transition: all .5s;
}
.pr_modal_item {
    width: 61%;
    height: 85%;
    background: #242424;
    z-index: 109;
    border-radius: 40px;
    border: 3px solid #9b00ff;
    position: relative;
}
.pr_modal_item_img img {
    width: 100%;
    height: 100%;
}
.pr_modal_item_item {
    height: 100%;
    margin: 30px 51px;
    margin-bottom: 0;
}
.pr_modal_items {
    overflow: auto;
    display: grid;
    width: 100%;
    height: 85%;
    grid-template-columns: auto auto;
    padding: 23px 34px;
    gap: 6% 5%;
    border: 2px solid #000;
    border-radius: 40px;
    border: 2px solid #9b00ff;
}
.pr_modal__item_box {
    width: 100%;
    margin: 0 auto;
    position: relative;
    height: 167px;
    overflow: hidden;
}
.pr_modal_item_box_item {
    width: 100%;
    height: 100%;
}
.pr_modal_item_img {
    width: 100%;
    height: 100%;
}
.pr_modal_item_img {
    width: 100%;
    height: 100%;
}
.pr_modal_close_btn {
    height: 10%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.pr_modal_close_btn button {
    width: 178px;
    height: 70%;
    color: #fff;
    outline: 0;
    font-size: 22px;
    border-radius: 9px;
    border: 2px solid #9b00ff;
    cursor: pointer;
}
.pr_modal_item_btn button {
    width: 100%;
    height: 100%;
    font-size: 23px;
    color: #fff;
    background: rgba(0,0,0,.9);
    border: 0;
    outline: 0;
    cursor: pointer;
}
.pr_modal_item_title {
    position: absolute;
    top: 5%;
    left: 3%;
    font-size: 21px;
    color: #000;
    font-weight: 600;
}
.pr_modal_item_btn {
    position: absolute;
    bottom: 0%;
    left: 0;
    width: 100%;
    height: 25%;
    border-top: 2px solid #9b00ff;
}
.project_modal {
    position: absolute;
    top: -100vh;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(0,0,0,.6);
    transition: all .5s;
    z-index: 999999;
}
.project_modal_item {
    width: 85%;
    height: 75%;
    background: #000;
    border-radius: 20px;
    padding: 30px 50px;
    border: 3px solid #9b00ff;
    position: relative;
}
.project_modal_item_box {
    width: 100%;
    height: 100%;
    padding: 20px 35px;
    display: flex;
    flex-direction: column;
}
.project_modal_header , .project_modal_footer {
    width: 100%;
}
.project_modal_header {
    height: 75%;
}
.project_modal_footer {
    height: 25%
}
.project_modal_header_item {
    width: 100%;
    height: 100%;
}
.project_modal_header {
    display: flex;
    justify-content: center;
    align-items: center;
}
.project_modal_header_item {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
}
.prject_modal_header_img,.project_modal_descr {
    width: 50%;
    height: 100%;
}
.project_modal_descr {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.prject_modal_header_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.project_modal_header_text {
    width: 50%;
    height: 100%;
    padding: 0 25px;
    display: flex;
    font-size: 17px;
    font-weight: normal;
    flex-direction: column;
}
.project_modal_footer {
    display: flex;
    font-size: 20px;
}
.project_modal_descr_p {
    letter-spacing: .8px;
    word-break: break-word;
    word-spacing: 2px;
    color: #fff;
}
.project_modal_header_text_send_skill_img {
    width: 10%;
    height: 88%;
}
.project_modal_header_text_send_skills {
    display: flex;
    width: 100%;
}
.project_modal_header_text_send_skill_img img {
    height: 34px;
}
.project_modal_header_text_from_to {
    display: flex;
    margin-top: 4px;
    font-size: 21px;
    justify-content: center;
    align-items: center;
    height: 28%;
}
.project_modal_header_text_from {
    margin-right: 23px;
}
.project_modal_header_text_to {
    margin-left: 23px;
}
.project_modal_header_text_header {
    text-align: center;
    font-size: 41px;
    margin-bottom: 25px;
}
.project_modal_header_text_from_to_divider {
    width: 70%;
    height: 2px;
    background: #fff;
    position: relative;
}
.project_modal_header_text_from_to_divider i:nth-child(1) {
    position: absolute;
    top: 50%;
    transform: translate(49%, 22%);
}
.project_modal_header_text_from_to_divider i:nth-child(2) {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -134%);
}
.project_modal_header_text_from_to_divider i:nth-child(3) {
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(472%, 22%);
}
.project_modal_header_text_btns {
    width: 100%;
    height: 35%;
    display: flex;
    justify-content: start;
}
.project_modal_header_text_btn {
    margin-right: 20px;
    height: 100%;
    width: 41%;
    display: flex;
    justify-content: center;
    align-items: end;
}
.project_modal_header_text_btn a {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: inherit;
}
.project_modal_header_text_btn button {
    padding: 7% 0;
    border: 0;
    outline: 0;
    background: blue;
    color: #fff;
    font-size: 17px;
    width: 100%;
    border-radius: 25px;
    cursor: pointer;
    transition: opacity .3s;
}
.project_modal_header_text_btn button:hover {
    opacity: .8;
}
.project_modal_close_btn {
    position: absolute;
    top: 13px;
    right: 24px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    z-index: 103;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.project_modal_close_btn span {
    width: 100%;
    height: 3px;
    display: inline-block;
    background: #fff;
    border-radius: 4px;
}
.project_modal_close_btn_x_1 {
    transform: rotate(45deg) translate(2px, 3px)
}
.project_modal_close_btn_x_2 {
    transform: rotate(-45deg);
}
.edus_road {
    width: 50%;
    position: absolute;
    height: 3px;
    background: red;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.edus-names {
    position: relative
}
.edus_road_item_circle {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: red;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
}
.edu_item {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, 29%);
}
div.edu_item.edu_2,div.edu_item.edu_4 {
    top: inherit;
    bottom: 50%;
    transform: translate(-50%,-31%);
}
.edu_img img {
	border-radius: 50%;
}
.edus_road {
    display: flex;
    justify-content: space-evenly;
    width: 78%;
    position: absolute;
    height: 2px;
    background: red;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.edus_road_item {
	width: 25%;
	height: 100%;
	position: relative;
}
.edus_start, .edus_end {
    display: flex;
    flex-direction: row-reverse;
    font-size: 89%;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 15%;
    left: 2%;
}
.edus_start i {
	font-size: 107%;
    margin-right: 6%;
}
.edus_end {
	flex-direction: row;
	top: inherit;
	bottom: 15%;
	left: inherit;
	right: 2%;
}
.edus_end i {
	font-size: 107%;
	margin-left: 6%;
}
.about_a {
    padding: 0 200px;
    font-size: 19px !important;
    display: flex;
    flex-direction: column;
    align-items: start;
}
.about_a p {
    margin-bottom: 20px;
}
.edu_img {
	width: 40px;
    height: 40px;
    margin-right: 10px;
}
.edu_img img {
	width: 100%;
}
.edus-names {
	display: flex;
    justify-content: space-between;
    align-items: center;
}
.inter > div {
	overflow: auto;
}
.fa-chevron-down {
	transition: transform .5s;
}
.contact_main {
	display: flex;
	flex-direction: row;
	width: 100%;
}
.contact_input {
	width: 70%;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.contact_input label {
    width: 80%;
    margin-top: 17px;
}
.contact_input label p {
	font-size: 24px;
}
.contact_input h1 {
    margin-top: 15px;
    font-size: 33px;	
}
.contact_input label input {
    width: 100%;
    padding: 12px 13px;
    border-radius: 15px;
    border: 0;
    outline: 0;
    margin-top: 10px;
    font-size: 18px;
    background: rgb(56 56 56);
    box-shadow: -1px 0px 38px 1px #363636;
    border: 2px solid #0039ff;
    transition: all .5s;
    color: #fff;
    margin-bottom: 10px;
    letter-spacing: 1px;
    word-spacing: 2px;
}
.contact_input label textarea {
 	resize: inherit;
    width: 100%;
    height: 164px;
    border-radius: 27px;
    margin-top: 10px;
    border: 0;
    outline: 0;
    padding: 14px 19px;
    font-size: 19px;
	background: rgb(56 56 56);
    box-shadow: -1px 0px 38px 1px #363636;
    border: 2px solid #0039ff;
    transition: all .5s;
    color: #fff;
    margin-bottom: 10px;
    letter-spacing: 1px;
    word-spacing: 2px;
}
.res_btns {
	display: none;
}
.contact_input label span {
	margin-left: 10px;
    color: red;
    display: none;
}
.contact_input label input:focus, .contact_input label textarea:focus {
	transform: scale(1.05);
    border: 3px solid #4800ff;
}
.contact_input label p {
	margin-left: 11px;
}
.send_btn {
	width: 100%;
    padding: 17px 82px;
}
.res_btns .send_btn button {
	width: 100%;
}
.send_btn button {
	width: 100%;
    padding: 13px 0;
    border-radius: 12px;
    border: 2px solid #6000ff;
    outline: 0;
    font-size: 21px;
    background: #3b1f7e;
    color: #fff;
    cursor: pointer;
    transition: all .3s;
}
.send_btn button:hover {
	opacity: .8;
}
.send_btn button:focus {
    transform: scale(.97,.97);
}
.contact_text {
	width: 50%;
	height: 100%;
}
.contact_text {
    display: flex;
    flex-direction: column;
}
.contact_social_media h1 {
    font-size: 34px;
    padding: 14px;
    padding-top: 15px;
    text-align: center;
}
.contact_text {
	margin-top: 30px;
}
.contact_social_media_icons {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    width: 100%;
    padding: 35px 102px;
    padding-top: 3px;
}
.contact_social_media_icon {
	margin-right: 11px;
}
.contact_social_media_icon a {
    color: inherit;
    text-decoration: none;
}
.contact_social_media_icon a i {
    font-size: 44px;
    transform: rotate(0);
    transition: all .4s;
    cursor: pointer;
}
.contact_social_media_icon img {
    transition: transform .5s;
}
.contact_social_media_icon img:hover {
    transform: rotate(360deg);
}
.contact_location_text_item iframe {
	border: 0;
	width: 88%;
	margin: 0 auto;
	height: 265px;
	border-radius: 29px;
}
.contact_location h1 {
    margin-bottom: 15px;
    margin-top: 24px;
    text-align: center;
    font-size: 37px;
}
.contact_location p {
    font-size: 20px;
    margin-bottom: 11px;
}
.contact_location p:last-of-type {
    margin-bottom: 26px;
}
.res_contact_bg {
	display: none;
}
@media (max-width: 1377px) {
	.center_section_text_h1 {
		font-size: 40px;
	}
	.main .intro > div {
		font-size: 20px;
	}
	.center_section_text_h3 {
		font-size: 20px;
	}
	.center_section_text_job_img {
		width: 28px;
		height: 28px;
	}
	.center_section_text_p {
		margin-top: 12px;
	    letter-spacing: .9px;
	    line-height: 18px;
	    font-size: 14px;
	    font-weight: normal;
	}
    .project_modal_header_text_from_to_divider i:nth-child(3) {
        transform: translate(412%, 22%);
    }
}

@media (max-width: 1338px) {
	.about_a {
		font-size: 18px !important;
	}
	.main .intro > div {
	    font-size: 18px;
	}
}

@media (max-width: 1300px) {
	.center_section_text_h1 {
		font-size: 36px;
	}
	.inter button, .edus button {
		font-size: 18px;
	}
	.center_section_text_h3 {
		font-size: 17px;
	}
	.name {
		width: 70%;
	}
	.birthday {
		display: inline-block;
		width: 30%;
		text-align: end;
	}
	.main .intro > div {
	    font-size: 17px;
	}
	.center_section_text_job_img {
		width: 25px;
		height: 25px;
	}
	.center_section_text_p {
	    letter-spacing: .8px;
	}
	.about_a {
	    font-size: 16px !important;
	}
	.next_page {
		padding: 15px 30px;
		font-size: 20px;
	}
	.footer {
		padding: 0 255px;
	}
	.center_section_img_item img {
		width: 419px;
        height: 400px;
        margin-top: 86px
	}
	.logo {
		width: 75px;
		height: 75px;
	}
	.inter-edu {
	    padding: 20px 200px;
	    padding-top: 0;
	}
	nav {
		padding: 9px 120px;
	}
	ul li p {
		font-size: 15px;
	}
	.center_section_text_btn  {
		font-size: 15px;
	}
	.contact_input label input {
		padding: 10px 11px;
	}
	.contact_input h1 {
		font-size: 30px;
	}
	.contact_input label p {
		font-size: 22px;
	}
	.contact_input label textarea,.contact_input label input {
		font-size: 18px
	}
	.contact_input .send_btn button {
		font-size: 19px;
	}
	.contact_input label {
		width: 75%;
	}
	.send_btn {
		padding: 17px 74px;
	}
	.contact_input label span {
		font-size: 15px;
	}
}
@media (max-width: 1280px) {
    .project_modal_header_text_btn button {
        padding: 6% 0;
        border: 0;
        outline: 0;
        background: blue;
        color: #fff;
        font-size: 14px;
        width: 99%;
    }
    .project_modal_header_text_from_to_divider i:nth-child(3) {
        position: absolute;
        top: 50%;
        right: 50%;
        transform: translate(9vh, 22%);
    }
}
@media (max-width: 1240px) {
	.contact-item {
		margin-right: 55px;
	}
	nav {
		padding: 9px 44px;
	}
	.center_section_text_item {
		padding-left: 170px;
	}
	.footer {
		padding: 0 170px;
	}
}
@media (max-width: 1200px) {
    .project_modal_header_text_from_to_divider {
        width: 13%;
    }
    .project_modal_header_text_from_to_divider i {
        display: none;
    }
    .pr_modal_item {
        width: 76%;
    }
}
@media (max-width: 1111px) {
    .project_modal_header_text_btn {
        width: 45%;
    }
    .project_modal_header_text_btn button {
        padding: 8% 2%;
    }
}
@media (max-width: 1180px) {
    .project_modal_header_text_btn button {
        font-size: 13px;
    }
    .pr_container {
        width: 100%;
        height: 250px;
    }
    .pr_item {
        height: 100%;
        width: 100%;
    }
    .pr_main_container {
        display: grid;
        grid-template-columns: auto auto;
        gap: 8% 4%;
        margin: 60px auto;
    }
    .pr_see {
        grid-column: span 2;
        width: 100%;
        height: 200px;
    }
    .pr_img {
        width: 100%;
        height: 100%;
    }
	.contact_input label input {
		padding: 10px 11px;
	}
	.contact_input h1 {
		font-size: 28px;
	}
	.contact_input label p {
		font-size: 20px;
	}
	.contact_input label textarea,.contact_input label input {
		font-size: 16px
	}
	.contact_input .send_btn button {
		font-size: 17px;
	}
	.contact_input label {
		width: 73%;
	}
	.send_btn {
		padding: 17px 72px;
	}
	.contact_input label span {
		font-size: 14.5px;
	}
	.contact_social_media h1,.contact_location h1 {
		font-size: 28px;
	}
	.contact_social_media_icon a i {
		font-size: 37px;
	}
	.contact_location p {
		font-size: 18.5px;
	}
	.contact_text {
		margin-top: 7.5px;
	}
}

@media (max-width: 1112px) {
	.name {
		width: 67%;
	}
	.birthday {
		width: 33%;
	}
}
@media (max-width: 1060px) {
    .project_modal_header_text_btn:nth-child(2) {
        margin-right: 0;
    }
}
@media (max-width: 1100px) {
	.logo {
		margin-left: 60px;
	}
	.contact-item {
		margin-right: 20px;
	}
	.center_section_text_item, .footer {
		padding-left: 110px;
	}
	.center_section_img_item img {       
        width: 390px;
        height: 383px;
        margin-top: 42px;
	}
	ul li p {
		margin: 0;
		font-size: 14px;
	}
	.contact_input label input {
		padding: 9.5px 10.5px;
	}
	.contact_input h1 {
		font-size: 27px;
	}
	.contact_input label p {
		font-size: 19.3px;
	}
	.contact_input label textarea,.contact_input label input {
		font-size: 15.5px
	}
	.contact_input .send_btn button {
		font-size: 16.5px;
	}

	.contact_input label {
		width: 70%;
	}
	.send_btn {
		padding: 16.5px 70px;
	}
	.contact_input label span {
		font-size: 14px;
	}
	.contact_social_media h1,.contact_location h1 {
		font-size: 27.5px;
	}
	.contact_social_media_icon a i {
		font-size: 35px;
	}
	.contact_location p {
		font-size: 18px;
	}
	.contact_text {
		margin-top: 7px;
	}
}
@media (max-width: 1100px) {
	.logo {
		margin-left: 60px;
	}
    .pr_modal_item {
        width: 64%;
        height: 87%;
    }
	.contact-item {
		margin-right: 20px;
	}
	.center_section_text_item, .footer {
		padding-left: 110px;
	}
	ul li p {
		margin: 0;
		font-size: 14px;
	}
	.center_section_text_h3 {
		font-size: 15px;
		padding-left: 8px
	}
	.center_section_text_job_img {
		width: 23px;
		height: 23px;
	}
	.center_section_text_job {
		padding-top: 5px;
	}
	.center_section_text_p {
		margin-top: 7px;
	    letter-spacing: .5px;
    	word-spacing: 0.5px;
	    line-height: 17.5px;
	    font-size: 13.7px;
	}
	.center_section_text_btn {
		padding: 8px 17px;
    	margin-top: 11px;
    	font-size: 14px;
	}
	.next-page {
		padding: 13px 25px;
    	font-size: 18px;
	}
	.logo {
	    width: 70px;
	    height: 70px;
	}
}
@media (max-width: 1047px) {
	.name {
		margin-bottom: 15px;
		width: 100%;
	}
	.birthday {
		width: 100%;
		text-align: start;
	}
	.name-b {
		flex-direction: column;
		padding: 36px 200px;
	}
}
@media (max-width:  1018px) {
    .project_modal_header_text_header {
        font-size: 34px;
    }
    .project_modal_header_text_send_skills {
        justify-content: space-evenly;
    }
}
@media (max-width: 1000px) {
	.contact_input label input {
		padding: 9px 10px;
	}
	.contact_input label p {
		font-size: 19px;
	}
	.contact_input label textarea,.contact_input label input {
		font-size: 15px
	}
	.contact_input .send_btn button {
		font-size: 16.5px;
	}
	.contact_input label {
		width: 68%;
	}
	.send_btn {
		padding: 16px 72px;
	}
	.contact_input label span {
		font-size: 13.5px;
	}
	.contact_input h1,.contact_social_media h1,.contact_location h1 {
		font-size: 27px;
	}
	.contact_social_media_icon a i {
		font-size: 33px;
	}
	.contact_location p {
		font-size: 17.5px;
	}
	.contact_text {
		margin-top: 6.5px;
	}
	.contact_location_text_item iframe {
		width: 85%;
		height: 250px;
	}
    .pr_modal_items {
        gap: 5% 6%;
    }
    .pr_modal_item {
        width: 78%;
        height: 87%;
    }
    .pr_modal_close_btn {
        align-items: center;
    }
    .project_modal_header_text_btn button {
        font-size: 77%;
        padding: 9% 2%;
        width: 105%;
    }
    .project_modal_header_text_btns {
        width: 115%;
    }
}
@media (max-width: 970px) {
    .pr_container {
        height: 232px;
    }
}
@media (max-width: 960px) {
	.center_section_text_job_img {
	    width: 20px;
	    height: 20px;
	}
	.center_section_text_h3 {
	    font-size: 14.5px;
	    padding-left: 6px;
	}
    .center_section_text_job {
	    padding-top: 2px;
	}
	.center_section_text_p {
	    margin-top: 6px;
	    letter-spacing: .4px;
	    word-spacing: 0.4px;
	    line-height: 16.5px;
	    font-size: 13.4px;
	}
	.center_section_text_btn {
	    padding: 7px 12px;
	    margin-top: 11px;
	    font-size: 14px;
	    letter-spacing: 1px;
	}
	.next_page {
	    padding: 13px 20px;
	    font-size: 17px;
	    letter-spacing: 1.5px;
	}
	ul li p {
		padding: 7px 19px;
	}
	.logo {
	    width: 68px;
	    height: 68px;
	}	
    .center_section_img_item img {
	    width: 341px;
        height: 344px;
        margin-top: 6px;
	}
    .center_section_img {
        justify-content: flex-start;
    }
}
@media (max-width: 952px) {
    .project_modal_header_text_btns {
        width: 125%;
    }
    .project_modal_header_text_from_to {
        font-size: 18px;
    }
}
@media (max-width: 920px) {
    .project_modal_header_text_header {
        font-size: 30px;
        margin-bottom: 15px;
    }
	.name-b {
		padding: 36px 121px;
	}
	.inter-edu {
		padding: 20px 121px;
	}
	.about_a {
		padding: 0 121px;
	}
	.about-modal-item {
		width: 80%;
	}
}
@media (max-width: 893px) {
    .project_modal_header_text_btn button {
        font-size: 72%;
    }
}
@media (max-width: 870px) {
    .contact_input label input {
		padding: 7.8px 9px;
	}
	.contact_input label p {
		font-size: 18px;
	}
	.contact_input label textarea,.contact_input label input {
		font-size: 14.5px
	}
	.contact_input .send_btn button {
		font-size: 16px;
	}
	.contact_input label {
		width: 65%;
	}
    .send_btn {
		padding: 14.5px 68px;
	}
	.contact_input label span {
		font-size: 13px;
	}
	.contact_input h1,.contact_social_media h1,.contact_location h1 {
		font-size: 24px;
	}
	.contact_social_media_icon a i {
		font-size: 30px;
	}
	.contact_location_text_item iframe {
    	width: 82%;
    }
	.contact_location h1 {
		text-align: start;
		font-size: 30px;
		margin-bottom: 20px;
	}
	.contact_text {
		width: 50%;
	    margin-left: 0;
	    margin-top: 20px;
	}
	.contact_location p {
		font-size: 16.5px;
	}
	.contact_text {
		margin-top: 6.5px;
	}
	.contact_location_text_item iframe {
		width: 82%;
		height: 240px;
	}
}
@media (max-width: 850px) {
    .pr_main_container {
        margin: 0 !important;
        margin-bottom: 65px !important;
    }
    .pr_modal_items {
        grid-template-columns: auto;
        overflow-x: hidden;
        overflow-y: auto;
    }
    .pr_modal_item_btn {
        height: 22%;
    }
    .pr_modal__item_box {
        width: 100%;
        height: 100%;
    }
    .pr_modal_item_item {
        height: 98%;
    }
    .a_slider, .i_slider {
        height: 36vw;
    }
    .project_modal_item_box {
        overflow-x: hidden;
        overflow-y: auto;
    }
    .prject_modal_header_img,.project_modal_header_text,.project_modal_header_text_from_to_divider {
        width: 100%
    }
    .project_modal_header_text_header {
        margin-top: 15px;
    }
    .project_modal_header_text_send_skills {
        justify-content: inherit;
    }
    .project_modal_header_item {
        flex-direction: column;
    }
    .project_modal_header_item {
        margin-top: 6%;
    }
    .project_modal_header_text_from_to_divider i {
        display: block;
    }    
    .project_modal_header_text_from_to_divider i:nth-child(3) {
        right: 7%;
        transform: translate(50%,22%);
    }
    .project_modal_header_text_btns {
        margin: 7% 0;
        width: 100%;
    }
    .project_modal_footer {
        margin-top: 34%;
    }
    .project_modal_header_text_btn {
        width: 33%;
    }
    .project_modal_header_text_from_to {
        margin-top: 24px;
        margin-bottom: 10px;
    }
    .pr_container {
        height: 205px;
    }
	.res_btns {
		display: block;
	}
	.res_btns .send_btn {
	    display: flex;
	    justify-content: space-around;
	    margin-top: 18px;
	}
	.contact_main {
		flex-direction: column;
	}
	.contact_input {
	    position: absolute;
	    top: -100vh;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    background: rgba(0,0,0,.7);
	    z-index: 1001;
	    justify-content: center;
	    transition: all .5s;
	   display: flex;
	}
	.contact_social_media_icons {
		display: flex;
	    align-items: center;
	    padding: 0;
	    height: 73%;
	    justify-content: start;
	}
	.contact_input label input {
	    padding: 15px 13px;
	}

	.contact_input label textarea {
		padding: 16px 22px;
	}
	.contact_social_media h1 {
		margin-top: 0;
	    text-align: start;
	    font-size: 36px;
	    padding: 5px 0;
	    padding-bottom: 0;
	}
	.contact_social_media_icon {
	    display: flex;
	    justify-content: center;
	    align-items: center;
	    margin-bottom: 7px;
	    margin-right: 3%;
	    margin-top: 3px;
	}
	.contact_social_media_icon a {
	    display: flex;
	    justify-content: center;
	    align-items: center;
	}
	.contact_social_media_icon a i {
		margin-right: 14px;
	}
	.contact_social_media_icon a:after {
		font-size: 23px;
	}
	.contact_social_media_icon:last-of-type {
		grid-column: span 2;
	}
	nav ul li p {
		font-size: 18px;
	}
	ul li {
		margin: 44px auto;
	}
	nav ul {
	    position: absolute;
	    bottom: 300vh;
	    left: 0;
	    width: 100%;
	    background: #000000f0;
	    height: 100%;
	    align-items: center;
	    flex-direction: column;
	    justify-content: space-around;
	    transition: all .5s;
        z-index: 999;
	}
	.icons {
		display: flex;
		justify-content: center;
		align-items: center;
		height: 40px;
		width: 30px;
		cursor: pointer;
		flex-direction: column;
        z-index: 1000;
	}
	.icons span {
		width: 100%;
	    height: 3px;
	    border-radius: 2px;
	    background: #fff;
	    margin: 3px 0;
	    transition: all .5s;
	}
	input[type="checkbox"]:checked ~ label .junior {
		transform: translate(1px, 9px) rotate(45deg);
	}
	input[type="checkbox"]:checked ~ label .middle {
		opacity: 0;
	}
	input[type="checkbox"]:checked ~ label .senior {
		transform: translate(1px, -9px) rotate(-45deg);
	}
	.center_section_text_item {
		padding: 0 50px;
	}
	.center_section_text_h1 {
		display: inline-block;
    	margin-top: 40px;
	}
	.center_section_text_job {
		display: flex;
		margin-top: 4px;
	}
	.center_section_text_job_img {
		display: inline-block;
	    width: 33px;
	    height: 33px;
	}
	.center_section_text_h3 {
		display: inline-block;
	    font-size: 28px;
	    padding-left: 15px;
	}
	.center_section_text_p {
		font-size: 16px;
   		margin-top: 12px;
	}
	.center_section_text_btn {
		font-size: 16px;
	    padding: 10px 20px;
	    margin-top: 20px;
	}
	.center_section_img_item img {
        width: 341px;
        height: 344px;
        margin-top: 6px;
    }
	.footer {
		text-align: center;
        margin-bottom: 20px;
        padding: 0;
	}
	.next_page {
        margin-top: 63px;
	}
	.center_section  {
		flex-direction: column-reverse;
	}
	.center_section_text {
		width: 100%;
		padding: 10px 55px;
        text-align: center;
	}
	.center_section {
		margin-top: 100px;
	}
    .center_section_img {
        justify-content: center;
    }
	.center_section_text_item {
		padding: 0
	}
	.logo {
		margin-left: 18px;
	}
	.name-b {
		padding: 36px 70px;
	}
	.inter-edu {
		padding: 20px 68px;
	}
	.about_a {
		padding: 0 70px;
	}
	.contact_social_media_icon a i {
		font-size: 40px;
	}
	.contact_location h1 {
		font-size: 34px;
	}
	.contact_location p {
		font-size: 19px;
	}
	.contact_input > h1,.contact_input > label,.contact_input > .send_btn {
		z-index: 101
	}
	.res_contact_bg {
		display: block;
		position: absolute;
		top: 50%;
		left: 50%;
		background: #1e1e1e;
		width: 80%;
		height: 88%;
		z-index: 100;
		transform: translate(-50%,-50%);
    	border-radius: 40px;
	}
	.res_contact_x_items {
		position: absolute;
		top: 38px;
		right: 24px;
		width: 30px;
		height: 30px;
		display: flex;
		flex-direction: column;
        cursor: pointer;
	}
	.res_contact_x_item {
		width: 100%;
		height: 3px;
		border-radius: 2px;
		background: #fff;
	}
	.res_contact_x_item:last-of-type {
		transform: rotate(
47deg) translate(7px, 8px)
	}
	.res_contact_x_item:first-of-type {
		transform: rotate(
-49deg) translate(-11px, 8px)
	}
	.send_btn {
		padding: 14.5px 17%;
	}
	.res_btns div.send_btn {
		padding: 15.5px 7%;
	}
	.contact_input label textarea, .contact_input label input {
		font-size: 17.5px;
	}
	.contact_text {
		margin-left: 7%;
		width: 100%
	}
	.contact_location_text_item iframe {
		width: 83.7%;
		height: 220px;
	}
    .theskills {
        flex-direction: column;
    }
    .ad_skills, .i_skills {
        width: 84%;
        margin: 0 auto;
        margin-bottom: 40px;
    }
}
@media (max-width: 800px) {
    .project_modal_footer {
        margin-top: 30%;
    }
}
@media (max-width: 732px) {
    .project_modal_header_text_btn {
        width: 38%;
    }
}
@media (max-width: 720px) {
    .pr_main_container {
        grid-template-columns: auto;
        gap: 4%;
    }
    .pr_container {
        width: 87%;
        margin: 0 auto;
        height: 244px;
      }
    .pr_see {
        width: 87%;
        grid-column: inherit;
        margin: 0 auto;
        margin-bottom: 20px;
    }
}
@media (max-width: 700px) {
    .project_modal_footer {
        margin-top: 25%;
        display: none;
    }
    .project_modal_header {
        height: 100%;
        min-height: 100%;
    }
}
@media (max-width: 676px) {
    .project_modal_header_text_btn {
        width: 43%;
    }
}
@media (max-width: 650px) {
    .pr_modal_item {
        width: 88%;
    }
    .pr_modal_item_item {
        margin: 30px 23px;
    }
    .pr_modal_item_btn button {
        font-size: 20px;
    }
    .project_modal_footer {
        margin-top: 14%;
        font-size: 18px;
    }
}
@media (max-width: 629px) {
	.name-b {
		padding: 30px 70px;
	}
	.inter-edu {
		padding-top: 0;
	}
    .edus_start {
        left: inherit;
        right: 2%;
    }
    .edus_road {
        width: 2px;
        height: 90%;
        left: 50%;
    }
    .edu_item {
        flex-direction: column;
   }
    div.edu_item.edu_2 {
        top: 33%;
        transform: translate(-19%,-31%);
    }
    div.edu_item.edu_4 {
        transform: translate(-17%, 216%);
    }
    .edu_item p {
        font-size: 118%;
        margin-top: 3%;
        margin-right: 8%;
    }
    .edu_img {
        width: 25%;
        height: 74%;
        display: flex;
    }
    .edu_1 {
        top: -5%;
        transform: translate(-74%, 29%);
    }
    .edu_4 {
        top: inherit;
        bottom: 7%;
        transform: translate(-15%, 29%)
    }
    .edus_road_item_circle_1 {
        top: 11%;
    }
    .edus_road_item_circle_2 {
        top: 36%;
    }
    .edus_road_item_circle_3 {
        top: 63%;
    }
    .edus_road_item_circle_4 {
        top: 89%;
    }
    .edu_3 {
        top: inherit;
        bottom: 19%;
        transform: translate(-75%,-50%);
    }
    .edus_start, .edus_end {
        font-size: 148%;
        right: 8%;
    }
}
@media (max-width: 625px) {
    .project_modal_header_text_from_to_divider i {
        display: none;
    }
    .project_modal_header_text_btn {
        width: 50%;
    }
    .project_modal_header_text_send_skills {
        justify-content: space-evenly;
    }
}
@media (max-width: 616px) {
    .center_section_text_item {
        text-align: start;
    }
}
@media (max-width: 612px) {
    .center_section_text_job_img {
        width: 28px;
        height: 28px;
    }
    .center_section_text_h3 {
        font-size: 26px;
    }
}
@media (max-width: 600px) {
    .box_shadow {
        box-shadow: rgb(0 114 255) 3px -5px 30px -28px inset, rgb(7 199 172) -9px 0px 78px -27px inset;
    }
	.res_btns .send_btn button {
		font-size: 20px;
		padding: 10px 0;
	}
	.contact_social_media h1, .contact_location h1 {
		font-size: 33px;
	}
	.contact_location h1 {
		margin-bottom: 12px;
	}
	.contact_social_media_icon a i {
		font-size: 36px;
	}
	.contact_location p {
		font-size: 18px;
	}
	.contact_location p:last-of-type {
		margin-bottom: 24px;
	}
}
@media (max-width: 590px) {
	.center_section_text_job_img {
		width: 30px;
		height: 30px;
	}
	.center_section_text_p  {
		font-size: 15px;
	}
	.center_section_text_btn {
		font-size: 15px;
	    padding: 9px 16px;
	    margin-top: 14px;
	}
	.next-page {
		padding: 14px 16px;
    	font-size: 18px;
	}
	.logo {
		margin-left: 10px;
	}
}
@media (max-width: 585px) {
    .project_modal_header_text_btns {
        flex-direction: column;
    }
    .project_modal_header_text_btn {
        margin-bottom: 13px;
        width: 100%;
    }
    .project_modal_header_text_btn button {
        width: 199px;
        padding: 14px 0px;
        font-size: 92%;
    }
    .project_modal_footer {
        margin-top: 37%;
    }
}
@media (max-width: 550px) {
    .pr_container {
        height: 218px;
    }
    .project_modal_header_text_from_to {
        font-size: 16px;
    }
	.contact_input label textarea, .contact_input label input {
		font-size: 16.5px;
	}
	.contact_input label input {
		padding: 11px;
	}
	.contact_input label textarea {
		height: 145px;
	}
	.contact_input label input {
		margin-top: 5px;
	}

	.contact_input label p {
		font-size: 17px;
	}
}
@media (max-width: 540px) {
    .project_modal_header_text_header {
        font-size: 24px;
    }
}
@media (max-width: 536px) {
	.main .intro > div {
	    font-size: 16px;
	}
	.name-b .name b i, .birthday b i {
		font-size: 16px;
	}
	.about_a p {
	    margin-bottom: 10px;
	}
	.about_a {
    	font-size: 15px !important;
    }
}
@media (max-width: 530px) {
	.center-section {
		margin-top: 79px;
	}
	.name-b {
	    padding: 30px 46px;
	}
	.inter-edu {
		padding: 20px 46px;
		padding-top: 0 !important;
	}
	.about_a {
		padding: 0 46px;
	}
	.center_section_img_item img {
        width: 341px;
        height: 344px;
        margin-top: 6px;
    }
	.center_section_text_h1 {
		margin-top: 31px;
		font-size: 34px;
	}
	.center_section_text_job_img {
		width: 28px;
		height: 28px;
	}
	.center_section_text_h3 {
		font-size: 21px;
	    padding-left: 12px;
	}
	.next_page {
	    margin-top: 65px;
	    padding: 12px 16px;
    	font-size: 15px;
	}
	.logo {
		margin: 0;
	}
	.center_section_text_h1  {
		margin-top: 25px;
		font-size: 32px;
	}
	.center_section_text_h3  {
		font-size: 19px;
		padding-left: 10px;
	}
	.center_section_text_job_img {
		width: 26px;
		height: 26px;
	}
	.next_page {
	    margin-top: 42px;
    	margin-left: 51px;
	}
}
@media (max-width: 500px) {
    .a_slide p, .i_slide p {
        font-size: 20px;
        margin-top: 11px;
    }
    .contact_text {
        width: 92%;
    }
    .ad_skills h1, .i_skills h1 {
        font-size: 27px;
        margin-top: 12px;
    }
    .center_section_img_item img{
        width: 320px;
        height: 330px;
    }
    .project_modal_item_box {
        padding: 14px 0;
    }
    .project_modal_footer {
        margin-top: 33%;
        font-size: 17px;
    }
	.contact_input label textarea {
		height: 123px;
		border-radius: 13px;
	}
	.contact_input label input {
	    padding: 9px 14px;
	    border-radius: 9px;
	}
	.send_btn button {
		padding: 12px 0;
	}
	.res_contact_bg {
		height: 74%;
	}
	.res_contact_x_items {
	    position: absolute;
	    top: 12px;
	    right: 16px;
	    width: 27px;
	    height: 27px;
	}
}
@media (max-width: 494px) {
    .project_modal_header_text_btn {
        width: 87%;
    }
    .project_modal_header_text_btn button {
        font-size: 88%;
    }
}
@media (max-width: 486px) {
	.res_contact_x_items {
		right: 15px;
    	width: 24px;
	}
}
@media (max-width: 480px) {
	.next_page {
		margin-top: 60px;
	}
	.center_section {
		margin-top: 75px;
	}
	.name-b {
	    padding-top: 20px;
    	padding-bottom: 17px;
	}
    .edus_start, .edus_end, .edus_names::after {
        display: none;
    }
    .edus_road {
        left: 50%;
    }
}
@media (max-width: 470px) {
	.center_section_text_h1 {
		margin-top: 5px;
	}
}
@media (max-width: 466px) {
    .project_modal_header_text_header {
        font-size: 21px;
    }
    .project_modal_header_text_btn button {
        font-size: 76%;
    }
}
@media (max-width: 450px) {
    .pr_container {
        height: 194px;
    }
    .pr_modal_close_btn button {
        width: 137px;
        height: 58%;
        color: #fff;
        outline: 0;
        font-size: 19px;
    }
    .pr_modal_item {
        border-radius: 28px;
    }
    .pr_modal_items {
        border-radius: 20px;
    }
    .pr_modal__item_box {
        border-radius: 14px;
    }
	.center_section_img_item img {
        width: 320px;
        height: 320px;
        margin-top: -31px;
    }
	.center_section_text_h1  {
		margin-top: 8px;
		font-size: 27px;
	}
	.center_section_text_h3  {
		font-size: 17px;
    	padding-left: 7px;
	}
	.center_section_text_job_img  {
		width: 24px;
		height: 24px;
	}
	.center_section_text_h1 {
	    margin-top: 8px;
	}
	.next_page {
		padding: 10px 14px;
		font-size: 13px;
		margin-top: 50px;
	}
	.center_section_text_btn {
	    font-size: 13px;
	    padding: 7px 14px;
	    margin-top: 12px;
	}
	.contact_input label input {
	    padding: 6px 9px;
	    border-radius: 6px;
	}
	.contact_input label textarea, .contact_input label input {
		font-size: 13.5px;
	}
	.contact_input label textarea {
	    padding: 9px 12px;
	    border-radius: 10px;
	}
	.contact_input label p {
	    margin-left: 5px;
	}
}
@media (max-width: 443px) {
    .project_modal_header_text_btn button {
        padding: 12px 0;
        font-size: 66%;
    }
}
@media (max-width: 411px) {
    .skills-btn {
        margin-top: 15px;
    }
    .center_section_img_item img {
        width: 271px;
        height: 281px;
        margin-top: -46px;
    }
    .pr_modal_item_btn button {
        font-size: 17px;
    }
	.about_a {
	    font-size: 14px !important;
	}
	.name-b {
		font-size: 15px;
	}
	.inter button, .edus button {
	    font-size: 17px;
	}
	.edus-names {
		flex-direction: column;
	}
	.edu-item {
		margin-top: 10px;
	}
}
@media (max-width: 402px) {
    .a_slide p, .i_slide p {
        font-size: 18px;
    }
    .pr_container {
        height: 172px;
    }
    .center_section_img_item img {
       margin-top: -14px;
    }
	nav {
		padding: 9px 40px;
	}
	.icons {
		width: 26px;
	}
	.icons span {
		height: 2px;
	}
    input[type="checkbox"]:checked ~ label .senior {
        transform: translate(1px, -7px) rotate(-45deg);
    }
	.center_section {
	    margin-top: 57px;
	}
	.center_section_text {
	    padding: 10px 26px;
	}
	.center_section_text_h3 {
	    font-size: 16px;
	    padding-left: 6px;
	}
	.center_section_text_h1 {
	    font-size: 25px;
	}
	.next_page {
	    margin-top: 10px;
        margin-left: 32px;
	    padding: 12px 11px;
	    font-size: 14px;
	}
	.center_section_text_btn {
	    font-size: 13px;
	    padding: 6px 11px;
    }
    nav ul li p {
	    font-size: 15px;
	}
	.logo {
	    width: 64px;
	    height: 64px;
	}
}
@media (max-width: 390px) {
    .project_modal_item {
        padding: 19px 34px;
    }
    .project_modal_close_btn {
        top: 8px;
        right: 7px;
        width: 23px;
    }
}
@media (max-width: 390px) {
    .pr_item {
        border-radius: 10px;
    }
    .pr_img img {
        border-radius: 8px;
    }
    .pr_btn button {
        border-bottom-left-radius: 7px;
        border-bottom-right-radius: 7px;
    }
    .pr_container {
        height:  158px;
    }
}
@media (max-width: 380px) {
    .contact_text {
        margin:  4%;
    }
    .a_slide p, .i_slide p {
        font-size: 16px;
    }
}
@media (max-width: 370px) {
	.res_contact_bg {
		height: 72%;
	}
    .contact_social_media_icon {
        margin: 0;
    }
}
@media (max-width: 350px) {
    .pr_modal_items {
        padding: 23px 13px;
        height: 87%;
    }
    .pr_modal_item_item {
        margin: 19px 16px;
    }
    .pr_modal_item_btn button {
        font-size: 15px;
    }
	.contact_social_media h1, .contact_location h1 {
		font-size: 29px;
	}
	.contact_location p {
		font-size: 16px;
	}
	.contact_social_media_icon a i {
		font-size: 32px;
	}
    .project_modal_header_text_send_skill_img {
        width: 24%;
    }
    .project_modal_header_text_to {
        margin-left: 15px;
    }
    .project_modal_header_text_from {
        margin-right: 15px;
    }
}
@media (max-width: 335px) {
    .center_section_img_item img {
        width: 248px;
        height: 251px;
    }
	.center_section {
	    margin-top: 42px;
	}
	.logo {
	    width: 60px;
	    height: 60px;
	}
	.center_section_text_h1 {
	    font-size: 22px;
	}
	.center_section_text_h3 {
	    font-size: 15px;
	    padding-left: 5px;
	}
	.center_section_text_job_img {
	    width: 22px;
	    height: 22px;
	}
	.center_section_text_p {
	    font-size: 14px;
	}
	.center_section_text_btn {
	    font-size: 12px;
	    padding: 6px 9px;
	}
	.next_page {
		padding: 11px 9px;
	    font-size: 13px;
	}
}
@media (max-width: 318px) {
	.center_section_text_job_img {
	    width: 20px;
	    height: 20px;
	}
	.center_section_text_p {
	    margin-top: 7px;
	}
	.next_page {
	    padding: 11px 6px;
	    font-size: 11px;
	}
	nav ul li p {
	    font-size: 14px;
	}
	.icons {
	    width: 24px;
	}
	.logo {
		width: 55px;
		height: 55px;
	}
	.center_section {
	    margin-top: 35px;
	}
	.center_section_text_h3  {
		font-size: 14px;
	}
}
@media (max-width: 315px) {
	.contact_social_media h1, .contact_location h1 {
		font-size: 26px;
	}
	.contact_location p {
		font-size: 14px;
	}
	.res_btns .send_btn button {
		font-size: 19px;
		padding: 9px 0;
	}
	.contact_social_media_icon a i {
		font-size: 31px;
	}
}
@media (max-width: 300px) {
    .center_section_img_item img {
        width: 248px;
        height: 251px;
    }
    .footer {
        text-align: center;
        margin-bottom: 0;
        padding: 0;
    }
    .center_section_text_item {
        text-align: center;
    }
    .center_section_text_job {justify-content: center;}
    .next_page {font-size: 11px;margin-left: 0;margin-top: 11px;padding: 15px 10px;}
	.center_section_text_job_img {width: 18px;height: 18px;}
	.center_section_text_h1 {font-size: 20px;}
	.center_section_text_p {letter-spacing: .3px;word-spacing: .3px;font-size: 13px;}
	.center_section_text_h3 {font-size: 12px;}
	.center_section_text_job_img {width: 16px;height: 16px;}
}