.site-navbar  li ,.site-navbar a  , .site-navbar .dropdown  , .site-navbar :after , .site-navbar :before , .site-mobile-menu , .side-nav , .site-mobile-menu-close {transition: 0.4s ease;-webkit-transition: 0.4s ease;-moz-transition: 0.4s ease;-o-transition: 0.4s ease;-ms-transition: 0.4s ease;}
.site-navbar .site-navigation .menu-active a{color: var(--accentcolor);}
.site-mobile-menu  ul > .menu-active a{color: var(--accentcolor) !important;}

.site-navbar .site-navigation{display: flex; justify-content: flex-end;}
.site-navbar .site-navigation ul{list-style: none ; display: flex; justify-content: space-between; align-items: center; margin-bottom:0px;}

.site-navbar .site-navigation > ul > li{border-bottom:2px solid transparent; margin: 0 1.2rem;position: relative;}
.site-navbar .site-navigation > ul > li:nth-last-child(1){margin-right: 0px ;}
.site-navbar .site-navigation > ul > li:nth-first-child(1){margin-left: 0px ;}
.site-navbar .site-navigation > ul > li:hover{ border-bottom:2px solid transparent;}
.site-navbar .site-navigation li a{font-size:16px; text-transform: uppercase;color: #fff;}
.site-navbar .site-navigation li a:hover{color: var(--accentcolor);}
.site-navbar .menu-item-has-children{position: relative; padding-right: 0px;}
.site-navbar .site-navigation .menu-item-has-children{border-bottom: none !important;display: flex; flex-direction: column; align-items: center;} 
.site-navbar .site-navigation .menu-item-has-children li a{font-weight: 500;color: #000;text-align: left;font-size: 15px;width: max-content;}
.site-navbar .menu-item-has-children a{display: flex; align-items: center;}
.site-navbar .menu-item-has-children > a:after{content: "\f078";font-family:'Font Awesome 5 Free'; margin-left: 0.3rem;font-weight:900; margin-top:-3px; font-size: 13px;}
.site-navbar .menu-item-has-children:hover > a:after{transform:rotate(180deg);}
#menu-top-nav > .menu-item-has-children > .dropdown{transform:scaley(0);opacity:0;border-top:2px solid var(--accentcolor); transform-origin:top;position: absolute;display: flex; flex-direction: column; background: #fafafa;top:  2.3rem; box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;min-width: 245px;}
#menu-top-nav > .menu-item-has-children:hover .dropdown{transform:scaley(1);opacity:1;}
#menu-top-nav .menu-item-has-children > .dropdown > li{min-width: 150px; padding: 8px 20px; position: relative;   transition: 0.2s linear;-webkit-transition: 0.2s linear;-moz-transition: 0.2s linear;-o-transition: 0.2s linear;-ms-transition: 0.2s linear;left: 0; border-bottom: 1px dashed #ccc;width: 100%;}
#menu-top-nav .menu-item-has-children  .dropdown > li:hover{background: #fff;left:2px;box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;border-bottom: 1px dashed transparent }
#menu-top-nav .menu-item-has-children  .dropdown > li:hover > a{color: #000}

#menu-top-nav .dropdown > .menu-item-has-children {display:block; justify-content: space-between; width: 100%; border-bottom: 1px dashed #ccc !important;}
#menu-top-nav .dropdown > .menu-item-has-children a{display: flex; justify-content: space-between;text-align: left;font-size: 15px;}
#menu-top-nav .dropdown > .menu-item-has-children > a:after{content:"\f067"}
#menu-top-nav .dropdown > .menu-item-has-children > .dropdown{display: flex;flex-direction: column;transform: scalex(0) scaley(0); opacity:0;transform-origin:top left; position: absolute;top:0; left: 100%; background: #f1f1f1;text-align: left;width: max-content;}
#menu-top-nav .dropdown > .menu-item-has-children > .dropdown a{font-weight: 500;}
#menu-top-nav .dropdown > .menu-item-has-children:hover > .dropdown{transform: scalex(1) scaley(1); opacity:1;}
#menu-top-nav .dropdown > .menu-item-has-children > .dropdown >li {padding: 7px 18px;}

.site-mobile-menu{position:fixed; height: 100vh; width: 100vw;top:0; background:#0009; z-index:999;transform: scalex(0);transform-origin:left;left: 0;}
.active-menu .site-mobile-menu{transform: scalex(1);}
.active-menu .site-mobile-menu  .side-nav{transform: scalex(1);}
.site-mobile-menu .side-nav{height:100%; background:var(--secondarycolor); width:350px;transform: scalex(0); transform-origin:left;transition-delay: 0.2s;}

.site-mobile-menu .side-logo{width: 70px;}
.site-mobile-menu .site-mobile-menu-header{display: flex; align-items: center; justify-content: space-between;  padding:14px 14px;background: var(--secondarycolor);border-bottom: 2px solid #ffffff2e;}
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close{cursor: pointer;}
.site-mobile-menu  .header-btn{margin: 1rem auto 0}
.close-arrow img{width: 20px !important;}
.close-arrow i{font-size:24px !important; transition:0.4s ease; }
.close-arrow:hover i{color: var(--tertiarycolor);}

.site-mobile-menu .site-mobile-menu-body{padding: 1rem; }
.site-mobile-menu  ul{list-style: none}
.site-mobile-menu  ul > li{ padding:8px 0;position:relative;text-align: left;border-bottom: 1px solid #ffffff17;}
.site-mobile-menu  ul > li:nth-last-child(1){border-bottom: 0}
.site-mobile-menu  ul > li a{color: #fff}

.site-mobile-menu .menu-item-has-children{overflow:hidden;}
.site-mobile-menu .menu-item-has-children .arrow-collapse{position: absolute; right: 0}
.site-mobile-menu .menu-item-has-children .collapse{height: 0;background: #f2f2f2; padding: 0 1rem; margin-top:0;}
.site-mobile-menu .menu-item-has-children li a{color:#000; font-size: 15px;}
.site-mobile-menu .menu-item-has-children i{color: #fff}
.site-mobile-menu .menu-item-has-children li {border-bottom: 1px solid #0002}
.site-mobile-menu .menu-item-has-children .menu-item-has-children .collapse{background: #fafafa !important;box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;}
.site-mobile-menu .menu-item-has-children .collapse.show{height:fit-content;margin-top:0.6rem }
.site-mobile-menu .topbtn{margin: 1rem auto !important;}

#header-section{padding: 15px 0;display: block;width: 100%;position: absolute;z-index: 99999;background: transparent;}
.home #header-section{position: relative;background: var(--tertiarycolor);}
#header-section .row{align-items: center;}
#header-section .header-btn{display: flex;align-items:center; justify-content:center;width: fit-content;height:42px;border-radius:10px; width:150px; background: var(--accentcolor); color:  #000; transition: 0.5s ease; }
#header-section .header-btn a{color: #000; text-decoration: none;}
#header-section .header-btn:hover{background: var(--secondarycolor); }

#logo img{width: 123px;}

.topbtn{margin-right:0 !important}
.topbtn a:after{display:none !important}
.topbtn a{border:0;background:var(--accentcolor);padding:11px 22px;color:#000 !important;;font-size:1.25rem !important;font-weight:700 !important; clip-path: polygon(9% 0, 100% 0, 100% 75%, 91% 100%, 0 100%, 0 25%);}
.topbtn i{margin-right: 8px; }
.fa-phone-num::before {content: "\f095";}

@media screen and (max-width: 981px) {
    #top-bar{display: none;}
    #logo{display: flex; justify-content: space-between; align-items: center;}
    #logo img{width: 110px;}
    #header-section{padding: 16px 0}
}

@media screen and (max-width: 600px) {
    #logo img{width: 90px;}
}