/*==================================================
   Page - greyscale
==================================================*/

.page-greyscale{
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -webkit-filter: grayscale(1);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: gray;
}

/*==================================================
   Page - Root
==================================================*/
.page-theme:root{
    --bs-body-color:var(--body-color);
    --blue:var(--body-color);
    --blue-dark:var(--body-color);
    --blue-light:var(--body-color);
    --text-title:var(--body-color);
    --text-body:var(--body-color);
    --red:var(--body-color);
    --yellow:var(--body-color);
    --medium-gray:var(--border-color);
    --light-gray:var(--border-color);

    --light:var(--body-color-secondary);
    --stroke:var(--border-color);
    --toppage-bg:var(--theme-bg);
    --white:var(--body-color-secondary);
}

.page-contrast:root{
    --body-color: #fff;
    --body-color-secondary: #000;
    --border-color:#fff;
    --theme-bg:#000;
    --theme-bg-secondary:#fff;
}

.page-negative-contrast:root{
    --body-color:yellow;
    --body-color-secondary: #000;
    --border-color:yellow;
    --theme-bg:#000;
    --theme-bg-secondary:yellow;
}

.page-bright:root{
    --body-color:#000;
    --body-color-secondary: #fff;
    --border-color:#000;

    --theme-bg:#fff;
    --theme-bg-secondary:#000;
}
/*==================================================
   Page - theme
==================================================*/
.page-theme .header,
.page-theme .navbar-toppage,
.page-theme .navbar-menu{
    background-color:var(--theme-bg);
}

.page-theme .navbar-toppage,
.page-theme .navbar-menu{
    border-bottom: 1px solid var(--border-color);
    background-color: var(--theme-bg) !important;
}

.page-theme .nav-main > li > a{
    color: var(--body-color) !important;
}
.page-theme .nav-main > li > a:before{
    background-color: var(--body-color);
}

.page-theme .dropdown-menu{
    --bs-dropdown-bg: var(--theme-bg);
    --bs-dropdown-color:var(--body-color);
    --bs-dropdown-border-width:1px;
    --bs-dropdown-border-color:var(--border-color);

    border: 1px solid var(--bs-dropdown-border-color);
}
.page-theme  .dropdown-menu .nav a:hover{color: var(--body-color); text-decoration: underline;}
.page-theme .form-control,
.page-theme .form-select,
.page-theme .form-selects,
.page-theme .form-group.search .form-control{
    border-color: var(--border-color) !important;
    background-color: var(--theme-bg) !important;
}
.page-theme .h1, .page-theme .h2, .page-theme .h3, .page-theme .h4, .page-theme .h5, .page-theme .h6, .page-theme h1, .page-theme h2, .page-theme h3, .page-theme h4, .page-theme h5, .page-theme h6{
    color: var(--body-color) !important;
}

.page-theme .section{
    background-color: var(--theme-bg);
    border-bottom: 1px solid var(--border-color);
}
.page-theme .btn:not(.btn-menu){
    --bs-btn-border-width:1px;
    --bs-btn-border-color:var(--border-color);
    --bs-btn-color:var(--body-color);
    --bs-btn-bg:var(--theme-bg) ;
    --bs-btn-hover-bg: var(--theme-bg-secondary);
    --bs-btn-hover-color:var(--body-color-secondary);
    --bs-btn-active-color:var(--body-color-secondary);

}

.page-theme .nav-lang .btn[data-bs-toggle]{
    --bs-btn-hover-bg: var(--theme-bg);
    --bs-btn-hover-color:var(--body-color);
    --bs-btn-hover-border-color:var(--border-color);
}

.page-theme .navbar-slide{
    background-color: rgba(0, 0, 0,0.9);
    color: var(--body-color);
}

.page-theme .navbar-slide .nav li a:hover{color: var(--body-color); text-decoration: underline;}


.page-theme .navbar-slide .btn-close{
    background-color: var(--theme-bg);
    border: 1px solid var(--border-color);
}

.page-theme .navbar-slide .nav .nav li a:before{
    background-color: var(--theme-bg-secondary);
}


