/* CSS */

:root{
    --sidearea-hover-background: #0f669f;
    --main-color: #fa4729;
    --main-color-dark: #063656;
}
.eng_humburger_close_icon a{
    color: #fff;
    display: block;
    padding-block: 30px;
    padding-inline: 30px;
    display: grid;
    place-items: center;
    background-color: #0f669f;
    position: relative;
}
.eng_humburger_icon a{
    color: #fff;
    display: block;
    padding-block: 35px;
    padding-inline: 35px;
    display: grid;
    place-items: center;
    background-color: #fa4729;
    position: relative;
}
.qodef-svg--close{
    fill: none;
    stroke: currentColor;
    stroke-miterlimit: 10;
    stroke-width: 2;
    z-index: 2;
}
.eng_humburger_close_icon a:hover .qodef-svg--close line{
    stroke-dashoffset: 0;
}

.qodef-svg--side-area {
    fill: none;
    stroke: currentColor;
    stroke-miterlimit: 10;
    stroke-width: 2;
    z-index: 2;
}

.eng_humburger_icon a:hover .qodef-svg--side-area line{
    stroke-dashoffset: 0;
}

.eng_humburger_icon a .qodef-svg--side-area line:nth-of-type(1){
    transition: stroke-dashoffset .4s ease-in-out, transform .4s ease;
}
.eng_humburger_icon a  .qodef-svg--side-area line:nth-of-type(2){
    transition: stroke-dashoffset .4s ease-in-out .15s;
}
.eng_humburger_icon .qodef-svg--side-area line{
    stroke-dasharray: 30;
    stroke-dashoffset: 60;
    transform: translateY(0);
}
.eng_humburger_close_icon a:after{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: var(--main-color-dark, #0f669f);
    transform-origin: left;
    transform: scaleX(0);
    transition: transform .3s ease;
    z-index: 1;
}
.eng_humburger_close_icon a:hover:after {
    transform: scaleX(1);
}

.eng_humburger_icon a:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: var(--sidearea-hover-background, #024c7d);
    transform-origin: left;
    transform: scaleX(0);
    transition: transform .3s ease;
    z-index: 1;
}
.eng_humburger_icon a:hover:after {
    transform: scaleX(1);
}
/* Main Menu */
.eng_main_menu{

}
.eng_main_menu .elementor-item{
    position: relative;
}

.eng_main_menu .elementor-item:before {
    content: '/';
    position: absolute;
    left: -11px;
    color: var(--main-color);
    transition: -webkit-clip-path .4s ease-out;
    transition: clip-path .4s ease-out;
    transition: clip-path .4s ease-out, -webkit-clip-path .4s ease-out;
    -webkit-clip-path: inset(100% 0 0 0);
    clip-path: inset(100% 0 0 0);
    background-color: transparent!important;
}

.eng_main_menu .elementor-item:hover::before,
.eng_main_menu .elementor-item.elementor-item-active:before {
    -webkit-clip-path: inset(-5px -5px -5px -5px);
    clip-path: inset(-5px -5px -5px -5px);
}
.eng_side_menu_desktop.active{
    transform: translate(0)!important;
}

/* Titles */
.eng_ttitle_stripe span{
    position: relative;
    color: #fff;
}

.eng_ttitle_stripe span::after {
    content: '';
    position: absolute;
    width: 30px;
    height: 2px;
    background-color: currentColor;
    right: -43px;
    top: calc(50% + 2px);
    transform: translateY(-1px);
    -webkit-clip-path: inset(0 0 0 100%);
    clip-path: inset(0 0 0 100%);
    transition: -webkit-clip-path 1s ease-out .3s;
    transition: clip-path 1s ease-out .3s;
    transition: clip-path 1s ease-out .3s, -webkit-clip-path 1s ease-out .3s;
}
.eng_ttitle_stripe span::after {
    -webkit-clip-path: inset(0 0 0 0);
    clip-path: inset(0 0 0 0);
}
.eng_site_header.active{
    box-shadow: 0 1px 4px 0px rgb(0 0 0 / 26%);
}

.eng_contact_form input{
    border: none;
    border-bottom: 1px solid #000;
    border-radius: 0;
    background-color: transparent;
    outline: none;
}
.eng_contact_form textarea{
    border: none;
    border-bottom: 1px solid #000;
    border-radius: 0;
    background-color: transparent;
    outline: none;
    max-height: 100px;
}

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

.eng_contact_form .gform_button {
    background-color: #fa4729!important;
    border-bottom: none;
}