@charset "utf-8";
/* Storyshine LP Custom CSS Ver.1.0 */

html, body, * {
	font-family: 'Poppins', sans-serif !important;
	line-height: 1.2em !important;
	background-color: #fffffff !important;
}
/* Global Custom CSS */
/* 1. Body CSS */
body {
	padding-top: 7rem !important;
	margin: 0px !important;
}
.background-01 {
	width: 100% !important;
	background: linear-gradient( 180deg, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.2) 100% ), url('../img/storyshine-background-01.webp') !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-size: cover !important;
	background-attachment: fixed !important;
}
.background-02 {
	width: 100% !important;
	background: linear-gradient( 180deg, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.5) 100% ), url('../img/storyshine-background-01.webp') !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-size: cover !important;
	background-attachment: fixed !important;
}
section {
	padding-top: 1rem !important;
	padding-bottom: 2rem !important;
}
@media only screen and (max-width: 991px) {
body {
	padding-top: 7rem !important;
}
.container {
	padding-left: 2rem !important;
	padding-right: 2rem !important;
}
}
@media only screen and (max-width: 768px) {
}
@media only screen and (max-width: 767px) {
body {
	padding-top: 7rem !important;
}
}
@media only screen and (max-width: 600px) {
body {
	padding-top: 7rem !important;
}
}
@media only screen and (max-width: 480px) {
body {
	padding-top: 7rem !important;
}
}
@media only screen and (max-width: 360px) {
body {
	padding-top: 6rem !important;
}
}
/* Box Layout CSS */
.vertical-middle-content-wrapper {
	position: relative !important;
	top: 50% !important;
	-ms-transform: translateY(-50%) !important;
	transform: translateY(-50%) !important;
}
.box-layout-wrapper-1 {
	background: linear-gradient(90deg, rgba(255,255,255,1), 70%, rgba(255,255,255,1)) !important;
	border: 1px solid rgba(0,0,0,0.05) !important;
	border-radius: 20px !important;
	padding: 30px 30px 15px 30px !important;
	box-shadow: 0px 12px 18px -6px rgba(0,0,0,0.2) !important;
}
.box-layout-wrapper-2 {
	background-color: #fdd128 !important;
	border: 1px solid rgba(0,0,0,0.15) !important;
	border-radius: 20px !important;
	padding: 20px 30px 20px 30px !important;
}
.box-layout-wrapper-3 {
	background-color: transparent !important;
	border: 2px dashed rgba(0,0,0,0.15) !important;
	border-radius: 150px !important;
	padding: 10px 20px 2px 20px !important;
}
@media only screen and (max-width: 991px) {
.box-layout-wrapper-2 {
	padding: 20px 30px 20px 30px !important;
}
}
@media only screen and (max-width: 480px) {
.box-layout-wrapper-1 {
	padding: 30px 20px 15px 20px !important;
}
.box-layout-wrapper-2 {
	padding: 20px 20px 20px 20px !important;
}
.box-layout-wrapper-3 {
	border: 1px dashed rgba(0,0,0,0.15) !important;
}
}
/* Responsive Element CSS */
.desktop {
	display: block !important;
}
.mobile {
	display: none !important;
}
@media only screen and (max-width: 991px) {
.desktop {
	display: none !important;
}
.mobile {
	display: block !important;
}
}


