:root {
    --black-color: #000;
    --theme-color: #17b55e;
    --secondary-color: #ff8800;
    --hover-color: #ff8800;
    --inter-font-family: "Inter", Sans-serif;
    --whitecolor: #FFF6F0;
    --mail-icon: url("data:image/svg+xml,%3Csvg aria-hidden='true' class='e-font-icon-svg e-fas-envelope' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M502.3 190.8c3.9-3.1 9.7-.2 9.7 4.7V400c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V195.6c0-5 5.7-7.8 9.7-4.7 22.4 17.4 52.1 39.5 154.1 113.6 21.1 15.4 56.7 47.8 92.2 47.6 35.7.3 72-32.8 92.3-47.6 102-74.1 131.6-96.3 154-113.7zM256 320c23.2.4 56.6-29.2 73.4-41.4 132.7-96.3 142.8-104.7 173.4-128.7 5.8-4.5 9.2-11.5 9.2-18.9v-19c0-26.5-21.5-48-48-48H48C21.5 64 0 85.5 0 112v19c0 7.4 3.4 14.3 9.2 18.9 30.6 23.9 40.7 32.4 173.4 128.7 16.8 12.2 50.2 41.8 73.4 41.4z'%3E%3C/path%3E%3C/svg%3E");
    --call-icon: url("data:image/svg+xml,%3Csvg aria-hidden='true' class='e-font-icon-svg e-fas-phone-alt' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M497.39 361.8l-112-48a24 24 0 0 0-28 6.9l-49.6 60.6A370.66 370.66 0 0 1 130.6 204.11l60.6-49.6a23.94 23.94 0 0 0 6.9-28l-48-112A24.16 24.16 0 0 0 122.6.61l-104 24A24 24 0 0 0 0 48c0 256.5 207.9 464 464 464a24 24 0 0 0 23.4-18.6l24-104a24.29 24.29 0 0 0-14.01-27.6z'%3E%3C/path%3E%3C/svg%3E");
        --right-arrow-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11.531' height='19.631' viewBox='0 0 11.531 19.631'%3E%3Cpath id='Path_111' data-name='Path 111' d='M10.582,11.22l8.734-8.734a1.069,1.069,0,0,0,0-1.516L18.673.323a1.076,1.076,0,0,0-1.52,0L9.819,7.657,2.474.315a1.069,1.069,0,0,0-1.516,0L.315.958a1.069,1.069,0,0,0,0,1.516L9.057,11.22a1.089,1.089,0,0,0,1.524,0Z' transform='translate(0 19.631) rotate(-90)'/%3E%3C/svg%3E%0A");

}
body.error404,
body.page-id-1283  {
    padding-top: 137px;
}
body.active-responsive-menu {
    overflow: hidden;
}
body.home {padding-top: 0;}
ul.menu li.menu-item.current-menu-item.hdr-btn>a {
    color: #13b15a;
}
.header-container,
.container{width:100%;
    padding:0 20px;
    margin:0 auto;max-width:1380px;}

 header .header_bottom {background-color: transparent;}

header.nav-down .header_bottom,
header.elementor.nav-up .header_bottom,
/* header .header_bottom, */
/* .error404 .header_bottom, */
body.error404 .header_bottom,
.page-id-1283 .header_bottom {
    background-color: var(--theme-color);
}

header.elementor.nav-up .head_top_row {
    border-color: transparent;
}



header.elementor{position:fixed;top:0;left:0;width:100%;z-index:9;transition:all .5s ease;line-height:0;}
header.elementor.nav-up{top:-47px;background:var(--theme-color);}
header.nav-down,
header.elementor.nav-up .header_bottom{box-shadow:rgba(0,0,0,0.22) 0px 1px 10px;background:var(--theme-color);}
.header_hem_bar_box,
.nav-link>ul.menu>li.menu_text,
.header_hem_bar_box{display:none;}
.head_top_row{padding:10px 0;background:var(--black-color);
    background: #13b15a;
    border-bottom: 1px solid #ffffff6e;
}
.header-top{display:flex;align-items:center;justify-content:space-between;}
.header-top-left-col{display:flex;align-items:center;gap:25px;}
header .connect a{position:relative;padding-left:27px;color:var(--whitecolor);transition:all 0.5s ease;}
header .connect a:hover{
    /* color:var(--theme-color); */
    opacity: 0.8;
}
header .connect a,
header p{margin-bottom:0;font-family:var(--inter-font-family);}
header .connect a:before{content:"";position:absolute;left:0;top:2px;background:var(--whitecolor);-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain;mask-image:var(--hdr-location-icon);mask-repeat:no-repeat;mask-position:center;mask-size:contain;width:18px;height:18px;transition:all 0.5s ease;}
header .connect a:hover::before{
    /* background:var(--theme-color); */
    opacity: 0.8;
}
header .email-icon a:before{-webkit-mask-image:var(--mail-icon);mask-image:var(--mail-icon);}
header .call-box a:before{-webkit-mask-image:var(--call-icon);mask-image:var(--call-icon);}

