/* 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: #CCA79C;
}

/* 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:80px/90px 'Cormorant';
	margin-bottom: 20px;
}

h2{
	font:70px/80px 'Cormorant';
	margin-bottom: 25px;
}

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%;
}

.section-one{
	text-align: center;
	padding: 212px 0px;
}

.section-one-txt-bottom{
	padding: 0 80px;
}

.section-one-txt-top{
	position: relative;
	display: inline-block;
}

.section-one-txt-top::after{
	content: '';
	position: absolute;
	top:10px;
	left: -30px;
	border: 1px solid #F0DCDC;
	width: 25px;
	height: 0px;
}

.section-one-txt-top::before{
	content: '';
	position: absolute;
	top:10px;
	right: -30px;
	border: 1px solid #F0DCDC;
	width: 25px;
	height: 0px;
}

.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-two{
	background-color: #F0DCDC;
  color: #393939;
	padding-top: 100px;
  padding-bottom: 60px;
}

.section-two-wrap{
	text-align: center;
}

.section-two-header{
	font-size: 40px;
	line-height: 40px;
	margin: 20px 0px;
	font-family: 'Cormorant';
}

.section-one-img{
	position: relative;
	top: 55px;
	left: 0;
	width: 100%;
}

.section-one-img-1, .section-one-img-3{
	width: 90%;
	top:65px;
}
.section-one-img-3{
	margin-left: 10%;
}

.section-one-txt-bottom{
	margin-bottom: 40px;
}

.section-three-img-wrap{
	position: relative;
}

.section-three-img-2{
	position: absolute;
	bottom: 0;
	right: 30px;
}

.section-three-img-3{
	position: absolute;
	right: 120px;
	bottom: -15px;
	animation: nayada-anim-1 10s infinite linear;
	backface-visibility: hidden;
}


.section-three{
	padding: 60px 0px;
	border-bottom: 1px solid #F0DCDC;
}

.section-four{
	padding: 60px 0px;
}

.section-three-txt{
	color: #F0DCDC;
}

.section-four-li{
	display: flex;
	margin: 15px 0px;;
}

.section-four-span{
	padding-left: 10px;
}

.section-four-ul{
	margin-bottom: 40px;
	margin-top: 40px;;
}

.section-four-icon{
	flex:none;
	margin-top: 5px;
}

.section-three-img-3{
	width: auto;
}

.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;
}

.section-five{
	background-color: #F0DCDC;
	color: #393939;
	padding: 15px 0px 60px 0px;
}

.section-five-h2{
	text-align: center;
	margin: 25px 0px;
}

.section-five-txt{
	text-align: left;
}

.section-five-li{
	border: 1px solid #393939;
	padding: 10px;
	margin-bottom: 15px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.section-five-li:last-child{
	margin-bottom: 0;
}

.section-five-link{
	padding: 12px 25px;
	border: 1px solid #393939;
	border-radius: 100%;
	display: flex;
}

.section-five-link:hover{
	background-color: #393939;
	transition: all .8s;
}

.section-five-link:hover .section-five-icon{
	stroke: #F0DCDC;
}

.section-six{
	padding: 60px 0px;
}

.section-six-h2{
	text-align: center;
	margin: 25px 0px;
}

.section-seven{
	padding: 60px 0px;
}

.section-seven-h2{
	text-align: center;
	margin: 25px 0px;
}

.section-seven-item{
	border: 1px solid #F0DCDC;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.section-seven-item-header-wrap{
	background-color: #F0DCDC;
	text-align: center;
	padding: 10px;
	height: 110px;
}

.section-seven-item-contents-wrap{
	padding: 10px;
	text-align: center;
	flex: auto;
}

.section-seven-item-price{
	text-align: center;
	margin-top: 20px;
	font-family: 'Cormorant';
	font-size: 50px;
	line-height: 60px;
}

.section-seven-item-btn{
	padding: 10px;
	text-align: center;
	margin: 25px 0px;
}

.section-seven-item-header-txt{
	color:#393939;
	font: 400 24px/30px 'Cormorant';
}

.section-seven-item-contents-li {
	font-size: 15px;
	margin: 15px 0px
}

.section-eight{
	padding: 60px 0px;
	color: #CCA79C;
}

.section-eight-ul{
	margin-bottom: 40px;
	margin-top: 20px;
}

.section-eight-li {
	display: flex;
	margin: 25px 0px;
}

.section-eight-icon{
	flex: none;
	margin-top: 5px;
}

.section-eight-span {
	padding-left: 10px;
}

.section-eight-link{
	color: #CCA79C;
}

.section-nine{
	background-color: #F0DCDC;
	color: #393939;
	padding: 60px 0px;
}

.section-nine-h2 {
	text-align: center;
	margin: 25px 0px;
}

.section-nine-img{
	width: 100px;
}

.section-nine-review{
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
}

.section-nine-review-name{
	font-weight: bold;
}

.section-nine-review-name {
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 5px;
}

.section-nine-review-link{
	color: #393939;
	font-weight: bold;
	margin-top: 10px;
}

.section-nine-review-link:hover{
	color: #393939;
}

.section-nine-review-txt{
	flex: auto;
}
.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;
}

.btn-section-seven{
	padding: 15px 70px;
}

.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;
}

@-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);}
}