:root {
   --main-color: #E7442E;
   --second-color: #F96050;
   --hover-color: #C93728;
   --disabled-color: #C7948f;
   --dark-color: #6C757D;
   --gray-color: #C6C6C6;
   --light-color: #F6F6F6;
}
loader, process {
   top: 0;
   left: 0;
   height: 100%;
   width: 100%;
   position: fixed;
   z-index: 9999;
   bottom: 0;
   right: 0
}
loader {
   background: url('assets/red.svg') center no-repeat rgba(255, 255, 255, 0.8);
}
process {
   background: url('assets/red.svg') center no-repeat
}
a, .btn-link {
   color: var(--main-color);
   text-decoration: none;
}
a:hover, a:focus, .btn-link:hover, .btn-link:focus {
   color: var(--hover-color);
   text-decoration: none;
   outline: none;
   box-shadow: none;
}
input:focus, button:focus, select:focus, textarea:focus, .form-select:focus {
   outline: none;
   box-shadow: none;
}
/* Customize default titles styles */

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
   line-height: 1.2;
   font-family: "Sarabun", sans-serif;
}
.h1, h1 {
   font-size: 4rem;
   margin-bottom: 1rem;
}
.h2, h2 {
   font-size: 2.5rem;
   margin-bottom: 0.625rem;
}
.h3, h3 {
   font-size: 1.875rem;
   margin-bottom: 0.625rem;
}
.h4, h4 {
   font-size: 1.625rem;
   margin-bottom: 0.5rem;
}
.h5, h5 {
   font-size: 1.375rem;
   margin-bottom: 0.5rem;
}
.h6, h6 {
   font-size: 1.125rem;
   margin-bottom: 0.375rem;
}
/* Customize default navbar styles */

.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link {
   color: var(--main-color);
}
/* Customize default navbar styles */

.navbar-light .navbar-nav .nav-link:hover {
   color: var(--main-color);
}
/* Customize default dropdown styles */

.dropdown-menu {
   padding: 0;
   border-radius: 0.5rem;
}
.dropdown-item {
   color: #576071;
   padding: 0.5rem 1rem;
}
.dropdown-item:hover, .dropdown-item:focus {
   color: #fff;
   background-color: var(--second-color);
}
.dropdown-item.active, .dropdown-item:active {
   color: #fff;
   background-color: var(--second-color);
}
.dropdown-item.disabled, .dropdown-item:disabled {
   color: #6c757d;
   background-color: transparent;
}
.dropdown-menu {
   overflow: hidden;
}
.table> :not(caption)>*>* {
   vertical-align: middle;
   line-height: 1.5rem;
}
.table>tbody>tr:last-child>* {
   border-bottom-width: 0;
}

/* Customize default buttons styles */

.nav-tabs {
   border-bottom: none;
   margin-bottom: 2rem;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
   color: #343a40;
   background-color: #f4f4f4;
   border-color: #dee2e6 #dee2e6 #fff;
}
.nav-tabs .nav-link {
   color: #5a5a5a;
   background-color: transparent;
   line-height: 1rem;
   padding: .75rem;
   border: transparent;
   border-top-color: transparent;
   border-right-color: transparent;
   border-bottom-color: transparent;
   border-left-color: transparent;
   border-radius: .625rem;
}
.btn {
   border-radius: 0.5rem;
}
.btn:focus, .btn:focus-visible {
   box-shadow: none;
   outline: none;
}
.btn-main, .btn-main.disabled, .btn-main:disabled {
   color: #ffffff;
   background-color: var(--main-color);
   border-color: var(--main-color);
}
.btn-main:hover, .btn-main:focus, .btn-main:active, .show>.btn-main.dropdown-toggle {
   color: #fff;
   background-color: var(--hover-color);
   border-color: var(--hover-color);
}
.btn-outline-main {
   color: var(--main-color);
   border-color: var(--main-color);
}
.btn-outline-main:hover, .btn-outline-main:focus, .btn-outline-main:active, .show>.btn-outline-main.dropdown-toggle {
   color: #ffffff;
   background-color: var(--main-color);
   border-color: var(--main-color);
}
.btn-outline-main.disabled, .btn-outline-main:disabled {
   color: var(--main-color);
   background-color: transparent;
}
.btn-link {
   line-height: 1rem;
}
.link-inline {
   color: #fff;
   font-weight: bold;
   display: inline-block;
   padding-bottom: 0.25rem;
   margin-left: 0.5rem;
   position: relative;
   transition: transform 0.2s ease, opacity 0.3s;
}
.link-inline::after {
   content: "";
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
   border-bottom: 1px solid #fff;
   transition: border-color 0.3s;
}
.link-inline:hover {
   color: #fff;
   transform: scale(1.1);
}
/* Customize default card styles */

.form-select {
   border-radius: 0.5rem;
}
.form-control {
   border-radius: 0.5rem;
   transition: border-color 0.15s ease-in-out;
}
.form-control:focus, .form-select:focus {
   box-shadow: none;
   border-color: var(--main-color);
   transition: border-color 0.15s ease-in-out;
}
.form-group {
   margin-bottom: 0.5rem;
}
.form-required {
   color: #dc3545;
}
.form-required::before {
   content: "•";
   font-weight: 800;
}
/*
.form-control-news {
   color: #fff;
   font-weight: 300;
   border-color: var(--main-color);
   background-color: transparent;
}
.form-control-news:focus {
   color: #fff;
   outline: none;
   box-shadow: none;
   border-color: var(--main-color);
   background-color: transparent;
}
.dropdown-menu li:first-child {
   border-top-left-radius: 0.5rem;
   border-top-right-radius: 0.5rem
}
.dropdown-menu li:last-child .dropdown-item {
   border-bottom-left-radius: 0.5rem;
   border-bottom-right-radius: 0.5rem
}
*/