/* 2. Typogrhaphy CSS */
/* Text Color CSS */
@keyframes color {
from {
 background-position: 0% 50%;
}
to {
	background-position: 100% 50%;
}
}
.text-color-animation {
	color: transparent !important;
	background: linear-gradient( 90deg, #ee7752 0%, #e73c7e 7%, #23a6d5 14%, #23d5ab 21%, #ee7752 28%, #e73c7e 35%, #23a6d5 42%, #23d5ab 49%, #ee7752 56%, #e73c7e 63%, #23a6d5 70%, #23d5ab 77%, #ee7752 84%, #e73c7e 91%, #23a6d5 97%, #23d5ab 100% );
	background-clip: text !important;
	-webkit-background-clip: text !important;
	background-size: 500% !important;
	animation: color 10s linear infinite !important;
}
a {
	color: #333333 !important;
	text-decoration: none !important;
	cursor: pointer !important;
	transition: all 300ms ease 0ms !important;
}
a:hover {
	color: #dd3324 !important;
}
.brand-color-1 {
	color: #dd3324 !important;
}
.brand-color-2 {
	color: #fdd128 !important;
}
/* 3. Button CSS */
.btn:focus {
	box-shadow: none !important;
}
.ss-btn1, .ss-btn2, .ss-btn3, .ss-btn4 {
	letter-spacing: 1px !important;
	text-transform: uppercase !important;
}
.ss-btn1 {
	color: #ffffff !important;
	background-color: #dd3324 !important;
	border: 1px solid #dd3324 !important;
}
.ss-btn1:hover {
	color: #000000 !important;
	background-color: #fdd128 !important;
	border: 1px solid #fdd128 !important;
}
.ss-btn2 {
	color: #000000 !important;
	background-color: #fdd128 !important;
	border: 1px solid #fdd128 !important;
}
.ss-btn2:hover {
	color: #ffffff !important;
	background-color: #dd3324 !important;
	border: 1px solid #dd3324 !important;
}
.ss-btn3 {
	color: #ffffff !important;
	background-color: #00a83f !important;
	border: 1px solid #00a83f !important;
}
.ss-btn3:hover {
	color: #ffffff !important;
	background-color: #000000 !important;
	border: 1px solid #000000 !important;
}
.ss-btn4 {
	color: #ffffff !important;
	background-color: #25D366 !important;
	border: 1px solid #25D366 !important;
}
.ss-btn4:hover {
	color: #ffffff !important;
	background-color: #000000 !important;
	border: 1px solid #000000 !important;
}
.cta-btn1 {
	font-size: 20px !important;
	font-weight: 600 !important;
	letter-spacing: 0px !important;
	line-height: 1em !important;
	text-transform: uppercase !important;
	border-radius: 150px !important;
	padding: 8px 20px !important;
}
.form-cta-btn1 {
	font-size: 30px !important;
	font-weight: 600 !important;
	letter-spacing: 0px !important;
	line-height: 1em !important;
	text-transform: uppercase !important;
	border-radius: 150px !important;
	padding: 15px 15px !important;
}
@media only screen and (max-width: 1024px) {
.form-cta-btn1 {
	font-size: 28px !important;
}
}
@media only screen and (max-width: 991px) {
.form-cta-btn1 {
	font-size: 26px !important;
	padding: 10px 15px !important;
}
}
@media only screen and (max-width: 767px) {
.form-cta-btn1 {
	font-size: 20px !important;
}
}
@media only screen and (max-width: 575px) {
.form-cta-btn1 {
	font-size: 22px !important;
	padding: 8px 20px !important;
}
}
@media only screen and (max-width: 480px) {
.ss-btn1, .ss-btn2, .ss-btn3 {
	letter-spacing: 0px !important;
}
.form-cta-btn1 {
	font-size: 18px !important;
}
}
@media only screen and (max-width: 479px) {
.form-cta-btn1 {
	font-size: 16px !important;
}
}
@media only screen and (max-width: 420px) {
.form-cta-btn1 {
	font-size: 20px !important;
}
}
@media only screen and (max-width: 400px) {
.form-cta-btn1 {
	font-size: 18px !important;
}
}
@media only screen and (max-width: 360px) {
.form-cta-btn1 {
	font-size: 18px !important;
}
}
/* 4. Form CSS */
.custom-form input[type=text], .custom-form input[type=email], .custom-form input[type=url], .custom-form input[type=tel], .custom-form input[type=password], .custom-form input[type=date], .custom-form input[type=time], .custom-form select, .custom-form textarea {
	color: #333333 !important;
	font-size: 16px !important;
	font-weight: 400 !important;
	background-color: #ffffff !important;
	border: 1px solid #e5e5e5 !important;
	transition: all 300ms ease 0ms !important;
}
.custom-form select {
	cursor: pointer !important;
}
.custom-form input[type=text]:hover, .custom-form input[type=email]:hover, .custom-form input[type=url]:hover, .custom-form input[type=tel]:hover, .custom-form input[type=password]:hover, .custom-form input[type=date]:hover, .custom-form input[type=time]:hover, .custom-form select:hover, .custom-form textarea:hover {
	background-color: #f8f9fa !important;
	border: 1px solid #cccccc !important;
}
.custom-form input[type=text]:focus, .custom-form input[type=email]:focus, .custom-form input[type=url]:focus, .custom-form input[type=tel]:focus, .custom-form input[type=password]:focus, .custom-form input[type=date]:focus, .custom-form input[type=time]:focus, .custom-form select:focus, .custom-form textarea:focus {
	background-color: #f8f9fa !important;
	border: 1px solid #cccccc !important;
	box-shadow: none !important;
}
.custom-form small.note {
	color: #a6a6a6 !important;
	font-size: 13px !important;
	line-height: 1.1em !important;
}
.form-floating>label {
	font-size: 17px !important;
 padding: 1rem .75rem !important;
}
/* error text and invalid field styling */
.error-text {
	position: absolute !important;
	font-size: 13px !important;
	color: #d9534f !important;
	display: none; /* hidden by default */
}
/* stronger invalid highlight — works for input & select */
.is-invalid {
	border-color: #d9534f !important;
	box-shadow: 0 0 0 0.15rem rgba(217, 83, 79, 0.12) !important;
}
/* small spacing tweak so floating label and error don't overlap */
.form-floating + .error-text {
	margin-top: 3px !important;
}
@media only screen and (max-width: 767px) {
.form-floating>label {
	font-size: 15px !important;
 padding: 1.2rem .75rem !important;
}
}
@media only screen and (max-width: 575px) {
.custom-form input[type=text], .custom-form input[type=email], .custom-form input[type=url], .custom-form input[type=tel], .custom-form input[type=password], .custom-form input[type=date], .custom-form input[type=time], .custom-form select, .custom-form textarea {
	font-size: 13px !important;
}
.custom-form small.note {
	font-size: 11px !important;
	line-height: 0.7em !important;
}
.form-floating>label {
	font-size: 13px !important;
 padding: 1.2rem .75rem !important;
}
}
/* Header Custom CSS */
header {
	padding-top: 0.75rem !important;
	padding-bottom: 0.75rem !important;
	transition: all 300ms ease 0ms !important;
}
header .brand-logo {
	width: 180px !important;
}
 @media only screen and (max-width: 1024px) {
}
@media only screen and (max-width: 991px) {
header {
	padding-top: 0.5rem !important;
	padding-bottom: 0.5rem !important;
}
header .brand-logo {
	width: 220px !important;
}
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 600px) {
}
@media only screen and (max-width: 480px) {
header .brand-logo {
	width: 200px !important;
}
}
@media only screen and (max-width: 360px) {
}
@media only screen and (max-width: 320px) {
header .brand-logo {
	width: 180px !important;
}
}
/* LP Global Custom CSS Start */
.ss-style .ss-hero {
	width: 100% !important;
	overflow: hidden !important;
	display: table !important;
	margin: 0px auto !important;
}
.ss-style hr {
	margin: 0px auto !important;
	margin-top: 10px !important;
	margin-bottom: 20px !important;
	width: 70px !important;
	border: 0 !important;
	height: 2px !important;
	background-color: #7f7f7f !important;
}
.ss-style .marathi-font {
	font-family: "Khand", serif !important;
}
.ss-style .marathi-font span {
	font-family: "Khand", serif !important;
}
@media only screen and (max-width: 1024px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 575px) {
}
@media only screen and (max-width: 480px) {
}
@media only screen and (max-width: 420px) {
}
@media only screen and (max-width: 360px) {
}
/* Banner Content CSS */
.banner-content {
	padding-top: 0rem !important;
	padding-bottom: 5rem !important;
}
.banner-content.ss-style h1 {
	font-family: "Kanit", serif !important;
	color: #000000 !important;
	font-size: 43px !important;
	font-weight: 700 !important;
	line-height: 0.9em !important;
	text-align: left !important;
	text-transform: uppercase !important;
}
.banner-content.ss-style h1 br.desk {
	display: block !important;
}
.banner-content.ss-style h1 br.mob {
	display: none !important;
}
.banner-content.ss-style h1 span {
	font-family: "Kanit", serif !important;
	line-height: 0.9em !important;
}
.banner-content.ss-style h1 small {
	font-family: "Kanit", serif !important;
	font-size: 35px !important;
	font-weight: 500 !important;
	line-height: 0.9em !important;
}
.banner-content.ss-style h2 {
	color: #000000 !important;
	font-size: 30px !important;
	font-weight: 700 !important;
	line-height: 1.3em !important;
	text-align: left !important;
	text-transform: uppercase !important;
}
.banner-content.ss-style h3 {
	color: #ffffff !important;
	font-size: 26px !important;
	font-weight: 600 !important;
	line-height: 1.3em !important;
	text-align: left !important;
	text-transform: uppercase !important;
}
.banner-content.ss-style h3 span {
	display: inline-block !important;
	background-color: #dd3324 !important;
	padding: 5px 10px !important;
}
.banner-content.ss-style h5 {
	color: #000000 !important;
	font-size: 18px !important;
	font-weight: 400 !important;
	line-height: 1.3em !important;
	text-align: left !important;
	margin-top: 20px !important;
}
.banner-content.ss-style h5.sp-subheading {
	margin-top: -5px !important;
}
.banner-content.ss-style h5 br.desk {
	display: block !important;
}
.banner-content.ss-style h5 br.mob {
	display: none !important;
}
.banner-content.ss-style h6 {
	color: #000000 !important;
	font-size: 17px !important;
	font-weight: 400 !important;
	line-height: 1.3em !important;
	text-align: left !important;
	margin-top: 20px !important;
}
.banner-content.ss-style p.note {
	color: #000000 !important;
	font-size: 12.5px !important;
	font-weight: 400 !important;
	line-height: 1.2em !important;
	text-align: left !important;
}
.banner-content.ss-style ul {
 --icon-space: 1.7em !important;
	list-style-type: none !important;
	padding: 0 !important;
}
.banner-content.ss-style ul li {
	font-family: "Poppins", serif !important;
	padding-left: var(--icon-space) !important;
	color: #000000 !important;
	font-size: 15px !important;
	font-weight: 400 !important;
	line-height: 1.2em !important;
	margin-bottom: 2px !important;
	text-align: left !important;
}
.banner-content.ss-style ul li:before {
	color: #dd3324 !important;
	content: "\F26B" !important; /* Boostrap Icons Unicode */
	font-family: "bootstrap-icons" !important;
	display: inline-block !important;
 margin-left: calc( var(--icon-space) * -1 ) !important;
	width: var(--icon-space) !important;
	position: relative !important;
	top: 3px !important;
}
.banner-content.ss-style .cta-wrap {
	text-align: left !important;
	margin-top: 10px !important;
	margin-bottom: 10px !important;
}
.banner-content.ss-style .cta-wrap .cta-btn1 {
	font-size: 30px !important;
}
.banner-content.ss-style .cta-wrap .cta-btn1 br {
	display: none !important;
}
@media only screen and (max-width: 1024px) {
.banner-content {
	padding-top: 2rem !important;
	padding-bottom: 1rem !important;
}
.banner-content.ss-style h1 {
	font-size: 36px !important;
}
.banner-content.ss-style h1 small {
	font-size: 26px !important;
}
.banner-content.ss-style h2 {
	font-size: 24px !important;
}
.banner-content.ss-style h3 {
	font-size: 22px !important;
}
.banner-content.ss-style h5 {
	font-size: 15px !important;
}
.banner-content.ss-style h6 {
	font-size: 14px !important;
}
.banner-content.ss-style p.note {
	font-size: 16px !important;
}
.banner-content.ss-style ul li {
	font-size: 15px !important;
}
.banner-content.ss-style .cta-wrap .cta-btn1 {
	font-size: 25px !important;
}
}
@media only screen and (max-width: 991px) {
.banner-content {
	padding-top: 0rem !important;
	padding-bottom: 2rem !important;
}
.banner-content.ss-style h1 {
	font-size: 48px !important;
	text-align: center !important;
}
.banner-content.ss-style h1 small {
	font-size: 35px !important;
}
.banner-content.ss-style h2 {
	font-size: 30px !important;
	text-align: center !important;
}
.banner-content.ss-style h3 {
	font-size: 23px !important;
	text-align: center !important;
}
.banner-content.ss-style h5 {
	font-size: 20px !important;
	text-align: center !important;
}
.banner-content.ss-style h6 {
	font-size: 19px !important;
	text-align: center !important;
}
.banner-content.ss-style p.note {
	font-size: 15px !important;
	text-align: center !important;
}
.banner-content.ss-style ul {
	width: 80% !important;
	margin: 0px auto !important;
}
.banner-content.ss-style ul li {
	font-size: 18px !important;
}
.banner-content.ss-style .cta-wrap {
	text-align: center !important;
}
.banner-content.ss-style .cta-wrap .cta-btn1 {
	font-size: 28px !important;
}
}
@media only screen and (max-width: 767px) {
.banner-content.ss-style h1 {
	font-size: 36px !important;
}
.banner-content.ss-style h1 small {
	font-size: 28px !important;
}
.banner-content.ss-style h2 {
	font-size: 30px !important;
}
.banner-content.ss-style h3 {
	font-size: 20px !important;
}
.banner-content.ss-style h5 {
	font-size: 16px !important;
}
.banner-content.ss-style h6 {
	font-size: 15px !important;
}
.banner-content.ss-style p.note {
	font-size: 15px !important;
}
.banner-content.ss-style ul {
	width: 95% !important;
	margin: 0px auto !important;
}
.banner-content.ss-style ul li {
	font-size: 16px !important;
}
.banner-content.ss-style .cta-wrap .cta-btn1 {
	font-size: 23px !important;
}
}
@media only screen and (max-width: 575px) {
.banner-content {
	padding-top: 0rem !important;
	padding-bottom: 0rem !important;
}
.banner-content.ss-style h1 {
	font-size: 36px !important;
}
.banner-content.ss-style h1 small {
	font-size: 28px !important;
}
.banner-content.ss-style h2 {
	font-size: 30px !important;
}
.banner-content.ss-style h3 {
	font-size: 20px !important;
}
.banner-content.ss-style h5 {
	font-size: 16px !important;
}
.banner-content.ss-style h5 br.desk {
	display: none !important;
}
.banner-content.ss-style h6 {
	font-size: 15px !important;
}
.banner-content.ss-style p.note {
	font-size: 15px !important;
}
.banner-content.ss-style ul {
	width: 95% !important;
	margin: 0px auto !important;
}
.banner-content.ss-style ul li {
	font-size: 16px !important;
}
.banner-content.ss-style .cta-wrap {
	margin-top: 10px !important;
}
.banner-content.ss-style .cta-wrap .cta-btn1 {
	font-size: 22px !important;
}
}
@media only screen and (max-width: 480px) {
.banner-content.ss-style h1 {
	font-size: 33px !important;
}
.banner-content.ss-style h1 small {
	font-size: 24px !important;
}
.banner-content.ss-style h2 {
	font-size: 27px !important;
}
.banner-content.ss-style h3 {
	font-size: 22px !important;
}
.banner-content.ss-style h5 {
	font-size: 18px !important;
}
.banner-content.ss-style h6 {
	font-size: 15px !important;
}
.banner-content.ss-style p.note {
	font-size: 15px !important;
}
.banner-content.ss-style ul {
	width: 100% !important;
	margin: 0px auto !important;
}
.banner-content.ss-style ul li {
	font-size: 15px !important;
}
.banner-content.ss-style .cta-wrap .cta-btn1 {
	font-size: 22px !important;
}
}
@media only screen and (max-width: 479px) {
.banner-content.ss-style .cta-wrap .cta-btn1 {
	font-size: 22px !important;
}
}
@media only screen and (max-width: 420px) {
.banner-content.ss-style h1 {
	font-size: 28px !important;
}
.banner-content.ss-style h1 br.desk {
	display: none !important;
}
.banner-content.ss-style h1 br.mob {
	display: block !important;
}
.banner-content.ss-style h1 small {
	font-size: 24px !important;
}
.banner-content.ss-style h2 {
	font-size: 25px !important;
}
.banner-content.ss-style h3 {
	font-size: 20px !important;
}
.banner-content.ss-style h5 {
	font-size: 15px !important;
}
.banner-content.ss-style h5 br.mob {
	display: block !important;
}
.banner-content.ss-style h6 {
	font-size: 14px !important;
}
.banner-content.ss-style p.note {
	font-size: 14px !important;
}
.banner-content.ss-style ul {
	width: 100% !important;
	margin: 0px auto !important;
}
.banner-content.ss-style ul li {
	font-size: 15px !important;
}
.banner-content.ss-style .cta-wrap .cta-btn1 {
	width: 100% !important;
	font-size: 22px !important;
}
.banner-content.ss-style .cta-wrap .cta-btn1 br {
	display: block !important;
}
}
@media only screen and (max-width: 400px) {
.banner-content.ss-style h1 {
	font-size: 26px !important;
}
.banner-content.ss-style h1 small {
	font-size: 22px !important;
}
.banner-content.ss-style h2 {
	font-size: 23px !important;
}
.banner-content.ss-style h3 {
	font-size: 20px !important;
}
.banner-content.ss-style h5 {
	font-size: 14px !important;
}
.banner-content.ss-style h6 {
	font-size: 13px !important;
}
.banner-content.ss-style p.note {
	font-size: 13px !important;
}
.banner-content.ss-style ul {
	width: 100% !important;
	margin: 0px auto !important;
}
.banner-content.ss-style ul li {
	font-size: 15px !important;
}
.banner-content.ss-style .cta-wrap .cta-btn1 {
	font-size: 20px !important;
}
}
@media only screen and (max-width: 360px) {
.banner-content.ss-style h1 {
	font-size: 24px !important;
}
.banner-content.ss-style h1 small {
	font-size: 22px !important;
}
.banner-content.ss-style h2 {
	font-size: 21px !important;
}
.banner-content.ss-style h3 {
	font-size: 17px !important;
}
.banner-content.ss-style h5 {
	font-size: 12px !important;
}
.banner-content.ss-style h6 {
	font-size: 12px !important;
}
.banner-content.ss-style p.note {
	font-size: 12px !important;
}
.banner-content.ss-style ul {
	width: 100% !important;
	margin: 0px auto !important;
}
.banner-content.ss-style ul li {
	font-size: 14px !important;
}
.banner-content.ss-style .cta-wrap .cta-btn1 {
	font-size: 20px !important;
}
}
/* Promotion Content CSS */
.promotion-content {
	padding-top: 3rem !important;
	padding-bottom: 3rem !important;
}
.promotion-content.ss-style h1 {
	color: #000000 !important;
	font-size: 65px !important;
	font-weight: 700 !important;
	line-height: 1em !important;
	text-align: center !important;
	margin-top: 30px !important;
}
.promotion-content.ss-style h1.sp-heading {
	margin-top: 0px !important;
}
.promotion-content.ss-style h2 {
	font-family: "Kanit", serif !important;
	color: #000000 !important;
	font-size: 40px !important;
	font-weight: 700 !important;
	line-height: 0.9em !important;
	text-align: center !important;
	text-transform: uppercase !important;
}
.promotion-content.ss-style h2 span {
	font-family: "Kanit", serif !important;
	line-height: 0.9em !important;
}
.promotion-content.ss-style h3 {
	color: #000000 !important;
	font-size: 25px !important;
	font-weight: 500 !important;
	line-height: 1.3em !important;
	text-align: center !important;
}
.promotion-content.ss-style h4 {
	color: #000000 !important;
	font-size: 23px !important;
	font-weight: 400 !important;
	line-height: 1.3em !important;
	text-align: center !important;
}
.promotion-content.ss-style p.note {
	color: #000000 !important;
	font-size: 15px !important;
	font-weight: 400 !important;
	line-height: 1.2em !important;
	text-align: center !important;
	margin-bottom: 0px !important;
}
.promotion-content.ss-style .cta-wrap {
	text-align: center !important;
	margin-top: 15px !important;
	margin-bottom: 10px !important;
}
.promotion-content.ss-style .cta-wrap .cta-btn1 {
	font-size: 30px !important;
}
.promotion-content.ss-style .cta-wrap .cta-btn1 br {
	display: none !important;
}
.promotion-content .product-share-box {
	background: #ffffff !important;
	border: none !important;
	border-radius: 0px !important;
	padding: 0px !important;
	text-align: center !important;
	box-shadow: none !important;
}
.promotion-content .product-share-box h4 {
	font-size: 23px !important;
	font-weight: 600 !important;
	color: #dd3324 !important;
	line-height: 1.2em !important;
	margin-top: 10px !important;
	text-align: center !important;
}
.promotion-content .product-share-box p {
	margin-top: 0px !important;
	padding: 0 !important;
	color: #000000 !important;
	font-size: 18px !important;
	font-weight: 400 !important;
}
.promotion-content .product-share-box .hero-wrap {
	width: 100% !important;
	margin: 0px auto !important;
}
.promotion-content .product-share-box .hero-wrap .product-share-hero {
	width: 100% !important;
}
 @media only screen and (max-width: 1024px) {
.promotion-content {
	padding-top: 3rem !important;
	padding-bottom: 3rem !important;
}
.promotion-content.ss-style h1 {
	font-size: 60px !important;
}

.promotion-content.ss-style h2 {
	font-size: 35px !important;
}
.promotion-content.ss-style h3 {
	font-size: 23px !important;
}
.promotion-content.ss-style h4 {
	font-size: 20px !important;
}
.promotion-content.ss-style p.note {
	font-size: 15px !important;
}
.promotion-content.ss-style .cta-wrap .cta-btn1 {
	font-size: 25px !important;
}
.promotion-content .product-share-box h4 {
	font-size: 20px !important;
}
.promotion-content .product-share-box p {
	font-size: 16px !important;
}
}
@media only screen and (max-width: 991px) {
.promotion-content {
	padding-top: 2rem !important;
	padding-bottom: 2rem !important;
}
.promotion-content.ss-style h1 {
	font-size: 45px !important;
}
.promotion-content.ss-style h1.sp-heading {
	margin-top: -5px !important;
}
.promotion-content.ss-style h2 {
	font-size: 30px !important;
}
.promotion-content.ss-style h3 {
	font-size: 23px !important;
}
.promotion-content.ss-style h4 {
	font-size: 20px !important;
}
.promotion-content.ss-style p.note {
	font-size: 18px !important;
}
.promotion-content.ss-style .cta-wrap .cta-btn1 {
	font-size: 28px !important;
}
.promotion-content .product-share-box h4 {
	font-size: 27px !important;
}
.promotion-content .product-share-box p {
	font-size: 20px !important;
}
}
@media only screen and (max-width: 767px) {
.promotion-content.ss-style h1 {
	font-size: 38px !important;
}
.promotion-content.ss-style h2 {
	font-size: 30px !important;
}
.promotion-content.ss-style h3 {
	font-size: 18px !important;
}
.promotion-content.ss-style h4 {
	font-size: 18px !important;
}
.promotion-content.ss-style p.note {
	font-size: 15px !important;
}
.promotion-content.ss-style .cta-wrap .cta-btn1 {
	font-size: 23px !important;
}
.promotion-content .product-share-box h4 {
	font-size: 25px !important;
}
.promotion-content .product-share-box p {
	font-size: 18px !important;
}
}
@media only screen and (max-width: 575px) {
.promotion-content.ss-style h1 {
	font-size: 38px !important;
}
.promotion-content.ss-style h2 {
	font-size: 33px !important;
}
.promotion-content.ss-style h3 {
	font-size: 20px !important;
}
.promotion-content.ss-style h4 {
	font-size: 17px !important;
}
.promotion-content.ss-style p.note {
	font-size: 14px !important;
}
.promotion-content.ss-style .cta-wrap {
	margin-top: 10px !important;
}
.promotion-content.ss-style .cta-wrap .cta-btn1 {
	font-size: 22px !important;
}
.promotion-content .product-share-box h4 {
	font-size: 23px !important;
}
.promotion-content .product-share-box p {
	font-size: 18px !important;
}
}
@media only screen and (max-width: 480px) {
.promotion-content.ss-style h1 {
	font-size: 35px !important;
}
.promotion-content.ss-style h2 {
	font-size: 27px !important;
}
.promotion-content.ss-style h3 {
	font-size: 16px !important;
}
.promotion-content.ss-style h4 {
	font-size: 18px !important;
}
.promotion-content.ss-style p.note {
	font-size: 14px !important;
}
.promotion-content.ss-style .cta-wrap .cta-btn1 {
	font-size: 22px !important;
}
.promotion-content .product-share-box h4 {
	font-size: 22px !important;
}
.promotion-content .product-share-box p {
	font-size: 17px !important;
}
}
@media only screen and (max-width: 479px) {
.promotion-content.ss-style .cta-wrap .cta-btn1 {
	font-size: 22px !important;
}
}
@media only screen and (max-width: 420px) {
.promotion-content.ss-style h1 {
	font-size: 31px !important;
}
.promotion-content.ss-style h2 {
	font-size: 23px !important;
}
.promotion-content.ss-style h3 {
	font-size: 18px !important;
}
.promotion-content.ss-style h4 {
	font-size: 17px !important;
}
.promotion-content.ss-style p.note {
	font-size: 12px !important;
}
.promotion-content.ss-style .cta-wrap .cta-btn1 {
	width: 100% !important;
	font-size: 22px !important;
}
.promotion-content.ss-style .cta-wrap .cta-btn1 br {
	display: block !important;
}
.promotion-content .product-share-box h4 {
	font-size: 21px !important;
}
.promotion-content .product-share-box p {
	font-size: 16px !important;
}
}
@media only screen and (max-width: 400px) {
.promotion-content.ss-style h1 {
	font-size: 28px !important;
}
.promotion-content.ss-style h2 {
	font-size: 21px !important;
}
.promotion-content.ss-style h3 {
	font-size: 17px !important;
}
.promotion-content.ss-style h4 {
	font-size: 17px !important;
}
.promotion-content.ss-style p.note {
	font-size: 12px !important;
}
.promotion-content.ss-style .cta-wrap .cta-btn1 {
	font-size: 20px !important;
}
.promotion-content .product-share-box h4 {
	font-size: 21px !important;
}
.promotion-content .product-share-box p {
	font-size: 16px !important;
}
}
@media only screen and (max-width: 360px) {
.promotion-content.ss-style h1 {
	font-size: 25px !important;
}
.promotion-content.ss-style h2 {
	font-size: 23px !important;
}
.promotion-content.ss-style h3 {
	font-size: 15px !important;
}
.promotion-content.ss-style h4 {
	font-size: 15px !important;
}
.promotion-content.ss-style p.note {
	font-size: 11px !important;
}
.promotion-content.ss-style .cta-wrap .cta-btn1 {
	font-size: 20px !important;
}
.promotion-content .product-share-box h4 {
	font-size: 20px !important;
}
.promotion-content .product-share-box p {
	font-size: 15px !important;
}
}
/* Features Content CSS */
.features-content {
	padding-top: 6rem !important;
	padding-bottom: 3rem !important;
}
.features-content.ss-style h1 {
	font-family: "Kanit", serif !important;
	color: #000000 !important;
	font-size: 45px !important;
	font-weight: 700 !important;
	line-height: 0.9em !important;
	text-align: center !important;
	text-transform: uppercase !important;
}
.features-content.ss-style h1 span {
	font-family: "Kanit", serif !important;
	line-height: 0.9em !important;
}
.features-content.ss-style h1 .bi {
	line-height: 0.9em !important;
}
.features-content.ss-style h3 {
	color: #000000 !important;
	font-size: 21px !important;
	font-weight: 400 !important;
	line-height: 1.3em !important;
	text-align: center !important;
}
.features-content.ss-style h3 strong {
	font-weight: 600 !important;
}
.features-content.ss-style h4 {
	color: #000000 !important;
	font-size: 25px !important;
	font-weight: 400 !important;
	line-height: 1.3em !important;
	text-align: center !important;
}
.features-content .features-box {
	background: #ffffff !important;
	border: 1px solid rgba(0,0,0,0.15) !important;
	border-radius: 20px !important;
	padding: 10px 10px 2px 10px !important;
	text-align: center !important;
	box-shadow: none !important;
}
.features-content .features-box h4 {
	font-size: 18px !important;
	font-weight: 600 !important;
	color: #dd3324 !important;
	line-height: 1.2em !important;
	margin-top: 10px !important;
	text-align: center !important;
}
.features-content .features-box h4 .text-success {
	color: #198754 !important;
}
.features-content .features-box p {
	margin-top: 0px !important;
	padding: 0 !important;
	color: #000000 !important;
	font-size: 16px !important;
	font-weight: 400 !important;
}
.features-content .features-box .hero-wrap {
	width: 100% !important;
	margin: 0px auto !important;
}
.features-content .features-box .hero-wrap .story-step-hero {
	width: 100% !important;
}
.features-content .video-item {
	position: relative !important;
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	margin: 0px 5px !important;
}
.features-content .video-item:before {
	content: "\F4F3" !important;
	font-family: "bootstrap-icons" !important;
	font-size: 80px !important;
	color: #ffffff !important;
	display: block !important;
	position: absolute !important;
	width: 100% !important;
	height: 100% !important;
	background: rgba(0,0,0, 0) !important;
	border-radius: 10px !important;
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	transition: all 300ms ease 0ms !important;
	text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.05), 0px 0px 6px rgba(0, 0, 0, 0.05), 0px 0px 6px rgba(0, 0, 0, 0.05), 0px 0px 6px rgba(0, 0, 0, 0.05), 0px 0px 6px rgba(0, 0, 0, 0.05), 0px 0px 6px rgba(0, 0, 0, 0.05), 0px 0px 6px rgba(0, 0, 0, 0.05), 0px 0px 6px rgba(0, 0, 0, 0.05), 0px 0px 6px rgba(0, 0, 0, 0.05), 0px 0px 6px rgba(0, 0, 0, 0.05), 0px 0px 6px rgba(0, 0, 0, 0.05), 0px 0px 6px rgba(0, 0, 0, 0.05), 0px 0px 6px rgba(0, 0, 0, 0.05), 0px 0px 6px rgba(0, 0, 0, 0.05), 0px 0px 6px rgba(0, 0, 0, 0.05), 0px 0px 6px rgba(0, 0, 0, 0.05), 0px 0px 6px rgba(0, 0, 0, 0.05), 0px 0px 6px rgba(0, 0, 0, 0.05), 0px 0px 6px rgba(0, 0, 0, 0.05), 0px 0px 6px rgba(0, 0, 0, 0.05) !important;
}
.features-content .video-item:hover:before {
	background: rgba(0,0,0, 0) !important;
	color: #fdd128 !important;
	border-radius: 10px !important;
}
.features-content .video-item img {
	border: 1px solid rgba(0,0,0,0) !important;
	border-radius: 10px !important;
	box-shadow: none !important;
}
@media only screen and (max-width: 1024px) {
.features-content {
	padding-top: 3rem !important;
	padding-bottom: 3rem !important;
}
.features-content.ss-style h1 {
	font-size: 43px !important;
}
.features-content.ss-style h3 {
	font-size: 17px !important;
}
.features-content.ss-style h4 {
	font-size: 19px !important;
}
.features-content .features-box h4 {
	font-size: 16px !important;
}
.features-content .features-box p {
	font-size: 14px !important;
}
}
@media only screen and (max-width: 991px) {
.features-content {
	padding-top: 2rem !important;
	padding-bottom: 2rem !important;
}
.features-content.ss-style h1 {
	font-size: 40px !important;
}
.features-content.ss-style h3 {
	font-size: 21px !important;
}
.features-content.ss-style h4 {
	font-size: 23px !important;
}
.features-content .features-box h4 {
	font-size: 24px !important;
}
.features-content .features-box p {
	font-size: 18px !important;
}
}
@media only screen and (max-width: 767px) {
.features-content.ss-style h1 {
	font-size: 40px !important;
}
.features-content.ss-style h3 {
	font-size: 23px !important;
}
.features-content.ss-style h4 {
	font-size: 20px !important;
}
.features-content .features-box h4 {
	font-size: 23px !important;
}
.features-content .features-box p {
	font-size: 17px !important;
}
}
@media only screen and (max-width: 575px) {
.features-content.ss-style h1 {
	font-size: 40px !important;
}
.features-content.ss-style h3 {
	font-size: 22px !important;
}
.features-content.ss-style h4 {
	font-size: 20px !important;
}
.features-content .features-box h4 {
	font-size: 23px !important;
}
.features-content .features-box p {
	font-size: 18px !important;
}
}
@media only screen and (max-width: 480px) {
.features-content.ss-style h1 {
	font-size: 43px !important;
}
.features-content.ss-style h3 {
	font-size: 20px !important;
}
.features-content.ss-style h4 {
	font-size: 18px !important;
}
.features-content .features-box h4 {
	font-size: 22px !important;
}
.features-content .features-box p {
	font-size: 17px !important;
}
}
@media only screen and (max-width: 420px) {
.features-content.ss-style h1 {
	font-size: 35px !important;
}
.features-content.ss-style h3 {
	font-size: 18px !important;
}
.features-content.ss-style h4 {
	font-size: 17px !important;
}
.features-content .features-box h4 {
	font-size: 18px !important;
}
.features-content .features-box p {
	font-size: 16px !important;
}
}
@media only screen and (max-width: 400px) {
.features-content.ss-style h1 {
	font-size: 34px !important;
}
.features-content.ss-style h3 {
	font-size: 16px !important;
}
.features-content.ss-style h4 {
	font-size: 17px !important;
}
.features-content .features-box h4 {
	font-size: 20px !important;
}
.features-content .features-box p {
	font-size: 16px !important;
}
}
@media only screen and (max-width: 360px) {
.features-content.ss-style h1 {
	font-size: 30px !important;
}
.features-content.ss-style h3 {
	font-size: 14px !important;
}
.features-content.ss-style h4 {
	font-size: 15px !important;
}
.features-content .features-box h4 {
	font-size: 18px !important;
}
.features-content .features-box p {
	font-size: 15px !important;
}
}
/* Story Steps Content CSS */
.story-steps-content {
	padding-top: 6rem !important;
	padding-bottom: 3rem !important;
}
.story-steps-content.ss-style h1 {
	font-family: "Kanit", serif !important;
	color: #000000 !important;
	font-size: 50px !important;
	font-weight: 700 !important;
	line-height: 0.9em !important;
	text-align: center !important;
	text-transform: uppercase !important;
}
.story-steps-content.ss-style h1 span {
	font-family: "Kanit", serif !important;
	line-height: 0.9em !important;
}
.story-steps-content.ss-style h3 {
	color: #000000 !important;
	font-size: 21px !important;
	font-weight: 400 !important;
	line-height: 1.3em !important;
	text-align: center !important;
}
.story-steps-content.ss-style h3 strong {
	font-weight: 600 !important;
}
.story-steps-content.ss-style h4 {
	color: #000000 !important;
	font-size: 25px !important;
	font-weight: 400 !important;
	line-height: 1.3em !important;
	text-align: center !important;
}
.story-steps-content .story-steps-box {
	background: #ffffff !important;
	border: none !important;
	border-radius: 0px !important;
	padding: 0px !important;
	text-align: center !important;
	box-shadow: none !important;
}
.story-steps-content .story-steps-box h4 {
	font-size: 23px !important;
	font-weight: 600 !important;
	color: #dd3324 !important;
	line-height: 1.2em !important;
	margin-top: 10px !important;
	text-align: center !important;
}
.story-steps-content .story-steps-box h4 .text-success {
	color: #198754 !important;
}
.story-steps-content .story-steps-box p {
	margin-top: 0px !important;
	padding: 0 !important;
	color: #000000 !important;
	font-size: 18px !important;
	font-weight: 400 !important;
}
.story-steps-content .story-steps-box .hero-wrap {
	width: 100% !important;
	margin: 0px auto !important;
}
.story-steps-content .story-steps-box .hero-wrap .story-step-hero {
	width: 100% !important;
}
.story-steps-content .video-item {
	position: relative !important;
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	margin: 0px 5px !important;
}
.story-steps-content .video-item:before {
	content: "\F4F3" !important;
	font-family: "bootstrap-icons" !important;
	font-size: 80px !important;
	color: #ffffff !important;
	display: block !important;
	position: absolute !important;
	width: 100% !important;
	height: 100% !important;
	background: rgba(0,0,0, 0) !important;
	border-radius: 10px !important;
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	transition: all 300ms ease 0ms !important;
	text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.05), 0px 0px 6px rgba(0, 0, 0, 0.05), 0px 0px 6px rgba(0, 0, 0, 0.05), 0px 0px 6px rgba(0, 0, 0, 0.05), 0px 0px 6px rgba(0, 0, 0, 0.05), 0px 0px 6px rgba(0, 0, 0, 0.05), 0px 0px 6px rgba(0, 0, 0, 0.05), 0px 0px 6px rgba(0, 0, 0, 0.05), 0px 0px 6px rgba(0, 0, 0, 0.05), 0px 0px 6px rgba(0, 0, 0, 0.05), 0px 0px 6px rgba(0, 0, 0, 0.05), 0px 0px 6px rgba(0, 0, 0, 0.05), 0px 0px 6px rgba(0, 0, 0, 0.05), 0px 0px 6px rgba(0, 0, 0, 0.05), 0px 0px 6px rgba(0, 0, 0, 0.05), 0px 0px 6px rgba(0, 0, 0, 0.05), 0px 0px 6px rgba(0, 0, 0, 0.05), 0px 0px 6px rgba(0, 0, 0, 0.05), 0px 0px 6px rgba(0, 0, 0, 0.05), 0px 0px 6px rgba(0, 0, 0, 0.05) !important;
}
.story-steps-content .video-item:hover:before {
	background: rgba(0,0,0, 0) !important;
	color: #fdd128 !important;
	border-radius: 10px !important;
}
.story-steps-content .video-item img {
	border: 1px solid rgba(0,0,0,0) !important;
	border-radius: 10px !important;
	box-shadow: none !important;
}
.story-steps-content.ss-style .cta-wrap {
	text-align: center !important;
	margin-top: 15px !important;
	margin-bottom: 10px !important;
}
.story-steps-content.ss-style .cta-wrap .cta-btn1 {
	font-size: 30px !important;
}
.story-steps-content.ss-style .cta-wrap .cta-btn1 br {
	display: none !important;
}
@media only screen and (max-width: 1024px) {
.story-steps-content {
	padding-top: 3rem !important;
	padding-bottom: 3rem !important;
}
.story-steps-content.ss-style h1 {
	font-size: 35px !important;
}
.story-steps-content.ss-style h3 {
	font-size: 17px !important;
}
.story-steps-content.ss-style h4 {
	font-size: 19px !important;
}
.story-steps-content .story-steps-box h4 {
	font-size: 20px !important;
}
.story-steps-content .story-steps-box p {
	font-size: 16px !important;
}
.story-steps-content.ss-style .cta-wrap .cta-btn1 {
	font-size: 25px !important;
}
}
@media only screen and (max-width: 991px) {
.story-steps-content {
	padding-top: 2rem !important;
	padding-bottom: 2rem !important;
}
.story-steps-content.ss-style h1 {
	font-size: 45px !important;
}
.story-steps-content.ss-style h3 {
	font-size: 21px !important;
}
.story-steps-content.ss-style h4 {
	font-size: 23px !important;
}
.story-steps-content .story-steps-box h4 {
	font-size: 27px !important;
}
.story-steps-content .story-steps-box p {
	font-size: 20px !important;
}
.story-steps-content.ss-style .cta-wrap .cta-btn1 {
	font-size: 28px !important;
}
}
@media only screen and (max-width: 767px) {
.story-steps-content.ss-style h1 {
	font-size: 35px !important;
}
.story-steps-content.ss-style h3 {
	font-size: 23px !important;
}
.story-steps-content.ss-style h4 {
	font-size: 20px !important;
}
.story-steps-content .story-steps-box h4 {
	font-size: 25px !important;
}
.story-steps-content .story-steps-box p {
	font-size: 18px !important;
}
.story-steps-content.ss-style .cta-wrap .cta-btn1 {
	font-size: 23px !important;
}
}
@media only screen and (max-width: 575px) {
.story-steps-content.ss-style h1 {
	font-size: 40px !important;
}
.story-steps-content.ss-style h3 {
	font-size: 22px !important;
}
.story-steps-content.ss-style h4 {
	font-size: 20px !important;
}
.story-steps-content .story-steps-box h4 {
	font-size: 23px !important;
}
.story-steps-content .story-steps-box p {
	font-size: 18px !important;
}
.story-steps-content.ss-style .cta-wrap {
	margin-top: 10px !important;
}
.story-steps-content.ss-style .cta-wrap .cta-btn1 {
	font-size: 22px !important;
}
}
@media only screen and (max-width: 480px) {
.story-steps-content.ss-style h1 {
	font-size: 35px !important;
}
.story-steps-content.ss-style h3 {
	font-size: 20px !important;
}
.story-steps-content.ss-style h4 {
	font-size: 18px !important;
}
.story-steps-content .story-steps-box h4 {
	font-size: 22px !important;
}
.story-steps-content .story-steps-box p {
	font-size: 17px !important;
}
.story-steps-content.ss-style .cta-wrap .cta-btn1 {
	font-size: 22px !important;
}
}
@media only screen and (max-width: 479px) {
.banner-content.ss-style .cta-wrap .cta-btn1 {
	font-size: 22px !important;
}
}
@media only screen and (max-width: 420px) {
.story-steps-content.ss-style h1 {
	font-size: 28px !important;
}
.story-steps-content.ss-style h3 {
	font-size: 18px !important;
}
.story-steps-content.ss-style h4 {
	font-size: 17px !important;
}
.story-steps-content .story-steps-box h4 {
	font-size: 21px !important;
}
.story-steps-content .story-steps-box p {
	font-size: 16px !important;
}
.story-steps-content.ss-style .cta-wrap .cta-btn1 {
	width: 100% !important;
	font-size: 22px !important;
}
.story-steps-content.ss-style .cta-wrap .cta-btn1 br {
	display: block !important;
}
}
@media only screen and (max-width: 400px) {
.story-steps-content.ss-style h1 {
	font-size: 26px !important;
}
.story-steps-content.ss-style h3 {
	font-size: 16px !important;
}
.story-steps-content.ss-style h4 {
	font-size: 17px !important;
}
.story-steps-content .story-steps-box h4 {
	font-size: 21px !important;
}
.story-steps-content .story-steps-box p {
	font-size: 16px !important;
}
.story-steps-content.ss-style .cta-wrap .cta-btn1 {
	font-size: 20px !important;
}
}
@media only screen and (max-width: 360px) {
.story-steps-content.ss-style h1 {
	font-size: 22px !important;
}
.story-steps-content.ss-style h3 {
	font-size: 14px !important;
}
.story-steps-content.ss-style h4 {
	font-size: 15px !important;
}
.story-steps-content .story-steps-box h4 {
	font-size: 20px !important;
}
.story-steps-content .story-steps-box p {
	font-size: 15px !important;
}
.story-steps-content.ss-style .cta-wrap .cta-btn1 {
	font-size: 20px !important;
}
}
/* Work Catalogs Content CSS */
.work-catalogs-content {
	padding-top: 6rem !important;
	padding-bottom: 3rem !important;
}
.work-catalogs-content.ss-style h1 {
	font-family: "Kanit", serif !important;
	color: #000000 !important;
	font-size: 50px !important;
	font-weight: 700 !important;
	line-height: 0.9em !important;
	text-align: center !important;
	text-transform: uppercase !important;
}
.work-catalogs-content.ss-style h1 span {
	font-family: "Kanit", serif !important;
	line-height: 0.9em !important;
}
.work-catalogs-content .story-card {
	height: 520px !important;
}
.work-catalogs-content.ss-style .cta-wrap {
	text-align: center !important;
	margin-top: 15px !important;
	margin-bottom: 10px !important;
}
.work-catalogs-content.ss-style .cta-wrap .cta-btn1 {
	font-size: 30px !important;
}
.work-catalogs-content.ss-style .cta-wrap .cta-btn1 br {
	display: none !important;
}
@media only screen and (max-width: 1024px) {
.work-catalogs-content {
	padding-top: 3rem !important;
	padding-bottom: 3rem !important;
}
.work-catalogs-content.ss-style h1 {
	font-size: 40px !important;
}
.work-catalogs-content .story-card {
	height: 420px !important;
}
.work-catalogs-content.ss-style .cta-wrap .cta-btn1 {
	font-size: 25px !important;
}
}
@media only screen and (max-width: 991px) {
.work-catalogs-content {
	padding-top: 2rem !important;
	padding-bottom: 2rem !important;
}
.work-catalogs-content.ss-style h1 {
	font-size: 45px !important;
}
.work-catalogs-content .story-card {
	height: 830px !important;
}
.work-catalogs-content.ss-style .cta-wrap .cta-btn1 {
	font-size: 28px !important;
}
}
@media only screen and (max-width: 767px) {
.work-catalogs-content.ss-style h1 {
	font-size: 38px !important;
}
.work-catalogs-content .story-card {
	height: 640px !important;
}
.work-catalogs-content.ss-style .cta-wrap .cta-btn1 {
	font-size: 23px !important;
}
}
@media only screen and (max-width: 575px) {
.work-catalogs-content.ss-style h1 {
	font-size: 42px !important;
}
.work-catalogs-content .story-card {
	height: 680px !important;
}
.work-catalogs-content.ss-style .cta-wrap {
	margin-top: 10px !important;
}
.work-catalogs-content.ss-style .cta-wrap .cta-btn1 {
	font-size: 22px !important;
}
}
@media only screen and (max-width: 480px) {
.work-catalogs-content.ss-style h1 {
	font-size: 35px !important;
}
.work-catalogs-content .story-card {
	height: 520px !important;
}
.work-catalogs-content.ss-style .cta-wrap .cta-btn1 {
	font-size: 22px !important;
}
}
@media only screen and (max-width: 479px) {
.work-catalogs-content.ss-style .cta-wrap .cta-btn1 {
	font-size: 22px !important;
}
}
@media only screen and (max-width: 420px) {
.work-catalogs-content.ss-style h1 {
	font-size: 30px !important;
}
.work-catalogs-content .story-card {
	height: 450px !important;
}
.work-catalogs-content.ss-style .cta-wrap .cta-btn1 {
	width: 100% !important;
	font-size: 22px !important;
}
.work-catalogs-content.ss-style .cta-wrap .cta-btn1 br {
	display: block !important;
}
}
@media only screen and (max-width: 400px) {
.work-catalogs-content.ss-style h1 {
	font-size: 28px !important;
}
.work-catalogs-content .story-card {
	height: 430px !important;
}
.work-catalogs-content.ss-style .cta-wrap .cta-btn1 {
	font-size: 20px !important;
}
}
@media only screen and (max-width: 360px) {
.work-catalogs-content.ss-style h1 {
	font-size: 24px !important;
}
.work-catalogs-content .story-card {
	height: 350px !important;
}
.work-catalogs-content.ss-style .cta-wrap .cta-btn1 {
	font-size: 20px !important;
}
}
/* Work Catalogs Carousel CSS */
.work-catalogs-slider .story-card {
	box-shadow: none !important;
}
.work-catalogs-slider.slider {
	margin: 20px 0px 0px 0px !important;
}
/* Default slide */
.work-catalogs-slider .slick-slide {
	margin: 0px 5px 0px 5px !important;
	transition: all ease-in-out .3s !important;
	opacity: 1 !important;
	transform: scale(0.8) !important;
}
.work-catalogs-slider .slick-slide, .work-catalogs-slider .slick-slide[aria-hidden="true"]:not(.slick-cloned) ~ .slick-cloned[aria-hidden="true"] {
	margin: 0px 5px 0px 5px !important;
	transition: all ease-in-out .3s !important;
	opacity: 1 !important;
	transform: scale(0.8, 0.8) !important;
}
/* Active center slide (You can change anything here for cenetr slide)*/
.work-catalogs-slider .slick-center, .work-catalogs-slider .slick-slide[aria-hidden="true"]:not([tabindex="-1"]) + .slick-cloned[aria-hidden="true"] {
	transform: scale(1) !important;
}
.work-catalogs-slider .slick-current.slick-active {
	transform: scale(1) !important;
}
.work-catalogs-slider .slick-active {
	opacity: 1 !important;
}
.work-catalogs-slider .slick-current {
	opacity: 1 !important;
}
.work-catalogs-slider .slick-prev, .work-catalogs-slider .slick-next {
	top: 45% !important;
	transition: all 300ms ease 0ms !important;
}
.work-catalogs-slider .slick-prev:hover, .work-catalogs-slider .slick-prev:focus, .work-catalogs-slider .slick-next:hover, .work-catalogs-slider .slick-next:focus {
	color: transparent;
	outline: none;
	background: transparent;
}
.work-catalogs-slider .slick-prev:hover:before, .work-catalogs-slider .slick-prev:focus:before, .work-catalogs-slider .slick-next:hover:before, .work-catalogs-slider .slick-next:focus:before {
	opacity: 1 !important;
}
.work-catalogs-slider .slick-prev.slick-disabled:before, .work-catalogs-slider.slick-next.slick-disabled:before {
	opacity: .25 !important;
}
.work-catalogs-slider .slick-prev:before, .work-catalogs-slider .slick-next:before {
	font-family: 'bootstrap-icons' !important;
	font-size: 35px !important;
	line-height: 1;
	opacity: .5 !important;
	color: #fdd128 !important;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.work-catalogs-slider .slick-prev {
	left: 10px !important;
}
.work-catalogs-slider .slick-prev:before {
	content: '\F12D' !important;
}
.work-catalogs-slider .slick-next {
	right: 25px !important;
}
.work-catalogs-slider .slick-next:before {
	content: '\F136' !important;
}
@media only screen and (max-width: 1024px) {
}
@media only screen and (max-width: 991px) {
.work-catalogs-slider .slick-prev:before, .work-catalogs-slider .slick-next:before {
	font-size: 40px !important;
}
.work-catalogs-slider .slick-prev {
	left: 5px !important;
}
.work-catalogs-slider .slick-next {
	right: 25px !important;
}
}
@media only screen and (max-width: 767px) {
.work-catalogs-slider .slick-prev:before, .work-catalogs-slider .slick-next:before {
	font-size: 40px !important;
}
.work-catalogs-slider .slick-prev {
	left: 5px !important;
}
.work-catalogs-slider .slick-next {
	right: 25px !important;
}
}
@media only screen and (max-width: 575px) {
.work-catalogs-slider .slick-prev:before, .work-catalogs-slider .slick-next:before {
	font-size: 40px !important;
}
.work-catalogs-slider .slick-prev {
	left: 5px !important;
}
.work-catalogs-slider .slick-next {
	right: 25px !important;
}
}
@media only screen and (max-width: 480px) {
.work-catalogs-slider .slick-prev:before, .work-catalogs-slider .slick-next:before {
	font-size: 30px !important;
}
.work-catalogs-slider .slick-prev {
	left: 5px !important;
}
.work-catalogs-slider .slick-next {
	right: 15px !important;
}
}
@media only screen and (max-width: 420px) {
.work-catalogs-slider .slick-prev:before, .work-catalogs-slider .slick-next:before {
	font-size: 30px !important;
}
.work-catalogs-slider .slick-prev {
	left: 5px !important;
}
.work-catalogs-slider .slick-next {
	right: 15px !important;
}
}
@media only screen and (max-width: 360px) {
.work-catalogs-slider .slick-prev:before, .work-catalogs-slider .slick-next:before {
	font-size: 30px !important;
}
.work-catalogs-slider .slick-prev {
	left: 5px !important;
}
.work-catalogs-slider .slick-next {
	right: 15px !important;
}
}
/* Lead Form Content CSS */
.lead-form-content {
	padding-top: 6rem !important;
	padding-bottom: 6rem !important;
}
.lead-form-content.ss-style h1 {
	font-family: "Kanit", serif !important;
	color: #000000 !important;
	font-size: 45px !important;
	font-weight: 700 !important;
	line-height: 0.9em !important;
	text-align: center !important;
	text-transform: uppercase !important;
}
.lead-form-content.ss-style h1 span {
	font-family: "Kanit", serif !important;
	line-height: 0.9em !important;
}
.lead-form-content.ss-style h2 {
	color: #000000 !important;
	font-size: 28px !important;
	font-weight: 500 !important;
	line-height: 1em !important;
	text-align: center !important;
}
.lead-form-content.ss-style p.note {
	color: #000000 !important;
	font-size: 15px !important;
	font-weight: 400 !important;
	line-height: 1.2em !important;
	text-align: center !important;
	margin-bottom: 0px !important;
}
.lead-form-content.ss-style .form-cta-btn1 {
	font-size: 40px !important;
}
.lead-form-content.ss-style .form-cta-btn1 br {
	display: none !important;
}
.lead-form-content.ss-style .cta-wrap {
	text-align: center !important;
	margin-top: 0px !important;
	margin-bottom: 10px !important;
}
.lead-form-content.ss-style .cta-wrap .cta-btn1 {
	font-size: 40px !important;
}
.lead-form-content.ss-style .cta-wrap .cta-btn1 br {
	display: none !important;
}
@media only screen and (max-width: 1024px) {
.lead-form-content {
	padding-top: 3rem !important;
	padding-bottom: 3rem !important;
}
.lead-form-content.ss-style h1 {
	font-size: 40px !important;
}
.lead-form-content.ss-style h2 {
	font-size: 25px !important;
}
.lead-form-content.ss-style p.note {
	font-size: 15px !important;
}
.lead-form-content.ss-style .form-cta-btn1 {
	font-size: 35px !important;
}
.lead-form-content.ss-style .cta-wrap .cta-btn1 {
	font-size: 35px !important;
}
}
@media only screen and (max-width: 991px) {
.lead-form-content {
	padding-top: 2rem !important;
	padding-bottom: 2rem !important;
}
.lead-form-content.ss-style h1 {
	font-size: 42px !important;
}
.lead-form-content.ss-style h2 {
	font-size: 23px !important;
}
.lead-form-content.ss-style p.note {
	font-size: 18px !important;
}
.lead-form-content.ss-style .form-cta-btn1 {
	font-size: 35px !important;
}
.lead-form-content.ss-style .cta-wrap .cta-btn1 {
	font-size: 35px !important;
}
}
@media only screen and (max-width: 767px) {
.lead-form-content.ss-style h1 {
	font-size: 33px !important;
}
.lead-form-content.ss-style h2 {
	font-size: 20px !important;
}
.lead-form-content.ss-style p.note {
	font-size: 15px !important;
}
.lead-form-content.ss-style .form-cta-btn1 {
	font-size: 30px !important;
}
.lead-form-content.ss-style .cta-wrap .cta-btn1 {
	font-size: 30px !important;
}
}
@media only screen and (max-width: 575px) {
.lead-form-content.ss-style h1 {
	font-size: 35px !important;
}
.lead-form-content.ss-style h2 {
	font-size: 20px !important;
}
.lead-form-content.ss-style p.note {
	font-size: 14px !important;
}
.lead-form-content.ss-style .form-cta-btn1 {
	font-size: 28px !important;
}
.lead-form-content.ss-style .cta-wrap {
	margin-top: 0px !important;
}
.lead-form-content.ss-style .cta-wrap .cta-btn1 {
	font-size: 28px !important;
}
}
@media only screen and (max-width: 480px) {
.lead-form-content.ss-style h1 {
	font-size: 30px !important;
}
.lead-form-content.ss-style h2 {
	font-size: 18px !important;
}
.lead-form-content.ss-style p.note {
	font-size: 14px !important;
}
.lead-form-content.ss-style .form-cta-btn1 {
	font-size: 26px !important;
}
.lead-form-content.ss-style .cta-wrap .cta-btn1 {
	font-size: 26px !important;
}
}
@media only screen and (max-width: 479px) {
.lead-form-content.ss-style .cta-wrap .cta-btn1 {
	font-size: 22px !important;
}
}
@media only screen and (max-width: 420px) {
.lead-form-content.ss-style h1 {
	font-size: 32px !important;
}
.lead-form-content.ss-style h2 {
	font-size: 15px !important;
}
.lead-form-content.ss-style p.note {
	font-size: 12px !important;
}
.lead-form-content.ss-style .form-cta-btn1 {
	font-size: 26px !important;
}
.lead-form-content.ss-style .form-cta-btn1 br {
	display: block !important;
}
.lead-form-content.ss-style .cta-wrap .cta-btn1 {
	width: 100% !important;
	font-size: 26px !important;
}
.lead-form-content.ss-style .cta-wrap .cta-btn1 br {
	display: block !important;
}
}
@media only screen and (max-width: 400px) {
.lead-form-content.ss-style h1 {
	font-size: 30px !important;
}
.lead-form-content.ss-style h2 {
	font-size: 14px !important;
}
.lead-form-content.ss-style p.note {
	font-size: 12px !important;
}
.lead-form-content.ss-style .form-cta-btn1 {
	font-size: 24px !important;
}
.lead-form-content.ss-style .cta-wrap .cta-btn1 {
	font-size: 24px !important;
}
}
@media only screen and (max-width: 360px) {
.lead-form-content.ss-style h1 {
	font-size: 26px !important;
}
.lead-form-content.ss-style h2 {
	font-size: 12px !important;
}
.lead-form-content.ss-style p.note {
	font-size: 11px !important;
}
.lead-form-content.ss-style .form-cta-btn1 {
	font-size: 24px !important;
}
.lead-form-content.ss-style .cta-wrap .cta-btn1 {
	font-size: 24px !important;
}
}
/* FAQs CSS */
.faqs-content {
	padding-top: 3rem !important;
	padding-bottom: 3rem !important;
}
.faqs-content.ss-style h1 {
	font-family: "Kanit", serif !important;
	color: #000000 !important;
	font-size: 50px !important;
	font-weight: 700 !important;
	line-height: 0.9em !important;
	text-align: center !important;
	text-transform: uppercase !important;
}
.faqs-content .accordion-item {
	margin-bottom: 15px !important;
	border-radius: 10px !important;
	box-shadow: 0px 12px 18px -6px rgb(0 0 0 / 15%)!important;
}
.faqs-content .cst-accordion-button {
	font-family: "Kanit", serif !important;
	font-size: 22px !important;
	color: #333333 !important;
	background-color: #ffffff !important;
	border: 1px solid rgba(0,0,0,0.1) !important;
	border-radius: 10px !important;
	font-weight: 500 !important;
}
.faqs-content .cst-accordion-button:not(.collapsed) {
	color: #dd3324 !important;
	background-color: #ffffff !important;
	border: 1px solid rgba(0,0,0,0.1) !important;
	border-radius: 10px 10px 0px 0px !important;
	box-shadow: inset 0 -1px 0 rgba(0,0,0,.125) !important;
}
.faqs-content .cst-accordion-button:not(.collapsed)::after {
	background-image: none !important;
	color: #dd3324 !important;
	content: "\F282" !important; /* Boostrap Icons Unicode */
	font-family: "bootstrap-icons" !important;
	display: inline-block !important;
}
.faqs-content .cst-accordion-button::after {
	background-image: none !important;
	content: "\F282" !important; /* Boostrap Icons Unicode */
	font-family: "bootstrap-icons" !important;
	transition: transform .2s ease-in-out;
}
.faqs-content .cst-accordion-button:focus {
	box-shadow: none !important;
}
.faqs-content .cst-accordion-body p {
	font-size: 16px !important;
	font-weight: 300 !important;
	line-height: 1.2em !important;
	color: #000000 !important;
	text-align: left !important;
}
.faqs-content .cst-accordion-body p strong {
	font-weight: 500 !important;
}
@media only screen and (max-width: 1024px) {
.faqs-content {
	padding-top: 3rem !important;
	padding-bottom: 3rem !important;
}
.faqs-content.ss-style h1 {
	font-size: 48px !important;
}
.faqs-content .cst-accordion-button {
	font-size: 20px !important;
}
.faqs-content .cst-accordion-body p {
	font-size: 15px !important;
}
}
@media only screen and (max-width: 991px) {
.faqs-content {
	padding-top: 2rem !important;
	padding-bottom: 0rem !important;
}
.faqs-content.ss-style h1 {
	font-size: 45px !important;
}
.faqs-content .cst-accordion-button {
	font-size: 20px !important;
}
.faqs-content .cst-accordion-body p {
	font-size: 15px !important;
}
}
@media only screen and (max-width: 767px) {
.faqs-content.ss-style h1 {
	font-size: 40px !important;
}
.faqs-content .cst-accordion-button {
	font-size: 18px !important;
}
.faqs-content .cst-accordion-body p {
	font-size: 14px !important;
}
}
@media only screen and (max-width: 575px) {
.faqs-content.ss-style h1 {
	font-size: 43px !important;
}
.faqs-content .cst-accordion-button {
	font-size: 18px !important;
}
.faqs-content .cst-accordion-body p {
	font-size: 14px !important;
}
}
@media only screen and (max-width: 480px) {
.faqs-content.ss-style h1 {
	font-size: 43px !important;
}
.faqs-content .cst-accordion-button {
	font-size: 17px !important;
}
.faqs-content .cst-accordion-body p {
	font-size: 14px !important;
}
}
@media only screen and (max-width: 420px) {
.faqs-content.ss-style h1 {
	font-size: 35px !important;
}
.faqs-content .cst-accordion-button {
	font-size: 17px !important;
}
.faqs-content .cst-accordion-body p {
	font-size: 14px !important;
}
}
@media only screen and (max-width: 400px) {
.faqs-content.ss-style h1 {
	font-size: 34px !important;
}
.faqs-content .cst-accordion-button {
	font-size: 17px !important;
}
.faqs-content .cst-accordion-body p {
	font-size: 14px !important;
}
}
@media only screen and (max-width: 360px) {
.faqs-content.ss-style h1 {
	font-size: 30px !important;
}
.faqs-content .cst-accordion-button {
	font-size: 16px !important;
}
.faqs-content .cst-accordion-body p {
	font-size: 13px !important;
}
}
/* Hash Tag Content CSS */
.hash-tag-content {
	padding-top: 1rem !important;
	padding-bottom: 2rem !important;
}
.hash-tag-content.ss-style h1.sp-heading {
	font-family: "Kanit", serif !important;
	color: transparent !important;
	font-size: 45px !important;
	font-weight: 700 !important;
	line-height: 0.9em !important;
	text-align: center !important;
}
.hash-tag-content.ss-style h5 {
	color: #000000 !important;
	font-size: 16px !important;
	font-weight: 400 !important;
	line-height: 1.3em !important;
	text-align: center !important;
	margin-top: 15px !important;
}
.hash-tag-content.ss-style h5 strong {
	font-weight: 600 !important;
}
@media only screen and (max-width: 1024px) {
.hash-tag-content {
	padding-top: 1rem !important;
	padding-bottom: 2rem !important;
}
.hash-tag-content.ss-style h1.sp-heading {
	font-size: 35px !important;
}
.hash-tag-content.ss-style h5 {
	font-size: 15px !important;
}
}
@media only screen and (max-width: 991px) {
.hash-tag-content {
	padding-top: 1rem !important;
	padding-bottom: 1rem !important;
}
.hash-tag-content.ss-style h1.sp-heading {
	font-size: 35px !important;
}
.hash-tag-content.ss-style h5 {
	font-size: 16px !important;
}
.hash-tag-content.ss-style h5 .mobile {
	display: none !important;
}
}
@media only screen and (max-width: 767px) {
.hash-tag-content.ss-style h1.sp-heading {
	font-size: 28px !important;
}
.hash-tag-content.ss-style h5 {
	font-size: 14px !important;
}
}
@media only screen and (max-width: 575px) {
.hash-tag-content.ss-style h1.sp-heading {
	font-size: 28px !important;
}
.hash-tag-content.ss-style h5 {
	font-size: 14px !important;
}
}
@media only screen and (max-width: 480px) {
.hash-tag-content.ss-style h1.sp-heading {
	font-size: 25px !important;
}
.hash-tag-content.ss-style h5 {
	font-size: 14px !important;
}
}
@media only screen and (max-width: 420px) {
.hash-tag-content.ss-style h1.sp-heading {
	font-size: 23px !important;
}
.hash-tag-content.ss-style h5 {
	font-size: 14px !important;
}
.hash-tag-content.ss-style h5 .mobile {
	display: block !important;
}
}
@media only screen and (max-width: 400px) {
.hash-tag-content.ss-style h1.sp-heading {
	font-size: 23px !important;
}
.hash-tag-content.ss-style h5 {
	font-size: 14px !important;
}
}
@media only screen and (max-width: 360px) {
.hash-tag-content.ss-style h1.sp-heading {
	font-size: 21px !important;
}
.hash-tag-content.ss-style h5 {
	font-size: 13px !important;
}
}
/* Thank You Banner CSS */
.thank-you-banner-content {
	padding-top: 0.5rem !important;
	padding-bottom: 2rem !important;
}
.thank-you-banner-content a {
	color: #dd3324 !important;
	text-decoration: underline !important;
	cursor: pointer !important;
	transition: all 300ms ease 0ms !important;
}
.thank-you-banner-content a:hover {
	color: #717171 !important;
}
.thank-you-banner-content.ss-style h1 {
	font-family: "Kanit", serif !important;
	color: #000000 !important;
	font-size: 60px !important;
	font-weight: 700 !important;
	line-height: 0.9em !important;
	text-align: center !important;
	text-transform: uppercase !important;
}
.thank-you-banner-content.ss-style h1 span {
	font-family: "Kanit", serif !important;
}
.thank-you-banner-content.ss-style h2 {
	color: #000000 !important;
	font-size: 24px !important;
	font-weight: normal !important;
	line-height: 1.2em !important;
	text-align: center !important;
}
.thank-you-banner-content.ss-style h3 {
	color: #000000 !important;
	font-size: 30px !important;
	font-weight: 500 !important;
	line-height: 1.2em !important;
	text-align: center !important;
}
.thank-you-banner-content.ss-style h4 {
	color: #000000 !important;
	font-size: 18px !important;
	font-weight: 600 !important;
	line-height: 1.2em !important;
	text-align: center !important;
	background-color: transparent !important;
	border: 2px dashed rgba(221,51,36,1) !important;
	border-radius: 150px !important;
	padding: 8px 10px 8px 10px !important;
}
.thank-you-banner-content.ss-style h5 {
	color: #000000 !important;
	font-size: 18px !important;
	font-weight: 600 !important;
	line-height: 1.2em !important;
	text-align: center !important;
}
.thank-you-banner-content.ss-style h6 {
	color: #000000 !important;
	font-size: 14px !important;
	font-weight: 400 !important;
	line-height: 1.2em !important;
	text-align: center !important;
}
.thank-you-banner-content.ss-style p {
	color: #000000 !important;
	font-size: 16px !important;
	font-weight: 400 !important;
	line-height: 1.2em !important;
	text-align: center !important;
}
.thank-you-banner-content.ss-style p small {
	color: #000000 !important;
	font-size: 15px !important;
	font-weight: 400 !important;
	line-height: 1.2em !important;
	text-align: center !important;
}
.thank-you-banner-content.ss-style p small .mob {
	display: none !important;
}
.thank-you-banner-content .cta-wrapper {
	text-align: center !important;
}
.thank-you-banner-content .cta-wrapper .ss-btn3 {
	font-size: 20px !important;
	color: #ffffff !important;
	text-decoration: none !important;
}
.thank-you-banner-content .cta-wrapper .ss-btn3:hover {
	color: #ffffff !important;
}
@media only screen and (max-width: 1024px) {
.thank-you-banner-content {
	padding-top: 1rem !important;
	padding-bottom: 3rem !important;
}
.thank-you-banner-content.ss-style h1 {
	font-size: 50px !important;
}
.thank-you-banner-content.ss-style h2 {
	font-size: 20px !important;
}
.thank-you-banner-content.ss-style h3 {
	font-size: 25px !important;
}
.thank-you-banner-content.ss-style h4 {
	font-size: 21px !important;
}
.thank-you-banner-content.ss-style h5 {
	font-size: 18px !important;
}
.thank-you-banner-content.ss-style h6 {
	font-size: 11px !important;
}
.thank-you-banner-content.ss-style p {
	font-size: 15px !important;
}
.thank-you-banner-content.ss-style p small {
	font-size: 14px !important;
}
.thank-you-banner-content .cta-wrapper .ss-btn3 {
	font-size: 18px !important;
}
}
@media only screen and (max-width: 991px) {
.thank-you-banner-content.ss-style h1 {
	font-size: 55px !important;
}
.thank-you-banner-content.ss-style h2 {
	font-size: 22px !important;
}
.thank-you-banner-content.ss-style h3 {
	font-size: 28px !important;
}
.thank-you-banner-content.ss-style h4 {
	font-size: 22px !important;
}
.thank-you-banner-content.ss-style h5 {
	font-size: 20px !important;
}
.thank-you-banner-content.ss-style h5 .desktop {
	display: block !important;
}
.thank-you-banner-content.ss-style h6 {
	font-size: 16px !important;
}
.thank-you-banner-content.ss-style p {
	font-size: 15px !important;
}
.thank-you-banner-content.ss-style p small {
	font-size: 15px !important;
}
.thank-you-banner-content .cta-wrapper .ss-btn3 {
	font-size: 20px !important;
}
}
@media only screen and (max-width: 767px) {
.thank-you-banner-content.ss-style h1 {
	font-size: 40px !important;
}
.thank-you-banner-content.ss-style h2 {
	font-size: 20px !important;
}
.thank-you-banner-content.ss-style h3 {
	font-size: 24px !important;
}
.thank-you-banner-content.ss-style h4 {
	font-size: 15px !important;
}
.thank-you-banner-content.ss-style h5 {
	font-size: 16px !important;
}
.thank-you-banner-content.ss-style h5 .desktop {
	display: block !important;
}
.thank-you-banner-content.ss-style h6 {
	font-size: 12px !important;
}
.thank-you-banner-content.ss-style p {
	font-size: 15px !important;
}
.thank-you-banner-content.ss-style p small {
	font-size: 14px !important;
}
.thank-you-banner-content .cta-wrapper .ss-btn3 {
	font-size: 20px !important;
}
}
@media only screen and (max-width: 575px) {
.thank-you-banner-content.ss-style h1 {
	font-size: 44px !important;
}
.thank-you-banner-content.ss-style h2 {
	font-size: 18px !important;
}
.thank-you-banner-content.ss-style h3 {
	font-size: 23px !important;
}
.thank-you-banner-content.ss-style h4 {
	font-size: 16px !important;
}
.thank-you-banner-content.ss-style h5 {
	font-size: 17px !important;
}
.thank-you-banner-content.ss-style h6 {
	font-size: 12px !important;
}
.thank-you-banner-content.ss-style p {
	font-size: 15px !important;
}
.thank-you-banner-content.ss-style p small {
	font-size: 14px !important;
}
.thank-you-banner-content .cta-wrapper .ss-btn3 {
	font-size: 20px !important;
}
}
@media only screen and (max-width: 480px) {
.thank-you-banner-content.ss-style h1 {
	font-size: 35px !important;
}
.thank-you-banner-content.ss-style h2 {
	font-size: 16px !important;
}
.thank-you-banner-content.ss-style h3 {
	font-size: 23px !important;
}
.thank-you-banner-content.ss-style h4 {
	font-size: 20px !important;
}
.thank-you-banner-content.ss-style h5 {
	font-size: 18px !important;
}
.thank-you-banner-content.ss-style h5 .desktop {
	display: none !important;
}
.thank-you-banner-content.ss-style h6 {
	font-size: 13px !important;
}
.thank-you-banner-content.ss-style p {
	font-size: 14px !important;
}
.thank-you-banner-content.ss-style p small {
	font-size: 13px !important;
}
.thank-you-banner-content .cta-wrapper .ss-btn3 {
	font-size: 18px !important;
}
}
@media only screen and (max-width: 420px) {
.thank-you-banner-content.ss-style h1 {
	font-size: 31px !important;
}
.thank-you-banner-content.ss-style h2 {
	font-size: 15px !important;
}
.thank-you-banner-content.ss-style h3 {
	font-size: 21px !important;
}
.thank-you-banner-content.ss-style h4 {
	font-size: 18px !important;
}
.thank-you-banner-content.ss-style h5 {
	font-size: 16px !important;
}
.thank-you-banner-content.ss-style h6 {
	font-size: 14px !important;
}
.thank-you-banner-content.ss-style p {
	font-size: 14px !important;
}
.thank-you-banner-content.ss-style p small {
	font-size: 15px !important;
}
.thank-you-banner-content.ss-style p small .mob {
	display: block !important;
}
.thank-you-banner-content .cta-wrapper .ss-btn3 {
	font-size: 18px !important;
}
}
@media only screen and (max-width: 400px) {
.thank-you-banner-content.ss-style h1 {
	font-size: 28px !important;
}
.thank-you-banner-content.ss-style h2 {
	font-size: 15px !important;
}
.thank-you-banner-content.ss-style h3 {
	font-size: 19px !important;
}
.thank-you-banner-content.ss-style h4 {
	font-size: 15px !important;
}
.thank-you-banner-content.ss-style h5 {
	font-size: 16px !important;
}
.thank-you-banner-content.ss-style h6 {
	font-size: 12px !important;
}
.thank-you-banner-content.ss-style p {
	font-size: 14px !important;
}
.thank-you-banner-content.ss-style p small {
	font-size: 14px !important;
}
.thank-you-banner-content .cta-wrapper .ss-btn3 {
	font-size: 18px !important;
}
}
@media only screen and (max-width: 360px) {
.thank-you-banner-content.ss-style h1 {
	font-size: 40px !important;
}
.thank-you-banner-content.ss-style h1 span {
	line-height: 0.5em !important;
}
.thank-you-banner-content.ss-style h2 {
	font-size: 15px !important;
}
.thank-you-banner-content.ss-style h3 {
	font-size: 20px !important;
}
.thank-you-banner-content.ss-style h4 {
	font-size: 14px !important;
}
.thank-you-banner-content.ss-style h5 {
	font-size: 15px !important;
}
.thank-you-banner-content.ss-style h6 {
	font-size: 12px !important;
}
.thank-you-banner-content.ss-style p {
	font-size: 14px !important;
}
.thank-you-banner-content.ss-style p small {
	font-size: 12px !important;
}
.thank-you-banner-content .cta-wrapper .ss-btn3 {
	font-size: 18px !important;
}
}
/* Policy & Terms CSS */
.policy-terms-content {
	padding-top: 2rem !important;
	padding-bottom: 4rem !important;
}
.policy-terms-content.ss-style h1 {
	font-family: "Kanit", serif !important;
	color: #000000 !important;
	font-size: 40px !important;
	font-weight: 700 !important;
	line-height: 0.9em !important;
	text-align: left !important;
	text-transform: uppercase !important;
}
.policy-terms-content.ss-style h4 {
	color: #000000 !important;
	font-size: 22px !important;
	font-weight: 500 !important;
	line-height: 1.2em !important;
	text-align: left !important;
}
.policy-terms-content.ss-style p {
	color: #000000 !important;
	font-size: 15px !important;
	font-weight: 200 !important;
	line-height: 1.3em !important;
	text-align: left !important;
}
.policy-terms-content.ss-style ul {
	margin-left: -15px !important;
}
.policy-terms-content.ss-style ul li {
	color: #000000 !important;
	font-size: 15px !important;
	font-weight: 200 !important;
	line-height: 1.3em !important;
	margin-bottom: 5px !important;
	text-align: left !important;
}
.policy-terms-content.ss-style a {
	color: #dd3324 !important;
	font-weight: 500 !important;
	cursor: pointer !important;
	transition: all 300ms ease 0ms !important;
}
.policy-terms-content.ss-style a:hover {
	color: #000000 !important;
}
@media only screen and (max-width: 1024px) {
.policy-terms-content.ss-style h1 {
	font-size: 38px !important;
}
.policy-terms-content.ss-style h4 {
	font-size: 22px !important;
}
.policy-terms-content.ss-style p {
	font-size: 15px !important;
}
.policy-terms-content.ss-style ul li {
	font-size: 15px !important;
}
}
@media only screen and (max-width: 991px) {
.policy-terms-content.ss-style h1 {
	font-size: 35px !important;
}
.policy-terms-content.ss-style h4 {
	font-size: 22px !important;
}
.policy-terms-content.ss-style p {
	font-size: 15px !important;
}
.policy-terms-content.ss-style ul li {
	font-size: 15px !important;
}
}
@media only screen and (max-width: 767px) {
.policy-terms-content.ss-style h1 {
	font-size: 30px !important;
}
.policy-terms-content.ss-style h4 {
	font-size: 20px !important;
}
.policy-terms-content.ss-style p {
	font-size: 15px !important;
}
.policy-terms-content.ss-style ul li {
	font-size: 15px !important;
}
}
@media only screen and (max-width: 575px) {
.policy-terms-content.ss-style h1 {
	font-size: 30px !important;
}
.policy-terms-content.ss-style h4 {
	font-size: 20px !important;
}
.policy-terms-content.ss-style p {
	font-size: 15px !important;
}
.policy-terms-content.ss-style ul li {
	font-size: 15px !important;
}
}
@media only screen and (max-width: 480px) {
.policy-terms-content.ss-style h1 {
	font-size: 28px !important;
}
.policy-terms-content.ss-style h4 {
	font-size: 20px !important;
}
.policy-terms-content.ss-style p {
	font-size: 15px !important;
}
.policy-terms-content.ss-style ul li {
	font-size: 15px !important;
}
}
@media only screen and (max-width: 420px) {
.policy-terms-content.ss-style h1 {
	font-size: 28px !important;
}
.policy-terms-content.ss-style h4 {
	font-size: 20px !important;
}
.policy-terms-content.ss-style p {
	font-size: 15px !important;
}
.policy-terms-content.ss-style ul li {
	font-size: 15px !important;
}
}
@media only screen and (max-width: 360px) {
.policy-terms-content.ss-style h1 {
	font-size: 26px !important;
}
.policy-terms-content.ss-style h4 {
	font-size: 18px !important;
}
.policy-terms-content.ss-style p {
	font-size: 14px !important;
}
.policy-terms-content.ss-style ul li {
	font-size: 14px !important;
}
}
/* Lightbox CSS */
.lightbox-modal .modal-content {
	background-color: var(--lightbox) !important;
}
.lightbox-modal .btn-close {
	position: absolute !important;
	top: 1.25rem !important;
	right: 1.25rem !important;
	font-size: 1.25rem !important;
	z-index: 10 !important;
	filter: invert(1) grayscale(100) !important;
}
.lightbox-modal .modal-body {
	display: flex !important;
	align-items: center !important;
	padding: 0 !important;
}
.lightbox-modal .lightbox-content {
	width: 100% !important;
}
.lightbox-modal .carousel-indicators {
	margin-bottom: 0 !important;
}
.lightbox-modal .carousel-indicators [data-bs-target] {
	background-color: var(--carousel-text) !important;
}
.lightbox-modal .carousel-inner {
	width: 75% !important;
}
.lightbox-modal .carousel-inner img {
	animation: zoomin 10s linear infinite !important;
	flex: table !important;
	margin: 0px auto !important;
	width: auto !important;
	max-height: 600px !important;
	animation: scale 80s linear infinite !important;
}
.lightbox-modal .carousel-item .carousel-caption {
	right: 0 !important;
	bottom: 0 !important;
	left: 0 !important;
	padding-bottom: 2rem !important;
	background-color: var(--lightbox) !important;
	color: var(--carousel-text) !important;
}
.lightbox-modal .carousel-item .carousel-caption h4 {
	font-size: 18px !important;
	font-weight: 400 !important;
}
.lightbox-modal .carousel-control-prev, .lightbox-modal .carousel-control-next {
	width: auto !important;
}
.lightbox-modal .carousel-control-prev {
	left: 1.25rem !important;
}
.lightbox-modal .carousel-control-next {
	right: 1.25rem !important;
}
@media (min-width: 1400px) {
.lightbox-modal .carousel-inner {
	max-width: 60% !important;
}
}
[data-bs-theme="dark"] .lightbox-modal .carousel-control-next-icon, [data-bs-theme="dark"] .lightbox-modal .carousel-control-prev-icon {
	filter: none !important;
}
.btn-fullscreen-enlarge, .btn-fullscreen-exit {
	position: absolute !important;
	top: 1.25rem !important;
	right: 3.5rem !important;
	z-index: 10 !important;
	border: 0 !important;
	background: transparent !important;
	opacity: 0.6 !important;
	font-size: 1.25rem !important;
}
.lightbox-modal .bi {
	display: inline-block !important;
	width: 1em !important;
	height: 1em !important;
	vertical-align: -0.035em !important;
	fill: currentcolor !important;
}
@media only screen and (max-width: 480px) {
.lightbox-modal .carousel-item .carousel-caption h4 {
	font-size: 16px !important;
}
}
/* Popup Video Modal CSS */
.video-modal .modal-content {
	background-color: var(--lightbox) !important;
}
.video-modal .btn-close {
	position: absolute !important;
	top: 1.25rem !important;
	right: 1.25rem !important;
	z-index: 10 !important;
	/*filter: invert(1) grayscale(100) !important;*/
	width: 0.5em !important;
	height: 0.5em !important;
	background-size: 0.7em !important;
	background-position: center center !important;
	background-color: #e3e3e3 !important;
	padding: 12px 7px 7px 12px !important;
	border-radius: 150px !important;
	opacity: 1 !important;
	transition: all 300ms ease 0ms !important;
}
.video-modal .btn-close:hover {
	background-color: #fdd128 !important;
}
.video-modal .modal-body {
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	padding: 0 !important;
}
.video-modal .modal-body video {
	width: auto !important;
	height: auto !important;
	max-width: 90% !important;
	max-height: 90vh !important; /* ensures it fits within the viewport */
	object-fit: contain !important; /* keeps aspect ratio */
	border-radius: 10px !important; /* optional */
}
/* Owl Carousel CSS */
.owl-theme .owl-controls {
	margin-top: 0px !important;
}
/* Owl Carousel Pagination CSS */
.owl-theme .owl-controls .owl-page span {
	width: 10px !important;
	height: 10px !important;
	margin-right: 5px !important;
	background: #dd3324 !important;
	border: 1px solid #dd3324 !important;
	opacity: 0.3 !important;
	transition: all 300ms ease 0ms !important;
}
.owl-theme .owl-controls .owl-page span:hover {
	opacity: 1 !important;
}
.owl-theme .owl-controls .owl-page.active span {
	background: #dd3324 !important;
	border: 1px solid #dd3324 !important;
	opacity: 1 !important;
}
/* Owl Carousel Navigation CSS */
.owl-theme .owl-controls .owl-buttons {
	margin-top: 20px !important;
}
.owl-theme .owl-controls .owl-buttons div {
	color: #FFFFFF !important;
	background: rgba(25,176,170,0.8) !important;
	border: 0px solid #333 !important;
	text-transform: uppercase !important;
	font-weight: 400 !important;
	transition: all 300ms ease 0ms !important;
}
.owl-theme .owl-controls .owl-buttons div:hover {
	color: #FFFFFF !important;
	background: #dd3324 !important;
	border: 0px solid #333 !important;
}
/* Footer Custom CSS */
footer {
	padding-top: 1rem !important;
	padding-bottom: 1rem !important;
	color: #8b8b8b !important;
	line-height: 1.3em !important;/*background-color: #ffffff !important;*/
}
footer .ft-social-links {
	font-weight: 600 !important;
	text-transform: uppercase !important;
	letter-spacing: 3px !important;
}
footer .ft-social-links a {
	color: #8b8b8b !important;
	letter-spacing: 0px !important;
}
footer .ft-social-links a:hover {
	color: #dd3324 !important;
}
footer .ft-menu-links a {
	color: #333333 !important;
}
footer .ft-menu-links a:hover {
	color: #dd3324 !important;
}
@media only screen and (max-width: 991px) {
footer.sp-footer {
	padding-top: 1rem !important;
	padding-bottom: 3rem !important;
}
}
@media only screen and (max-width: 480px) {
footer .ft-social-links {
	letter-spacing: 1px !important;
}
}
@media only screen and (max-width: 360px) {
footer {
	font-size: 13px !important;
}
}
/* Footer Fixed Button CSS */
.footer-button-content {
	width: 100% !important;
	margin: 0px !important;
	padding: 0px !important;
	position: fixed !important;
	bottom: 0px !important;
	z-index: 999 !important;
}
.footer-cta-box ul {
	display: flex !important;
	list-style-type: none !important;
	margin: 0px !important;
	padding: 0px !important;
}
.footer-cta-box ul li {
	width: 100% !important;
	float: left !important;
}
.footer-cta-box ul li.sp-list {
	border-right: 1px solid rgba(0,0,0,.5) !important;
}
.footer-cta-box .cta-btn {
	border-radius: 0px !important;
	font-size: 20px !important;
	font-weight: 600 !important;
	line-height: 1.2em !important;
	text-transform: uppercase !important;
}
.footer-cta-box .cta-btn small {
	font-size: 14px !important;
	font-weight: 400 !important;
	line-height: 1.2em !important;
}
/* Popup Form CSS */
#enquire-now-popup-form .modal-content {
	width: 100% !important;
	background: linear-gradient( 180deg, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.2) 100% ), url('../img/storyshine-background-01.webp') !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-size: cover !important;
	background-attachment: fixed !important;
}
#enquire-now-popup-form .modal-header {
	border-bottom: none !important;
}
#enquire-now-popup-form .ss-style h1 {
	font-family: "Kanit", serif !important;
	color: #000000 !important;
	font-size: 38px !important;
	font-weight: 700 !important;
	line-height: 0.9em !important;
	text-align: center !important;
	text-transform: uppercase !important;
}
#enquire-now-popup-form .ss-style h1 span {
	font-family: "Kanit", serif !important;
	line-height: 0.9em !important;
}
#enquire-now-popup-form .ss-style h2 {
	color: #000000 !important;
	font-size: 21px !important;
	font-weight: 500 !important;
	line-height: 1em !important;
	text-align: center !important;
}
#enquire-now-popup-form .ss-style p.note {
	color: #000000 !important;
	font-size: 14px !important;
	font-weight: 300 !important;
	line-height: 1.2em !important;
	text-align: center !important;
	margin-bottom: 0px !important;
}
#enquire-now-popup-form .ss-style .form-cta-btn1 {
	font-size: 40px !important;
}
#enquire-now-popup-form .ss-style .form-cta-btn1 br {
	display: none !important;
}
@media only screen and (max-width: 1024px) {
#enquire-now-popup-form .ss-style h1 {
	font-size: 38px !important;
}
#enquire-now-popup-form .ss-style h2 {
	font-size: 21px !important;
}
#enquire-now-popup-form .ss-style p.note {
	font-size: 14px !important;
}
#enquire-now-popup-form .ss-style .form-cta-btn1 {
	font-size: 35px !important;
}
}
@media only screen and (max-width: 991px) {
#enquire-now-popup-form .ss-style h1 {
	font-size: 38px !important;
}
#enquire-now-popup-form .ss-style h2 {
	font-size: 21px !important;
}
#enquire-now-popup-form .ss-style p.note {
	font-size: 14px !important;
}
#enquire-now-popup-form .ss-style .form-cta-btn1 {
	font-size: 35px !important;
}
}
@media only screen and (max-width: 767px) {
#enquire-now-popup-form .ss-style h1 {
	font-size: 38px !important;
}
#enquire-now-popup-form .ss-style h2 {
	font-size: 20px !important;
}
#enquire-now-popup-form .ss-style p.note {
	font-size: 14px !important;
}
#enquire-now-popup-form .ss-style .form-cta-btn1 {
	font-size: 30px !important;
}
}
@media only screen and (max-width: 575px) {
#enquire-now-popup-form .ss-style h1 {
	font-size: 40px !important;
}
#enquire-now-popup-form .ss-style h2 {
	font-size: 22px !important;
}
#enquire-now-popup-form .ss-style p.note {
	font-size: 16px !important;
}
#enquire-now-popup-form .ss-style .form-cta-btn1 {
	font-size: 28px !important;
}
}
@media only screen and (max-width: 480px) {
#enquire-now-popup-form .ss-style h1 {
	font-size: 30px !important;
}
#enquire-now-popup-form .ss-style h2 {
	font-size: 20px !important;
}
#enquire-now-popup-form .ss-style p.note {
	font-size: 13px !important;
}
#enquire-now-popup-form .ss-style .form-cta-btn1 {
	font-size: 26px !important;
}
}
@media only screen and (max-width: 479px) {
#enquire-now-popup-form .ss-style .form-cta-btn1 {
	font-size: 26px !important;
}
}
@media only screen and (max-width: 420px) {
#enquire-now-popup-form .ss-style h1 {
	font-size: 29px !important;
}
#enquire-now-popup-form .ss-style h2 {
	font-size: 15px !important;
}
#enquire-now-popup-form .ss-style p.note {
	font-size: 12px !important;
}
#enquire-now-popup-form .ss-style .form-cta-btn1 {
	font-size: 26px !important;
}
#enquire-now-popup-form .ss-style .form-cta-btn1 br {
	display: block !important;
}
}
@media only screen and (max-width: 400px) {
#enquire-now-popup-form .ss-style h1 {
	font-size: 27px !important;
}
#enquire-now-popup-form .ss-style h2 {
	font-size: 14px !important;
}
#enquire-now-popup-form .ss-style p.note {
	font-size: 12px !important;
}
#enquire-now-popup-form .ss-style .form-cta-btn1 {
	font-size: 24px !important;
}
}
@media only screen and (max-width: 360px) {
#enquire-now-popup-form .ss-style h1 {
	font-size: 28px !important;
}
#enquire-now-popup-form .ss-style h2 {
	font-size: 14px !important;
}
#enquire-now-popup-form .ss-style p.note {
	font-size: 10px !important;
}
#enquire-now-popup-form .ss-style .form-cta-btn1 {
	font-size: 24px !important;
}
}
/* Without Header Modal */
.without-header-modal .modal-body {
	padding: 20px 20px 5px 20px !important;
}
.without-header-modal .close-btn-wrap {
	position: absolute !important;
	width: auto !important;
	top: 10px !important;
	right: 10px !important;
	z-index: 9999 !important;
}
.without-header-modal .close-btn-wrap .btn-close {
	width: 0.5em !important;
	height: 0.5em !important;
	background-size: 0.7em !important;
	background-position: center center !important;
	background-color: #e3e3e3 !important;
	padding: 10px !important;
	border-radius: 150px !important;
	opacity: 1 !important;
	transition: all 300ms ease 0ms !important;
}
.without-header-modal .close-btn-wrap .btn-close:hover {
	background-color: #fdd128 !important;
}
@media only screen and (min-width: 576px) {
.without-header-modal .modal-dialog {
	max-width: 95% !important;
}
}
/* Slick Slider Carousel Custom CSS */
.slider {
	width: 100% !important;
	z-index: 8 !important;
}
.slick-slide {
	margin: 0px 5px !important;
	padding-bottom: 20px !important;
}
.slick-prev:before, .slick-next:before {
	color: black !important;
}
.slick-slide {
	transition: all ease-in-out .3s !important;
	opacity: .2 !important;
}
.slick-active {
	opacity: 1 !important;
}
.slick-current {
	opacity: 1 !important;
}
@media only screen and (max-width: 1366px) {
.stories-carousel {
	width: 84% !important;
}
}
@media only screen and (max-width: 1024px) {
.stories-carousel {
	width: 93% !important;
}
}
@media only screen and (max-width: 991px) {
.stories-carousel {
	width: 68% !important;
}
}
@media only screen and (max-width: 768px) {
.stories-carousel {
	width: 89% !important;
}
.slick-slide {
	margin: 0px 8px !important;
}
}
@media only screen and (max-width: 600px) {
.stories-carousel {
	width: 83% !important;
}
}
@media only screen and (max-width: 480px) {
.stories-carousel {
	width: 90% !important;
}
.stories-carousel .stories-carousel-tag p {
	font-size: 13px !important;
}
.slick-slide {
	margin: 0px 6px !important;
	padding-bottom: 20px !important;
}
}
@media only screen and (max-width: 360px) {
.stories-carousel {
	width: 85% !important;
}
.stories-carousel .stories-carousel-tag p {
	font-size: 10px !important;
}
.slick-slide {
	margin: 0px 5px !important;
	padding-bottom: 20px !important;
}
}
/* Slider */
.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}
.slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.slick-list:focus {
	outline: none;
}
.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}
.slick-slider .slick-track, .slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
	margin-left: 0px !important;
	margin-right: auto;
}
.slick-track:before, .slick-track:after {
	display: table;
	content: '';
}
.slick-track:after {
	clear: both;
}
.slick-loading .slick-track {
	visibility: hidden;
}
.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px;
}
[dir='rtl'] .slick-slide {
	float: right;
}
.slick-slide img {
	display: block;
}
.slick-slide.slick-loading img {
	display: none;
}
.slick-slide.dragging img {
	pointer-events: none;
}
.slick-initialized .slick-slide {
	display: block;
}
.slick-loading .slick-slide {
	visibility: hidden;
}
.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
	display: none;
}
/* Slider */
.slick-loading .slick-list {
	background: #fff url('../img/ajax-loader.gif') center center no-repeat;
}
/* Arrows */
.slick-prev, .slick-next {
	font-size: 0;
	line-height: 0;
	position: absolute;
	top: 35%;
	display: block;
	width: 20px;
	height: 20px;
	padding: 0;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	cursor: pointer;
	color: transparent;
	border: none;
	outline: none;
	background: transparent;
	z-index: 9 !important;
	transition: all 300ms ease 0ms !important;
}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
	color: transparent;
	outline: none;
	background: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {
	opacity: 1 !important;
}
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
	opacity: .25 !important;
}
.slick-prev:before, .slick-next:before {
	font-family: 'bootstrap-icons' !important;
	font-size: 35px !important;
	line-height: 1;
	opacity: .5 !important;
	color: #fdd128 !important;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.slick-prev {
	left: 15px;
}
[dir='rtl'] .slick-prev {
	right: 15px;
	left: auto;
}
.slick-prev:before {
	content: '\F12D' !important;
	;
}
[dir='rtl'] .slick-prev:before {
	content: '\F136' !important;
}
.slick-next {
	right: 28px;
}
[dir='rtl'] .slick-next {
	right: auto;
	left: 28px;
}
.slick-next:before {
	content: '\F136' !important;
}
[dir='rtl'] .slick-next:before {
	content: '\F12D' !important;
	;
}
@media only screen and (max-width: 1366px) {
.slick-prev, .slick-next {
	top: 33% !important;
}
}
@media only screen and (max-width: 1024px) {
.slick-prev, .slick-next {
	top: 31% !important;
}
}
@media only screen and (max-width: 991px) {
.slick-prev, .slick-next {
	top: 33% !important;
}
}
@media only screen and (max-width: 768px) {
.slick-prev, .slick-next {
	top: 40% !important;
}
}
@media only screen and (max-width: 600px) {
.slick-prev, .slick-next {
	top: 33% !important;
}
}
@media only screen and (max-width: 480px) {
.slick-prev, .slick-next {
	top: 34% !important;
}
.slick-prev:before, .slick-next:before {
	font-size: 30px !important;
}
.slick-prev {
	left: 15px;
}
[dir='rtl'] .slick-prev {
	right: 15px;
}
.slick-next {
	right: 25px;
}
[dir='rtl'] .slick-next {
	left: 25px;
}
}
@media only screen and (max-width: 360px) {
.slick-prev, .slick-next {
	top: 27% !important;
}
.slick-prev:before, .slick-next:before {
	font-size: 22px !important;
}
.slick-prev {
	left: 15px;
}
[dir='rtl'] .slick-prev {
	right: 15px;
}
.slick-next {
	right: 18px;
}
[dir='rtl'] .slick-next {
	left: 18px;
}
}
/* Dots */
.slick-dotted.slick-slider {
	margin-bottom: 30px;
}
.slick-dots {
	position: absolute;
	bottom: -25px;
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
}
.slick-dots li {
	position: relative;
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: 0 5px;
	padding: 0;
	cursor: pointer;
}
.slick-dots li button {
	font-size: 0;
	line-height: 0;
	display: block;
	width: 20px;
	height: 20px;
	padding: 5px;
	cursor: pointer;
	color: transparent;
	border: 0;
	outline: none;
	background: transparent;
}
.slick-dots li button:hover, .slick-dots li button:focus {
	outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
	opacity: 1;
}
.slick-dots li button:before {
	font-family: 'bootstrap-icons' !important;
	font-size: 6px;
	line-height: 20px;
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	content: '•';
	text-align: center;
	opacity: .25;
	color: black;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
	opacity: .75;
	color: black;
}
/* Story Card Custom CSS */
.story-card {
	width: 100% !important;
	height: 540px !important;
	border: 0px solid rgba(0,0,0,0.1)!important;
	border-radius: 10px !important;
	box-shadow: none !important;
	background-color: #000000 !important;
	overflow: hidden !important;
	position: relative !important;
	cursor: pointer !important;
}
.story-card .inner-wrap {
	position: absolute !important;
	top: 50% !important;
	left: 50% !important;
	transform: translate(-50%, -50%) !important;
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	width: 100% !important;
}
/* Profile Info Wrapper */
.story-card .profile-info-wrapper {
	position: absolute !important;
	bottom: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 140px !important;
	min-height: 100px !important;
	padding: 60px 15px 20px 15px !important;
	z-index: 9 !important;
	display: flex !important;
	flex-direction: column !important;
	justify-content: flex-end !important;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.6), transparent) !important;
	box-sizing: border-box !important;
}
/* Special Variant */
.story-card .sp-profile-info-wrapper {
	height: 140px !important;
	min-height: 100px !important;
}
/* Profile Links */
.story-card .profile-info-wrapper a {
	color: #fff !important;
	text-decoration: none !important;
	transition: color 0.3s ease !important;
}
.story-card .profile-info-wrapper a:hover {
	color: #fdd128 !important;
}
/* Title Styling */
.story-card .profile-info-wrapper .story-card-title {
	color: #fff !important;
	font-size: 15px !important;
	font-weight: 400 !important;
	line-height: 1.3 !important;
	margin: 0 !important;
}
.story-card .profile-info-wrapper .profile-pic-wrap {
	width: 15% !important;
}
.story-card .profile-info-wrapper .profile-info-wrap {
	width: 75% !important;
	line-height: 0.9em !important;
	padding-top: 3px !important;
}
.story-card .profile-info-wrapper .profile-info-wrap a {
	line-height: 0.9em !important;
}
.story-card .profile-info-wrapper .profile-pic-wrap .profile-pic {
	width: 35px !important;
	height: 35px !important;
	border: 1px solid rgba(0,0,0,0.15) !important;
	transition: all 0.3s ease !important; /* Animation */
}
.story-card .profile-info-wrapper .profile-pic-wrap .profile-pic:hover {
	transform: scale(1.12) !important;
}
.story-card .profile-info-wrapper .story-card-company-name {
	font-size: 11px !important;
	font-weight: 600 !important;
}
.story-card .profile-info-wrapper .story-card-industry {
	display: none !important;
	font-size: 10px !important;
	font-weight: normal !important;
}
/* Profile Info Wrapper Background Sets CSS */
.story-card .profile-info-wrapper.sc-bg-light {
	background: linear-gradient(180deg, rgba(0,0,0,0), 70%, rgba(0,0,0,0.8)) !important;
	color: #ffffff !important;
}
.story-card .profile-info-wrapper.sc-bg-dark, .story-card .profile-info-wrapper.sc-bg-dark-10, .story-card .profile-info-wrapper.sc-bg-dark-20, .story-card .profile-info-wrapper.sc-bg-dark-30, .story-card .profile-info-wrapper.sc-bg-dark-40, .story-card .profile-info-wrapper.sc-bg-dark-50, .story-card .profile-info-wrapper.sc-bg-dark-60, .story-card .profile-info-wrapper.sc-bg-dark-70, .story-card .profile-info-wrapper.sc-bg-dark-80, .story-card .profile-info-wrapper.sc-bg-dark-90 {
	color: #ffffff !important;
}
.story-card .profile-info-wrapper.sc-bg-dark a, .story-card .profile-info-wrapper.sc-bg-dark-10 a, .story-card .profile-info-wrapper.sc-bg-dark-20 a, .story-card .profile-info-wrapper.sc-bg-dark-30 a, .story-card .profile-info-wrapper.sc-bg-dark-40 a, .story-card .profile-info-wrapper.sc-bg-dark-50 a, .story-card .profile-info-wrapper.sc-bg-dark-60 a, .story-card .profile-info-wrapper.sc-bg-dark-70 a, .story-card .profile-info-wrapper.sc-bg-dark-80 a, .story-card .profile-info-wrapper.sc-bg-dark-90 a {
	color: #ffffff !important;
	transition: all 300ms ease 0ms !important;
}
.story-card .profile-info-wrapper.sc-bg-dark a:hover, .story-card .profile-info-wrapper.sc-bg-dark-10 a:hover, .story-card .profile-info-wrapper.sc-bg-dark-20 a:hover, .story-card .profile-info-wrapper.sc-bg-dark-30 a:hover, .story-card .profile-info-wrapper.sc-bg-dark-40 a:hover, .story-card .profile-info-wrapper.sc-bg-dark-50 a:hover, .story-card .profile-info-wrapper.sc-bg-dark-60 a:hover, .story-card .profile-info-wrapper.sc-bg-dark-70 a:hover, .story-card .profile-info-wrapper.sc-bg-dark-80 a:hover, .story-card .profile-info-wrapper.sc-bg-dark-90 a:hover {
	color: #fdd128 !important;
}
.story-card .profile-info-wrapper.sc-bg-dark {
	background-color: #000000 !important;
}
.story-card .profile-info-wrapper.sc-bg-dark-10 {
	background-color: rgba(0,0,0,0.1) !important;
}
.story-card .profile-info-wrapper.sc-bg-dark-20 {
	background-color: rgba(0,0,0,0.2) !important;
}
.story-card .profile-info-wrapper.sc-bg-dark-30 {
	background-color: rgba(0,0,0,0.3) !important;
}
.story-card .profile-info-wrapper.sc-bg-dark-40 {
	background-color: rgba(0,0,0,0.4) !important;
}
.story-card .profile-info-wrapper.sc-bg-dark-50 {
	background-color: rgba(0,0,0,0.5) !important;
}
.story-card .profile-info-wrapper.sc-bg-dark-60 {
	background-color: rgba(0,0,0,0.6) !important;
}
.story-card .profile-info-wrapper.sc-bg-dark-70 {
	background: linear-gradient(180deg, rgba(0,0,0,0), 70%, rgba(0,0,0,0.8)) !important;
}
.story-card .profile-info-wrapper.sc-bg-dark-80 {
	background-color: rgba(0,0,0,0.8) !important;
}
.story-card .profile-info-wrapper.sc-bg-dark-90 {
	background-color: rgba(0,0,0,0.9) !important;
}
@media only screen and (max-width: 1399px) {
.story-card {
	height: 460px !important;
}
.story-card .profile-info-wrapper .story-card-title {
	font-size: 15px !important;
}
}
@media only screen and (max-width: 1366px) {
.story-card {
	height: 460px !important;
}
.story-card .profile-info-wrapper .story-card-title {
	font-size: 15px !important;
}
}
@media only screen and (max-width: 1199px) {
.story-card {
	height: 380px !important;
}
.story-card .profile-info-wrapper .story-card-title {
	font-size: 14px !important;
}
}
@media only screen and (max-width: 1024px) {
.story-card {
	height: 380px !important;
}
.story-card .profile-info-wrapper {
	height: 160px !important;
	min-height: 120px !important;
}
.story-card .sp-profile-info-wrapper {
	height: 130px !important;
	min-height: 120px !important;
}
.story-card .profile-info-wrapper .story-card-title {
	font-size: 13px !important;
}
}
@media only screen and (max-width: 991px) {
.story-card {
	height: 560px !important;
}
.story-card .profile-info-wrapper {
	height: 140px !important;
	min-height: 100px !important;
}
.story-card .sp-profile-info-wrapper {
	height: 140px !important;
	min-height: 100px !important;
}
.story-card .profile-info-wrapper .story-card-title {
	font-size: 16px !important;
}
}
@media only screen and (max-width: 767px) {
.story-card {
	height: 400px !important;
}
.story-card .profile-info-wrapper {
	height: 140px !important;
	min-height: 100px !important;
}
.story-card .sp-profile-info-wrapper {
	height: 140px !important;
	min-height: 100px !important;
}
.story-card .profile-info-wrapper .story-card-title {
	font-size: 14px !important;
}
}
@media only screen and (max-width: 600px) {
.story-card {
	height: 400px !important;
}
.story-card .profile-info-wrapper {
	height: 160px !important;
	min-height: 120px !important;
}
.story-card .sp-profile-info-wrapper {
	height: 140px !important;
	min-height: 120px !important;
}
.story-card .profile-info-wrapper .story-card-title {
	font-size: 14px !important;
}
.story-card .profile-info-wrapper .profile-pic-wrap {
	width: auto !important;
}
.story-card .profile-info-wrapper .profile-info-wrap {
	width: 75% !important;
	line-height: 0.7em !important;
}
}
@media only screen and (max-width: 575px) {
.story-card {
	height: 430px !important;
}
.story-card .profile-info-wrapper {
	height: 140px !important;
	min-height: 120px !important;
}
.story-card .sp-profile-info-wrapper {
	height: 135px !important;
	min-height: 120 px !important;
}
.story-card .profile-info-wrapper .story-card-title {
	font-size: 13px !important;
}
.story-card .profile-info-wrapper .profile-pic-wrap {
	width: auto !important;
}
.story-card .profile-info-wrapper .profile-info-wrap {
	width: 75% !important;
	line-height: 0.7em !important;
}
}
@media only screen and (max-width: 560px) {
.story-card {
	height: 410px !important;
}
}
@media only screen and (max-width: 545px) {
.story-card {
	height: 370px !important;
}
}
@media only screen and (max-width: 500px) {
.story-card {
	height: 345px !important;
}
.story-card .profile-info-wrapper {
	height: 140px !important;
	min-height: 120px !important;
}
.story-card .sp-profile-info-wrapper {
	height: 125px !important;
	min-height: 120 px !important;
}
.story-card .profile-info-wrapper .story-card-title {
	font-size: 12px !important;
}
}
@media only screen and (max-width: 480px) {
.story-card {
	height: 330px !important;
}
.story-card .profile-info-wrapper {
	height: 130px !important;
	min-height: 100px !important;
	padding: 60px 10px 10px 10px !important;
}
.story-card .sp-profile-info-wrapper {
	height: 120px !important;
	min-height: 100px !important;
}
.story-card .profile-info-wrapper .story-card-title {
	font-size: 11px !important;
}
.story-card .profile-info-wrapper .profile-pic-wrap {
	width: auto !important;
}
.story-card .profile-info-wrapper .profile-info-wrap {
	width: 75% !important;
	line-height: 0.7em !important;
}
.story-card .profile-info-wrapper .profile-info-wrap a {
	line-height: 0.7em !important;
}
.story-card .profile-info-wrapper .profile-pic-wrap .profile-pic {
	width: 30px !important;
	height: 30px !important;
}
.story-card .profile-info-wrapper .story-card-company-name {
	font-size: 10px !important;
}
.story-card .profile-info-wrapper .story-card-industry {
	font-size: 9px !important;
}
.story-card .sp-profile-info-wrapper .story-card-title {
	font-size: 11px !important;
}
.story-card .sp-profile-info-wrapper .story-card-company-name {
	font-size: 12px !important;
}
.story-card .sp-profile-info-wrapper .story-card-industry {
	font-size: 10px !important;
}
}
@media only screen and (max-width: 460px) {
.story-card {
	height: 290px !important;
}
}
@media only screen and (max-width: 420px) {
.story-card {
	height: 270px !important;
}
.story-card .profile-info-wrapper {
	height: 130px !important;
	min-height: 100px !important;
}
.story-card .sp-profile-info-wrapper {
	height: 120px !important;
	min-height: 100px !important;
}
.story-card .profile-info-wrapper .story-card-title {
	font-size: 10px !important;
}
}
@media only screen and (max-width: 400px) {
.story-card {
	height: 245px !important;
}
}
@media only screen and (max-width: 360px) {
.story-card {
	height: 225px !important;
}
.story-card .profile-info-wrapper {
	height: 140px !important;
	min-height: 120px !important;
}
.story-card .sp-profile-info-wrapper {
	height: 120px !important;
	min-height: 120px !important;
}
.story-card .profile-info-wrapper .story-card-title {
	font-size: 10px !important;
}
.story-card .profile-info-wrapper .profile-pic-wrap {
	width: 13% !important;
}
.story-card .profile-info-wrapper .profile-info-wrap {
	width: 70% !important;
	line-height: 0.3em !important;
}
.story-card .profile-info-wrapper .profile-info-wrap a {
	line-height: 0.3em !important;
}
.story-card .sp-profile-info-wrapper .profile-pic-wrap {
	width: auto !important;
}
.story-card .sp-profile-info-wrapper .profile-info-wrap {
	width: 90% !important;
	line-height: 0.5em !important;
}
.story-card .sp-profile-info-wrapper .profile-info-wrap a {
	line-height: 0.5em !important;
}
.story-card .profile-info-wrapper .profile-pic-wrap .profile-pic {
	width: 20px !important;
	height: 20px !important;
}
.story-card .sp-profile-info-wrapper .profile-pic-wrap .profile-pic {
	width: 30px !important;
	height: 30px !important;
}
.story-card .profile-info-wrapper .story-card-company-name {
	font-size: 8px !important;
}
.story-card .profile-info-wrapper .story-card-industry {
	font-size: 7px !important;
}
.story-card .sp-profile-info-wrapper .story-card-title {
	font-size: 9px !important;
}
.story-card .sp-profile-info-wrapper .story-card-company-name {
	font-size: 11px !important;
}
.story-card .sp-profile-info-wrapper .story-card-industry {
	font-size: 9px !important;
}
}
@media only screen and (max-width: 340px) {
.story-card {
	height: 200px !important;
}
}
@media only screen and (max-width: 320px) {
.story-card {
	height: 200px !important;
}
.story-card .profile-info-wrapper .story-card-title {
	font-size: 10px !important;
}
.story-card .profile-info-wrapper .profile-pic-wrap {
	width: 12% !important;
}
.story-card .profile-info-wrapper .profile-info-wrap {
	width: 70% !important;
}
.story-card .sp-profile-info-wrapper .profile-pic-wrap {
	width: auto !important;
}
.story-card .sp-profile-info-wrapper .profile-info-wrap {
	width: 90% !important;
	line-height: 0.5em !important;
}
.story-card .sp-profile-info-wrapper .story-card-title {
	font-size: 12px !important;
}
}