header#main-header{
    top: 0px !important;
    background-color: rgb(0, 100, 78)!important;
}

#main-header .container.et_menu_container {
    display: flex;
    justify-content: space-between;
    justify-items: center;
}

#main-header #et-top-navigation{
    padding: 20px 0;
    margin-right: 0;
    margin-left: auto;
}

#top-header{
    display: none;
}
#logo {
    width: 240px;
}

#top-menu li.menu-item-has-children > a,
#top-menu .whitea a,
.et-fixed-header #top-menu .whitea a,
.et-fixed-header #top-menu #top-menu li.menu-item-has-children > a{
    color: white!important;
}

.et-fixed-header #top-menu .et_pb_blue_button a span{
    color:rgb(0, 100, 78)!important;
}

#main-menu {
    background-color: #E8EEEC!important;
}

div.fc-section-heading h2 {
    padding-left: 0!important;
    color: rgb(0, 100, 78)!important;
    font-weight: 700;
}

.fc-section-heading h2:before, #sidebar h4.widgettitle:before {
    display: none;
}

#top-menu li.wline-btn,
#top-menu li.popmake-718{
    display: inline-flex;
    align-items: center;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: clamp(16px, 1.25vw, 16px);
    transition: 0.3s ease-out;
    cursor: pointer;
    position: relative;
    padding: 12px 20px 12px 58px;
    border-radius: 40px;
    border: 1px solid #ffffff;
    text-decoration: none;
}

#top-menu li.wline-btn{
    margin-right: 12px;
}

#top-menu li.wline-btn:before,
#top-menu li.popmake-718:before{
    content: "";
    display: block;
    position: absolute;
    width: 24px;
    height: 2px;
    left: 24px;
    top: 50%;
    transform: translateY(-50%);
    transition: 0.3s ease-out;
    background-color: #fff;
}

#top-menu li.wline-btn a, #top-menu li.popmake-718 a, 
#top-menu li.et_pb_more_button a, a.fc-regular-button{
    padding: 0!important;
}

#top-menu li.wline-btn a:before,
#top-menu li.popmake-718 a:before{
    content: "";
    border-radius: 50%;
    position: absolute;
    display: block;
    position: absolute;
    width: 12px;
    height: 12px;
    left: -20px;
    top: 50%;
    transform: translateY(-50%) scale(0.5);
    background-color: rgba(255, 255, 255, 0);
    border: 2px solid rgb(255, 255, 255, 0);
    transition: left 0.3s ease-out, transform 0.3s ease-out;
}

#top-menu li.wline-btn a:after,
#top-menu li.popmake-718 a:after{
    content: "";
    position: absolute;
    display: block;
    width: 8px;
    height: 8px;
    top: 50%;
    left: -16px;
    transform: translateY(-50%);
    border-radius: 50%;
    transition: left 0.3s ease-out;
    background-color: #fff;
}

#top-menu .et_pb_more_button{
    background: transparent;
    border: none;
    color: white;
    font-weight: 700;
    padding: 0!important;
    text-transform: uppercase;
}

body.et_pb_button_helper_class #top-menu .et_pb_blue_button, .yellow-btn{
    display: inline-flex;
    align-items: center;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: clamp(16px, 1.25vw, 16px);
    transition: 0.3s ease-out;
    cursor: pointer;
    position: relative;
    padding: 12px 20px 12px 58px!important;
    border-radius: 40px;
    background: #ffd561!important;
    border: 1px solid #ffd561;
    text-decoration: none; 
}

.yellow-btn a.fc-regular-button {
    background-color: transparent!important;
    border-color: transparent!important;
    color: #00644E!important;
    text-transform: uppercase;
    font-weight: 700;
    padding: 0!important;
    margin: 0!important;
    text-decoration: none;
}

.menu-item .et_pb_button{
    background-color: transparent!important;
    border: none!important;
}

