/* USER VARIABLES SECTION */

:root {
	--accent: #F0DCDC;
	--fontsize: 18px;
	--textcolor: #333;
	--lineheight: 28px;
	--userfont: roboto-st, sans-serif;
	--systemfont: 'Montserrat', Arial, sans-serif;
	--systembackgroundcolor: #393939;
	--pcolor: #F0DCDC;
}

/* BOOTSTRAP SETTINGS SECTION */

/* gutter 20px (10px + 10px). Comment this code for default gutter start at 1.5rem (24px) wide. */
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { --bs-gutter-x: .625rem; }
.row, .row > * { --bs-gutter-x: 1.25rem; }

/* FONTS LOAD SECTION */
@font-face {
	src: url("../fonts/Cormorant-Regular-Latin.woff2") format("woff2");
	font-family: "Cormorant";
	font-weight: 400;
	font-style: normal;
}
@font-face {
	src: url("../fonts/Cormorant-Regular.woff2") format("woff2");
	font-family: "Cormorant";
	font-weight: 400;
	font-style: normal;
}
@font-face {
	src: url("../fonts/Montserrat-Light.woff2") format("woff2");
	font-family: "Montserrat";
	font-weight: 300;
	font-style: normal;
}
@font-face {
	src: url("../fonts/Montserrat-Light-Latin.woff2") format("woff2");
	font-family: "Montserrat";
	font-weight: 300;
	font-style: normal;
}
@font-face {
	src: url("../fonts/Montserrat-Regular.woff2") format("woff2");
	font-family: "Montserrat";
	font-weight: 400;
	font-style: normal;
}
@font-face {
	src: url("../fonts/Montserrat-Medium.woff2") format("woff2");
	font-family: "Montserrat";
	font-weight: 500;
	font-style: normal;
}

/* GENERAL CSS SETTINGS */

*, ::after, ::before {
    box-sizing: inherit;
}

