html {
    scroll-behavior: smooth;
}

#masthead.header-v12 {
    font-family: Cairo, sans-serif;
}

#masthead.header-v12 .img-header-logo {
    width: 130px;
    padding-left: 25px;
    align-content: center;
}

#masthead.header-v12 .mega-menu-description {
    display: none !important;
}

#masthead.header-v12 .mega-menu-link {
    color: #000 !important;
}

#masthead.header-v12 .mega-sub-menu {
    background-color: #fff !important;
}

#masthead.header-v12
    .otrac-header-search
    .input-group
    .input-search-field
    input.form-control[type="search"] {
    height: 41px;
    border: 1px solid #ddd !important;
    border-radius: 22px !important;
    background: #fff;
    color: #333e48;
    position: relative;
}

#masthead.header-v12
    .otrac-header-search
    .input-group
    .input-group-btn
    button.btn[type="submit"] {
    width: 60px;
    height: 41px;
    border: 2px solid #1377d1 !important;
    border-radius: 0 6px 6px 0 !important;
    background: #1377d1 !important;
    color: #fff !important;
    font: 500 15px/15px Inter, sans-serif;
}

#masthead.header-v12
    .otrac-header-search
    .input-group
    .input-group-btn
    button.btn[type="submit"]:focus-visible,
#masthead.header-v12
    .otrac-header-search
    .input-group
    .input-search-field
    input.form-control[type="search"]:focus-visible {
    outline: 2px solid #1377d1;
    outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }
}

@media only screen and (min-width: 1200px) {
    #masthead.header-v12 .masthead {
        flex-wrap: nowrap;
    }

    #masthead.header-v12 .masthead > #mega-menu-wrap-primary-nav {
        flex: 0 1 auto;
        min-width: 0;
        width: auto;
    }

    #mega-menu-wrap-primary-nav #mega-menu-primary-nav {
        text-align: left;
        white-space: nowrap;
    }

    #mega-menu-wrap-primary-nav #mega-menu-primary-nav > li.mega-menu-item {
        margin: 0;
    }

    #mega-menu-wrap-primary-nav
        #mega-menu-primary-nav
        > li.mega-menu-item
        > a.mega-menu-link,
    .site-nav > ul > li > a {
        padding-left: 7px !important;
        padding-right: 7px !important;
        white-space: nowrap !important;
        overflow-wrap: normal !important;
    }

    .site-nav > ul {
        gap: 0;
    }

    #masthead.header-v12 .otrac-header-search-slot {
        flex: 0 0 256px;
        width: 256px;
    }

    #masthead.header-v12 .otrac-header-search {
        padding: 0;
    }

    #masthead.header-v12 .header-icons {
        display: none !important;
    }

}

@media only screen and (min-width: 1480px) {
    #mega-menu-wrap-primary-nav #mega-menu-primary-nav {
        display: flex;
        align-items: center;
    }

    #mega-menu-wrap-primary-nav #mega-menu-primary-nav > li.mega-menu-item {
        margin: 0 !important;
    }
}

@media only screen and (max-width: 1199px) {
    #masthead.header-v12 {
        position: static;
        z-index: auto;
        background: #fff;
    }

    #masthead.header-v12
        > .stick-this
        > .container.hidden-lg-down.d-none.d-xl-block {
        display: none !important;
    }

    #masthead.header-v12
        > .stick-this
        > .container.hidden-xl-up.d-xl-none {
        display: block !important;
    }

    #masthead.header-v12
        .mobile-header-v1
        .off-canvas-navigation-wrapper.d-xl-none {
        display: block !important;
    }

    #masthead.header-v12
        .mobile-header-v1
        .off-canvas-navigation-wrapper
        .navbar-toggler {
        border: 0;
        padding: 13px 35px;
        font: 500 14px/14px Inter, sans-serif;
    }

    #masthead.header-v12 .mobile-header-v1 {
        min-height: 126px;
        flex-wrap: wrap;
        background: #fff;
    }

    #masthead.header-v12 .otrac-mobile-header-search {
        order: 20;
        min-width: 0;
        max-width: calc(100% - 30px);
        height: 54px;
        margin: 4px 15px 8px;
        padding: 4px 15px 0;
        display: block;
        flex: 0 0 calc(100% - 30px);
    }

    #masthead.header-v12 .otrac-mobile-header-search .input-group {
        width: 100%;
        height: 50px;
        border: 2px solid #1377d1;
        border-radius: 25px;
        display: flex;
        flex-wrap: nowrap;
    }

    #masthead.header-v12
        .otrac-mobile-header-search
        .input-search-field {
        min-width: 0;
        height: 46px;
        padding-right: 1px;
        display: block;
        flex: 1 1 auto;
    }

    #masthead.header-v12
        .otrac-mobile-header-search
        .input-search-field
        .twitter-typeahead {
        min-width: 0;
        width: 100%;
        display: block !important;
    }

    #masthead.header-v12
        .mobile-header-v1
        .otrac-mobile-header-search
        .input-group
        .input-search-field
        input.form-control[type="search"] {
        width: 100%;
        height: 46px;
        border: 1px solid #ddd !important;
        border-radius: 22px !important;
        padding: 0 21px;
        background: transparent;
        color: #68717b;
        outline: 0;
    }

    #masthead.header-v12
        .otrac-mobile-header-search
        .input-search-field
        input.tt-hint,
    #masthead.header-v12
        .otrac-mobile-header-search
        .input-search-field
        input.tt-input {
        width: 100% !important;
    }

    #masthead.header-v12
        .otrac-mobile-header-search
        .input-group-btn {
        width: 56px;
        height: 46px;
        display: block;
        flex: 0 0 56px;
    }

    #masthead.header-v12
        .mobile-header-v1
        .otrac-mobile-header-search
        .input-group
        .input-group-btn
        button.btn[type="submit"] {
        width: 56px;
        height: 46px;
        border: 0 !important;
        border-radius: 6px !important;
        padding: 0;
        background: transparent;
        color: #343e48;
        font: 500 15px/15px Inter, sans-serif;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #masthead.header-v12
        .otrac-mobile-header-search
        button[type="submit"]:focus-visible,
    #masthead.header-v12
        .otrac-mobile-header-search
        input[type="search"]:focus-visible {
        outline: 2px solid #1377d1;
        outline-offset: 2px;
    }
}

@media only screen and (max-width: 1199px) {
    #masthead.header-v12 .otrac-mobile-header-search {
        padding: 0;
    }
}

@media only screen and (max-width: 767px) {
    #masthead.header-v12
        .mobile-header-v1
        .otrac-mobile-header-search
        .input-group
        .input-group-btn
        button.btn[type="submit"] {
        font-size: 14px;
        line-height: 14px;
    }
}