* {
        box-sizing: border-box;
        font-family: "Roboto", sans-serif;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
        text-rendering: optimizeLegibility !important;
        -webkit-font-smoothing: antialiased !important;
        -moz-osx-font-smoothing: grayscale !important;
        font-weight: 400;
        font-kerning: auto;
        text-align: left;
    }

    *,
    *::before,
    *::after {
        box-sizing: inherit;
    }

    .mm-page,
    .mm-wrapper_background body {
        background-color: transparent;
    }

    .frontpage-container {
        overflow: hidden !important;
    }

    :root {
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        --white: #ffffff;
        --black: #000000;
        --text-dark: #1E1E1E;
        --text-color: #535353;
        --primary: #D71F1E;
        --red-dark: #a01414;
        --sec-green: #08877d;
        --orange: #ffaa3b;
        --pre-blue: #09213d;
    }

    input {
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    html,
    body,
    main {
        margin: 0;
        -webkit-text-size-adjust: 100%;
        text-align: justify;
        line-height: 1.2;
        background: var(--white);
        font-size: 16px;
        color: var(--text-color);
        scroll-behavior: smooth;
    }

    html,
    body {
        overflow-x: hidden;
        position: relative;
        display: block;
        width: 100%;
        max-width: 100%;
    }

    body {
        overflow-y: hidden;
    }


    a {
        text-decoration: none;
        color: var(--secondary-color);
        cursor: pointer;
    }

    img {
        height: auto;
        max-width: 100%;
    }

    .section {
        position: relative;
        display: block;
        margin: 0 auto;
        clear: both;
        width: 100%;
        opacity: 1;
    }

    .layout-container,
    .frontpage-container {
        position: relative;
        display: block;
        width: 100%;
        clear: both;
    }


    .frontpage-container #cont-parent .container {
        padding-left: 0;
        padding-right: 0;
        /* background-color: tan; */
    }

    .layout-container .captcha {
        border: none !important;
    }

    .path-node #block-op-content .field--name-body p {
        margin: 16.8px 0;
        color: var(--text-color);
        line-height: 1.4;
        font-weight: 400;
        font-size: 1.2rem;
    }
    
    .slide__description .field-content img {
        width: 107px !important;
        cursor: pointer;
    }
    
    .services-parent header p:first-of-type {
        font-size: 1.2rem;
        line-height: 1.2;
    }
    
    .block__content h1 span {
        margin: 0 !important;
    }
    
    .field--name-body ul li {
        font-size: 1.2rem;
        color: var(--text-color);
        padding-bottom: 5px;
    }
    
    .views-field-title .field-content {
        font-size: 1.2rem;
    }
    
    /**Top Header**/
    #block-op-site-branding {
        position: relative;
        display: block;
        padding: 20px 0;
    }

    #block-op-topsocials .field--name-body p {
        margin: 0;
        padding: 0;
    }

