/* ✦✦✦ MAIN PAGE BACKGROUND FORMATING ✦✦✦ */ .about-main { 	width: 100%; 	height: 100vh; 	background-image: url("/images/healwithishii-source/about-background.jpg"); 	background-repeat: no-repeat; 	background-size: cover; 	background-position: center; 	position: fixed; 	display: inline-block; 	opacity: 1; 	margin: 0; }  /* ✦✦✦ MAIN PAGE BACKGROUND DARK TINE ✦✦✦ */ .about-tint { 	position: relative; 	display: inline-block; 	width: 100%; 	height: 100%; 	background-color: #000000; 	position: fixed; 	top: 0; 	left: 0; 	opacity: 0.5; }  /* ✦✦✦ NAVBAR SIDEMUNU CURRENT SELECTION FORMATING ✦✦✦ */ #navbar-sidemenu ul #navbar-sidemenu-about a { 	color: #EAC349; }  /* ✦✦✦ ABOUT BODY CONTAINER FORMATING ✦✦✦ */ .about-body-container { 	position: fixed; 	display: inline-block; 	margin-top: 80px; 	width: 100%; 	text-align: center; 	align-items: center; 	justify-content: center; 	vertical-align: middle; 	top: 0; 	bottom: 0; 	overflow-y: scroll; 	overflow-x: hidden; }  /* ✦✦✦ ABOUT BODY FIRST CONTAINT FORMATING ✦✦✦ */ .about-body-first-containt { 	position: relative; 	display: inline-block; 	width: 90%; 	text-align: center; 	justify-content: center; 	vertical-align: bottom; 	align-items: center; 	padding: 20px 0; 	margin: 20px 0; }  /* ✦✦✦ ABOUT BODY FIRST CONTAINT H1 FORMATING ✦✦✦ */ .about-body-first-containt-h1 { 	position: relative; 	display: inline-block; 	width: 90%; 	text-align: left; 	justify-content: left; 	vertical-align: middle; 	color: #EAC349; 	font-family: "Tangerine"; 	font-weight: normal; 	font-size: 40px; 	letter-spacing: 1px; 	padding: 0 5px; 	margin: 0 5px; }  /* ✦✦✦ ABOUT BODY FIRST CONTAINT BIG FORMATING ✦✦✦ */ .about-body-first-containt-big { 	position: relative; 	display: inline-block; 	width: 90%; 	background: linear-gradient(-60deg, #906111 0, #FEF3A8 30%, #FFF8CF 50%, #FEF3A8 70%, #906111 100%); 	-webkit-background-clip: text;   -webkit-text-fill-color: transparent; 	font-family: "Poiret One", sans-serif; 	font-weight: bold; 	font-size: 33px; 	text-align: left; 	padding: 5px; 	margin: 5px; }  /* ✦✦✦ ABOUT BODY FIRST CONTAINT SMALL FORMATING ✦✦✦ */ .about-body-first-containt-small { 	position: relative; 	display: inline-block; 	width: 90%; 	color: #c5c5c5; 	font-family: "Sansation", sans-serif; 	font-size: 20px; 	line-height: 30px; 	text-align: left; 	padding: 5px; 	margin: 5px; }  /* ✦✦✦ ABOUT BODY SECOND CONTAINT FORMATING (SHIPRA SPOTLIGHT CARD) ✦✦✦ */ .about-body-second-containt { 	position: relative; 	display: flex; 	flex-direction: column; 	width: 90%; 	max-width: 950px; 	margin: 30px auto; 	padding: 40px 30px; 	text-align: center; 	align-items: center; 	justify-content: center; 	border: 1.5px solid rgba(234, 195, 73, 0.4); 	border-radius: 24px; 	background: linear-gradient(145deg, rgba(28, 24, 18, 0.88) 0%, rgba(14, 12, 8, 0.95) 100%); 	backdrop-filter: blur(12px); 	box-shadow: 0 15px 45px rgba(0, 0, 0, 0.8), 0 0 25px rgba(234, 195, 73, 0.18); 	box-sizing: border-box; }  /* ✦✦✦ ABOUT BODY SECOND CONTAINT H1 FORMATING ✦✦✦ */ .about-body-second-containt-h1 { 	display: none; }  /* ✦✦✦ ABOUT BODY SECOND CONTAINT BIG FORMATING ✦✦✦ */ .about-body-second-containt-big { 	position: relative; 	display: block; 	width: 100%; 	background: linear-gradient(-60deg, #906111 0, #FEF3A8 30%, #FFF8CF 50%, #FEF3A8 70%, #906111 100%); 	-webkit-background-clip: text;   -webkit-text-fill-color: transparent; 	font-family: "Poiret One", sans-serif; 	font-weight: bold; 	font-size: 34px; 	text-align: center; 	margin-bottom: 12px; }  /* ✦✦✦ ABOUT BODY SECOND CONTAINT SMALL FORMATING ✦✦✦ */ .about-body-second-containt-small { 	position: relative; 	display: block; 	width: 90%; 	color: #D8D8D8; 	font-family: var(--font-inter), "Sansation", sans-serif; 	font-size: 16px; 	line-height: 26px; 	text-align: center; 	margin-bottom: 15px; }  /* ✦✦✦ ABOUT BODY ISHI IMAGE & LIGHTING BORDER FORMATING ✦✦✦ */ .about-body-ishi { 	position: relative; 	display: flex; 	align-items: center; 	justify-content: center; 	width: 100%; 	margin: 20px 0 15px 0; }  .about-body-ishi img { 	width: 180px; 	height: 180px; 	object-fit: cover; 	border-radius: 50%; 	border: 3.5px solid #FFF1B0; 	box-shadow: 0 0 25px rgba(234, 195, 73, 0.8), 0 0 50px rgba(234, 195, 73, 0.4), inset 0 0 15px rgba(234, 195, 73, 0.5); 	transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); 	animation: shipraBorderGlow 3s infinite alternate ease-in-out; }  @keyframes shipraBorderGlow { 	0% { 		border-color: #EAC349; 		box-shadow: 0 0 20px rgba(234, 195, 73, 0.65), 0 0 40px rgba(234, 195, 73, 0.35); 	} 	100% { 		border-color: #FFFFFF; 		box-shadow: 0 0 35px rgba(255, 241, 176, 0.95), 0 0 60px rgba(234, 195, 73, 0.65); 	} }  .about-body-ishi img:hover { 	transform: scale(1.06); 	border-color: #FFFFFF; 	box-shadow: 0 0 40px rgba(255, 241, 176, 1), 0 0 70px rgba(234, 195, 73, 0.85); }  /* ✦✦✦ ABOUT BODY ISHI INFORMATION NAME FORMATING ✦✦✦ */ .about-body-info { 	position: relative; 	display: flex; 	flex-direction: column; 	align-items: center; 	justify-content: center; 	width: 100%; 	margin-top: 10px; 	text-align: center; }  /* ✦✦✦ ABOUT BODY ISHI INFORMATION NAME FORMATING ✦✦✦ */ .about-body-info-name { 	display: block; 	width: 100%; 	background: linear-gradient(135deg, #FFFFFF 0%, #FFF1B0 45%, #EAC349 100%); 	-webkit-background-clip: text; 	-webkit-text-fill-color: transparent; 	font-family: "Poiret One", var(--font-inter), system-ui, sans-serif; 	font-weight: 700; 	font-size: 24px; 	text-align: center; 	letter-spacing: 2px; 	margin-bottom: 6px; }  /* ✦✦✦ ABOUT BODY ISHI INFORMATION POST FORMATING ✦✦✦ */ .about-body-info-post { 	display: block; 	width: 100%; 	color: #EDE2B8; 	font-family: var(--font-inter), system-ui, sans-serif; 	font-size: 14.5px; 	font-weight: 600; 	text-align: center; 	text-transform: uppercase; 	letter-spacing: 1.5px; }  /* ✦✦✦ ABOUT BODY THIRD CONTAINT FORMATING ✦✦✦ */ .about-body-third-containt { 	position: relative; 	display: inline-block; 	width: 90%; 	text-align: center; 	justify-content: center; 	vertical-align: middle; 	align-items: center; 	padding: 20px 0; 	margin: 20px 0; }  /* ✦✦✦ ABOUT BODY THIRD CONTAINT H1 FORMATING ✦✦✦ */ .about-body-third-containt-h1 { 	position: relative; 	display: inline-block; 	width: 90%; 	text-align: left; 	justify-content: left; 	vertical-align: middle; 	color: #EAC349; 	font-family: "Tangerine"; 	font-weight: normal; 	font-size: 40px; 	letter-spacing: 1px; 	padding: 0 5px; 	margin: 0 5px; }  /* ✦✦✦ ABOUT BODY THIRD CONTAINT H2 FORMATING ✦✦✦ */ .about-body-third-containt-h2 { 	position: relative; 	display: inline-block; 	width: 90%; 	background: linear-gradient(-60deg, #906111 0, #FEF3A8 30%, #FFF8CF 50%, #FEF3A8 70%, #906111 100%); 	-webkit-background-clip: text;   -webkit-text-fill-color: transparent; 	font-family: "Poiret One", sans-serif; 	font-weight: bold; 	font-size: 33px; 	text-align: left; 	padding: 5px; 	margin: 5px; }  /* ✦✦✦ ABOUT BODY THIRD ITEM FORMATING ✦✦✦ */ .about-body-third-item { 	position: relative; 	display: inline-block; 	width: 90%; 	vertical-align: middle; 	padding: 5px; 	margin: 5px; 	text-align: left; 	background: rgba(0, 0, 0, 0.5); 	border-radius: 10px; }  /* ✦✦✦ ABOUT BODY THIRD ITEM BIG FORMATING ✦✦✦ */ .about-body-third-item-big { 	position: relative; 	display: inline-block; 	width: 90%; 	background: linear-gradient(-60deg, #906111 0, #FEF3A8 30%, #FFF8CF 50%, #FEF3A8 70%, #906111 100%); 	-webkit-background-clip: text;   -webkit-text-fill-color: transparent; 	font-family: "Poiret One", sans-serif; 	font-weight: bold; 	font-size: 23px; 	text-align: left; 	padding: 5px; 	margin: 5px; }  /* ✦✦✦ ABOUT BODY THIRD ITEM SMALL FORMATING ✦✦✦ */ .about-body-third-item-small { 	position: relative; 	display: inline-block; 	width: 90%; 	color: #c5c5c5; 	font-family: "Sansation", sans-serif; 	font-size: 20px; 	line-height: 30px; 	text-align: left; 	padding: 5px; 	margin: 5px; }   /* ╔═══════════════════════════════════════════╗ */ /* ║             RESPONSIVE MEDIA              ║ */ /* ╚═══════════════════════════════════════════╝ */  /* ✦✦✦ RESPONSIVE MEDIA QUERIES 1200PX ✦✦✦ */ @media only screen and (min-width: 1200px) { 	.about-body-first-containt { 		width: 70%; 	} 	.about-body-second-containt { 		width: 70%; 	} 	.about-body-third-containt { 		width: 70%; 	} }