.page-theme .article.intro h2{
    -webkit-text-fill-color:unset;
    -webkit-background-clip:unset;
    background:none;
}
.page-theme .card-eservice{
    background: var(--theme-bg);
    border: 1px solid var(--body-color);
}
.page-theme .card-eservice:before{display: none;}
.page-theme .card-eservice .card-icon .icon-1{opacity: 0;}
.page-theme .card-eservice .card-icon .icon-2{opacity: 1;}
.page-theme .card-eservice .card-icon svg path{fill: var(--body-color);}
.page-theme .card-service .card-body:after{
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.3) 0%, #000 100%);
}
.page-theme .card-service .card-icon .icons{
    background-color: var(--theme-bg);
}
.page-theme .section-innovation .background{
    opacity: 0.1;
}
.page-theme .play-button img{ filter: grayscale(100%);}
.page-theme .background{opacity: 0;}

.page-theme .nav-announce li a{color: var(--body-color);}

.page-theme .card-announce{
    background-color: var(--theme-bg);
    border:1px solid var(--border-color)
}

.page-theme .card-announce .card-date{
    background-color: var(--theme-bg);
    border-right: 1px solid var(--border-color);
}
.page-theme .card-announce:hover  p .link{text-decoration: underline;}
.page-theme * h2,
.page-theme * h3{
    -webkit-text-fill-color:unset;
    -webkit-background-clip:unset;
    background:none;
}

.page-theme .card-product{
    filter: none;
}