#block-op-views-block-our-block-1-2{
    height: 0;
  overflow: hidden;
    
}
    #block-op-topsocials .field--name-body p a {
        display: inline-block;
        padding: 17px;
        font-weight: 0%;
        color: transparent;
    }

    #block-op-topsocials .field--name-body p:first-child a {
        background: url("./../img/facebook-brands-solid-full.svg") no-repeat center;
        background-size: 25px;
    }

    #block-op-topsocials .field--name-body p:last-child a {
        background: url("./../img/linkedin-brands-solid-full.svg") no-repeat center;
        background-size: 25px;
    }

    .feed-icon {
        display: none !important;
    }

    #top-header {
        background: var(--primary);
    }

    #top-header .region-top-header {
        display: flex;
        align-items: center;
    }


    #block-op-topcontacts .field--name-body {
        display: flex;
        gap: 20px;
        color: var(--white);
    }

    #block-op-topcontacts .field--name-body p {}

    #block-op-topcontacts .field--name-body p span,
    #block-op-topcontacts .field--name-body p a {
        padding: 17px 0 17px 51px;
        margin: 0;
    }

    #block-op-topcontacts .field--name-body p:nth-child(1) a {
        background: transparent url(./../img/phone-solid-full.svg) no-repeat center left 14px;
        background-size: 18px;
    }

    #block-op-topcontacts .field--name-body p:nth-child(2) a {
        background: transparent url(./../img/envelope-solid-full.svg) no-repeat center left 14px;
        background-size: 18px;
    }

    #block-op-topcontacts .field--name-body p:nth-child(3) span {
        background: transparent url(./../img/location-dot-solid-full.svg) no-repeat center left 14px;
        background-size: 18px;
    }

    #block-op-topsocials .field--name-body {
        display: flex;
        justify-content: end;
        gap: 20px;
        color: var(--white);
    }


    #content-bottom2 #block-op-getexpertadviceyoucantrust .field--name-body {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        padding: 25px 0;
        justify-content: space-between;
    }

    #content-bottom2 #block-op-getexpertadviceyoucantrust .field--name-body .expert {
        width: 70%;
    }

    #content-bottom2 #block-op-getexpertadviceyoucantrust .field--name-body>p a {
        display: inline-block;
        font-size: 1rem;
        padding: 18px 44px 18px 14px;
        background: var(--white) url("./../img/circle-arrow-right-solid-full (1).svg") no-repeat center right 14px;
        background-size: 22px;
        color: var(--primary);
    }

    #content-bottom2 #block-op-getexpertadviceyoucantrust .field--name-body>p a:hover {
        transform: translateY(-1px);
        box-shadow: 0 8px 28px rgba(0, 0, 0, .2);
    }


    #content-bottom2 #block-op-getexpertadviceyoucantrust .field--name-body h2 {
        font-size: 2.3rem;
        margin: 14px 0 20px;
        font-weight: 700;
    }

    #content-bottom2 #block-op-getexpertadviceyoucantrust .field--name-body p {
        font-size: 1.25rem;
    }

    /**Header*/
    #header {
        padding: 10px 0;
    }
    
    #header .region {
        display: flex;
        align-items: center !important;
        justify-content: center !important;
    }

    #block-op-views-block-logos-block-1 {
        position: relative;
    }

    #block-op-views-block-logos-block-1-2 .logo-menu,
    #block-op-views-block-logos-block-1 .logo-menu {
        display: flex;
        align-items: center;
        gap: 10px 80px;
        flex-wrap: wrap;
    }

    #block-op-views-block-logos-block-1-2 .logo-menu .views-row,
    #block-op-views-block-logos-block-1 .logo-menu .views-row {
        position: relative;
        display: block;
        cursor: pointer;
    }



    /**Main Image*/
    .frontpage-container #slider {
        border-top: 1px solid var(--primary);
    }

    #slider #block-op-views-block-main-image-block-1 .slide__caption {
        position: absolute;
        display: inline-block;
        top: 50%;
        width: 100%;
        height: auto;
        transform: translateY(-50%);
        z-index: 1000 !important;
        line-height: 1;
        overflow: hidden;
    }


    #slider #block-op-views-block-main-image-block-1 .slide__caption .slide__description {
        margin: 0 auto;
        width: 1500px;
        display: block;
        padding: 0;
        color: #fff;
    }

    #slider #block-op-views-block-main-image-block-1 .slide__caption .slide__description .views-field {
        max-width: 640px;
    }

    #slider #block-op-views-block-main-image-block-1 .slide__caption .views-field-field-subtitle .field-content {
        position: relative;
        display: inline-block;
        padding: 7px 13px;
        background: #fff;
        font-size: 0.9rem;
        font-weight: 700;
        color: var(--primary);
        border-radius: 50px;
    }

    #block-op-views-block-who-we-are-block-1 .views-field-field-links a,
    #block-op-views-block-our-block-1 .more-link a,
    #slider #block-op-views-block-main-image-block-1 .slide__caption .views-field-field-link a {
        display: inline-block;
        padding: 18px 44px 18px 14px;
        margin: 40px 0 0;
        background: var(--primary) url("./../img/circle-arrow-right-solid-full.svg") no-repeat center right 14px;
        background-size: 22px;
        color: var(--white);
    }

    #block-op-views-block-who-we-are-block-1 .views-field-field-links a:hover,
    #block-op-views-block-our-block-1 .more-link a:hover,
    #slider #block-op-views-block-main-image-block-1 .slide__caption .views-field-field-link a:hover {
        background-color: var(--red-dark);
        transform: translateY(-1px);
        box-shadow: 0 6px 24px rgba(204, 27, 27, .45);
    }

    #slider #block-op-views-block-main-image-block-1 .slide__caption .views-field-title span {
        position: relative;
        display: inline-block;
        margin: 20px 0;
        z-index: 3;
        color: var(--white);
        font-size: 3.6rem;
        font-weight: 800;
        line-height: 1.3;
    }

    #slider #block-op-views-block-main-image-block-1 .slide__caption .views-field-body p {
        display: inline-block;
        font-size: 1.3rem;
        line-height: 1.5;
    }

    /**Our Clints*/
    #content-top {
        margin: 80px 0;
    }

    #block-op-views-block-clients-block-1 .slide__media {
        display: none !important;
    }

    #block-op-views-block-clients-block-1 .views-field-field-logo img {
        filter: grayscale(1);
    }

    #block-op-views-block-clients-block-1 .views-field-field-logo img:hover {
        filter: grayscale(0);
    }


    #block-op-views-block-clients-block-1 .slide__description {
        display: flex;
        justify-content: center;
    }

    /**Pay*/
    .frontpage-container #content {
        margin: 80px 0;
    }

    #block-op-views-block-pay-block-1 .views-row {
        position: relative;
        display: block;
    }

    #block-op-views-block-pay-block-1 .views-field-title {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 130px;
        background: var(--primary);
        padding: 10px;
        border: 5px solid var(--white);
        border-left: 0;
    }

    #block-op-views-block-pay-block-1 .views-field-title .field-content {
        color: var(--white);
        font-size: 1.9rem;
        font-weight: 500;
    }

    #block-op-views-block-who-we-are-block-1 .views-field-body ul {
        list-style: none;
        display: grid;
        padding: 0;
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }

    #block-op-views-block-who-we-are-block-1 .views-field-body ul li {
        display: inline-block;
        padding: 5px 0 5px 37px;
        font-size: 1.2rem;
        font-weight: 700;
    }

    #block-op-views-block-who-we-are-block-1 .views-field-body ul li:first-child {
        background: url("./../img/piggy-bank.svg") no-repeat center left 0;
    }

    #block-op-views-block-who-we-are-block-1 .views-field-body ul li:nth-child(2) {
        background: url("./../img/users-gear.svg") no-repeat center left 0;
    }

    #block-op-views-block-who-we-are-block-1 .views-field-body ul li:nth-child(3) {
        background: url("./../img/check.svg") no-repeat center left 0;
    }

    #block-op-views-block-who-we-are-block-1 .views-field-body ul li:nth-child(4) {
        background: url("./../img/globe.svg") no-repeat center left 0;
    }

    /**Who we are**/
    .frontpage-container #content-bottom {
        margin: 80px 0;
        padding: 50px 0;
        background: #FDF2F2;
    }

    .flex-services {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
    }

    .flex-services header {
        max-width: 544px;
        width: 50%;
    }

    .flex-services .views-view-grid {
        width: 50%;
        gap: 10px 0px;
    }

    .services-parent .services {
        position: relative;
        display: block;
    }

    .services-parent .services>div {
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: center;
        background: linear-gradient(to right, #D71F1E, #921413);
        padding: 20px 10px;
        border-radius: 10px;
        color: var(--white);
        height: 90%;
        transition: transform .2s, box-shadow .2s, border-color .2s;
    }

    /* .services-parent .services>div:hover {
        transform: translateY(-4px);
    } */

    .services-parent .views-view-grid {
        display: flex;
        flex-wrap: wrap;
    }

    .services-parent .services:nth-child(3)>div,
    .services-parent .services:nth-child(1)>div {
        margin-top: 40px;
    }



    .flex-services .services>div { gap: 25; }

    .services-parent .services>div .views-field-field-icon {
        position: absolute;
        top: -20px;
        right: -20px;
        border: 5px solid var(--white);
        border-radius: 50px;
        width: 54px;
        height: 54px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: var(--primary);
    }

    .services .views-field-nothing-1 .modal-trigger,
    #block-op-views-block-logos-block-1-2 .logo-menu .views-field-field-links a,
    #block-op-views-block-logos-block-1 .logo-menu .views-field-field-links a,
    .services-parent .services .views-field-view-node-1 a {
        position: absolute;
        display: inline-block;
        inset: 0;
        font-size: 1%;
        width: 100%;
        height: 100%;
        z-index: 105;
        cursor: pointer;
    }

    .services-parent .services .views-field-title .field-content {
        font-weight: 600;
    }

    .services-parent .services .views-field-view-node a {
        display: inline-block;
        padding: 0 20px 0 0;
        background: url("./../img/arrow-right-solid-full.svg") no-repeat center right 0;
        background-size: 14px;
    }

    #block-op-content header {
        position: relative;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
    }

    .node-page #block-op-pagetitle h1 span {}

    #block-op-content header h4 {
        position: relative;
        display: inline-block;
        padding: 7px 13px;
        width: fit-content;
        background: var(--primary);
        font-size: 0.9rem;
        font-weight: 700;
        color: var(--white);
        border-radius: 50px;
    }

    .node-page #block-op-pagetitle h1 span,
    #block-op-content header h2 {
        position: relative;
        display: inline-block;
        margin: 14px 0;
        z-index: 3;
        color: var(--text-color);
        font-size: 3.6rem;
        font-weight: 800;
        line-height: 1.2;
    }

    #block-op-content header P {
        display: inline-block;
        font-size: 1.2rem;
        line-height: 1.4;
        font-weight: 400;
        margin: 16.8px 0 25px;
        color: var(--text-color);
    }

    /**JOB LISTINGS*/

    #views-exposed-form-jo-page-1.fieldset-wrapper>div {
        display: flex;
        flex-wrap: wrap;
        gap: 10px 5px;
    }

    #views-exposed-form-jo-page-1 .js-form-type-radio {
        display: inline-block;
    }

    #views-exposed-form-jo-page-1 fieldset {
        border: none !important;
        padding: 0;
        margin: 0 0 50px;
    }

    .view-page #block-op-pagetitle,
    #views-exposed-form-jo-page-1 fieldset legend {
        display: none !important;

    }

    #views-exposed-form-jo-page-1 .js-form-type-radio label {
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        border: 2px solid var(--primary);
        border-radius: 50px;
        padding: 7px 20px;
        color: var(--primary);
    }

    #views-exposed-form-jo-page-1 .form-radios {
        display: flex;
        gap: 30px;
    }

    #views-exposed-form-jo-page-1 .js-form-type-radio input {
        display: none !important;
    }

    #views-exposed-form-jo-page-1 .js-form-type-radio input:checked+.option {
        background-color: var(--primary);
        color: var(--white);
    }

    #block-op-content .job {
        position: relative;
        display: block;
        padding: 50px 0;
        border-top: 1px solid #d7d7d7;
    }


    #block-op-content .job .views-field-view-node {
        position: absolute;
        top: 45px;
        right: 0;
        display: block;
    }

    #block-op-content .apply {
        margin: 20px 0;
    }

    #block-op-content .apply a,
    #block-op-content .views-field-view-node a {
        display: inline-block;
        padding: 8px 25px;
        background: var(--primary);
        background-size: 14px;
        color: var(--white);
        border-radius: 5px;
    }

    #block-op-content .job .views-field-fieldset .wrapper {
        display: flex;
        gap: 10px;
        margin: 30px 0 0;
    }


    #block-op-content .job .views-field-fieldset .wrapper .field-content {
        display: inline-block;
        padding: 7px 10px;
        border-radius: 50px;
        border: 1.5px solid var(--primary);
        text-decoration: none;
        color: var(--primary);
        font-size: 0.9rem;
        font-weight: 500;
    }


    #block-op-content .job .views-field-title .field-content {
        display: inline-block;
        font-size: 1.25rem;
        font-weight: 700;
        color: var(--text-dark);

    }


    /*job listing node*/
    .page-node-type-job-listings #block-op-content {
        font-weight: 700;
        color: var(--text-dark);
        margin: 10px 0;
    }

    /**Testimonials*/
    #content-bottom1 {
        margin: 50px 0;
    }

    #block-op-views-block-testimonials-block-2,
    #block-op-views-block-testimonials-block-1 {
        position: relative;
        display: block;
        padding: 0;
    }

    #block-op-views-block-testimonials-block-2 .block__content,
    #block-op-views-block-testimonials-block-1 .block__content {
        position: relative;
        display: block;
        z-index: 110;
    }

    #block-op-views-block-testimonials-block-2::after,
    #block-op-views-block-testimonials-block-2::before,
    #block-op-views-block-testimonials-block-1::after,
    #block-op-views-block-testimonials-block-1::before {
        position: absolute;
        display: block;
        content: "";
        width: 80%;
        height: 80%;
        z-index: 100;
    }

    #block-op-views-block-testimonials-block-2::after,
    #block-op-views-block-testimonials-block-1::after {
        background: transparent url("./../img/qoute-top.png") no-repeat top 46px left 0;
        top: 0;
    }

    #block-op-views-block-testimonials-block-2::before,
    #block-op-views-block-testimonials-block-1::before {
        background: transparent url("./../img/quote-bottom.png") no-repeat top 46px right 0;
        top: 0;
        right: 0;
    }


    #block-op-views-block-clients-block-2 header,
    #block-op-views-block-testimonials-block-2 header,
    #block-op-views-block-clients-block-1 header,
    #block-op-views-block-testimonials-block-1 header {
        width: 100%;
    }

    #block-op-views-block-clients-block-1 h4,
    #block-op-views-block-clients-block-1 h2,
    #block-op-views-block-testimonials-block-2 header h4,
    #block-op-views-block-testimonials-block-2 header h2,
    #block-op-views-block-testimonials-block-2 header p,
    #block-op-views-block-testimonials-block-1 header h4,
    #block-op-views-block-testimonials-block-1 header h2,
    #block-op-views-block-testimonials-block-1 header p {
        display: inline-block;
        text-align: center;
        width: 100%;
        margin: 0;
    }

    #block-op-views-block-who-we-are-block-1 .views-field-title .field-content,
    #block-op-views-block-our-block-1 header h4,
    #block-op-views-block-clients-block-1 h4,
    #block-op-views-block-testimonials-block-2 header h4,
    #block-op-views-block-testimonials-block-1 header h4 {
        color: var(--primary);
        font-size: 0.9rem;
        text-transform: uppercase;
        font-weight: bolder;
    }

    #block-op-views-block-who-we-are-block-1 .views-field-body h3,
    #block-op-views-block-our-block-1 header h2,
    #block-op-views-block-clients-block-1 h2,
    #block-op-views-block-testimonials-block-2 header h2,
    #block-op-views-block-testimonials-block-1 header h2 {
        font-size: 2.3rem;
        font-weight: 600;
        margin: 14px 0 24px;
    }

    #block-op-views-block-our-block-1 header h2 {
        line-height: 1.2;
    }

    #block-op-views-block-who-we-are-block-1 .views-field-body p,
    #block-op-views-block-testimonials-block-2 header p,
    #block-op-views-block-testimonials-block-1 header p {
        font-size: 1.2rem;
    }

    #block-op-views-block-testimonials-block-1 .views-view-grid {
        display: flex;
        flex-wrap: wrap;
        margin: 69px 0 0;
    }

    #block-op-views-block-testimonials-block-2 .slide__caption,
    #block-op-views-block-testimonials-block-1 .testimonial {
        margin: 0 0 40px;
    }

    #block-op-views-block-testimonials-block-1 .testimonial:nth-child(2)>div {
        margin-right: 60px;
    }

    #block-op-views-block-testimonials-block-1 .testimonial:nth-child(3)>div {
        margin-left: 60px;
    }

    #block-op-views-block-testimonials-block-2 .slide__caption .slide__description,
    #block-op-views-block-testimonials-block-1 .testimonial>div {
        position: relative;
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
        padding: 16px 15px;
        background: #F7F7F7;
        border-radius: 9px;
        border-left: 2px solid var(--primary);
        /* max-width: 543px; */
    }

    #block-op-views-block-testimonials-block-2 .slide__caption .views-field-field-photo,
    #block-op-views-block-testimonials-block-1 .testimonial .views-field-field-photo {
        max-width: 50px;
    }

    #block-op-views-block-testimonials-block-2 .slide__caption .views-field-field-photo .field-content,
    #block-op-views-block-testimonials-block-1 .testimonial .views-field-field-photo .field-content {
        position: relative;
        border: 2px solid var(--primary);
        border-radius: 50%;
        overflow: hidden;
        line-height: 0;
    }


    #block-op-views-block-testimonials-block-2 .slide__caption .views-field-fieldset,
    #block-op-views-block-testimonials-block-1 .testimonial .views-field-fieldset {
        position: relative;
        width: 80%;
    }

    #block-op-views-block-testimonials-block-2 .slide__caption .views-field-title .field-content,
    #block-op-views-block-testimonials-block-1 .testimonial .views-field-title .field-content {
        display: inline-block;
        font-size: 1rem;
        font-weight: 800;
    }

    #block-op-views-block-testimonials-block-1 .testimonial .views-field-title {}

    #block-op-views-block-testimonials-block-1 .testimonial .views-field-body {}

    #block-op-views-block-testimonials-block-2 .slide__caption .views-field-field-company .field-content,
    #block-op-views-block-testimonials-block-1 .testimonial .views-field-field-company .field-content {
        position: relative;
        display: flex;
        font-style: italic;
        padding-left: 32px;
        gap: 10px;
        align-items: center;
    }

    #block-op-views-block-testimonials-block-2 .slide__caption .views-field-field-company .field-content::before,
    #block-op-views-block-testimonials-block-1 .testimonial .views-field-field-company .field-content::before {
        content: "";
        position: absolute;
        display: block;
        background: var(--primary);
        width: 23px;
        height: 3px;
        border-radius: 50px;
        left: 0;
    }

    #block-op-views-block-testimonials-block-2 .slide__caption .views-field-field-company .field-content span,
    #block-op-views-block-testimonials-block-1 .testimonial .views-field-field-company .field-content span {
        font-style: italic;
        font-weight: 800;
    }

    #block-op-views-block-testimonials-block-2 .slide__media {
        display: none !important;
    }

    #block-op-views-block-testimonials-block-2 header {
        margin: 0 0 70px;
    }

    /**TAX*/
    .path-tax-articles #block-op-content form {
        position: relative;
        display: block;
        max-width: 300px;
        width: 100%;
    }



    /**side menu*/
    .responsive-menu-toggle-icon span.label {
        display: none;
    }


    #block-op-responsivemenumobileicon .block__content {
        background: var(--primary);
        border-radius: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 40px;
        height: 40px;
    }
    
    #block-op-responsivemenumobileicon .block__content:hover {
        background: #a81414;
        transition: background ease-in-out .1s;
    }

    .responsive-menu-toggle-icon:before,
    .responsive-menu-toggle-icon:after,
    .responsive-menu-toggle-icon span.icon {
        width: 24px;
        height: 3.5px;
        left: 50%;
        transform: translateX(-50%);
        border-radius: 50px;
        background: var(--white);
    }

    /* .mm-menu_opened,
    #off-canvas #mm-1,
    #off-canvas .mm-panel,
    .mm-menu_theme-dark {
        background-image: -webkit-linear-gradient(90deg,
                var(--secondary-color) 0%,
                var(--primary-color) 100%);
        z-index: 10000;
    } */
    .mm-panels>.mm-panel,
    .mm-navbar_sticky {
        background: var(--primary);
        color: #ffffff;
    }

    .mm-navbar {
        background: transparent;
        border-color: #fff;
    }

    .mm-listitem::after {
        border-color: var(--white);
    }

    .responsive-menu-toggle-icon span.icon {
        top: 15px;
    }

    .responsive-menu-toggle-icon::before {
        top: 7px;
    }

    .responsive-menu-toggle-icon::after {
        top: 23px;
    }

    #block-op-responsivemenumobileicon {
        position: relative;
        display: flex;
        justify-content: end;
    }


    /**CEO Block**/
    #block-op-views-block-founder-ceo-block-1 {
        position: relative;
        display: block;
        padding: 30px 0 0;
        border-top: 1px solid #d7d7d7;
    }

    #block-op-views-block-founder-ceo-block-1 .views-row {
        position: relative;
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        max-width: 80%;
        margin: 0 auto;
    }

    #block-op-views-block-founder-ceo-block-1 .views-row .views-field-body p {
        display: inline-block;
        text-align: center;
        font-size: 2.5rem;
        font-weight: 500;
    }

    #block-op-views-block-founder-ceo-block-1 .views-row .views-field-field-image {
        position: relative;
        line-height: 0;
        margin: 0;
        border-radius: 50%;
        overflow: hidden;
    }

    #block-op-views-block-founder-ceo-block-1 .views-row .field-content .field-content,
    #block-op-views-block-founder-ceo-block-1 .views-row .views-field-title .field-content {
        display: inline-block;
        font-weight: 700;
        font-size: 1.25rem;
    }

    #block-op-views-block-founder-ceo-block-1 .views-row .views-field-title .field-content {
        color: var(--text-dark);
        margin: 20px 0;
    }

    #block-op-views-block-founder-ceo-block-1 .views-row .field-content .field-content {
        color: var(--text-color)
    }

    /**FOoter**/
    #content-bottom2 {
        background: linear-gradient(to right, #D71F1E, #921413);
        color: var(--white);
    }

    #sub-footer {
        background: var(--primary);
        color: var(--white);
    }

    #footer {
        font-weight: 300;
        padding: 20px 0;
    }

    #footer h2 {
        font-weight: 700;
        font-size: 1.25rem;
        color: #1E1E1E;
    }

    #block-op-contactinformation h4,
    #block-op-contactinformationphoneemail h4 {
        font-weight: 700;
    }

    #block-op-quicklinks ul {
        margin: 0;
        padding: 0;
    }

    #block-op-quicklinks ul li {
        margin: 0 0 10px;
        list-style: none;
    }

    #block-op-quicklinks ul li a {
        display: inline-block;
        padding: 0 0 0 20px;
        background: url("./../img/black-next.png") no-repeat center left 0;

    }

    #block-op-quicklinks ul li a:hover {
        color: var(--primary);
    }


    /** Tabs **/
    #block-op-primary-local-tasks {
        position: relative;
        margin-bottom: 20px;
    }

    #block-op-primary-local-tasks .block__content ul {
        display: flex;
        gap: 10px;
        margin: 0;
        padding: 0;
    }

    #block-op-primary-local-tasks .block__content ul li {
        list-style: none;
    }

    #block-op-primary-local-tasks .block__content ul li a {
        display: inline-block;
        background: var(--primary);
        padding: 10px 20px;
        color: var(--white);
    }


    /**webform**/

    .node-269 .webform-submission-form,
    .path-user form,
    .path-node .webform-submission-form {
        display: block;
        background-color: #e3eaf1;
        padding: 40px;
        border-radius: 8px;
    }

    label.js-form-required,
    .webform-submission-form fieldset legend .fieldset-legend.js-form-required,
    .webform-submission-form label.js-form-required {
        padding-right: 15px;
        background: url(../img/asterisk-30.png) no-repeat right 0 top 0 !important;
        background-size: auto;
        background-size: 10px !important;
    }


    /* padding-left: 12px !important;
  background: url(../img/asterisk-30.png) no-repeat left 0 center !important;
    background-size: auto;
  background-size: auto;
  background-size: 8px !important; */

    .path-user #content .container .user-login-form {
        max-width: 800px;
        margin: 0 auto
    }

    .webform-submission-form>fieldset>legend>span {
        display: inline-block;
        margin: 0 0 20px;
        color: var(--primary);
        font-weight: 700;
        font-size: 1rem;
    }

    .webform-submission-form .fieldset-wrapper fieldset legend span,
    .webform-submission-form label {
        color: var(--text-dark);
        font-weight: 700;
        margin: 0 0 10px;
        display: inline-block;
    }

    .webform-submission-form .js-form-type-radio label,
    .webform-submission-form .js-form-type-checkbox label {
        font-weight: 400;
    }

    .path-user .node__content,
    .path-node #content .container {
        max-width: 1170px;
        margin: 0 auto;
    }

    #content article .webform-submission-form .js-form-item ::placeholder {
        font-size: 1rem;
    }

    .webform-submission-form .fieldset-wrapper fieldset legend span,
    #edit-extra-information label {
        display: inline-block;
        margin: 0 0 10px;
    }

    .webform-submission-form .js-form-item {
        margin: 0 0 10px;
        border: none;
    }

    .webform-submission-form fieldset,
    .webform-submission-form fieldset legend {
        padding: 0 !important;
    }

    #webform-submission-contact-us-node-61-add-form label {
        display: none;
    }

    #content #block-hub-content form .js-form-file,
    #content #block-hub-content form .form-submit {
        display: inline-block !important;
        width: auto !important;
    }

    .webform-submission-form .form-actions {
        text-align: left;
        margin: 10px 0 auto;
    }

    .path-user textarea,
    .page-node-type-forum .form-type-textarea textarea,
    .webform-submission-form input[type="date"],
    .views-exposed-form .form-select,
    .path-search #search-form .form-search,
    #content .webform-submission-form .js-form-item .form-number,
    #content .webform-submission-form .js-form-item .form-text,
    #content .webform-submission-form .js-form-item .form-tel,
    #content .webform-submission-form .js-form-item .form-email,
    .path-user .js-form-item .form-text,
    .page-node-type-webform .webform-submission-form .form-select,
    .webform-submission-form .js-form-item textarea,
    .page-node-type-webform .webform-submission-form .js-form-file {
        width: 100%;
        display: inline-block;
        /*padding: 15px 0 15px 20px;*/
        padding: 15px 45px 15px 20px;
        border-radius: 10px;
        outline: none;
        margin: 5px 0 15px 0;
        font-size: 1rem;
        max-width: 100%;
        border: 1px solid #cccccc;
        background: #f6f8f9;
        box-sizing: border-box;
    }
    
    .views-exposed-form .form-select,