.menu-item.et_pb_blue_button a, .menu-item.et_pb_blue_button a .et_pb_button{
    padding: 0!important;
    color: #00644E!important;
    text-transform: uppercase;
    font-weight: 700;
}

.menu-item.et_pb_blue_button:before, .yellow-btn:before{
    content: "";
    display: block;
    position: absolute;
    width: 24px;
    height: 2px;
    left: 24px;
    top: 50%;
    transform: translateY(-50%);
    transition: 0.3s ease-out;
    background-color: rgb(0, 100, 78);
}

.menu-item.et_pb_blue_button a:before, .yellow-btn a:before{
    content: "";
    border-radius: 50%;
    position: absolute;
    display: block;
    position: absolute;
    width: 12px;
    height: 12px;
    left: -20px;
    top: 50%;
    transform: translateY(-50%) scale(0.5);
    background-color: rgba(255, 255, 255, 0);
    border: 2px solid rgb(255, 255, 255, 0);
    transition: left 0.3s ease-out, transform 0.3s ease-out;
}

.menu-item.et_pb_blue_button a:after, .yellow-btn a:after{
    content: "";
    position: absolute;
    display: block;
    width: 8px;
    height: 8px;
    top: 50%;
    left: -16px;
    transform: translateY(-50%);
    border-radius: 50%;
    transition: left 0.3s ease-out;
    background-color: rgb(0, 100, 78);
}

.nav li ul {
    border-color: #ffd561!important;
    border-width: 2px!important;
}

#main-menu #et-secondary-nav li.mega-menu>ul {
    border-top: 2px solid #ffd561 !important;
}

#top-menu li.et_pb_more_button:before{
    content: "";
    display: block;
    position: absolute;
    width: 24px;
    height: 2px;
    left: 24px;
    top: 50%;
    transform: translateY(-50%);
    transition: 0.3s ease-out;
    background-color: rgb(0, 100, 78);
}

#top-menu li.et_pb_more_button a:before{
    content: "";
    border-radius: 50%;
    position: absolute;
    display: block;
    position: absolute;
    width: 12px;
    height: 12px;
    left: -20px;
    top: 50%;
    transform: translateY(-50%) scale(0.5);
    background-color: rgba(255, 255, 255, 0);
    border: 2px solid rgb(255, 255, 255, 0);
    transition: left 0.3s ease-out, transform 0.3s ease-out;
}

#top-menu li.et_pb_more_button a:after{
    content: "";
    position: absolute;
    display: block;
    width: 8px;
    height: 8px;
    top: 50%;
    left: -16px;
    transform: translateY(-50%);
    border-radius: 50%;
    transition: left 0.3s ease-out;
    background-color: rgb(0, 100, 78);
}

#top-menu li.wline-btn:hover, #top-menu li.popmake-718:hover, 
.et_pb_blue_button:hover, .yellow-btn:hover, body.et_pb_button_helper_class #top-menu .et_pb_blue_button:hover{
    padding-left: 70px!important;
}

#top-menu li.wline-btn:hover:before, #top-menu li.popmake-718:hover:before, 
.et_pb_blue_button:hover:before, .yellow-btn:hover:before{
    width: 30px;
}

.et_pb_blue_button:hover a:before, .yellow-btn:hover a:before{
    left: -24px!important;
    border-color: #00644E;
    transform: translateY(-50%) scale(1);
    width: 16px;
    height: 16px;
}

#top-menu li.wline-btn:hover a:before,
#top-menu li.popmake-718:hover a:before{
    left: -24px;
    border-color: #ffffff;
    transform: translateY(-50%) scale(1);
    width: 16px;
    height: 16px;
}

#top-menu li.wline-btn:hover a:after,
#top-menu li.popmake-718:hover a:after, 
.et_pb_blue_button:hover a:after, .yellow-btn:hover a:after{
    left: -18px;
}

.yellow-btn a.fc-regular-button:hover {
    color: #00644E !important;
    background: transparent !important;
    border-color: transparent!important;
}

