/* Box sizing rules */
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
/* Remove default margin */
body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd {
  margin: 0;
}
/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul[role="list"],
ol[role="list"] {
  list-style: none;
}
/* Set core root defaults */
html[focus-within] {
  scroll-behavior: smooth;
}
html:focus-within {
  scroll-behavior: smooth;
}
/* Set core body defaults */
body {
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
}
/* A elements that don't have a class get default styles */
a:not([class]) {
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
}
/* Make images easier to work with */
img,
picture {
  max-width: 100%;
  display: block;
}
/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font: inherit;
}
/* Remove all animations, transitions and smooth scroll for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
  html[focus-within] {
    scroll-behavior: auto;
  }
  html:focus-within {
    scroll-behavior: auto;
  }

  *,
  *::before,
  *::after {
    -webkit-animation-duration: 0.01ms !important;
            animation-duration: 0.01ms !important;
    -webkit-animation-iteration-count: 1 !important;
            animation-iteration-count: 1 !important;
    -webkit-transition-duration: 0.01ms !important;
            transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
:root {
  /* colors */
  --primary_color: rgb(245, 245, 245);
  --secendary_color: rgb(94, 97, 100);
  --acent_color: rgb(0, 104, 193);
  --nav-border_color: rgba(137, 1, 75, 0.9);
  --liniar_color: linear-gradient(
    187.22deg,
    rgba(254, 182, 191, 0.83) -1.24%,
    rgba(255, 255, 255, 0.1079) 150.57%
  );
  --liniar_color-nav: linear-gradient(
    187.22deg,
    rgba(254, 182, 191, 0.9) -1.24%,
    rgba(255, 255, 255, 0.7) 150.57%
  );
  --overlay_color: rgb(255, 255, 255);
  /* spaces */
  --base_padding: 1rem;
  /* screen sizes */
}
*,
*::before,
*::after {
  margin: 0;
  padding: 0;
}
html {
  /* overflow-x: auto; */
  scroll-behavior: smooth;
}
body {
  font-family: "Roboto", sans-serif;
  overflow-x: hidden;
  line-height: 1.8rem;
}
h1,
h2,
h3,
h4 {
  font-family: "Italiana", serif;
  font-weight: bold;
  color: rgb(94, 97, 100);
  color: var(--secendary_color);
  letter-spacing: 0.3rem;
}
a {
  text-decoration: none;
}
li {
  list-style: none;
}
::-webkit-scrollbar {
  width: 0.8rem;
  height: 0.8rem;
}
::-webkit-scrollbar-track {
  background: hsla(210, 10%, 50%, 0.7);
  border-radius: 10px;
  margin-top: 0.2rem;
  margin-bottom: 0.2rem;
  opacity: 0.5;
}
::-webkit-scrollbar-thumb {
  background: hsla(210, 10%, 50%,1);
  border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
  background: hsl(210, 10%, 30%);
}
.flex-column {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}
.flex-row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
}
.flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.section-underline_title::after {
	position: absolute;
	content: '';
	height: 2px;
	width: 100%;
	background: rgba(137, 1, 75, 0.9);
	background: var(--nav-border_color);
	border-radius: 10px;
	border: 1px solid rgba(137, 1, 75, 0.9);
	border: 1px solid var(--nav-border_color);
	bottom: 0;
	left: 0;
}
.section-underline_title {
	margin: calc(1rem * 3) 0 clamp(3rem, 10vw, 5rem) 0;
	margin: calc(var(--base_padding) * 3) 0 clamp(3rem, 10vw, 5rem) 0;
	letter-spacing: 0.5rem;
	position: relative;
	padding-bottom: clamp(0.5rem, 1.5vw, 1.5rem);
	font-size: clamp(1.5rem, 4vw, 2.3rem);
}
/* ## mobile ## */
.hamburger-menu div {
	height: 2.5px;
	width: 25px;
	background: black;
	pointer-events: none;
	cursor: pointer;
	border: 1px solid black;
	border-radius: 10px;
	-webkit-transition: -webkit-transform 0.5s ease-in-out;
	transition: -webkit-transform 0.5s ease-in-out;
	transition: transform 0.5s ease-in-out;
	transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
}
.line-middel {
	margin: 5px 0;
	position: relative;
}
.hamburger-menu {
	position: fixed;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	right: 2rem;
	width: 35px;
	height: 25px;
	cursor: pointer;
	z-index: 99999;
}
/* ######Viewport smaller then 345px####### */
@media (max-width: 23rem) {
	.hamburger-menu {
		right: 0.7rem;
	}
}
/* ######################################### */
/* making X from the hamburger nav lines */
/* ####################NAV############################## */
.active .line-top {
	-webkit-transform: rotate(-45deg) translate(-11px, -2px);
	        transform: rotate(-45deg) translate(-11px, -2px);
}
.active .line-bottom {
	-webkit-transform: rotate(45deg) translate(-11px);
	        transform: rotate(45deg) translate(-11px);
}
.active .line-middel {
	-webkit-transform: translateX(150px);
	        transform: translateX(150px);
}
.active .line-middel::before {
	content: '';
	height: 8px;
	width: 3px;
	background: black;
	position: absolute;
	left: 21px;
	top: -5px;
	-webkit-transform: rotate(-45deg);
	        transform: rotate(-45deg);
}
.active .line-middel::after {
	content: '';
	height: 8px;
	width: 3px;
	background: black;
	position: absolute;
	left: 21px;
	top: -0.5px;
	-webkit-transform: rotate(45deg);
	        transform: rotate(45deg);
}
/* ######################NAV########################## */
.main-nav_wrapper {
	position: fixed;
	top: 0;
	right: 0;
	z-index: 100;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	padding-top: 5rem;
	/* justify-content: center; */
	gap: calc(1rem * 5);
	gap: calc(var(--base_padding) * 5);

	background: rgba(137, 1, 75, 0.9);

	background: var(--nav-border_color);
	opacity: 1;
	min-height: 100%;
	min-width: 50%;
	-webkit-transform: translateX(100%);
	        transform: translateX(100%);
	-webkit-transition: -webkit-transform 0.5s ease-in-out;
	transition: -webkit-transform 0.5s ease-in-out;
	transition: transform 0.5s ease-in-out;
	transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
}
.nav-active {
	-webkit-transform: translateX(0);
	        transform: translateX(0);
}
.main-nav_wrapper > li > a {
	color: rgb(245, 245, 245);
	color: var(--primary_color);
	font-size: clamp(0.8rem, 1.5vw, 1.1rem);
}
.main-nav_wrapper > li > a:hover {
	color: rgb(0, 104, 193);
	color: var(--acent_color);
}
.main-nav_wrapper > li > a:focus {
	color: rgb(0, 104, 193);
	color: var(--acent_color);
	outline: none;
}
.main-nav_wrapper > li:hover {
	-webkit-transform: scale(1.1);
	        transform: scale(1.1);
}
/* ######################VIEVPORT BIGGER THEN######################### */
@media (min-width: 44rem) {
	.main-nav_wrapper {
		position: relative;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-direction: row;
		        flex-direction: row;
		-webkit-box-pack: end;
		    -ms-flex-pack: end;
		        justify-content: flex-end;
		padding: 0.5rem;
		/* gap: 1rem; */
		gap: clamp(1rem, 4vw, 5rem);
		-webkit-transform: translateX(0);
		        transform: translateX(0);
		background-color: rgb(245, 245, 245);
		background-color: var(--primary_color);
	}
	.main-nav_wrapper > li > a {
		color: rgba(137, 1, 75, 0.9);
		color: var(--nav-border_color);
		margin-right: calc(1rem * 1);
		margin-right: calc(var(--base_padding) * 1);
	}
	.hamburger-menu {
		display: none;
	}
}
/* mobile */
.main-header {
	position: relative;
	height: 3.3rem;
	gap: 1rem;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	padding: 0.5rem;
	background: rgb(245, 245, 245);
	background: var(--primary_color);
	border-bottom: 0.5px solid rgba(137, 1, 75, 0.9);
	border-bottom: 0.5px solid var(--nav-border_color);
	/* opacity: 90%; */
}
.logo-wrapper {
	gap: 5rem;
	-ms-flex-negative: 1;
	    flex-shrink: 1;
}
@media (max-width: 23rem) {
	.logo-wrapper {
		gap: 5rem;
	}
}
.company-name > img {
	height: 3.5rem;
	width: 10rem;
	margin-top: 1rem;
}
.logo > img {
	height: 3rem;
	margin-top: 1rem;
}
@media (min-width: 44rem) {
	.main-header {
		height: 3.3rem;
		gap: 5rem;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: space-evenly;
		    -ms-flex-pack: space-evenly;
		        justify-content: space-evenly;
		padding: 0.5rem;
		background: rgb(245, 245, 245);
		background: var(--primary_color);
		/* border: 0.5px solid var(--nav-border_color); */
		border-radius: 0;
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 200;
	}
}
article {
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	min-width: 100%;
}
section {
	margin-top: calc(1rem * 2);
	margin-top: calc(var(--base_padding) * 2);
}
.main-conteiner {
	position: relative;
	background: rgba(255, 255, 255, 0.9) url('../img&svg/nail-background.webp');
	background-position: center;
	background-attachment: fixed;
	background-size: cover;
	background-blend-mode: lighten;
}
.overlay {
	background: rgb(94, 97, 100);
	background: var(--secendary_color);
	-webkit-transition: background 0.5s ease-in-out;
	transition: background 0.5s ease-in-out;
}
/* ###########################SECTION ONE########################### */
.section-one {
	position: relative;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	min-width: 100%;
	min-height: 80vh;
	background-image: url('../img&svg/color-background.webp');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	opacity: 1;
	margin: 0 auto;
	-webkit-box-shadow: inset 0px 0px 50px 10px rgba(137, 1, 75, 0.5);
	        box-shadow: inset 0px 0px 50px 10px rgba(137, 1, 75, 0.5);
}
.section-one_text {
	letter-spacing: clamp(0.3rem, 2vw, 1.8rem);
	padding: calc(1rem * 5) 0;
	padding: calc(var(--base_padding) * 5) 0;
	margin: 0 auto;
	font-size: clamp(1.7rem, 7vw, 4rem);
}
.phone {
	position: absolute;
	height: 2rem;
	right: 1rem;
	bottom: 1rem;
	padding: 0.4rem;
	position: fixed;
	z-index: 100;
	cursor: pointer;
}
/* #############################SECTION TWO############################ */
.secton-two_txt {
	font-size: clamp(0.87rem, 2.5vw, 1.4rem);
	width: 80%;
}
.secton-two_txt > span {
	font-weight: 700;
}
.section-two > article > p::first-letter {
	color: rgba(137, 1, 75, 0.9);
	color: var(--nav-border_color);
	font-size: 2rem;
	text-shadow: -2px 2px 3px black;
	font-family: 'Italiana', serif;
}
/* ############################SECTION THREE########################### */
.section-three {
	background-color: rgb(245, 245, 245);
	background-color: var(--primary_color);
	padding-bottom: calc(1rem * 2);
	padding-bottom: calc(var(--base_padding) * 2);
	max-width: 95%;
	border-radius: 5px;
	margin: 4rem auto 0 auto;
	position: relative;
	-webkit-box-shadow: -2px 5px 4px rgb(94, 97, 100);
	        box-shadow: -2px 5px 4px rgb(94, 97, 100);
	-webkit-box-shadow: -2px 5px 4px var(--secendary_color);
	        box-shadow: -2px 5px 4px var(--secendary_color);
}
.section-three_servic {
	margin: 0 auto;
	padding-top: 1rem;
	padding-top: var(--base_padding);
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.section-three-servic-li {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(2, 1fr);
}
.section-three_li {
	font-size: clamp(1rem, 3vw, 2rem);
	padding: 0 calc(1rem * 2) calc(1rem * 2) 0;
	padding: 0 calc(var(--base_padding) * 2) calc(var(--base_padding) * 2) 0;
	cursor: pointer;
}
.section-three_li > a {
	pointer-events: none;
}
.section-three-li_photo {
	height: 400px;
	min-width: 90%;
	position: absolute;
	top: -30%;
	display: none;
	z-index: 5;
	-webkit-transform-origin: center;
	        transform-origin: center;
}
.section-three-li_photo > img {
	width: 100%;
	height: 100%;
}
@-webkit-keyframes scaleAnimation {
	0% {
		-webkit-transform: scale(0);
		        transform: scale(0);
	}
	100% {
		-webkit-transform: scale(1);
		        transform: scale(1);
	}
}
@keyframes scaleAnimation {
	0% {
		-webkit-transform: scale(0);
		        transform: scale(0);
	}
	100% {
		-webkit-transform: scale(1);
		        transform: scale(1);
	}
}
/* ######Viewport smaller then 345px####### */
@media (max-width: 23rem) {
	.section-three_li {
		padding: 0 0 1rem 0;
	}
}
/* ######################################### */
.section-three_li::before {
	content: '';
	display: inline-block;
	height: 2rem;
	width: 2rem;
	margin: -0.7rem 1rem;
	padding: 1rem;
	padding: var(--base_padding);
	background-size: 2rem 2rem;
	background-image: url('../img&svg/nail-brush1.svg');
	background-repeat: no-repeat;
}
/* ###############################SECTON FOUR########################## */
.section-four_gallery {
	width: 200px;
	overflow: hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.section-four_article {
	position: relative;
}
.slider-wrapper_img {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-transition: -webkit-transform 0.5s ease-in-out;
	transition: -webkit-transform 0.5s ease-in-out;
	transition: transform 0.5s ease-in-out;
	transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
	width: 200px;
	height: 230px;
}
.section-four_photo {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 100%;
	        flex: 0 0 100%;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	height: 100%;
	text-align: center;
	margin: 0 auto;
	width: 100%;
	max-height: 250px;
	width: auto;
}
.slider_next {
	position: absolute;
	z-index: 10;
	font-size: 3rem;
	right: 1rem;
	top: 60%;
	font-weight: 500;
	color: var(--accent);
	cursor: pointer;
	z-index: 1000;
}
.slider_prev {
	position: absolute;
	z-index: 10;
	font-size: 3rem;
	left: 1rem;
	top: 60%;
	font-weight: 500;
	color: var(--accent);
	cursor: pointer;
	z-index: 1000;
}
/* ##################################SECTION FIVE####################### */
.section-five {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	background-color: rgb(245, 245, 245);
	background-color: var(--primary_color);
	padding-bottom: calc(1rem * 2);
	padding-bottom: calc(var(--base_padding) * 2);
	max-width: 95%;
	border-radius: 5px;
	margin: 4rem auto 0 auto;
	-webkit-box-shadow: -2px 5px 4px rgb(94, 97, 100);
	        box-shadow: -2px 5px 4px rgb(94, 97, 100);
	-webkit-box-shadow: -2px 5px 4px var(--secendary_color);
	        box-shadow: -2px 5px 4px var(--secendary_color);
}
.section-five > article {
	min-width: 100%;
}
.section-five-title {
	margin: 0 auto;
	text-align: center;
}
.section-five_conteiner > .section-underline_title {
	margin: 1rem;
	margin: var(--base_padding);
}
.section-five_conteiner > .section-five_subtitle {
	padding-left: calc(1rem / 2);
	padding-left: calc(var(--base_padding) / 2);
}
.section-five-subtitle_conteiner {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	min-width: 100%;
	padding: 1rem calc(1rem * 1.5);
	padding: 1rem calc(var(--base_padding) * 1.5);
}
.section-five-subtitle-text_conteiner {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	min-width: 100%;
}
.section-five_subtitle {
	font-size: clamp(0.9rem, 4vw, 1.3rem);
}
.section-five_secendsubtitle {
	font-size: clamp(0.8rem, 3vw, 1.2rem);
}
.section-five-subtitle_text {
	font-size: clamp(0.7rem, 2vw, 1.1rem);
}
.section-five-subtitle_price {
	font-size: clamp(0.8rem, 3vw, 1.2rem);
	font-weight: 800;
}
/* #####################################SECTION SIX########################## */
.section-six_conteiner {
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin: 0 2rem 0 2rem;
	padding-bottom: 1rem;
	padding-bottom: var(--base_padding);
}
.section-six-conteiner_photo {
	width: 230px;
	height: 250px;
	background-color: grey;
	margin-bottom: calc(1rem * 2);
	margin-bottom: calc(var(--base_padding) * 2);
}
.section-six-conteiner_photo > img {
	width: 100%;
	height: 100%;
}
.section-six-conteiner_text {
	font-size: clamp(0.87rem, 2.5vw, 1.4rem);
}
.section-six_conteiner > p::first-letter {
	color: rgba(137, 1, 75, 0.9);
	color: var(--nav-border_color);
	font-size: 2rem;
	text-shadow: -2px 2px 3px black;
	font-family: 'Italiana', serif;
}
/* ###############################section seven########################################### */
.section-seven {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	background-color: rgb(245, 245, 245);
	background-color: var(--primary_color);
	padding-bottom: calc(1rem * 2);
	padding-bottom: calc(var(--base_padding) * 2);
	max-width: 95%;
	border-radius: 5px;
	margin: 4rem auto 0 auto;
	-webkit-box-shadow: -2px 5px 4px rgb(94, 97, 100);
	        box-shadow: -2px 5px 4px rgb(94, 97, 100);
	-webkit-box-shadow: -2px 5px 4px var(--secendary_color);
	        box-shadow: -2px 5px 4px var(--secendary_color);
}
.section-seven > article {
	min-width: 100%;
}
.section-seven_conteiner {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	line-height: 2rem;
}
.section-seven_conteiner > p {
	letter-spacing: 0.2rem;
}
/* ###############################SECTION EIGHT################################## */
.section-eight {
	margin: 0 auto;
	padding: calc(1rem * 4) 0;
	padding: calc(var(--base_padding) * 4) 0;
}
.section-eight > article {
	min-width: 100%;
}
.section-eight_conteiner {
	min-width: 80%;
	min-height: 90%;
	text-align: center;
}
iframe {
	cursor: pointer;
	border-radius: 5px;
}
/* ##############################FOOTER########################################## */
.main-footer {
	background-color: rgb(245, 245, 245);
	background-color: var(--primary_color);
	padding: 2rem 0 calc(1rem * 2) 0;
	padding: 2rem 0 calc(var(--base_padding) * 2) 0;
	max-width: 95%;
	border-radius: 5px;
	margin: 4rem auto 0 auto;
	-webkit-box-shadow: -2px 5px 4px rgb(94, 97, 100);
	        box-shadow: -2px 5px 4px rgb(94, 97, 100);
	-webkit-box-shadow: -2px 5px 4px var(--secendary_color);
	        box-shadow: -2px 5px 4px var(--secendary_color);
}
.main-footer-wrapper {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	gap: calc(1rem * 2);
	gap: calc(var(--base_padding) * 2);
}
.main-footer_socialicon > img,
.main-footer_socialicon > a > img {
	width: 1rem;
	aspect-ratio: 1;
}
.footer-contact > a > img {
	display: inline;
	padding-right: 1rem;
}
.main-footer_socialicon {
	gap: 1rem;
}
.footer-nav_wrapper {
	gap: clamp(1rem, 3vw, 3rem);
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-ms-flex-preferred-size: 40%;
	    flex-basis: 40%;
}
.main-footer_copy {
	font-size: 0.6rem;
	letter-spacing: 0.1rem;
	text-wrap: wrap;
	margin: auto;
	text-align: center;
	width: 90%;
}
.footer-contact > a {
	font-size: 0.8rem;
}
.footer-nav_wrapper > li > a {
	color: rgba(137, 1, 75, 0.9);
	color: var(--nav-border_color);
	font-size: 0.5rem;
	border-bottom: 0.5px solid;
	cursor: pointer;
}
.footer-nav_wrapper > li:hover {
	-webkit-transform: scale(1.1);
	        transform: scale(1.1);
}
.footer-nav_wrapper > li > a:hover {
	color: rgb(0, 104, 193);
	color: var(--acent_color);
}
/* ##############################RESPONSIVE SIZE TABLET AND LAPTOP############################# */
@media (min-width: 44rem) {
	section {
		max-width: 70%;
		margin: 0 auto;
	}
	/* .section-one {
    min-height: 35rem;
  } */
	.section-three,
	.section-five,
	.section-seven {
		max-width: 60%;
		margin-bottom: calc(1rem * 3);
		margin-bottom: calc(var(--base_padding) * 3);
	}
	iframe {
		height: 31.25em;
		width: 37.5em;
		margin-bottom: 0;
	}
	.section-one_text {
		padding: calc(1rem * 8) 0;
		padding: calc(var(--base_padding) * 8) 0;
		min-width: 100%;
		text-align: center;
		margin: 0 auto;
	}
	.secton-two_txt {
		line-height: 1.9rem;
	}
	.section-three-servic-li {
		-webkit-column-gap: 2rem;
		   -moz-column-gap: 2rem;
		        column-gap: 2rem;
		row-gap: 1rem;
	}
	.section-four_gallery {
		width: 400px;
		overflow: hidden;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
	}
	.section-four_article {
		position: relative;
	}

	.slider-wrapper_img {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-transition: -webkit-transform 0.5s ease-in-out;
		transition: -webkit-transform 0.5s ease-in-out;
		transition: transform 0.5s ease-in-out;
		transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
		width: 400px;
		height: 450px;
	}

	.section-four_photo {
		width: 400px;
		max-height: 550px;
	}
	.section-six-conteiner_text {
		font-size: 1.1rem;
		line-height: 2rem;
	}
	.main-footer-wrapper {
		gap: 3rem;
	}
	.main-footer_socialicon > img,
	.main-footer_socialicon > a > img {
		width: 1.5rem;
	}
	.main-footer_socialicon {
		gap: 2rem;
	}
	.main-footer_copy {
		font-size: 0.6rem;
		letter-spacing: 0.1rem;
		margin: auto;
		text-align: center;
		width: 90%;
	}
	.footer-contact > a > img {
		padding-right: 2rem;
		margin: 0 auto;
	}
	.footer-nav_wrapper {
		width: 100%;
		/* gap: 3rem; */
		-ms-flex-wrap: nowrap;
		    flex-wrap: nowrap;
		-ms-flex-preferred-size: auto;
		    flex-basis: auto;
	}
	.main-footer_copy {
		letter-spacing: 0.3rem;
	}
}
/* ###############################VIEWPORT BIGGER THEN 1020PX########################## */
@media (min-width: 63.75rem) {
	.section-four_gallery {
		min-height: 400px;
		max-width: 98vw;
	}
	.footer-nav_wrapper {
		width: 100%;
		/* gap: 3rem; */
		-ms-flex-wrap: nowrap;
		    flex-wrap: nowrap;
		-ms-flex-preferred-size: auto;
		    flex-basis: auto;
	}
	.main-footer_copy {
		font-size: 0.6rem;
		letter-spacing: 0.1rem;
		margin: auto;
		text-align: center;
		width: 90%;
	}
}