.page-node-type-webform .webform-submission-form .form-select {
    padding-right: 45px;
    appearance: none;
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23555' d='M6 8L1 3h10z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 15px center;
    background-color: #f6f8f9; /* ← needed since background-image overrides the shorthand */
}

    .path-user #content form .js-form-item .form-select {
        width: 100%;
        display: inline-block;
        background: #eae7e5;
        border-radius: 50px;
        padding: 15px 15px;
        outline: none;
        margin: 5px 0 15px 0;
        font-size: 1rem;
        max-width: 100%;
        border: none;
    }

    .path-user fieldset {
        border: none !important;
    }

    form #edit-actions input,
    #content .webform-submission-form .form-actions input,
    #content .webform-submission-form .form .js-form-submit {
        margin: 5px 0;
    }

    .path-user .form-actions input,
    #user-login-form #edit-actions input,
    #content .webform-submission-form .form-actions input,
    .webform-submission-form .form .js-form-submit {
        background-color: var(--primary);
        font-size: 1rem;
        color: var(--white);
        border: none;
        margin: 5px 0;
        cursor: pointer;
    }

    .js-filter-wrapper {
        display: none !important;
    }

    .fieldset-legend,
    .user-register-form label {
        display: inline-block;
        font-weight: 500;
        margin: 11px 0;
    }

    .path-user .form-actions input,
    #content .webform-submission-form .form-actions input {
        background-color: var(--primary);
        font-size: 1rem;
        color: var(--white);
        border: none;
        margin: 5px 0;
        cursor: pointer;
        display: inline-block;
        padding: 18px 38px;
        border-radius: 1px;
        transition: .25s ease-in-out;
    }

    .node-29 #block-op-content .node__content {
        display: flex;
        /*flex-wrap: wrap;*/
        flex-direction: row-reverse;
        justify-content: center;
        align-items: center;
        gap: 20px;
    }

    .node-29 #block-op-content .field--name-body {
        display: inline-block;
        width: 100%;
    }

    .node-29 .field--name-webform {
        position: relative;
        display: block;
        width: 100%;
    }

    .path-node #block-op-content .block__content h4,
    .path-node #block-op-content .block__content h2,
    .path-node #block-op-content .block__content h3 {
        font-weight: 700;
        color: var(--text-dark);
    }

    .path-node #block-op-content .block__content h3 {
        font-size: 1.9rem;
    }

    .path-node #block-op-content .block__content h4 {
        font-size: 1.5rem;
    }

    strong {
        font-weight: 700;
    }

    #content .node__content a {
        color: #fff;
        transition-duration: .3s;
        font-weight: 500;
        text-decoration-line: underline;
    }

    .node-29 #block-op-content .field--name-body p {
        font-weight: 700;
    }

    .layout-container #content {
        padding: 0 0 100px;
    }

    /*Table*/

    .views-element-container .page-table .views-field-field-document a {
        display: inline-block;
        padding: 15px 57px 15px 10px;
        background: url(../img/pdf-file.png) no-repeat center right 20px;
        font-weight: 400;
        word-break: initial;
    }

    .views-element-container .page-table>table {
        width: 100%;
        border-collapse: collapse;
        margin: 0;
        /*box-shadow: 0 0 20px rgb(0 0 0 / 15%);*/
        /*background: transparent;*/
        border-radius: 10px;
        background: #fff;
        overflow: hidden;
    }

    .views-element-container .page-table>table thead tr:last-child th:first-child {
        border-top-left-radius: 10px;
    }

    .views-element-container .page-table>table thead tr:last-child th:last-child {
        border-top-right-radius: 10px;
    }

    .views-element-container .page-table>table thead tr th {
        padding: 15px 10px;
        font-size: 1.125rem;
        font-weight: 600;
        background: var(--primary);
        color: #fff;
    }

    .views-element-container .page-table>table thead tr th * {
        color: #fff;
    }

    .views-element-container .page-table>table tbody {
        background: #fff;
        border-radius: 40px;
    }

    .views-element-container .page-table>table tbody tr td {
        position: relative;
        z-index: 2;
        background: #fff;
        color: #646464;
        padding: 10px 5px;
        word-break: break-word;
    }

    .views-element-container .page-table>table tbody tr td:nth-child(1) {
        padding: 15px 60px !important;
        max-width: 474px;
    }

    /* .views-element-container>div>table tbody tr:nth-child(even) td:nth-last-child(1),
.views-element-container>div>table tbody tr:nth-child(even) td:nth-child(1) {
  background: #ffff;
  position: relative;
  z-index: 1;
} */

    .views-element-container .page-table>table tbody tr:nth-child(even) td:nth-last-child(1)::before,
    .views-element-container .page-table>table tbody tr:nth-child(even) td:nth-child(1)::before {
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        top: 0;
        display: block;
        background: #f2f2f2;
        z-index: -1;
    }

    .views-element-container .page-table>table tbody tr:nth-child(even) td:nth-child(1)::before {
        border-radius: 50px 0 0 50px;
        left: 20px;
    }

    .views-element-container .page-table>table tbody tr:nth-child(even) td:nth-last-child(1)::before {
        border-radius: 0 50px 50px 0;
        right: 20px;
    }

    .views-element-container .page-table>table thead tr th:nth-child(1) {
        padding: 25px 60px !important;
    }

    .views-element-container .page-table>table tbody tr td:last-child {
        border-right: none;
    }

    .views-element-container .page-table>table tbody tr:nth-child(even) td {
        background: #f2f2f2;
    }

    .views-element-container .page-table>table tbody tr td a {
        color: var(--primary);
        font-weight: 600;
        text-decoration: none;
        word-break: break-word;
    }

    .views-element-container .page-table>table tbody tr td a:hover {
        text-decoration: underline;
    }

    .views-element-container .page-table>table tbody tr td * {
        word-break: break-all;
    }

    .sf-sub-indicator {
        display: none !important;
    }

    .views-element-container .page-table>table tbody .views-field-field-dokument a {
        display: inline-block;
        padding: 15px 57px 15px 10px;
        background: url(../img/pdf-file.png) no-repeat center right 20px;
        word-break: initial;
    }
    
    .pager__items {
        list-style: none;
        padding: 0;
        display: flex;
        column-gap: 30px;
        align-items: center;
        justify-content: center;
    }
    
    .pager__items .pager__item {
        padding: 6px 10px;
        border-radius: 50%;
    }
    
    .pager__items .pager__item:hover {
        background-color: rgba(215, 31, 30, 0.2);
    }
    
    .pager__items .pager__item.is-active {
        background-color: var(--primary);
        color: white;
    }
    
    .pager__items .pager__item--next, .pager__items .pager__item--last, .pager__items .pager__item--first, .pager__items .pager__item--previous {
        background-color: var(--primary);
        color: white;
        border-radius: 5px !important;
    }


    /***********************Responsive ************************/

    /* @media screen and (max-height: 700px) {

    .frontpage-container #slider .slide__media,
    .frontpage-container #slider .slick-list img {
        height: 768px !important;
    }

    } */

    @media (min-width: 1551px) {

        #slider #block-op-views-block-main-image-block-1 .slide__caption .slide__description,
        .container {
            width: 1500px !important;
        }
    }

    @media (max-width: 1600px) {}

    @media (min-width: 1300px) and (max-width: 1400px) {

        #slider #block-op-views-block-main-image-block-1 .slide__caption .slide__description,
        .container {
            width: 1250px;
        }
    }

    @media (min-width: 1400px) {

        /* #slider #block-op-views-block-main-image-block-1 .slide__caption .slide__description,
        .container {
            width: 1300px;
        } */
    }

    @media (min-width: 1450px) {

        /* #slider #block-op-views-block-main-image-block-1 .slide__caption .slide__description,
        .container {
            width: 1200px;
        } */

    }

    @media (min-width: 1551px) {

        .container {
            width: 1500px;
        }
    }

    @media (min-width: 1650px) {}

    @media (max-width: 1550px) {

        html,
        body,
        main {
            font-size: 14px;
        }


        #slider #block-op-views-block-main-image-block-1 .slide__media,
        #slider #block-op-views-block-main-image-block-1 .slide__media img {
            min-height: 600px;
        }
    }

    @media (max-width: 1440px) {}

    @media (min-width: 1300px) {

        #slider #block-op-views-block-main-image-block-1 .slide__caption .slide__description,
        .container {
            width: 1200px;
        }
    }



    @media (max-width: 1200px) {

        html,
        body,
        main {
            font-size: 14px;
        }

        #block-op-views-block-logos-block-1-2 .logo-menu,
        #block-op-views-block-logos-block-1 .logo-menu {
            gap: 20px;
        }
    }

    @media (max-width: 991px) {

        html,
        body,
        main {
            font-size: 14px;
        }

        #slider #block-op-views-block-main-image-block-1 .slide__caption .slide__description {
            width: 750px;
        }

        .node-29 .field--name-webform,
        .node-29 #block-op-content .field--name-body,
        .flex-services header,
        .flex-services .views-view-grid {
            width: 100%;
        }

        #block-op-topsocials .field--name-body,
        #block-op-topcontacts .field--name-body {
            gap: 0;
        }

        #top-header .region-top-header {
            justify-content: space-between;
        }

        #top-header .container {
            width: 100% !important;
        }

        #block-op-topcontacts .field--name-body p span,
        #block-op-topcontacts .field--name-body p a {
            padding: 17px 0 17px 36px;
        }

        #block-op-views-block-testimonials-block-2 .slide__content {
            margin: 0 20px;
        }

        #block-op-views-block-logos-block-1-2 .logo-menu,
        #block-op-views-block-logos-block-1 .logo-menu {
            gap: 10px;
        }
    }

    @media (max-width: 768px) {

        html,
        body,
        main {
            font-size: 13px;
        }

        .row {
            margin-right: 0;
            margin-left: 0;
        }

        #slider #block-op-views-block-main-image-block-1 .slide__caption .slide__description {
            width: 100% !important;
            padding: 0 15px;
        }

        #block-op-getexpertadviceyoucantrust,
        #block-op-views-block-our-block-1 {
            padding: 0 15px;
        }

        .services-parent .services:nth-child(3)>div,
        .services-parent .services:nth-child(1)>div {
            margin-top: unset !important;
        }

        #block-op-topsocials .field--name-body p a {
            padding: 11px;
        }

        #block-op-topcontacts .field--name-body p:last-child {
            display: none !important;
        }

        #top-header .container {
            padding: 0;
        }

        #top-header .container #block-op-topcontacts {
            padding: 0;
            width: 80%;
        }

        #top-header .container #block-op-topsocials {
            padding: 0;
            width: 20%;
        }

        #block-op-views-block-testimonials-block-2 {
            margin: 0 15px;
        }

        #slider #block-op-views-block-main-image-block-1 .slide__caption .views-field-title span {
            font-size: 2.5rem;
        }

        #block-op-views-block-who-we-are-block-1 .views-field-body h3,
        #block-op-views-block-our-block-1 header h2,
        #block-op-views-block-clients-block-1 h2,
        #block-op-views-block-testimonials-block-2 header h2,
        #block-op-views-block-testimonials-block-1 header h2 {
            font-size: 1.5rem;
        }
    }

    @media (max-width: 567px) {

        html,
        body,
        main {
            font-size: 13px;
        }


    }

    .services .views-field-nothing {
        display: none;
    }

    .services .views-field-nothing #close-btn-modal {
        position: absolute;
        right: 0;
        top: 0;
        display: inline-block;
        padding: 20px;
        background: url("./../img/cancel.png") no-repeat center;
        cursor: pointer;
    }

    /*     
    .modal-open .services.visible .views-field-nothing {
        position: fixed;
        display: block;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1000;
        background: #979770;

    }

    .modal-open .services.visible .views-field-nothing .field-content {
        position: relative;
        display: block;
        max-width: 1200px;
        width: 100%;
        padding: 100px 0;
        margin: 10px auto 0;

    } */

    body.modal-open {
        overflow: hidden;
    }


    .views-field-nothing h2 {
        font-size: 3rem;
        font-weight: 600;
    }

    @keyframes fadeInDown {
        from {
            opacity: 0;
            transform: translateY(-20px);
        }

        to {
            opacity: 1;
            transform: translateY(0);
        }
    }

    @keyframes fadeIn {
        from {
            opacity: 0;
        }

        to {
            opacity: 1;
        }
    }

    /* Overlay fades in */
    .modal-open .services.visible .views-field-nothing {
        position: fixed;
        display: block;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1000;
        background: #979770;
        animation: fadeIn 0.3s ease forwards;
    }

    .modal-open .services.Resources.visible .views-field-nothing {
        background: #0da2e8;
    }

    .modal-open .services.Skills.visible .views-field-nothing {
        background: #ac980e;
    }

    .modal-open .services.Information.visible .views-field-nothing {
        background: var(--primary);
    }

    .modal-open .services.Taxation.visible .views-field-nothing {
        background: var(--primary);
    }

    /* Content drops in slightly after */
    .modal-open .services.visible .views-field-nothing .field-content {
        position: relative;
        display: block;
        max-width: 1200px;
        width: 100%;
        padding: 100px 0;
        margin: 10px auto 0;
        animation: fadeInDown 0.4s ease 0.1s forwards;
        opacity: 0;
        /* starts hidden, animation fills to 1 */
    }