:root{--color-main-1:#333a4d;--color-main-2:#b68c5a;--color-main-3:#f8f8f8;--color-light-1:#f4f4f4;--color-text-1:#2c2b2d;--color-success:#28a745;--color-danger:#dc3545;--color-warning:#ffc107;--radius-main:20px;--padding:6rem;--dashboard-color-main-1:#333a4d;--dashboard-color-main-2:#b68c5a;--dashboard-color-light-1:#f8f8f8;--dashboard-color-form:#eee;--dashboard-color-menu:#f8f8f8;--dashboard-radius-main:20px;--dashboard-main-height:calc(100vh);--dashboard-content-height:0rem;--dashboard-main-margin:45px;--auth-color-main-1:#333a4d;--auth-color-main-2:#b68c5a;--auth-color-light-1:#f8f8f8;--auth-text-1:#8e8e8e;--auth-color-form:#eee;--auth-main-height:calc(100vh - 110px);--auth-main-margin-top:75px}.global_text{color:var(--color-text-2);font-size:15px;line-height:32px}.global_max_width{max-width:1920px;margin:auto}.custom-btn{text-align:center;cursor:pointer;border:none;border-radius:50px;outline:none;flex-direction:row;justify-content:center;align-items:center;gap:5px;min-width:140px;padding:8px 30px;font-size:14px;transition:all .2s;display:flex}.custom-btn-1{color:#fff;background-color:var(--color-main-1);border:2px solid var(--color-main-1)}.custom-btn-1:hover{background-color:var(--color-main-2);border:2px solid var(--color-main-2)}.custom-btn-2{background-color:var(--color-main-2);border:2px solid var(--color-main-2);color:#fff}.custom-btn-2:hover{background-color:var(--color-main-1);border:2px solid var(--color-main-1)}.custom-btn-success{background-color:var(--color-success);color:#fff}.custom-btn-success:hover{background-color:inherit;color:var(--color-success)}.custom-btn-danger{color:var(--color-danger);background-color:inherit;border:2px solid #fff0}.custom-btn-danger:hover{background-color:var(--color-danger);color:#fff;border:2px solid var(--color-danger)}header{z-index:999;width:100%;position:fixed;top:0}header .header-content{justify-content:center;align-items:center;gap:1rem;padding:1rem 3rem;display:flex}.header-content-scrolled{background-color:#ffffffe3;box-shadow:0 0 50px -15px #eee}header .header-content .logo{min-width:115px}header .header-content>.logo{align-items:center;gap:10px;display:flex}header .header-content .logo img{object-fit:contain;max-width:120px;max-height:40px}header .header-content>.logo .logo-text{color:var(--color-main-1);white-space:nowrap;font-size:18px;font-weight:700}header .header-content .header-menu{justify-content:start;align-items:center;gap:1rem;margin:0 auto;display:flex}header .header-content .header-menu .menu-items{justify-content:start;align-items:center;display:flex}header .header-content .header-menu .menu-items>li>a{border-bottom:2px solid #fff0;justify-content:center;align-items:center;gap:5px;padding:10px;font-size:14px;transition:all .1s;display:flex}header .header-content .header-menu .menu-items>li>a:hover,header .header-content .header-menu .menu-items>li.active>a{color:var(--color-main-2);border-bottom:2px solid var(--color-main-2)}header .header-content .header-menu .menu-items>li>a i{font-size:10px}header .header-content .header-menu .menu-items .dropdown{position:relative}header .header-content .header-menu .menu-items .dropdown .submenu{background-color:var(--color-light-1);z-index:1;border-radius:15px;flex-direction:column;width:max-content;min-width:150px;display:none;position:absolute;top:calc(100% - 3px);right:-8px;overflow:hidden}header .header-content .header-menu .menu-items .dropdown:hover .submenu{display:flex}header .header-content .header-menu .menu-items .dropdown .submenu li a{width:-webkit-fill-available;width:-moz-available;width:stretch;color:var(--color-main-1);padding:5px 15px;font-size:14px;transition:all .1s;display:flex}header .header-content .header-menu .menu-items .dropdown .submenu li a:hover{background-color:var(--color-main-1);color:var(--color-light-1)}header .header-content .search{border:1px solid var(--color-main-1);border-radius:10px;outline:none;align-items:center;gap:5px;padding:0 10px;display:flex}header .header-content .search input{background-color:inherit;border:none;outline:none;padding:6px;font-size:12px}header .header-menu .menuBtn{background-color:inherit;border:none;outline:none;justify-content:center;align-items:center;display:none}header .header-menu .menuBtn i{color:var(--color-primary);font-size:28px}header .phone-menu{text-align:right;background-color:var(--color-light-1);z-index:1000;flex-direction:column;align-items:start;gap:1rem;height:100vh;padding:2rem;transition:transform .3s;display:flex;position:fixed;top:0;right:0;overflow-y:auto;transform:translate(100vw)}header .phone-menu .phone-menu-head{flex-direction:column;gap:1rem;width:100%;display:flex;position:relative}header .phone-menu .phone-menu-head .alignment{border-bottom:1px solid var(--color-primary);justify-content:space-between;align-items:center;gap:1rem;padding-bottom:1rem;display:flex}header .phone-menu .phone-menu-head .alignment .logo{max-width:80px}header .phone-menu .phone-menu-head .btnClose{background-color:var(--color-main-1);color:var(--color-light-1);border:none;border-radius:100px;outline:none;justify-content:center;align-items:center;padding:3px;display:inline-flex;position:absolute;top:0;left:0}header .phone-menu .phone-menu-content{width:100%}header .phone-menu .phone-menu-content .menu{flex-direction:column;width:100%;display:flex}header .phone-menu .phone-menu-content .menu li .item{background:inherit;width:100%;color:var(--color-main-1);border-radius:10px;justify-content:space-between;align-items:center;padding:10px 15px;font-size:12px;transition:all .3s;display:flex;padding:6px 12px!important}header .phone-menu .phone-menu-content .menu li .item:hover,header .phone-menu .phone-menu-content .menu li .item.active{background-color:var(--color-main-1);color:var(--color-light-1)}header .phone-menu .phone-menu-content .menu li .submenu{background-color:var(--color-main-2);border-radius:10px;flex-direction:column;width:-webkit-fill-available;width:-moz-available;width:stretch;display:none;overflow:hidden}header .phone-menu .phone-menu-content .menu li .submenu li a{color:var(--color-light-1)}.phone-menu-show{transform:translate(0)!important}.submenu-show{display:flex!important}footer{background-color:var(--color-main-1);border-top:8px solid var(--color-main-2);flex-direction:column;gap:1rem;margin:auto;display:flex}footer .footer-content{color:#fff;background-color:var(--color-main-1);grid-template-columns:repeat(4,1fr);gap:3rem;width:100%;padding:3rem;display:grid}footer .footer-content a{color:#fff;justify-content:start;align-items:center;gap:8px;transition:all .2s;display:flex}footer .footer-content a:hover{color:var(--color-main-2)}footer .footer-content .titr{border-bottom:2px solid #fff;margin-bottom:1rem;padding-bottom:1rem;font-size:16px;font-weight:700}footer .footer-content .info{flex-direction:column;gap:1rem;display:flex}footer .footer-content .info .image{object-fit:contain;align-self:start;max-width:150px;max-height:60px}footer .footer-content .info p{font-size:14px;line-height:30px}footer .footer-content .links .items{flex-direction:column;gap:1rem;display:flex}footer .footer-content .links .items li a{flex-direction:row-reverse;justify-content:start;align-items:center;gap:10px;font-size:13px;transition:all .1s;display:flex}footer .footer-content .links .items li a:hover{gap:20px}footer .footer-content .contact .box{flex-direction:column;gap:1rem;font-size:13px;display:flex}footer .footer-content .media .items{justify-content:right;align-items:center;gap:1.5rem;width:100%;display:flex}footer .footer-content .media .items i{font-size:20px}footer .footer-content .media .items i:hover{text-decoration:underline}footer .copy-right{text-align:center;color:#fff;background-color:var(--color-main-2);padding:1rem;font-size:13px}.global_pagination{justify-content:center;gap:6px;display:flex}.global_pagination li a{color:var(--color-main-1);background-color:var(--color-light-1);border:2px solid #eee;border-radius:5px;padding:5px 10px;font-size:12px;transition:all .2s;display:flex}.global_pagination li a:hover,.global_pagination li a.active{background-color:var(--color-main-2);color:var(--color-light-1);border:2px solid #fff0}@media only screen and (width<=992px){:root{--padding:2rem;--dashboard-main-height:calc(100vh);--dashboard-content-height:70px;--dashboard-main-margin:50px}.global_text{font-size:13px;line-height:26px}.custom-btn{min-width:150px}header .header-content .logo{min-width:unset}header .header-content{flex-direction:row-reverse;justify-content:space-between;padding:1rem 2rem}header .header-content .logo img{max-width:90px;max-height:30px}header .header-content>.logo .logo-text{font-size:15px}header .header-content .header-menu .nav{display:none}header .phone-menu{width:50vw}header .header-menu .menuBtn{display:flex}header .header-content .header-menu{justify-content:space-between;gap:0;margin:0}header .header-content .header-menu>.logo img{max-width:80px}footer .footer-content{grid-template-columns:repeat(2,1fr)}}@media only screen and (width<=768px){:root{--padding:1rem;--dashboard-content-height:3rem;--auth-main-height:calc(100vh - 80px);--auth-main-margin-top:60px}.global_text{font-size:13px}.custom-btn{min-width:120px;padding:8px 20px}header .header-content{padding:1rem}header .header-content>.logo .logo-text{display:none}header .phone-menu{width:80vw;padding:1rem}header .phone-menu .phone-menu-head .alignment{padding-bottom:.5rem}footer .footer-content{flex-direction:column;justify-content:center;align-items:start;padding:2rem;display:flex}footer .copy-right{padding:2rem}footer .footer-content .links,footer .footer-content .info,footer .footer-content .contact,footer .footer-content .media{width:100%}}