::placeholder { color: #666; }
::selection { background-color: var(--accent); color: #000; }
input, textarea { outline: none; }
input:focus:required:invalid, textarea:focus:required:invalid { border-color: red; }
input:required:valid, textarea:required:valid { border-color: green; }

body {
	font-family: var(--systemfont);
	font-size: var(--fontsize);
	line-height: var(--lineheight);
	color: var(--textcolor);
	background-color: var(--systembackgroundcolor);
	min-width: 320px;
	position: relative;
	overflow-x: hidden;
	color: var(--accent);
	font-weight: 300;
	-webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
	margin: 0;
	padding: 0;
}

ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

a, a:hover{
	color: var(--accent);
	text-decoration: none;
}

h1{
	font:85px/95px 'Cormorant';
	margin: 25px 0px;
}

h2{
	font:70px/80px 'Cormorant';
	margin: 30px 0px;
}

p{
	color: var(--pcolor);
}

img{
	width: 100%;
}

/* USER STYLES */

.nav{
	height: 100%;
}

.header{
	padding: 20px 0px 10px 0px;
	border-bottom: 1px solid #CCA79C;
	position: fixed;
	top:0;
	left:0;
	width: 100%;
	z-index: 99;
	background-color: #393939;
}

.header {
    transition: all .4s ease;
}

.header.out {
    transform: translateY(-120%);
}

.header-ul{
	display: flex;
	list-style: none;
	justify-content: space-between;
	align-items: center;
	height: 100%;
}

.btn{
	display: inline-block;
	padding: 20px 100px;
	z-index: 2;
	position: relative;
	background-color: #393939;
	border: 1px solid #F0DCDC;
	border-radius: 100%;
	color: var(--pcolor);
}

.btn:hover{
	background-color: #F0DCDC;
  color: #393939;
}

.btn-wrap{
	position: relative;
	border: 1px solid #F0DCDC;
	display: inline-block;
	border-radius: 100%;
	color: var(--pcolor);
}

.btn-wrap:hover::after{
	transform: rotate(0);
	transition: transform 1s ease;
}

.btn-wrap::after{
	position:absolute;
	content: '';
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 100%;
	border: 1px solid #F0DCDC;
	transform: rotate(-7deg);
	transition: transform 1s ease;
}

.section-animation-wrap{
	width:100%;
	white-space:nowrap;
	overflow:hidden;
	}

.section-animation-txt {
	color:#F0DCDC;
	font-size:18px;
	display:inline-block;
	padding-left: 30px;
	-webkit-animation: nayada-anim-2 10s infinite linear;
	animation: nayada-anim-2 10s infinite linear;
}

.section-animation{
	padding: 10px 0px;
	border-top: 1px solid #F0DCDC;
	border-bottom: 1px solid #F0DCDC;
}


.nayada-school-logo{
	width: 140px;
}
.footer{
	padding: 60px 0px;
}
.footer-menu{
	text-align: right;
}

.footer-menu-link{
	margin: 5px 0px;
	display: inline-block;
}

.header-link{
	font-size: 14px;
}

.header-mobile-menu{
	display: none;
}

.tingle-modal-box__content{
	color: #1f1f1f;
}

.content-module-h1{
	font:50px/60px 'Cormorant';
	margin-top: 0px;
}

.content-module-description-head{
	margin-top: 20px;
  margin-bottom: 10px;
  font-weight: 400;
  font-size: 20px;
	display: flex;
	align-items: center;
}

.content-module-li {
  margin-bottom: 5px;
}

.content-module {
	display: none;
}

.tingle-modal__closeLabel{
	display: none !important;
}

.section-nine-all-reviews-desctop, .section-nine-all-reviews-phone{
	color: #393939;
	text-decoration: underline;
	margin-top: 25px;
	font-weight: 400;
}

.section-nine-all-reviews-desctop:hover, .section-nine-all-reviews-phone:hover{
	color: #393939;
	text-decoration: underline;
}

.section-nine-h2-wrap{
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.section-nine-all-reviews-phone{
	display: none;
}

.section-nine-all-reviews-phone-wrap{
	text-align: center;
}

.section-one-left-top{
	display: flex;
	align-items: center;
}

.section-one-left-top--span{
	margin-left: 10px;
}

.section-two-item{
	border: 1px solid #F0DCDC;
	padding: 20px 15px;
	border-top-right-radius: 80px;
	height: 100%;
}

.section-three-head--p{
	margin-bottom: 50px;
}

.section-four-item-txt{
	font-size: 18px;
	font-weight: 500;
	background-color: #F0DCDC;
	color: #393939;
	padding: 10px;
	height: 85px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	border-top-left-radius: 40px;
}

.section-four-item{
	margin-top: 20px;
}

.section-four-btn{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
}

.section-four-btn .btn{
	padding: 20px 40px;
}

.section-six-item{
	border: 1px solid #F0DCDC;
}

.section-six-head{
	background-color: #F0DCDC;
	text-align: center;
	padding: 10px;
	height: 110px;
	color: #393939;
	font-size: 20px;
	font-weight: 500;
	display: flex;
	justify-content: center;
	align-items: center;
}

.section-six-content {
	padding: 15px;
	text-align: center;
}

.section-six-content-price {
	text-align: center;
	margin-top: 5px;
	font-family: 'Cormorant';
	font-size: 50px;
	line-height: 60px;
}

.section-six-content-btn{
	margin: 25px 0px;
}

.section-six-content-btn .btn{
	padding: 10px 60px;
}

.section-seven-item {
	padding: 20px;
	border: 1px solid #F0DCDC;
	height: 100%;
	border-top-right-radius: 80px;
}

.section-seven-item-head--img{
	width: 100px;
	height: 100px;
}

.section-seven-item-head{
	display: flex;
	align-items: flex-end;
	justify-content: flex-start;
}

.section-seven-item-head-r{
	margin-left: 10px;
	margin-bottom: 15px;
	font-weight: 500;
	font-size: 20px;
}

.section-seven-item-content{
	font-size: 16px;
	margin-top: 5px;
}

.section-eight--li1{
	display: flex;
	align-items: flex-start;
	margin-bottom: 10px;
}

.section-eight--span1{
	margin-left: 10px;
}

.section-eight--p{
	font-weight: 900;
	margin: 30px 0px;
}

.section-eight--ul1{
	margin-top: 30px;
}

.section-eight--li2{
	margin: 10px 0px;
}

.section-eight-link{
	display: inline-block;
	margin-top: 30px;
}

.mf-section {
	padding: 70px 0px;
	border-bottom: 1px solid #cca79c;
}

.section-one{
	padding-top: 200px;
	padding-bottom: 40px;
}

.section-one-btn{
	margin-top: 40px;
}

@-webkit-keyframes nayada-anim-2 {
	0%{-webkit-transform: translate(0, 0);}
	100%{-webkit-transform: translate(-100%, 0);}
}
@keyframes nayada-anim-2{
	0%{transform: translate(0, 0);}
	100%{transform: translate(-100%, 0)}
}

@keyframes nayada-anim-1 {
	0% {opacity:1;transform:translateX(0px)translateY(0px)rotate(0deg)scale(1,1);animation-timing-function:linear;}
	100% {opacity:1;transform:translateX(0px)translateY(0px)rotate(360deg)scale(1,1);}
}