/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.4.1759652771
Updated: 2025-10-05 08:26:11

*/
/* Font */
@font-face {
    font-family: "Mansory";
    src: url("/wp-content/themes/hello-elementor-child/fonts/Mansory.ttf");
    font-weight: 300;
}

@font-face {
    font-family: "Mansory";
    src: url("/wp-content/themes/hello-elementor-child/fonts/SVN-Mansory-Regular.otf");
    font-weight: 400;
}

@font-face {
    font-family: "Mansory";
    src: url("/wp-content/themes/hello-elementor-child/fonts/SVN-Mansory-Medium.otf");
    font-weight: 500;
}

@font-face {
    font-family: "Mansory";
    src: url("/wp-content/themes/hello-elementor-child/fonts/SVN-Mansory-SemiBold.otf");
    font-weight: 600;
}

@font-face {
    font-family: "Mansory";
    src: url("/wp-content/themes/hello-elementor-child/fonts/SVN-Mansory-Bold.otf");
    font-weight: 700;
}

@font-face {
    font-family: "VLCARENTRO";
    src: url("/wp-content/themes/hello-elementor-child/fonts/VLCARENTRO-REGULAR.OTF");
}

@font-face {
    font-family: "ROSELLINDA-ALYAMORE";
    src: url("/wp-content/themes/hello-elementor-child/fonts/SVN-ROSELLINDA-ALYAMORE.OTF");
}

.font-mansory, .font-mansory p {
    font-family: "Mansory", Arial, Helvetica, sans-serif !important;
}

.font-mansory-regular {
    font-family: "Mansory", Arial, Helvetica, sans-serif;
    font-weight: 400;
}

.font-mansory-mendium {
    font-family: "Mansory", Arial, Helvetica, sans-serif;
    font-weight: 500;
}

.font-mansory-semibold {
    font-family: "Mansory", Arial, Helvetica, sans-serif;
    font-weight: 600;
}

.font-mansory-bold {
    font-family: "Mansory", Arial, Helvetica, sans-serif;
    font-weight: 700;
}

.font-alyamore  {
    font-family: "ROSELLINDA-ALYAMORE", Arial, Helvetica, sans-serif;
}

.font-carentro,.font-carentro h2.elementor-heading-title,.font-carentro h3.elementor-heading-title {
        font-family: "VLCARENTRO", Arial, Helvetica, sans-serif !important;
}
/*h2.elementor-heading-title {
        font-family: "VLCARENTRO", Arial, Helvetica, sans-serif;
    font-family: "Mansory", Arial, Helvetica, sans-serif !important;
}*/
.head-menu ul.e-n-menu-heading li .e-n-menu-title-text {
        font-family: "Mansory", Arial, Helvetica, sans-serif;
}
.h2-home h2.elementor-heading-title,.h2-home p {
    font-family: "Mansory", Arial, Helvetica, sans-serif !important;
}
.video_map {
        border: 1rem solid;
        -o-border-image: linear-gradient(236deg, rgb(255, 222, 164) 3%, rgb(178, 137, 88) 18%, rgb(237, 202, 146) 51%, rgb(184, 144, 93) 79%, rgb(255, 222, 164) 95%, rgb(183, 142, 91) 100%) 10;
        border-image: linear-gradient(236deg, rgb(255, 222, 164) 3%, rgb(178, 137, 88) 18%, rgb(237, 202, 146) 51%, rgb(184, 144, 93) 79%, rgb(255, 222, 164) 95%, rgb(183, 142, 91) 100%) 10;
    }
table td, table th {
    border: 1px solid hsl(0deg 0% 50% / 11%);
    line-height: 1.3;
    padding: 6px 15px;
    vertical-align: top;
}
table {
    font-size: 1em;
}
ul {
    margin-bottom: 1em;
}
table ul {
    margin-bottom: 0;
}
.tit-vitri {
    text-shadow: rgb(64 64 64) 1px 2px 3px;
}
.elementor-field-option label {
    color: white !important;
}
h3 {
    font-size: 18px;
}
a#popop {
    cursor: pointer;
}

div#metu {
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    z-index: 999999;
    display: none;
}
div#metu .mmt-container.mmt-container-full {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 2147483646;
    pointer-events: none;
    box-sizing: border-box;
}
#metu .mmt-app {
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background-color: #008272;
    opacity: 1;
    color: rgb(255, 255, 255);
    pointer-events: none;
    z-index: -1;
	background-image: url(/wp-content/uploads/2025/11/Noble-Crystal-Long-Bien-bannernew_br.webp);
    background-repeat: no-repeat;
}
#metu .mmt-menu-item:not(:first-child) {
    border-left: 1px solid hsla(0,0%,100%,.2);
}
#metu .mmt-app {
    position: relative;
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
    min-height: 56px;
    transition: all .24s;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
}
#metu .mmt-menu__item {
display: flex;
    pointer-events: auto;
    flex: 1 1;
    border-left: 1px solid hsla(0,0%,100%,.2);
    justify-content: center;
}
#metu .mmt-button {
    display: flex;
    align-items: center;
    align-self: stretch;
    padding: 0 7.5px;
    cursor: pointer;
    position: relative;
    border-radius: 3px;
    height: 60px;
    justify-content: center;
    margin: 0!important;
    flex-direction: column;
    flex: 1 1;
}
#metu .mmt-button__icon--motion {
    animation: tada 1.2s infinite;
}
#metu .mmt-button__icon {
    width: 20px;
    height: 20px;
    box-sizing: border-box;
    margin-right: 0;
    margin-bottom: 4px;
}
#metu .mmt-button__label {
    font-size: 13px;
    line-height: 13px;
    max-height: 26px;
    text-align: center;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
	letter-spacing: -1px;
}
.effect_gradient::after {
    content: "";
    width: 16.6rem;
    height: 8.4rem;
    background: linear-gradient(90deg, rgb(255, 222, 164) 3%, rgb(178, 137, 88) 18%, rgb(237, 202, 146) 51%, rgb(184, 144, 93) 79%, rgb(255, 222, 164) 95%, rgb(183, 142, 91) 100%);
    position: absolute;
    top: -0.5rem;
    right: -0.5rem;
    z-index: -1;
}
.effect_gradient::after {
    width: 24rem;
    height: 13rem;
    top: -10px;
    right: -10px;
}
.effect_gradient::before {
	width: 16.6rem;
	height: 40%;
	bottom: -10px;
	left: -10px;
}
.effect_gradient::before {
    content: "";
    width: 16.6rem;
    height: 40%;
    position: absolute;
    bottom: -0.5rem;
    left: -0.5rem;
    z-index: -1;
    background: linear-gradient(150deg, rgb(255, 222, 164) 3%, rgb(178, 137, 88) 18%, rgb(237, 202, 146) 51%, rgb(184, 144, 93) 79%, rgb(255, 222, 164) 95%, rgb(183, 142, 91) 100%);
}

.riengtu ul {
    padding-left: 20px;
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/

	div#metu {
		display: block;
	}
	.effect_gradient::after {
		width: 24rem;
		height: 13rem;
		top: -10px;
		right: 0px;
	}
	.effect_gradient::before {
		width: 16.6rem;
		height: 40%;
		bottom: -10px;
		left: 0px;
	}

}