@import url('https://fonts.googleapis.com/css2?family=Albert+Sans:ital,wght@0,100..900;1,100..900&family=Alice&display=swap');

html{
	font-size: 62.5%;
}
body{	
	font-size: 1.6rem;
	font-family: "Albert Sans", serif;
	font-weight: 400;

/*	font-family: "Alice", serif;   */
}
h1,h2,h3,h4,h5,h6,p{
	margin: 0;
	padding: 0;
}
ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
ul li a,a{
	text-decoration: none;
}
/*=================  Start Homepage  =================*/
.homepage{
	background: #FFF;
	padding: 20px;
}
.full_page_main{
	padding: 120px 0px 0px 0px;
	background: #000;
	color: #FFF;
}
.header_area{
	max-width: 100%;
	margin: auto;
	text-align: center;
}
.header_area span img{
	width: 40px;
	height: auto;
}
.header_area h1 {
    font-family: "Alice", serif;
    font-size: 144px;
    line-height: 100%;
    letter-spacing: -5px;
}
.header_area p {
    font-size: 36px;
    font-style: italic;
    line-height: 100%;
    letter-spacing: -1px;
    margin-top: -10px;
}
.btn_style {
    background: #00EAFF;
    border-radius: 6px;
    padding: 19px 24px;
    font-size: 24px;
    font-weight: 900;
    color: #000000;
    text-transform: uppercase;
    line-height: 100%;
    display: inline-block;
    letter-spacing: -1px;
    transition: 0.2s;
    border: 2px solid transparent;
}
.btn_style:hover{
	box-shadow: -1px 0px 20px 6px #00EAFF66;
    color: #000;
}
.btn_style span img{
	width: 25px;
	height: auto;
	margin-left: 8px;
    margin-top: -4px;
}
.btn_style svg {
    margin-left: 8px;
    margin-top: -4px;
	transition: 0.3s;
}
.btn_style svg path{
	transition: 0.3s;
}
.btn_style:hover svg path{
	fill: #00EAFF;
}
.header_book_appointment {
    margin-top: 75px;
    position: relative;
    display: inline-block;
    z-index: 2;
}
.header_book_appointment_img {
    position: absolute;
    top: -20px;
    right: -85px;
    width: 120px;
    height: 145px;
    background: #FFF;
    transform: rotate(15deg);
    padding: 5px;
    z-index: -1;
}
.header_book_appointment_img img{
	width: 100%;
	height: auto;
}

/*Start My-Story Area*/
.my_story_area{
	padding: 180px 0px 140px 0px;
}
.my_story_title h2{
	text-align: center;
	font-size: 64px;
	font-weight: 700;
}
.my_story_area_contents{
	display: flex;
	justify-content: center;
	margin-top: 48px;
	gap: 20px;
}
.my_story_area_single {
    padding: 60px 36px;
    border-radius: 18px;
    background: #FFF;
    width: 540px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.my_story_area_single_contents span{
	display: inline-block;
	font-size: 12px;
	font-weight: 300;
	color: #000;
    letter-spacing: -1px;
}
.my_story_area_single_contents h3{
	font-family: "Alice", serif;
	font-size: 48px;
	color: #000;
    letter-spacing: -1px;
}
.my_story_area_single_contents p{
	font-size: 18px;
	color: #000;
	margin-top: 20px;
}
.my_story_area_single_contents p b{
	font-weight: 700;
}
.my_story_area_single_btns{
	margin-top: 50px;
	display: flex;
	flex-direction: column;
	gap: 18px;
}
.my_story_area_single_btns .btn_style{
	font-size: 18px !important;
	font-weight: 900;
	color: #000;
	padding: 13px 20px !important;
	text-align: center;
}
.my_story_area_single_btns .btn_style svg{
	width: 14px;
}
.my_story_area_single_btns .btn_style span img{
	width: 14px;
}
.my_story_area_single_btns .btn_style:nth-child(2) {
    background: #000 !important;
    color: #FFF;
    text-transform: math-auto;
}
.my_story_area_single_btns .btn_style:nth-child(2):hover {
	box-shadow: -1px 0px 8px 3px #00000066;
}
.my_story_area_single_btns .btn_style:nth-child(2) svg path{
	fill: #FFF;
}
.my_story_area_single_btns ul{
	display: flex;
	justify-content: space-between;
}
.my_story_area_single_btns ul li{
	flex: 0 0 48%;
}
.my_story_area_single_btns ul li .btn_style {
    background: transparent;
    border: 2px solid #000;
    color: #000;
    font-size: 18px !important;
    font-weight: 900;
    text-transform: math-auto;
    width: 100%;
}
.my_story_area_single_btns ul li .btn_style:hover{
	box-shadow: -1px 0px 8px 3px #00000066;
}
/*End My-Story Area*/

/*Start Footer Area*/
.footer_area{
	display: flex;
	flex-direction: column;
	align-items: center;
}
.footer_area h3{
	text-align: center;
	color: #FFF;
	font-size: 48px;
	font-weight: 800;
	letter-spacing: -1px;
}
.footer_area .btn_style{
	margin-top: 36px;
}
.footer_area .car{
	margin-top: 144px;
}
.footer_area .car img{
	width: 250px;
	height: auto;
}





/*End Footer Area*/


/*=================  End Homepage  =================*/
/*	font-family: "Alice", serif;   */