@font-face {
    font-family: 'Madinah-Authentic';
    src: url(../fonts/1FTV-VIP-Madinah-Authentic.otf) format("opentype");
}

@font-face {
    font-family: 'UTM Aptima';
    src: url('../fonts/UTMAptima.eot');
    src: url('../fonts/UTMAptima.eot?#iefix') format('embedded-opentype'),
        url('../fonts/UTMAptima.woff2') format('woff2'),
        url('../fonts/UTMAptima.woff') format('woff'),
        url('../fonts/UTMAptima.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'UTM Aptima';
    src: url('../fonts/UTMAptima-BoldItalic.eot');
    src: url('../fonts/UTMAptima-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/UTMAptima-BoldItalic.woff2') format('woff2'),
        url('../fonts/UTMAptima-BoldItalic.woff') format('woff'),
        url('../fonts/UTMAptima-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'UTM Aptima';
    src: url('../fonts/UTMAptimaBold.eot');
    src: url('../fonts/UTMAptimaBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/UTMAptimaBold.woff2') format('woff2'),
        url('../fonts/UTMAptimaBold.woff') format('woff'),
        url('../fonts/UTMAptimaBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'UTM Aptima';
    src: url('../fonts/UTMAptima-Italic.eot');
    src: url('../fonts/UTMAptima-Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/UTMAptima-Italic.woff2') format('woff2'),
        url('../fonts/UTMAptima-Italic.woff') format('woff'),
        url('../fonts/UTMAptima-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Myriad Pro';
    src: url(../fonts/MYRIADPRO-IT.OTF) format("opentype");
    font-weight: 300;
}

@font-face {
    font-family: 'Myriad Pro';
    src: url(../fonts/MYRIADPRO-REGULAR.OTF) format("opentype");
    font-weight: 400;
}

@font-face {
    font-family: 'Myriad Pro';
    src: url(../fonts/MYRIADPRO-SEMIBOLD.OTF) format("opentype");
    font-weight: 600;
}

@font-face {
    font-family: 'Myriad Pro';
    src: url(../fonts/MYRIADPRO-BOLD.OTF) format("opentype");
    font-weight: 700;
}

:root {
    --font-2: 'Madinah-Authentic', sans-serif;
    --font-3: 'UTM Aptima', sans-serif;
    --font-4: 'Myriad Pro', sans-serif;
}

.font-2 {
    font-family: var(--font-2);
    background: linear-gradient(180deg, #FFE8A8 0%, #998B65 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.font-3 {
    font-family: var(--font-3);
}

.font-4 {
    font-family: var(--font-4);
}

div#powerTip {
    display: none !important;
}

.popup {
    position: fixed;
    top: 0%;
    left: 0%;
    z-index: 99999999999999;
    padding: 0;
    width: 100%;
    display: none;
    height: 100%;
}

.popup_content-wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9;
    padding: 0;
    width: 885px;
    max-width: 100%;
}

.popup img {
    width: 100%;
    max-width: 100% !important;
    border-radius: 12px;
}

.popup .box_view_html {
    width: 100%;
    max-width: 100% !important;
}

.close_ihp {
    display: none !important;
}

.popup * {
    margin: 0;
    padding: 0;
}

.close_popup {
    position: absolute;
    top: 48px;
    right: 45px;
    z-index: 2;
    cursor: pointer;
}

.popup_bg {
    background-color: var(--primary-color);
    opacity: 0.3;
    position: absolute;
    inset: 0;
}

.drag_element {
    cursor: pointer !important;
}

.drag_element .point_style {
    position: relative;
}

.drag_element .point_style::after {
    border: 4px solid var(--primary-color);
    content: "";
    position: absolute;
    display: block;
    width: 34px;
    height: 34px;
    top: -18px;
    left: -16px;
    border-radius: 19px;
    opacity: 0;
    transition: all 0.5s
}
.drag_element.active .point_style::after,
.drag_element:hover .point_style::after {
    opacity: 1
}

.hover_pink .point_style::after {
    border-color: pink
}

.hover_red .point_style::after {
    border-color: red
}

.hover_yellow .point_style::after {
    border-color: yellow
}

.m-0 .col-inner {
    margin: 0 !important;
}

body {
    font-size: 16px;
}

.slider-arr .flickity-button svg {
    display: none;
}

.slider-arr .flickity-button::after {
    background: url(../svg/prev.svg) no-repeat;
	    background-size: 100%;
    display: inline-block;
    width: 57px;
    height: 57px;
    content: "";
}

.slider-arr .flickity-button.next::after {
    background: url(../svg/next.svg) no-repeat;
	    background-size: 100%;
    display: inline-block;
    width: 57px;
    height: 57px;
    content: "";
}

.row.z-3 {
    z-index: 23;
    position: relative;
}

.slider-main-s {
    max-width: 1440px;
    margin: 0 auto;
}

.slider-main-s .flickity-prev-next-button {
    top: auto;
    bottom: 0;
    width: auto;
    right: 120px;
}

.slider-main-s .flickity-prev-next-button.previous {
    right: 200px;
    left: auto;
}

.fp-tableCell {
    width: 100%;
    height: 100dvh !important;
    display: flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
}

.fp-scrollable {
    overflow-y: auto;
    position: relative;
}

.fp-scrollable::-webkit-scrollbar {
    width: 0;
}

.fp-scroller,
.fp-scrollable {
    width: 100%;
    height: 100%;
}

.fp-scroller::-webkit-scrollbar {
    width: 0;
}

.iScrollVerticalScrollbar.iScrollLoneScrollbar {
    display: none;
}

.fp-scroller {
    height: 100%;
    transform: none !important;
}

.fp-section.fp-table,
.fp-slide.fp-table {
    display: table;
    table-layout: fixed;
    width: 100%;
    padding: 0 !important;!i;!;
}

.fp-tableCell .section-content.relative {
    min-height: 100%;
    display: flex;
    flex-direction: column;
}
.ss-center .fp-tableCell .section-content.relative {
	justify-content:center
}
.ss-end .fp-tableCell .section-content.relative {
	justify-content:end
}
.over-hidden{
	overflow:hidden
}
.fp-tableCell .hide-ss{
	display:none !important
}
.slider  .col{
	padding-bottom: 0
}
.slider-main-s .slider:not(.flickity-enabled){
	overflow: unset;
}
.slider-main-s .slider:not(.flickity-enabled) .row:first-child{
	opacity:1
}
@media(min-width:768px) and (max-width:1023px) {
	.slider-arr .flickity-button.next::after {
		    width: 40px;
    	height: 40px;
	}
	.slider-arr .flickity-button::after {
		    width: 40px;
    	height: 40px;
	}
	.slider-matbang {
		    width: 85%;
    	margin: 0 auto;
	}
	.slider-matbang .flickity-prev-next-button.next {
    	right: -4%;
	}
	.slider-matbang .flickity-prev-next-button.previous {
    	left: -4%;
	}
	.row-tienich > .large-7 {
		flex-basis: 100%;
        max-width: 100%;
	}
	.row-tienich .banner-s {
		left: 0;
	}
	.section-about.section {
		padding-top: 100px !important;
        padding-bottom: 350px !important;
	}
	.slider-tienich .banner .banner-bg img {
		object-position: center 90% !important;
	}
	.slider-tienich .banner .text-box {
		bottom:100px !important;
	}
}
@media (max-width: 1600px) and (min-width: 1200px){
	.fp-tableCell .hide-ss-x{
		padding-top: 76px !important
	}
	.slider-matbang .row{
		max-width: 900px !important
	}
	.ss-scroll-scale .section-content.relative{
		transform:scale(0.8)
	}
}
@media (max-width: 1700px) and (min-width: 1600px){
	.fp-tableCell .hide-ss-x{
		padding-top: 100px !important
	}
}