.page-theme .swiper-button{
    background-color: var(--theme-bg);
    border: 1px solid var(--border-color);
}
.page-theme .swiper-button .icons{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

.page-theme .card-news p.date .icons path{fill: var(--body-color);}

.page-theme .footer{
    background-image: none;
    background-color: var(--theme-bg);
    color: var(--body-color);
}
.page-theme .footer-copyright{
    background-color: var(--theme-bg);
    border-top: 1px solid var(--border-color);
}

.page-theme .nav-footer li a{color: var(--body-color);}
.page-theme .nav-footer li a:hover{text-decoration: underline;}

.page-theme .footer-copyright{
    color: var(--body-color);
}

.page-theme hr{border-color: var(--border-color) !important; }

.page-theme .footer-infos{color: var(--body-color);}

.page-theme .card-tools{
    background-color: var(--theme-bg);
    border: 1px solid var(--border-color);
}
.page-theme .card-tools .nav li.active,
.page-theme .card-tools .nav li:hover{
    background-color: var(--theme-bg-secondary);
}

.page-theme .card-tools .nav li.active h3,
.page-theme .card-tools .nav li:hover h3{
    color: var(--body-color-secondary) !important;
    background-color: var(--theme-bg-secondary);
}

.page-theme .card-tools .icons path{fill: var(--body-color);}
.page-theme .card-tools .nav li:hover .icons path,
.page-theme .card-tools .nav li.active .icons path{fill: var(--body-color-secondary);}

.page-theme .card-tools .btn-close{
    background-color:var(--theme-bg);
    border: 1px solid var(--border-color);
}
.page-theme .button-fixed .icons{
    background-color: var(--theme-bg);
    border: 1px solid var(--body-color);
}
.page-theme .button-fixed .icons svg path{fill:var(--body-color)}

.page-theme .followus path[fill]{fill: var(--body-color) !important;}
.page-theme .followus path[stroke]{stroke: var(--body-color) !important;}

.page-theme .text-white,
.page-theme  .link-white{color: var(--body-color) !important;}

.page-theme .card-tools .card-header{border-color: var(--border-color);}

.page-theme .breadcrumb{--bs-breadcrumb-color: var(--body-color)}

.page-theme .card-tools .nav li:first-child h3{
    background-color: transparent !important;
    color: var(--body-color) !important;
    pointer-events: none;
}
.page-theme .card-tools .nav li:first-child h3 .icons path{fill: var(--body-color);}

.page-theme .page-fontsize > span {
    background-color: var(--theme-bg);
    color: var(--body-color);
}

.page-theme  .page-fontsize > span:hover,
.page-theme  .page-fontsize > span.active{
    background-color: var(--theme-bg-secondary);
    color: var(--body-color-secondary);
}

.page-theme .pagination{
    --bs-pagination-color:var(--body-color);
    --bs-pagination-hover-color:var(--body-color-secondary);
    --bs-pagination-active-color:var(--body-color-secondary);
    --bs-pagination-bg:var(--theme-bg);
}

.page-theme .page-link.arrow path[fill]{
    fill:var(--body-color);
}

.page-theme .announce-list .card-announce .card-body{
    border: 0;
}

.page-theme .bg-white{background-color:var(--theme-bg) !important;}
.page-theme .card-product:hover{background-color:var(--theme-bg); border: 1px solid var(--border-color);}

.page-theme .card-sidebar h3.title span{
    color: var(--body-color);
}

.page-theme .btn-gradient:before,.page-theme .btn-gradient:after{display: none;}
.page-theme .card-sidebar{border: 1px solid var(--border-color);}
.page-theme .form-control,
.page-theme .form-select,
.page-theme .form-selects,
.page-theme .card-sidebar .form-control{
    --input-border:var(--border-color);
    --input-border-focus:var(--border-color);
    --input-bg:transparent;
}

.page-theme .cart-table-header {
    background-color: var(--theme-bg);
    border:1px solid var(--border-color)
}
.page-theme .form-check-input{
    border-color:var(--body-color);
    background-color: transparent !important;
}

.page-theme .datepicker-dropdown {
    --color-white:var(--body-color);
    --bg-today:var(--body-color-secondary);
    --bg-hover: var(--theme-bg);
}

.page-theme .datepicker table tr td.active > span{
    background-color:var(--body-color-secondary);
    border:1px solid var(--border-color)
}

.page-theme .datepicker table thead tr:nth-child(2) th{
    border-bottom-color:var(--border-color) ;
}

.page-theme .datepicker .icon-next,
.page-theme .datepicker .icon-prev{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

.page-theme .card-form,
.page-theme .card-success,
.page-theme .card-order-infos,
.page-theme .card-contact-infos {
    border: 1px solid var(--border-color);
    background-color: transparent;
}

.page-theme .card-success .icons path{fill: var(--body-color) !important;}

.page-theme .card-table-header {
    background-color: var(--theme-bg);
    border: 1px solid var(--body-color);
}
.page-theme .card-menu ,
.page-theme .card-menu .nav li{
    border-color:var(--border-color) ;
}
.page-theme .card-menu .nav li a:before{
    background-color:var(--theme-bg-secondary);
}
.page-theme .card-menu .nav li.active a,
.page-theme .card-menu .nav li:hover a{
    color: var(--body-color-secondary);
}

.page-theme .card-table-body.order{--border-colors:var(--border-color)}

.page-theme .card-table-body.order li.status{color: var(--body-color) !important;}

.page-theme .card-order-infos .card-header{
    border-bottom: 1px solid var(--border-color);
}

.page-theme .nav-general > li.nav-user > a{color: var(--body-color);}
.page-theme .nav-general .badge{color: var(--body-color-secondary);}

.page-theme .table thead th{
    background-color: transparent;
    border-bottom: 1px solid var(--border-color);
}

.page-theme .card-career-contact .text-icon .icons{
    border-radius: 50%;
    border: 1px solid var(--border-color);
}
.page-theme .card-career-contact .text-icon .icons rect{
    fill: transparent;
}
.page-theme .card-career-contact .text-icon .icons path{
    fill: var(--theme-bg-secondary);
}

.page-theme .nav-tabs .nav-link:before{
    background:var(--theme-bg-secondary);
}
.page-theme .nav-tabs .nav-link:hover,
.page-theme .nav-tabs .nav-link.active{color: var(--body-color-secondary);}

.page-theme .contact-list .icon-circle path{fill: var(--body-color-secondary);}
/*==================================================
   Page - theme (เธ„เธงเธฒเธกเธ„เธกเธŠเธฑเธ”เธชเธนเธ‡)
==================================================*/

.page-contrast .nav-main > li> [data-bs-toggle]:after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") !important;
}
.page-contrast .navbar-slide .nav li a[data-bs-toggle]:after{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}
.page-contrast .icon-search{background-image: url(../img/icons/icon-search-white.svg);}

.page-contrast .card-service:hover .card-icon .icons{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

.page-contrast .breadcrumb-item + .breadcrumb-item:before{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}
.page-contrast .form-check-input:checked[type=checkbox]{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}

.page-contrast .form-check-input[type=radio]:checked,
.page-contrast .form-check-input[type=checkbox].circle:checked {
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2.8' fill='%23fff'/%3e%3c/svg%3e");
}

.page-contrast .form-group .icon-eye{background-image: url(../img/icons/icon-eye-slash-white.svg);}
.page-contrast .form-group .icon-eye.on{background-image: url(../img/icons/icon-eye-white.svg);}
/*==================================================
   Page - theme (เธ•เธฑเธงเธญเธฑเธเธฉเธฃเธชเธตเน€เธซเธฅเธทเธญเธ‡)
==================================================*/

.page-negative-contrast .nav-main > li> [data-bs-toggle]:after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23FFFF00' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") !important;
}
.page-negative-contrast .navbar-slide .nav li a[data-bs-toggle]:after{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23FFFF00' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

.page-negative-contrast .card-service:hover .card-icon .icons{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23FFFF00' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}
.page-negative-contrast .nav-lang .btn[data-bs-toggle]:after{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23FFFF00' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") !important;
}
.page-negative-contrast .swiper-button .icons{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23FFFF00' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}
.page-negative-contrast .card-tools .btn-close{
    background: var(--theme-bg) url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFFF00'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/9px auto no-repeat;
}
.page-negative-contrast .icon-search{background-image: url(../img/icons/icon-search-yellow.svg);}

.page-negative-contrast .btn-menu .icons{background-image: url(../img/icons/icon-menu-yellow.svg);}
.page-negative-contrast .nav-general .icon-user{background-image: url(../img/icons/icon-user-yellow.svg);}
.page-negative-contrast .nav-general .icon-cart{background-image: url(../img/icons/icon-cart-yellow.svg);}

.page-negative-contrast .breadcrumb-item + .breadcrumb-item:before{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23FFFF00' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}
.page-negative-contrast .form-check-input:checked[type=checkbox]{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23FFFF00' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}

.page-negative-contrast .form-check-input[type=radio]:checked,
.page-negative-contrast .form-check-input[type=checkbox].circle:checked {
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2.8' fill='%23FFFF00'/%3e%3c/svg%3e");
}

.page-negative-contrast .form-group .icon-eye{background-image: url(../img/icons/icon-eye-slash-yellow.svg);}
.page-negative-contrast .form-group .icon-eye.on{background-image: url(../img/icons/icon-eye-yellow.svg);}
/*==================================================
   Page - theme (เธชเธตเธชเธงเนˆเธฒเธ‡)
==================================================*/
.page-bright .nav-main > li> [data-bs-toggle]:after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") !important;
}
.page-bright .navbar-slide .nav li a[data-bs-toggle]:after{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

.page-bright .card-service:hover .card-icon .icons{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}
.page-bright .nav-lang .btn[data-bs-toggle]:after{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") !important;
}

.page-bright .swiper-button .icons{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

.page-bright .card-tools .btn-close{
    background: var(--theme-bg) url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/9px auto no-repeat;
}

.page-bright .card-service .card-body:before,
.page-bright .card-service .card-body:after{
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 100%);
}
.page-bright .card-service .card-body{color: var(--body-color);}
.page-bright .card-service .card-icon .icons{background-color: var(--theme-bg-secondary);}
.page-bright .card-service:hover .card-icon .icons{background-color: var(--theme-bg);}

/*==================================================
   Page - Font size
==================================================*/
.font-level-1 body{
    font-size:16px;
}
.font-level-2 body{
    font-size:18px;
}
.font-level-3 body{
    font-size:20px;
}

:root{
    --fs-48:3em;
    --fs-36:2.25em;
    --fs-30:1.875em;
    --fs-26:1.625em;
    --fs-24:1.5em;
    --fs-20:1.25em;
    --fs-18:1.125em;
    --fs-16:1em;
    --fs-14:0.875em;
    --fs-12:0.75em;
}

@media (max-width:991.98px) {
    :root{
        --fs-36:1.875em;
    }

}

@media (max-width:670px) {
    :root{
        --fs-36:1.5em;
        --fs-30:1.375em;
        --fs-24:1.25em;
    }
}
@media (max-width:575px) {
    :root{
        --fs-36:1.375em;
        --fs-30:1.3em;
        --fs-24:1.125em;
    }
}



@media (max-width:1199px) {
    .font-level-2 .navbar-menu .nav-main{font-size: 0.95em;}
}

@media (max-width:1100px) {
    .font-level-2 .navbar-menu .form-group.search{width: 180px;}
}

@media (max-width:1024px) {
    .font-level-2 .article.intro h2 br,
    .font-level-3 .article.intro h2 br{display: none !important;}
}

@media (max-width:575px) {
    .font-level-2 .nav-announce li,
    .font-level-3 .nav-announce li{width: 100%;}
}

@media (max-width:1550px) {
    .font-level-3 .navbar-menu{
        height: auto;
    }
    .font-level-3 .nav-main{gap: 0 25px;}
}