#top-menu li.wline-btn > a:hover, #top-menu li.popmake-718 > a:hover,
 #top-menu li.et_pb_blue_button > a:hover {
    opacity: 1!important;
}

p a{
    color: rgb(0, 100, 78)!important;
    font-weight: 700;
    text-transform: uppercase;
}

p.link{
    display: inline-flex;
    align-items: center;
    margin-top: 0px;
    margin-bottom: 0px;
    line-height: 1;
    text-transform: uppercase;
    font-size: clamp(16px, 1.25vw, 16px);
    transition: 0.3s ease-out;
    cursor: pointer;
    position: relative;
    padding: 0 20px 14px 45px;
    width: 100%;
}

p.link:before{
    background-color: #00644e;
    content: "";
    display: block;
    position: absolute;
    width: 24px;
    height: 2px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: 0.3s ease-out;
}
p.link a{
    width: 100%;
    text-align: left;
    text-decoration: none;
}
p.link a:before{
    content: "";
    border-radius: 50%;
    position: absolute;
    display: block;
    width: 12px;
    height: 12px;
    left: 24px;
    transform: translateY(-50%) scale(0.5);
    background-color: rgba(255, 255, 255, 0);
    border: 1px solid rgb(255, 255, 255, 0);
    transition: left 0.3s ease-out, transform 0.3s ease-out;
    top: 50%;
}
p.link a:after{
    content: "";
    border-radius: 50%;
    position: absolute;
    display: block;
    width: 8px;
    height: 8px;
    left: 24px;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%;
    transition: left 0.3s ease-out;
    background-color: #00644e;
}
p.link:hover{
    padding-left: 50px;
}

p.link:hover:before{
    width: 30px;
}

p.link:hover a:before{
    border-color: #00644e;
    transform: translateY(-50%) scale(1);
    width: 16px;
    height: 16px;
    border-width: 2px;
}

p.link:hover a:after{
    left: 30px;
}

#main-footer {
    background-color: #00644E!important;
}

#footer-widgets .footer-widget .menu li:before{
    display: none;

}

#footer-widgets .footer-widget .menu li{
    padding-left: 0;
}

#footer-widgets .footer-widget a, #footer-widgets .footer-widget li a, #footer-info{
    color: #ffffff!important;
}

#footer-widgets .footer-widget:first-child {
    border-right: 1px solid rgba(255, 255, 255, 0.35)!important;
}

#footer-widgets .footer-widget.last {
    padding-top: 20px!important;
    display: flex;
    flex-direction: column;
    text-align: right;
    gap: 10px;
}

#footer-widgets .footer-widget.last #text-4{
    display: none;
}

#footer-widgets .footer-widget.last #footer-info {
    float: right;
    text-align: right;
    padding: 0;
}

.home_solutions_page2 .et_pb_column,
.home_industries_page2 .et_pb_column,
.samheight .et_pb_column{
    margin: 0 auto!important;
}

.et_pb_column_empty{
    visibility: hidden;
}

.en-GB #footer-widgets #text-4{
    color: #ffffff;
}

.en-GB #footer-widgets #text-5,
.et #footer-widgets #block-62,
.et #footer-widgets #block-63{
    display: none;
}

.en-GB #footer-widgets #text-4 a,
.link-phone a,
.et-fixed-header #top-menu #top-menu .link-phone a{
    color: #7cdae1!important;
}

.page-template-default .et_pb_fullwidth_header .header-content-container{
    max-width: 50%;
}

.page-template-default .et_pb_fullwidth_header .header-content-container .header-content{
    background: rgba(0, 0, 0, .5);
    padding: 30px !important;
}

.alingcenter{
    display: flex;
    align-items: center;
}



@media (600px <= width <= 992px){
    .page-template-default .et_pb_fullwidth_header .header-content-container {
        max-width: 75%;
    }
}

@media (width <= 600px){
    .page-template-default .et_pb_fullwidth_header .header-content-container {
        max-width: 100%;
    }
}