ul.social-list{gap:14px;display:flex;flex-wrap:wrap;padding:0;list-style:none;}
ul.social-list li{list-style:none;}
ul.social-list li a{display:flex;align-items:center;justify-content:center;border-radius:100px;position:relative;transition:all 0.5s ease;}
ul.social-list li a svg path{fill:var(--whitecolor);}
ul.social-list li a:hover svg path{
    /* fill:var(--theme-color); */
    opacity: 0.8;
}
ul.social-list li a svg path{transition:all 0.5s ease;}
ul.social-list li a svg{width:auto;height:auto;transition:all 0.5s ease;}

.header_bottom{transition:all 0.5s ease;
    /* padding:10px 0; */
    position:relative;}
.header_bottom .header_bottom_row{display:flex;align-items:center;column-gap:50px;justify-content:space-between;}
.header_bottom .header-left-col{width:210px;}
.header_bottom .header-left-col .main-logo img{display:block;width:100%;}
.header_bottom .header-left-col .main-logo{display:block;}
.header_bottom .header_bottom_row.two-col .header-right-col{width:auto;}
.header-section ul.menu{display:flex;flex-wrap:wrap;list-style:none;align-items:center;padding:0;gap:34px;justify-content:center;}
.header-bottom-bar ul.menu>li>a{position:relative;}
ul.menu li.menu-item>a{font-size:16px;font-weight:500;line-height:22px;letter-spacing:0;color:#fff;transition:.5s ease;position:relative;font-family:var(--inter-font-family)}


.header_bottom ul.menu>li.menu-item-has-children ul li.menu-item-has-children,
.header_bottom ul.menu>li.menu-item-has-children {position: relative;transition: all 0.5s ease;}
/* {color:var(--black-color);} */
ul.menu li.hdr-btn a{display:inline-block;padding:12px 25px;background:var(--whitecolor);color:var(--theme-color);border-radius:50px;transition:all 0.5s ease; border: 1px solid transparent;font-weight: 600 !important;}
body header .header-bottom-bar ul.menu li.hdr-btn a::after {width: 0;}

.header_bottom ul.menu>li.current-menu-ancestor > a,
.header_bottom ul.menu>li.menu-item-has-children.current-menu-parent > a,
ul.menu li.menu-item:hover>a,
ul.menu li.menu-item.current-menu-item>a {

}

ul.menu li.hdr-btn a:hover{color:var(--whitecolor) !important; border-color: #fff; background: transparent;}

.header_bottom ul.menu li.menu-item-has-children a i.arrow-icon,
body ul.menu li.hdr-btn a::before{display:none;}




@media only screen and (min-width: 992px) {

  
    .header-bottom-bar ul.menu>li>a:after {
                content: "";
        position: absolute;
        bottom: -4px;
        width: 0;
        height: 2px;
        background: var(--whitecolor);
        left: 50%;
        transition: all .5s ease;
        transform: translateX(-50%);
        border-radius: 50px;
    }
.header_bottom ul.menu>li.current-menu-ancestor > a:after,
    ul.menu li.current-menu-parent>a:after, 
    ul.menu>li.menu-item-has-children:hover>a:after, 
    ul.menu>li.current_page_item>a:after,
    .header-bottom-bar ul.menu>li>a:hover:after {
        width: 100%;
        color: #fff !important;
    }

    /* ul.menu li.current-menu-parent>a:after, */
    /* ul.menu>li.menu-item-has-children:hover>a:after, */
    /* ul.menu>li.current_page_item>a:after, */
    .header-bottom-bar ul.menu>li>a:hover:after {
        width: 100%;
        color: #fff !important;
    }

    

    .header_bottom ul.menu>li.menu-item-has-children,
    header.nav-down .header_bottom ul.menu>li.menu-item-has-children,
    header.elementor.nav-up .header_bottom ul.menu>li.menu-item-has-children {
        padding-bottom: 34px;
        margin-top: 34px;
    }

    .header_bottom ul.menu li.menu-item-has-children>a {
        position: relative;
        padding-right: 18px;
    }

    .header_bottom ul.menu li.menu-item-has-children>a i.arrow-icon {
        display: flex;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 0;
        width: 10px;
        height: 10px;
        align-items: center;
        justify-content: center;
        transition: all 0.5s ease;
    }
    .header_bottom ul.menu ul.sub-menu li i.arrow-icon {
        transform: translateY(-50%) rotate(270deg);
    }


    .header_bottom ul.menu li.menu-item-has-children a i.arrow-icon {
        display: flex;
    }
    .header_bottom ul.menu>li.menu-item-has-children:hover>a i.arrow-icon {
        transform: translateY(-50%) rotateX(180deg);
    }
    
    /* .header_bottom ul.menu>li.menu-item-has-children:hover>a i.arrow-icon svg path, */
    /* .header_bottom ul.menu>li.current-menu-ancestor > a i.arrow-icon svg path, */
    /* .header_bottom ul.menu>li.menu-item-has-children.current-menu-parent > a i.arrow-icon svg path, */
    .header_bottom ul.menu>li.current-menu-item>a i.arrow-icon svg path {
        /* fill: var(--black-color); */
    }
    .header_bottom ul.menu>li.menu-item-has-children ul.sub-menu li.current-menu-ancestor >a i.arrow-icon svg path,
.header_bottom ul.menu>li.menu-item-has-children ul.sub-menu li.menu-item.current-menu-item>a i.arrow-icon svg path,
        .header_bottom ul.menu>li.menu-item-has-children ul.sub-menu li.menu-item-has-children:hover>a i.arrow-icon svg path {
            fill: var(--theme-color);
        }

    .header_bottom ul.menu li.menu-item-has-children>a i.arrow-icon svg {
        width: 100%;
        height: 100%;
    }

    .header_bottom ul.menu li.menu-item-has-children>a i.arrow-icon svg path {
        transition: all 0.5s ease;
    }

    .header_bottom ul.sub-menu {
        position: absolute;
        top: 100%;
        background: #fff;
        left: 0;
        width: 240px;
        z-index: 1;
        display: none;
        list-style: none;
        padding: 10px 0;
        border-radius: 10px;
        border: 1px solid #E4E4E4;
        box-shadow: 0 5px 10px rgb(0 0 0 / 20%);
    }

    
    .header_bottom ul.sub-menu li i.arrow-icon svg path {
        fill: #000;
    }

    .header_bottom ul.menu li.menu-item-has-children:hover>ul.sub-menu {
        display: block;
    }
    .header_bottom ul.menu>li.menu-item-has-children:hover:before {
        opacity: 1;
    }

    .header_bottom ul.menu>li.menu-item-has-children:before {
        opacity: 0;
        position: absolute;
        content: "";
        width: 10px;
        height: 10px;
        background: #fff;
        bottom: -5px;
        left: 40%;
        transform: rotate(45deg);
        z-index: 999999;
        border: 1px solid #E4E4E4;
        border-bottom: 0;
        border-right: 0;
    }

    .header_bottom ul.menu>li.menu-item-has-children ul.sub-menu li {
        width: 100%;
        line-height: 0;
        padding: 7px 20px 7px 30px;
        cursor: auto;
    }

    .header_bottom ul.menu>li.menu-item-has-children ul.sub-menu li {
        position: relative;
    }

    .header_bottom ul.menu>li.menu-item-has-children ul.sub-menu li:before {
        content: "";
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        width: calc(100% - 40px);
        height: 1px;
        bottom: 0;
        background: #E4E4E4;
    }

    .header_bottom ul.menu>li.menu-item-has-children ul.sub-menu li:last-child:before {
        height: 0;
    }

    .header_bottom ul.menu>li.menu-item-has-children ul.sub-menu li>a {
        padding: 0;
        color: #000;
        font-size: 16px;
        line-height: 26px;
        font-weight: 600;
        transition: .5s;
        position: relative;
        display: inline-block;
        margin: 0;
        padding: 0;
        width: 100%;
    }

    .header_bottom ul.menu>li.menu-item-has-children ul.sub-menu li.current-menu-ancestor >a,
    .header_bottom ul.menu>li.menu-item-has-children ul.sub-menu li.menu-item-has-children:hover>a,
    .header_bottom ul.menu>li.menu-item-has-children ul.sub-menu li>a:hover,
    .header_bottom ul.menu>li.menu-item-has-children ul.sub-menu li.menu-item.current-menu-item>a {
        color: var(--theme-color);
    }

    .header_bottom ul.menu>li.menu-item-has-children ul.sub-menu li>a:before {
        content: "";
        position: absolute;
        width: 5px;
        height: 5px;
        border-radius: 100%;
        opacity: 0;
        top: 1px;
        bottom: 0;
        left: 0;
        margin: auto;
        background-color: var(--theme-color);
        -ms-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -webkit-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }

    .header_bottom ul.menu li.current-menu-ancestor>ul.sub-menu>li.current-menu-ancestor>a::before,
    .header_bottom ul.menu li.menu-item-has-children>ul.sub-menu li.menu-item-has-children:hover>a:before,
    .header_bottom ul.menu>li.menu-item-has-children>ul.sub-menu li.current-menu-item>a:before,
    .header_bottom ul.menu>li.menu-item-has-children ul.sub-menu li>a:hover:before {
        opacity: 1;
        left: -15px;
        -ms-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -webkit-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }

     .header_bottom ul.menu li.menu-item-has-children>ul.sub-menu li.menu-item-has-children:hover ul.sub-menu {
        left: 100%;
        top: 0;
    }


}

@media only screen and (max-width: 1339px) {    
    body.error404,
    body.page-id-1283  {
        padding-top: 121px;
    }
    .header_bottom .header-left-col {width: 180px;}
    .header_bottom ul.menu>li.menu-item-has-children, 
    header.nav-down .header_bottom ul.menu>li.menu-item-has-children, 
    header.elementor.nav-up .header_bottom ul.menu>li.menu-item-has-children {padding-bottom: 26px;margin-top: 26px;}
    ul.menu li.hdr-btn a {padding: 10px 20px;}
}

@media only screen and (max-width: 1199px) {
    body.error404,
    body.page-id-1283  {
        padding-top: 119px;
    }
    header .connect a, header p {font-size: 16px;}
    header .connect a:before {top: 1px;}
    .header-section ul.menu { gap: 25px;}

    .header_bottom .header-left-col {
        width: 160px;
    }

}

@media only screen and (max-width: 991px) {

    .header_bottom {padding: 12px 0;}

    body.error404,
      body.page-id-1283  {
        padding-top: 115px;
      }
    .mobile_menu_bar_icon.mobile_menu_bar {
        height: 30px;
        width: 30px;
        position: relative;
        display: block;
        line-height: 0;
        cursor: pointer;
    }

    .header_hem_bar_box {
        display: flex;
        align-items: center;
        justify-content: end;
    }

    .mobile_menu_bar_icon.mobile_menu_bar svg path {
        fill: #fff;
    }

    .header_bottom nav.nav-link>ul.menu {
        display: block;
        position: fixed;
        right: -200%;
        top: 0;
        width: 100%;
        max-width: 450px;
        background: var(--theme-color);
        height: 100%;
        margin: 0;
        padding: 0 20px 40px;
        overflow-y: auto;
        flex-direction: column;
        transition: all .6s ease;
        display: block !important;
        flex-wrap: nowrap;
        z-index: 99;
    }

    body.active-responsive-menu .header_bottom nav.nav-link>ul.menu {
        right: 0;
    }

    body.active-responsive-menu .header_bottom .header-right-col:before {
        opacity: 1;
        visibility: visible;
    }

    .header_bottom .header-right-col:before {
        content: '';
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        background: #0000004f;
        backdrop-filter: blur(5px);
        opacity: 0;
        visibility: hidden;
    }

    .header_bottom nav.nav-link>ul.menu li.menu_text {
        border: none;
        width: 100%;
        height: 50px;
        position: sticky;
        top: 0;
        display: flex !important;
        align-items: center;
        justify-content: flex-end;
        text-align: right;
        z-index: 3;
        background: var(--theme-color);
        text-align: end;
    }

    .header_bottom nav.nav-link>ul.menu li.menu_text span.mobile_menu_bar_inner {
        width: 15px;
        height: 16px;
        cursor: pointer;
        display: inline-block;
    }
    .header_bottom nav.nav-link>ul.menu li.menu_text span.mobile_menu_bar_inner svg {
        width: 100%;
        height: 100%;
    }
    .header_bottom nav.nav-link>ul.menu li.menu_text span.mobile_menu_bar_inner svg path {transition: all 0.5s ease;}
    .header_bottom nav.nav-link>ul.menu li.menu_text span.mobile_menu_bar_inner svg:hover path {
        fill: var(--theme-color);
    } 
  

    .header_bottom nav.nav-link ul.menu li ul {
    width: 100%;
        list-style: none;
        padding: 0;
        padding-left: 20px;
        display: none;
    }

    .header_bottom ul.menu>li.menu-item-has-children ul.sub-menu li.current-menu-ancestor >a, 
    .header_bottom ul.menu>li.menu-item-has-children ul.sub-menu li.menu-item-has-children:hover>a, 
    .header_bottom ul.menu>li.menu-item-has-children ul.sub-menu li>a:hover, 
    .header_bottom ul.menu>li.menu-item-has-children ul.sub-menu li.menu-item.current-menu-item>a,
    .header_bottom ul.menu>li.current-menu-ancestor > a, 
    .header_bottom ul.menu>li.menu-item-has-children.current-menu-parent > a, 
    ul.menu li.menu-item.current-menu-item>a, ul.menu li.menu-item:hover>a {
    color: #eef2f0b5;
    }

    .header_bottom ul.menu>li.menu-item-has-children, 
    header.nav-down .header_bottom ul.menu>li.menu-item-has-children, 
    header.elementor.nav-up .header_bottom ul.menu>li.menu-item-has-children {
        padding-bottom: 0;
        margin-top: 0;
    }



    .header_bottom ul.menu li {
        padding: 0 0 !important;
        width: 100%;
        border-bottom: 1px solid rgb(255 255 255 / 20%);
        height: auto;
        line-height: 0;
        margin: 0;
    }
    /* .header_bottom ul.menu > li:nth-last-child(-n+2), */
    .header_bottom ul.menu li ul.sub-menu li:last-child,
    .header_bottom ul.menu li:last-child  {border-bottom: 0; border-top: 0;}

    body ul.menu li>a {
        position: relative;
        padding: 12px 0;
        display: block;
        cursor: pointer;
    }


    span.mobile-toggle {
               width: 30px;
        height: 46px;
        position: absolute;
        top: 0;
        right: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
    }

    span.mobile-toggle:after, span.mobile-toggle:before {
        content: "";
        width: 14px;
        height: 2px;
        background: #fff;
        position: absolute;
        border-radius: 1px;
        transition: all .6s ease;
        right: 5px;
    }
    span.mobile-toggle:after {
        transform: rotate(90deg);
    }
    span.mobile-toggle.dt-open::after {
        /* transform: rotate(0deg); */
    }

        span.mobile-toggle.dt-open:after {
        transform: rotate(0deg);
    }



    ul.menu li.hdr-btn {
        margin-top: 20px;
    }
    ul.menu li.hdr-btn a:hover {
        background: var(--theme-color);
        color: var(--whitecolor);
    }
}

@media only screen and (max-width: 767px) {
    body.error404,
    body.page-id-1283  {
        padding-top: 109px;
    }
    .header_bottom .header-left-col {
        width: 140px;
    }

}

@media only screen and (max-width: 576px) { 
    .header_bottom nav.nav-link>ul.menu {max-width: 100%;}
    .mobile_menu_bar_icon.mobile_menu_bar {height: 26px;width: 26px;}

    header .connect a, header p {
        font-size: 0 ;
        width: 20px;
        height: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0;
        transition: unset;
    }
    ul.social-list,
    .header-top-left-col {
        display: flex;
        align-items: center;
        gap: 0;
    }
    ul.social-list li,
    .connect {
        padding-right: 10px;
        margin-right: 10px;
        border-right:1px solid rgb(255 255 255 / 20%);
    }
    ul.social-list li:last-child {margin-right: 0; padding-right: 0; border-right: 0;}
    .header-top {
        justify-content: center;
    }



}
