.header-pc {background-color: #fff;}

.header-top {height: 48px;border-bottom: 1px solid rgba(0,0,0,.1);}
.header-top .header-top-left a{margin-right: 10px;display: inline-block;width: 24px;height: 24px;line-height: 24px;text-align: center;border-radius: 50%;}
.header-top .header-top-left a:hover {background-color: var( --e-global-color-primary );color: #fff;transition: all 0.6s;}
.header-top .header-top-right a {margin-left: 10px;}
.header-bottom {height: 94px;}
.header-bottom-right .header-menu ul {padding-left: 0;margin-bottom: 0;}
.header-bottom-right .header-menu ul li {list-style: none;padding: 10px 40px;text-transform: uppercase;position: relative;}
.quote-button {display: inline-block;color: #fff;padding: 10px 30px;border-radius: 30px;background: var( --e-global-color-primary );cursor: pointer;}
.search-wrap {padding-left: 20px;}
.search-wrap i {font-size: 28px;color: #999999;cursor: pointer;}
.search-wrap i:hover {color: var( --e-global-color-primary );transition: all 0.6s;}

.footer {background-color: #14171a;position: relative;margin-top: 120px;}
.footer-bottom {height: 46px;display: flex;align-items: center;color: #fff;background-color: #14171a;justify-content: center;border-top: 1px solid rgba(255,255,255,.3);}
.footer-top {padding: 185px 0 185px;background-image: url('/wp-content/uploads/2023/12/foot-bg.png');background-repeat: no-repeat;background-size: 100%;background-position: left top;}
.footer-top h2 {font-family: 'Rubik Medium';color: #fff;font-size: 30px;text-transform: uppercase;}
.foot-left-item {margin-top: 50px;}
.foot-left-item p {color: #fff;}
.foot-left-item .sjmt-wrap {color: #fff;font-size: 18px;margin-top: 50px;}
.sjmt-box {margin-top: 25px;}
.sjmt-box i {font-size: 26px;margin-right: 15px;}
.sjmt-box i.icon-Facebook {color:#3b5998;}
.sjmt-box i.icon-twitter {color:#76a9ea;}
.sjmt-box i.icon-Youtube {color:#ff0000;}
.sjmt-box i.icon-linkedin {color:#0077b7;}
.foot-left-item ul {padding-left: 0;}
.foot-left-item ul li {list-style: none;color: #fff;}
.foot-left-item ul li a {color: #fff;}
.foot-left-item ul li a:hover{color: #ff0000;transition: all 0.6s;}
.foot-left-item ul li {line-height: 30px;}
.foot-left-item-center ul li {line-height: 50px;}
.footer-bottom a{color: #fff;}
.home-01-box * {color: #fff;}
.footer .footer-float-wrap {width: 100%;max-width: 1700px;height: 220px;background-color: var( --e-global-color-primary );position: absolute;right: 0;top: -110px;border-radius: 0 0 0 90px;}
.footer .footer-float-wrap .footer-float-box {max-width: 1400px;height: 100%;display: flex;align-items: center;justify-content: space-between;padding-left: 60px;}
.footer .footer-float-wrap .footer-float-box .text {max-width: 700px;color: #fff;}
.footer .footer-float-wrap .footer-float-box .text h2{font-family: 'Roboto Bold';font-size: 30px;}
.footer .footer-float-wrap .footer-float-box .text p {font-size: 18px;}
.footer .footer-float-wrap .footer-float-box .button span {display: inline-block;padding: 10px 40px;border-radius: 40px;color: #fff;cursor: pointer;border: 1px solid #fff;}
.footer .footer-float-wrap .footer-float-box .button span:hover {background-color: #fff;color: var( --e-global-color-primary );transition: all 0.6s;}

.header-menu {margin-right: 30px;}
.header-menu ul {display: flex;flex-direction: row;}
.header-pc.float-in {position: fixed;width: 100%;top: 0;left: 0;z-index: 999;box-shadow: 0 16px 24px rgb(14 13 18 / 7%);}

#menu-menu-pc > li:hover >a {color:var( --e-global-color-primary );transition: all 0.6s;}
#menu-menu-pc > li:hover >.dropdown-menu {display: block;}
#menu-menu-pc .nav-item >.dropdown-menu {position: absolute;left: 0;top: 100%;display: none;}
#menu-menu-pc .nav-item >.dropdown-menu li {padding: 0;padding: 10px 0;}
#menu-menu-pc .nav-item >.dropdown-menu li:hover>a{color:var( --e-global-color-primary );transition: all 0.6s;background:none;}

.nav-item a {font-family: 'Roboto Bold';}


.float-form-wrap {position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 999;background-color: rgba(0,0,0,.8);display: none;}
.float-form-wrap .float-form-box {width: 100%;max-width: 650px;background-color: #fff;padding: 40px 20px;border-radius: 10px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.float-form-wrap .float-form-box .close-from {font-size: 26px;font-weight: 600;top: 15px;right: 15px;position: absolute;cursor: pointer;}

.header-mb {background: #fff;position: fixed;top: 0;left: 0;right: 0;width: 100%;border-bottom: 1px solid #fff;z-index: 999;display: none;}
.header-mb .container-xl {height: 50px;box-sizing:border-box}
.header-mb .top-logo {width: 50%;}
.header-mb .top-mb {display: flex;align-items: center;width: 50%;justify-content: flex-end;}
.header-mb .top-logo img {height: 30px;width: auto;}
.header-mb .top-mb .top-mb-search {padding: 0.5rem 0.4rem;margin-left: 10px;width: 30px;text-align: center;}
.top-mb-feed i {font-size: 16px;color: #333;}
.header-mb .top-mb .top-mb-search i {font-size: 16px;color: #333;}
.header-mb .top-mb .icon-bars {color: #333;}
.mobile-head-item .side-content-wrap {position: fixed;display: block;
/* right: -80%; */right: 0;width: 80%;height: 100%;}
.mobile-head-item .main-content-wrap {background: #FFF;top: 0;display: block;z-index: 99999;}
.mobile-head-item .main-content-wrap .content-wrap {overflow-y: auto;height: 100%;padding: 15px 10px;background-color: #fff;}
.mobile-ico-close {width: 30px;height: 30px;background: #fff url('/wp-content/uploads/2023/12/mobile_close.png') center center no-repeat;background-size: 50% auto;position: absolute;left: -35px;top: 0;cursor: pointer;}
.phone-menu {display: none;padding: 3px 0;border-top: 1px solid #ddd;display: none;position: fixed;bottom: 0;left: 0;width: 100%;z-index: 99999;background: #14171a;}
.phone-menu .phone-menu-item {width: 25%;float: left;text-align: center;padding: 10px 0;}
.phone-menu .phone-menu-item a {color: #fff;text-decoration: none;}
.phone-menu .iconfont {font-size: 22px;}

.search-wrap-box {position: fixed;top: 170px;left: 50%;transform: translateX(-50%);width: 100%;max-width: 600px;height: 60px;background-color: var( --e-global-color-primary );padding: 10px 100px 10px 10px;z-index: 99;border: 1px solid #fff;display: none;}
.search-wrap-box  input {height: 100%;width: 100%;padding-left: 20px;padding-right: 20px;border: none;}
.search-wrap-box i {font-size: 30px;color: #fff;position: absolute;top: 5px;right: 50px;cursor: pointer;}
.search-wrap-box i:hover {color: #1548b6;transition: all 0.6s;}
.search-wrap-box i:active {scale: 1.1;}
.search-wrap-box span {color: #fff;font-size: 20px;position: absolute;right: 10px;top: 0;cursor: pointer;}

.search-wrap-box1 {position: fixed;top: 50px;left:0;width:100%;height: 60px;background-color: var( --e-global-color-primary );padding: 10px 100px 10px 10px;z-index: 99;border: 1px solid #fff;display: none;box-sizing:border-box}
.search-wrap-box1  input {height: 100%;width: 100%;padding-left: 20px;padding-right: 20px;border: none;}
.search-wrap-box1 i {font-size: 30px;color: #fff;position: absolute;top: 5px;right: 50px;cursor: pointer;}
.search-wrap-box1 i:hover {color: #1548b6;transition: all 0.6s;}
.search-wrap-box1 i:active {scale: 1.1;}
.search-wrap-box1 span {color: #fff;font-size: 20px;position: absolute;right: 10px;top: 0;cursor: pointer;}
.top-mb-feed1{margin-right:20px}
.float-icon {position: fixed;width: 50px;text-align: center;height: 50px;line-height: 50px;background-color: var( --e-global-color-primary );border-radius: 50%;cursor: pointer;}
.float-icon.whatsapp-wrap {bottom: 110px;right: 20px;z-index: 9;}
.float-icon.email-wrap {bottom: 180px;right: 20px;z-index: 9;}
.float-icon i {font-size: 22px;color: #fff;}
.float-icon:hover {scale: 1.1;background-color: #1548b6;transition: all 0.6s;}
.go-top {position: fixed;bottom: 0;right: 20px;width: 50px;background-color: rgba(0,0,0,.6);z-index: 9;text-align: center;cursor: pointer;border-radius: 10px 10px 0 0;}
.go-top i {color: #fff;}




@media (max-width:786px) {
    .dropdown-menu {margin-top: 10px;}
    .header-pc {display: none;}
    .header-mb {display: block;}
     body{padding-top: 50px;}
    .head_nav li.has-child a b {display: inline-block;width: 15px;height: 15px;border: 1px solid #111;border-radius: 2px;overflow: hidden;line-height: 15px;position: absolute;right: -35px;top: 1px;-webkit-box-sizing: content-box;box-sizing: content-box;}
    .header-mb li {list-style: none;}
    .head_nav > li > a {font-size: 18px;}
    .head_nav > li,.head_nav > li.has-child {padding: 15px 0 15px 10px;position: relative;}
    .head_nav li.has-child b {position: absolute;right: 3px;width: 20px;text-align: center;height: 20px;line-height: 18px;top: 20px;border: 1px solid rgba(0,0,0,.6);}
    .has-child .dropdown-menu {width: 100%;position: static;padding: 0;}
    .has-child .dropdown-menu li {padding: 10px 5px 10px 15px; border-bottom: 1px solid rgba(0,0,0,.1);}
    .has-child .dropdown-menu li:last-of-type {border: none;}
    .footer {display: none;}
    .float-form-wrap .float-form-box {width: 90%;padding: 10px 20px 10px;transform: translate(-50%, -55%);}
    .phone-menu {display: block;}
    body {padding-bottom: 85px;}
    .home-02-right .img img{width:100%}
}