/* @import url('https://fonts.googleapis.com/css2?family=Prompt:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); */

/**umb_name:font Srisakdi*/
@import url('https://fonts.googleapis.com/css2?family=Srisakdi:wght@400;700&display=swap');
/**umb_name:font Thasadith*/
/* @import url('https://fonts.googleapis.com/css2?family=Thasadith:ital,wght@0,400;0,700;1,400;1,700&display=swap'); */
/**umb_name:font Noto Sans Arabic*/
/* @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic:wght@100..900&family=Prompt:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Thasadith:ital,wght@0,400;0,700;1,400;1,700&display=swap'); */



@font-face {
    font-family: 'Prompt';
    src: url('/fonts/Prompt-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
/* 
@font-face {
    font-family: 'Srisakdi';
    src: url('/fonts/Srisakdi-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
} */

@font-face {
    font-family: 'Thasadith';
    src: url('/fonts/Thasadith-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

















span,
th,
label,
div {
    font-family: Prompt;
}









.thumbnail {
    object-fit: var(--img-fit, cover);
    object-position: center;
    width: 100%;
    height: 250px;
    box-shadow: 0px 4px 4px 0px #00000040;
    background-color: var(--thumbnail-bg-color, transparent);
}

*:has(>.thumbnail) {
    position: relative;
    overflow: hidden;
    transition: scale ease 0.2s;
}

*:has(>.thumbnail):hover {
    scale: 1.03;
}

*:has(>.thumbnail):hover::before {
    opacity: 1;
    transform: rotate(-45deg) translateY(100%);
}

*:has(>.thumbnail)::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: linear-gradient(0deg, transparent, transparent 30%, rgb(255 255 255 / 30%));
    transform: rotate(-45deg);
    transition: all 0.5s ease;
    opacity: 0;
}

.c-p {
    cursor: pointer;
}

li::marker {
    font-size: 20px;
}

.btn:focus,
.btn {
    outline: 0;

}

button:focus {
    outline: 0;
}

.fade-custom {
    opacity: 0;
    transition: all 1s ease-in-out
}

.fade-custom-child>*:nth-child(odd) {
    opacity: 0;
    transition: all 2s ease;
    clip-path: inset(0 0 0 100%);
}
.fade-custom-child>*:nth-child(even) {
    opacity: 0;
    transition: all 2s ease;
    clip-path: inset(0 100% 0 0);
}


.fade-custom-child>*.inView {
    opacity: 1;
    clip-path: inset(0 0 0 0);
}

.fade-custom-child>*:not(.inView) {
    transition: none;
}

.fade-custom.inView {
    opacity: 1 !important;
}

input.border-red::placeholder,
textarea.border-red::placeholder {
    color: rgba(255, 0, 0, 0.7) !important;
}

.swal2-container {
    z-index: 9999 !important;
}

/**X-Small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
    footer .title {
        font-size: 30px;
    }
}

/**Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {}

/**Small devices (landscape phones, less than 802px)*/
@media (max-width: 802px) {
    .navbar .nav-item a {
        font-size: 18.9px;
    }
}

/**Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {}

/**Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {}

/**X-Large devices (large desktops, less than 1400px)*/
@media (max-width: 1399.98px) {}



/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {}

/* X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {}

/* XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) {}
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
/**umb_name:header*/
header {
	position: relative;
    z-index: 199 !important;
    height: 62px;
}

/**umb_name:navigation bar ready sticky*/
header.header-sticky .navbar {
	transition: top .8s ease-in-out;
    top: -140px;
}

/**umb_name:navigation bar sticky-active*/
header.header-sticky.sticky-active .navbar {
	box-shadow: 0 12px 6px rgb(0 0 0 / .06);
    position: fixed;
    top: 0;
    width: 100%;
}

/**umb_name:navbar-toggler focus*/  
.navbar-light .navbar-toggler {
	color: rgb(0 0 0 / 0%) !important;
}

/**umb_name:navigation bar homeIcon*/
.navbar .homeIcon {
	color: #000000;
    font-size: 25px;
}

/**umb_name:navigation bar homeIcon:hover*/
.navbar .homeIcon:hover {
	color: #c15b00;
}

/**umb_name:navigation bar menu item link*/
.navbar .nav-item a {
	font-family: Prompt;
    font-weight: 400 !important;
    font-size: 20px;
    line-height: 30.24px;
    color: #000000 !important;
}

/**umb_name:navigation bar menu item link:hover*/
.navbar .nav-item a:hover {
	color: #c15b00 !important;
}

/**umb_name:footer*/
footer {
	background-color: #F4F4F4;
    /**border-top: 1px solid #DDDDDD;**/
}

/**umb_name:footer Title*/
.title {
	font-family: Prompt;
    font-size: 36px;
    font-weight: 700;
    line-height: 54.43px;
}

/**umb_name:contact_form  > form input*/
footer .contact_form>form .input {
	height: 43.73px;
    border: 1px solid #9C9797;
    border-radius: 5px;
    margin: 10px 0px;
    font-family: Prompt;
    font-size: 24px;
    font-weight: 300;
    line-height: 36.29px;
}

/**umb_name:contact_form  > form button*/
footer .contact_form>form .button {
	width: 154.36px;
    height: 43.73px;
    border-radius: 5px;
    font-family: Prompt;
    font-size: 20px;
    font-weight: 400;
    line-height: 30.24px;
    background-color: #2A3D65;
    color: white;
    border: 1px solid #2A3D65;
}

/**umb_name:contact_form  > form button:hover*/
footer .contact_form>form .button:hover {
	background-color: white;
    color: #2A3D65;
}

/**umb_name:header show-navbar*/
header.show-navbar {
	opacity: 1;
  transform: translateY(0);
}