.menu-main[data-v-6985ba46]{background:none;border:none;width:100%}.menu-main .menu-list[data-v-6985ba46]{display:flex;justify-content:flex-end;line-height:32px;list-style:none;margin-bottom:0;padding:0}.menu-main .menu-list li.menu-item[data-v-6985ba46]{cursor:pointer;font-size:13px;font-weight:500;margin:0 1px;position:relative}.menu-main .menu-list li.menu-item:hover .sub-menu[data-v-6985ba46]{display:block}.menu-main .menu-list li.menu-item .item-link[data-v-6985ba46]{color:var(--color-black);display:block;font-weight:600;height:100%;padding:5px 14px;text-transform:uppercase}.menu-main .menu-list li.menu-item .white[data-v-6985ba46]{color:var(--color-white)}.menu-main .menu-list li.menu-item .black[data-v-6985ba46]{color:var(--color-black)}.menu-main .menu-list li.menu-item .item-link[data-v-6985ba46]:hover{background-color:var(--main-color);color:var(--color-white)}.menu-main .menu-list li.menu-item .sub-menu[data-v-6985ba46]:before{background-color:transparent;content:"";display:block;height:20px;position:absolute;top:-10%;width:100%}.menu-main .menu-list li.menu-item .sub-menu[data-v-6985ba46]{background-color:var(--color-white);border-radius:8px;box-shadow:1.5px 2px 10px 3px #ccc;display:none;left:0;min-width:240px;position:absolute;top:110%;z-index:3}.menu-main .menu-list li.menu-item .sub-menu ul.sub-list[data-v-6985ba46]{font-size:14px;list-style:none;padding:2px}.menu-main .menu-list li.menu-item .sub-menu ul.sub-list li.sub-item[data-v-6985ba46]{display:block;padding:0 10px}.menu-main .menu-list li.menu-item .sub-menu ul.sub-list li.sub-item[data-v-6985ba46]:hover{background:var(--secondary-color-1);border-radius:8px;color:var(--color-white)}.menu-main .menu-list li.menu-item .sub-menu ul.sub-list li.sub-item a[data-v-6985ba46]{color:var(--color-black)}.menu-main .menu-list li.menu-item .sub-menu ul.sub-list li.sub-item a[data-v-6985ba46]:hover{color:var(--color-white)}.menu-main .menu-list li.active[data-v-6985ba46]{background-color:var(--main-color)}.menu-main .menu-list li.active a[data-v-6985ba46]{color:var(--color-white)!important}.menu-main .menu-vertical[data-v-6985ba46]{flex-direction:column}.nav-mobile .btn-m{background-color:var(--main-color);color:var(--color-white)}.m-menu b{text-transform:uppercase}.m-menu .ant-drawer-body{padding:0}.m-menu #menu-mobile{background:none;width:100%!important}.m-menu #menu-mobile .ant-menu-item-group .ant-menu-item-group-title{background:var(--color-light-gray);color:var(--color-black);font-size:10px;opacity:.7;text-transform:uppercase}.m-menu #menu-mobile .ant-menu-item-group .ant-menu-item-group-list .ant-menu-item{background:none;border-bottom:1px solid var(--color-medium-gray);margin:0;padding:0!important}.m-menu #menu-mobile .ant-menu-item-group .ant-menu-item-group-list .ant-menu-item .anticon{font-size:20px;min-width:30px}.m-menu #menu-mobile .ant-menu-item-group .ant-menu-item-group-list .ant-menu-item .ant-menu-title-content{padding:24px}.m-menu #menu-mobile .ant-menu-item-group .ant-menu-item-group-list .ant-menu-item .ant-menu-title-content a{color:var(--color-black)}.m-menu #menu-mobile .ant-menu-item-group .ant-menu-item-group-list .ant-menu-item .ant-menu-title-content span{color:var(--color-black);font-size:16px}.m-menu #menu-mobile .ant-menu-item-group .ant-menu-item-group-list .ant-menu-submenu{border-bottom:1px solid var(--color-medium-gray)}.m-menu #menu-mobile .ant-menu-item-group .ant-menu-item-group-list .ant-menu-submenu .ant-menu-submenu-title,.m-menu #menu-mobile .ant-menu-item-group .ant-menu-item-group-list .ant-menu-submenu a{color:var(--color-black)}.m-menu #menu-mobile .ant-menu-item-group .ant-menu-item-group-list .ant-menu-submenu .ant-menu-submenu-title .anticon{font-size:20px;min-width:30px}.m-menu #menu-mobile .ant-menu-item-group .ant-menu-item-group-list .ant-menu-submenu .ant-menu-submenu-title .ant-menu-submenu-arrow:after,.m-menu #menu-mobile .ant-menu-item-group .ant-menu-item-group-list .ant-menu-submenu .ant-menu-submenu-title .ant-menu-submenu-arrow:before{background:var(--color-black)}.m-menu #menu-mobile .ant-menu-item-group .ant-menu-item-group-list .ant-menu-submenu .ant-menu-sub{background:var(--color-light-gray)}@media (max-width:576px){.m-menu .ant-drawer-content-wrapper{width:100%!important}}.header .affix-custom{height:0;position:fixed;top:0;width:100%}.header .header-top{background-color:var(--color-gray)}.header .header-top a{color:var(--color-white);font-size:14px}.header .header-top .item-icon-header img{margin-right:5px;width:20px}.header .header-top .item-icon-header .icon-phone-header{color:var(--secondary-color-2);font-size:14px;margin-bottom:0;transform:translate(50%)}.header .header-top .item-icon-header .icon-phone-header .anticon-phone{transform:rotate(100deg)}.header .header-bottom{padding:10px 0}.header .home{left:0;position:absolute;right:0;z-index:1}.header .ant-affix .header-bottom{background:var(--color-white);box-shadow:0 1px 7px #d2d2d2}.header .notice-saudi{align-items:center;border-bottom:1px solid #e9e9e9;display:flex}.header .notice-saudi marquee{color:var(--color-red);font-weight:700}.select-language .ant-select-selection-item{align-items:center;display:flex;font-size:14px;text-align:left}@media (max-width:991px){.header .home{position:relative}}.footer .footer-top{background:var(--color-light-grey)}.footer .footer-top .menu-footer{background:transparent;border:none;font-weight:700;justify-content:flex-start;margin:4px 0 8px;text-transform:uppercase}.footer .footer-top .menu-footer li{background-color:transparent!important;display:block;margin:4px 0!important;padding:0 35px;position:relative}.footer .footer-top .menu-footer li:hover a{color:var(--main-color)!important;text-decoration:underline}.footer .footer-top .menu-footer li a{color:var(--color-black)!important;font-size:14px;font-weight:700;padding:0!important}.footer .footer-top .menu-footer li a:hover{background-color:transparent!important;color:var(--main-color)!important;text-decoration:underline}.footer .footer-top .menu-footer li:after{border-right:1px solid #000;content:"";display:block;height:20px;position:absolute;right:0;top:10px;width:1px}.footer .footer-top .menu-footer li:first-child{padding-left:0}.footer .footer-top .menu-footer li:last-child:after{border-color:transparent}.footer .footer-top p{text-align:justify}.footer .footer-top p a{color:var(--color-black)}.footer .footer-top .text-url a:hover{color:var(--main-color)!important;text-decoration:underline}.footer .footer-top .text-url .company{text-decoration:underline}.footer .footer-bottom{background:var(--color-gray);color:var(--color-white)}@media (max-width:767px){.footer .footer-bottom p,.footer .footer-top p{font-size:12px}.footer .footer-bottom p{text-align:center}}@media (max-width:1200px){.footer .footer-top .menu-footer li{padding:0 30px}.footer .footer-top .menu-footer li a{font-size:12px}}.tools-float-button .content-tool{background:#ffffff80;border-radius:70px;padding:15px 5px 5px;position:fixed;right:0;top:40%;transform:translate(-20%);transition:transform .3s ease;z-index:9}.tools-float-button .content-tool .left-tool button{animation:glowing 1.5s infinite;background:#1a7dc2;border:none;border-radius:5px 0 0 5px;color:#fff;cursor:pointer;font-size:20px;line-height:25px;padding:3px 5px;position:fixed;right:50px;top:16%;transition:transform .3s ease;z-index:1}.tools-float-button .content-tool .right-tool p{position:relative}.tools-float-button .content-tool .right-tool p .title-key{background-color:#3e3e3e;border-radius:50%;color:#fff;font-size:10px;height:20px;padding:4px;position:absolute;right:-8px;top:0;width:20px}.tools-float-button .content-tool .right-tool p .pop-num{background:#fff;border:1px solid #ccc;border-radius:50px;color:var(--color-black);display:none;padding:5px 10px;position:absolute;right:39px;top:-5px;width:140px}.tools-float-button .content-tool .right-tool p .pop-num:hover{color:var(--main-color)}.tools-float-button .content-tool .right-tool p:hover .pop-num{display:block}.tools-float-button .content-tool .right-tool .img-icon{max-height:40px}.tools-float-button .hidden{transform:translate(65%)}.tools-float-button .hidden .icon-left-tool{transform:rotate(180deg)}@keyframes glowing{0%,to{background-color:#208ad5;box-shadow:0 0 3px #208ad5}50%{background-color:#197abe;box-shadow:0 0 10px #197abe}}