@import "variables.less";
.citrix-animation-menu() {
    -webkit-font-smoothing: antialiased;
    animation-iteration-count: 1;
    animation-duration: 1s;
}
.citrix-menu() {                     
    0% {
        visibility: hidden;
        .vendor(transition, all .3s linear 0s);
        opacity: 0;
        .vendor(transform, translate3d(0,-100%,0));
    }
    100% {
        visibility: visible;
        .vendor(transition, all .3s linear 0s);
        opacity: 1;
        .vendor(transform, translate3d(0,0,0));
    }
}
@keyframes citrix {
    .citrix-menu();
}

.button() {
    .vendor(transition, all .3s linear 0s);
    text-transform: uppercase;
    font-family: "@{google-font-family-Poppins}";
    padding: 0 46px;
    line-height: 53px;
    color: @brand-color;
    border-radius: 0;
    font-size: 14px;
    font-weight: 500;
    border: 1px solid @brand-color;
    letter-spacing: 4px;
    text-align: center;
    display: inline-block;
    &:hover {
        background-color: @brand-color;
        color: @white-lighter;
    }
}

.azen-title() {
    font-family: "@{google-font-family-Poppins}";
    font-size: 40px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 7px;
    color: @white-lighter;
    text-transform: capitalize;
}

.azen-description() {
    font-family: "@{google-font-family-Crimson-Text}";
    color: @black-lighter;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.65;
    margin-bottom: 40px;
}

.float() {
    content: "";
    display: table;
    clear: both;
}
.introduction() {
    .azen-description();
    color: @gray-light;
    font-style: italic;
    font-size: 24px;
    text-transform: capitalize;
    margin-bottom: 7px;
    line-height: 1;
}
.flex(@justify-content, @flex-wrap, @box-align, @align-items){
    .vendor(display, flex);
    .vendor(justify-content, @justify-content);
    .vendor(flex-wrap, @flex-wrap);
    .vendor(box-align, @box-align);
    .vendor(align-items, @align-items);
}
.azen-citrix-accordion {
    margin-bottom: 80px;
    .azen-general {
        margin-bottom: 15px;
        &:last-child {
            margin-bottom: 0;
        }
        .azen-title {
            .azh-inherit-initial();

            text-transform: capitalize;
            font-family: "@{google-font-family-Poppins}";
            color: @black-darker;
            font-size: 16px;
            line-height: 1.4;
            cursor: pointer;
            padding: 13px 63px 13px 30px; 
            position: relative;
            .vendor(transition, all .3s linear 0s);
            font-weight: 500;
            background-color: transparent;
            border: 1px solid fade(@brand-color, 25%);
            .azen-square {
                position: absolute;
                z-index: 1;
                width: 50px;
                background-color: @brand-color;
                top: -1px;
                bottom: -1px;
                right: -1px;
                &:after {
                    color: fade(@white-lighter, 70%);
                    content: "\f067";
                    font-family: FontAwesome;
                    position: absolute;
                    z-index: 2;
                    font-size: 16px;
                    top: 50%;
                    left: 50%;
                    .vendor(transition, all .3s linear 0s);
                    .vendor(transform, translate(-50%, -50%));
                }
            }
        }
        .azen-content {
            padding: 22px 29px 26px 29px;
            border: 1px solid fade(@brand-color, 25%);
            border-top: 0;
        }
    }
    .az-active {
        .azen-title {
            .azen-square {
                background-color: fade(@brand-color, 25%);
                top: 0;
                bottom: 0;
                right: 0;
                &:after {
                    content: "\f068";
                    font-family: FontAwesome;
                    color: @white-lighter;
                }
            }
        }
    }
    &[data-light-branded-background="true"] {
        .azen-title, .azen-wrp-content {
            background-color: @white-lighter;
        }
    }
}
.azen-citrix-tabs {
    text-align: center;
    margin-bottom: 40px;

    .azen-general {
        text-align: left;
        
        .az-tabs {
            .azen-choice {
                .vendor(display, flex);
                .vendor(justify-content, space-between);
                .vendor(flex-wrap, nowrap);
                .vendor(box-align, flex-start);
                .vendor(align-items, flex-end);

                @media (max-width: 680px) {
                    display: block;
                }
                
                .azen-choice-item {
                    flex-grow: 1;
                    text-align: center;
                    display: inline-block;
                    box-sizing: border-box;
                    padding-right: 1px;
                    border-bottom: 1px solid fade(@brand-color, 25%);
                    a{
                        transition: none;

                    }

                    &.az-active {
                        padding-right: 0;
                        margin-left: -1px;
                        &:first-child {
                            margin-left: 0;
                            padding-left: 0;
                        }
                    }
                    &:first-child {
                        padding-left: 5px;
                    }
                    &:last-child {
                        padding-right: 5px;
                        &.az-active {
                            padding-right: 0;
                        }
                    }
                    @media (max-width: 680px) {
                        display: block;
                        border-left: 1px solid fade(@brand-color, 25%);
                        border-right: 1px solid fade(@brand-color, 25%);
                        padding: 0;
                        &.az-active {
                            margin-top: -1px;
                            margin-left: 0;
                        }
                        &:first-child, &:last-child {
                            padding: 0;
                        }
                        &:first-child {
                            border-top: 1px solid fade(@brand-color, 25%);
                            margin-top: 0;
                        }
                    }
                    a{
                                                                                .azh-inherit-initial();

                }
                    a {

                        display: block;
                        .azen-title();
                        background-color: fade(@brand-color, 7%);
                        margin-bottom: 0;
                                            text-align: center;

                        color: @black-light;
                        font-size: 16px;
                        font-weight: 500;
                        text-transform: capitalize;
                        line-height: 1.4;
                        padding: 16px 0 7px;

                        @media (max-width: 680px) {
                            width: 100%;
                            text-align: center;
                            padding: 13px 0;
                        }
                    }
                }
                .azen-choice-item.az-active {
                    background-color: transparent;
                    border: 1px solid fade(@brand-color, 25%);
                    border-bottom: 0;
                    a {
                        line-height: 1.4;
                        padding: 14px 0;
                        background-color: transparent;
                        color: @black-darker;

                        @media (max-width: 680px) {
                            padding: 13px 0;
                        }
                    }
                    @media (max-width: 680px) {
                        border-bottom: 1px solid fade(@brand-color, 25%);
                        &:nth-child(n + 2) {
                            border-top: 0;
                        }
                    }
                }
            }
            .azen-variants {
                border: 1px solid fade(@brand-color, 25%);
                border-top: 0;
                .azen-variants-item {
                    display: table;
                    padding: 30px 30px 34px 26px;
                    width: 100%;
                    box-sizing: border-box;
                }
            }
        }
    }
    &[data-light-branded-background="true"] {
        .azen-choice-item.az-active, .azen-variants-item {
            background-color: @white-lighter !important;
        }
    }
}
div.azen.azen1.azen2.azen3 {
    .azen-citrix-slider-1 {
        .azen-general {
            position: relative;
            text-align: center;
            .azen-slider {
                .az-slider {
                    .az-slides {
                        .azen-citrix-slide-wrapper {
                            .azen-item {
                                height: 100vh;
                                background-position: center;
                                background-size: cover;
                                background-repeat: no-repeat;
                                position: relative;
                                z-index: 2;
                                &:before {
                                    content: " ";
                                    position: absolute;
                                    left: 0;
                                    right: 0;
                                    top: 0;
                                    bottom: 0;
                                    background-color: fade(darken(@brand-color, 45%), 30%);
                                    z-index: 1;
                                }
                                .azen-wrapper-content {
                                    position: absolute;
                                    left: 0;
                                    right: 0;
                                    top: 0;
                                    bottom: 0;
                                    .azen-wrp {
                                        position: absolute;
                                        top: 50%;
                                        left: 50%;
                                        .vendor (transform, translate(-50%, -50%));
                                        z-index: 2;
                                        .azen-title {
                                            .azen-title();
                                            font-size: 100px;
                                            font-weight: 400;
                                            color: @white-lighter;
                                            text-transform: inherit;
                                            margin-bottom: 10px;

                                            @media (max-width: 991px) {
                                                font-size: 75px;
                                                line-height: 70px;
                                            }
                                            @media (max-width: 660px) {
                                                font-size: 55px;
                                                line-height: 50px;
                                            }
                                        }
                                        .azen-text {
                                            .azen-description();
                                            font-style: italic;
                                            color: @white-lighter;
                                            font-size: 30px;
                                            margin-bottom: 48px;
                                            line-height: 1;

                                            @media (max-width: 991px) {
                                                font-size: 25px;
                                            }
                                            @media (max-width: 660px) {
                                                font-size: 22px;
                                            }
                                        }
                                        .azen-button {
                                            a {
                                                .button();
                                            }
                                            .azen-button-1 {
                                                color: @black-darker;
                                                background-color: @white-lighter;
                                                border-color: @white-lighter;
                                                margin-right: 30px;

                                                @media (max-width: 995px) {
                                                    margin-bottom: 30px;
                                                    display: block;
                                                    margin-left: auto;
                                                    margin-right: auto;
                                                }
                                                &:hover {
                                                    border-color: @brand-color;
                                                }
                                            }
                                            .azen-button-2 {
                                                border-color: @white-lighter;
                                                color: @white-lighter;
                                                padding: 0 67px;
                                                &:hover {
                                                    border-color: @brand-color;
                                                }
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                    .az-flex-direction-nav {
                        position: absolute;
                        top: 0; right: 0; bottom: 0; left: 0;
                        margin: 0 auto;
                        max-width: 1200px;
                        pointer-events: none;
                        z-index: 100;
                        .az-flex-prev, .az-flex-next {
                            .vendor(transition, all .3s linear 0s);
                            position: absolute;
                            background: none;
                            pointer-events: auto;
                            z-index: 1;
                            border: 1px solid fade(@white-lighter, 70%);
                            width: 58px;
                            height: 58px;
                            border-radius: 100%;
                            span {
                                &:before {
                                    color: @white-lighter;
                                    font-size: 30px;
                                    position: absolute;
                                    left: 50%;
                                    top: 50%;
                                    .vendor(transform, translate(-50%, -50%));
                                }
                            }

                            @media (max-width: 991px) {
                                display: none;
                            }
                            &:hover {
                                background-color: @white-lighter;
                                span {
                                    &:before {
                                        color: @black-darker;
                                    }
                                }
                            }
                        }
                        .az-flex-prev {
                            top: 44%;
                            right: 100%;
                            margin-right: 16x;
                            span {
                                &:before {
                                    left: 48%;
                                }
                            }

                            @media (max-width: 1400px) {
                                right: 90%;
                            }
                        }
                        .az-flex-next {
                            top: 44%;
                            left: 100%;
                            margin-left: 16px;
                            span {
                                &:before {
                                    left: 52%;
                                }
                            }

                            @media (max-width: 1400px) {
                                left: 90%;
                            }
                        }
                    }
                }
            }
        }
    }
    .azen-citrix-achivement {
        margin-bottom: 80px;
        .azen-general {
            text-align: center;
            .azen-item {
                .azen-icon {
                    margin-bottom: 26px;
                    span {
                        width: 98px;
                        height: 98px;
                        border-radius: 100%;
                        background-color: @brand-color;
                        position: relative;
                        &:before {
                            position: absolute;
                            top: 50%;
                            left: 50%;
                            .vendor(transform, translate(-50%, -50%));
                            color: @white-lighter;
                            font-size: 30px;
                        }
                    }
                }
                .azen-title {
                    font-family: "@{google-font-family-Poppins}";
                    color: @black-darker;
                    font-size: 18px;
                    text-transform: capitalize;
                    margin-bottom: 18px;
                    font-weight: 500;
                    letter-spacing: 1px;
                }
                .azen-text {
                    color: @black-light;
                    font-family: "@{google-font-family-Crimson-Text}";
                    font-size: 20px;
                    font-weight: 400;
                    line-height: 1.5;
                }
            }
        }
    }
    .azen-citrix-achivement-1 {
        margin-bottom: 80px;
        .azen-general {
            text-align: center;
            .azen-item {
                .azen-icon {
                    margin-bottom: 22px;
                    span {
                        width: 98px;
                        height: 98px;
                        border-radius: 100%;
                        border: 1px solid @brand-color;
                        background-color: transparent;
                        position: relative;
                        .vendor(transition, all .3s linear 0s);
                        &:before {
                            position: absolute;
                            top: 50%;
                            left: 50%;
                            .vendor(transform, translate(-50%, -50%));
                            color: @brand-color;
                            font-size: 30px;
                            .vendor(transition, all .3s linear 0s);
                        }
                    }
                }
                .azen-title {
                    font-family: "@{google-font-family-Poppins}";
                    color: @black-darker;
                    font-size: 18px;
                    text-transform: capitalize;
                    margin-bottom: 18px;
                    font-weight: 500;
                    letter-spacing: 1px;
                }
                .azen-text {
                    color: @black-light;
                    font-family: "@{google-font-family-Crimson-Text}";
                    font-size: 20px;
                    font-weight: 400;
                    line-height: 1.5;
                }
                &:hover {
                    .azen-icon {
                        span {
                            background-color: @brand-color;
                            &:before {
                                color: @white-lighter;   
                            }
                        }
                    }
                }
            }
        }
        &[data-inverted-styles="true"] {
            .azen-general {
                .azen-item {
                    .azen-icon {
                        span {
                            background-color: @brand-color;
                            &:before {
                                color: @white-lighter;   
                            }
                        }
                    }
                    &:hover {
                        .azen-icon {
                            span {
                                background-color: transparent;
                                &:before {
                                    color: @brand-color;   
                                }
                            }
                        }
                    }
                }
            }
        }
    }
    .azen-citrix-about-us {
        background-color: fade(@brand-color, 7%);
        .azen-general {
            padding: 98px 0 175px;
            .azen-left-part {
                position: absolute;
                top: 0;
                left: 0;
                bottom: 0;
                width: ~"calc(50% - 150px)";
                background-position: right center;
                background-size: auto;
                background-repeat: no-repeat;

                @media (max-width: 700px) {
                    position: relative;
                    top: auto;
                    bottom: auto;
                    left: auto;
                    right: auto;
                    background-position: center center;
                    width: 100%;
                    height: 548px;
                }
                @media (max-width: 590px) {
                    background-size: contain;
                    height: 360px;
                }
                @media (max-width: 550px) {
                    height: 320px;
                }
                @media (max-width: 500px) {
                    height: 280px;
                }
                @media (max-width: 450px) {
                    height: 240px;
                }
                @media (max-width: 400px) {
                    height: 200px;
                }
            }
            .azen-right-part {
                width: ~"calc(50% + 75px)";
                float: right;

                @media (max-width: 700px) {
                    width: 100%;
                    padding-top: 40px;
                }
                @media (max-width: 500px) {
                    padding-top: 20px;
                }
                .azen-title {
                    font-family: "@{google-font-family-Crimson-Text}";
                    color: @gray-darker;
                    font-style: italic;
                    font-size: 24px;
                    text-transform: inherit;
                    margin-bottom: 2px;
                }
                .azen-description {
                    font-family: "@{google-font-family-Poppins}";
                    text-transform: inherit;
                    font-size: 36px;
                    color: @black-darker;
                    margin-bottom: 29px;
                    line-height: 1.2;

                    @media (max-width: 610px) {
                        font-size: 32px;
                    }
                    @media (max-width: 450px) {
                        font-size: 24px;
                    }
                    @media (max-width: 350px) {
                        font-size: 22px;
                    }
                    span {
                        display: inline-block;
                        font-weight: 400;
                        padding-right: 10px;
                        &:last-child {
                            padding-right: 0;
                        }
                        &:nth-child(2), &:nth-child(6) {
                            padding-right: 0;
                        } 
                        &:nth-child(2n) {
                            font-weight: 600;
                        }
                    }
                }
                .azen-text {
                    font-family: "@{google-font-family-Crimson-Text}";
                    font-size: 20px;
                    color: @black-light;
                    line-height: 1.5;
                    margin-bottom: 47px;
                }
                .azen-button {
                    a {
                        .button();
                        background-color: @brand-color;
                        color: @white-lighter;
                        border: none;
                        font-weight: 600;
                        padding: 0 25px;
                        &:hover {
                            background-color: @black-darker;
                        }
                    }
                }
            }
            &:after {
                display: table;
                clear: both;
                content: "";
            }
        }
    }

    .azen-citrix-portfolio-slider {
        .azen-general {
            position: relative;
            padding: 99px 140px 100px;
            text-align: center;

            @media (max-width: 640px) {
                padding: 99px 70px 100px;
            }
            @media (max-width: 500px) {
                padding: 99px 15px 100px;
            }
            .azen-introduction {
                .azen-description();
                color: @gray-light;
                font-style: italic;
                font-size: 24px;
                text-transform: capitalize;
                margin-bottom: 7px;
                line-height: 1;
            }
            .azen-title {
                .azen-title();
                font-weight: 400;
                font-size: 36px;
                margin-bottom: 52px;
            }
            .azen-slider-wrapper {
                .az-carousel {
                    .az-owl-stage-outer {
                        .az-owl-stage {
                            .az-owl-item {
                                .azen-slider-item {
                                    .azen-image-part {
                                        a {
                                            display: block;
                                            position: relative;
                                            &:before {
                                                display: block;
                                                content: "";
                                                position: absolute;
                                                background-color: transparent;
                                                left: 0;
                                                right: 0;
                                                top: 0;
                                                bottom: 0;
                                                pointer-events: none;
                                                .vendor(transition, all .3s linear 0s);
                                            }
                                            .azen-bg {
                                                background-repeat: no-repeat;
                                                background-position: center;
                                                background-size: cover;
                                                width: 100%;
                                                height: 270px;
                                            }
                                            span {
                                                position: absolute;
                                                width: 50px;
                                                height: 50px;
                                                top: 50%;
                                                left: 50%;
                                                .vendor(transform, translate(-50%, -50%));
                                                z-index: 2;
                                                background-color: transparent;
                                                .vendor(transition, all .3s linear 0s);
                                                &:before {
                                                    font-family: FontAwesome;
                                                    content: "\f067";
                                                    font-size: 16px;
                                                    position: absolute;
                                                    top: 50%;
                                                    left: 50%;
                                                    .vendor(transform, translate(-50%, -50%));
                                                    color: transparent;
                                                    .vendor(transition, all .3s linear 0s);
                                                }
                                            }
                                        }
                                    }
                                    .azen-text-part {
                                        background-color: @white-lighter;
                                        position: relative;
                                        a {
                                            display: block;
                                            padding: 25px;
                                            .azen-text-title {
                                                font-family: "@{google-font-family-Poppins}";
                                                font-size: 18px;
                                                font-weight: 500;
                                                color: @black-darker;
                                                line-height: 22px;
                                                letter-spacing: 1px;
                                                text-transform: capitalize;
                                                margin-bottom: 7px;
                                                vertical-align: middle;
                                            }
                                            .azen-text-description {
                                                font-family: "@{google-font-family-Crimson-Text}";
                                                font-style: italic;
                                                color: @black-light;
                                                font-size: 18px;
                                                font-style: 300;
                                                text-transform: capitalize;
                                                line-height: 21px;
                                                vertical-align: middle;
                                            }
                                        }
                                    }
                                    &:hover {
                                        .azen-image-part {
                                            a {
                                                &:before {
                                                    background-color: fade(@brand-color, 80%);
                                                }
                                                span {
                                                    background-color: fade(@black-darker, 75%);
                                                    &:before {
                                                        color: @white-lighter;
                                                    }
                                                }
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                    .az-owl-nav {
                        display: block;
                        position: absolute;
                        top: 50%; right: 0; bottom: 0; left: 0;
                        z-index: 6;
                        height: 60px;

                        @media (max-width: 640px) {
                            display: none;
                        }
                        .vendor(transform, translate(0, -50%));
                        .az-owl-prev, .az-owl-next {
                            .vendor(transition, all .3s linear 0s);
                            position: absolute;
                            background: none;
                            z-index: 1;
                            border: 1px solid fade(@white-lighter, 70%);
                            width: 58px;
                            height: 58px;
                            border-radius: 100%;
                            span {
                                &:before {
                                    content: " ";
                                    color: @white-lighter;
                                    font-size: 30px;
                                    position: absolute;
                                    left: 50%;
                                    top: 50%;
                                    .vendor(transform, translate(-50%, -50%));
                                }
                            }
                            &:hover {
                                background-color: @white-lighter;
                                span {
                                    &:before {
                                        color: @black-darker;
                                    }
                                }
                            }
                        }
                        .az-owl-prev {
                            top: 0;
                            left: -100px;
                            span {
                                &:before {
                                    font-family: FontAwesome;
                                    content: "\f104";
                                    color: @white-lighter;
                                    left: 48%;
                                }
                            }
                        }
                        .az-owl-next {
                            top: 0;
                            right: -100px;
                            span {
                                &:before {
                                    font-family: FontAwesome;
                                    content: "\f105";
                                    color: @white-lighter;
                                    left: 52%;
                                }
                            }
                        }
                    }
                }
            }
        }
    }
    .azen-citrix-testimonials-slider {
        text-align: center;
        position: relative;
        background-color: transparent;
        z-index: 2;
        &:before {
            content: "";
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            z-index: 1;
            background-color: transparent;
        }
        .azen-general {
            position: relative;
            z-index: 12;
            padding: 98px 0 307px;
            .azen-introduction {
                .introduction();
                color: @gray-darker;
            }
            .azen-title {
                .azen-title();
                color: @black-darker;
                font-weight: 400;
                font-size: 36px;
                margin-bottom: 52px;
            }
            .azen-slider {
                position: relative;
                .az-thumbnails {
                    .az-flex-viewport {
                        position: absolute !important;
                        display: inline-block;
                        left: 50%;
                        .vendor(transform, translate(-50%, 0));

                        @media (max-width: 991px) {
                            position: relative !important;
                            left: auto;
                            .vendor(transform, none);
                        }
                        @media (max-width: 446px) {
                            display: block;
                        }
                    }
                    .az-flex-thumbnails {
                        position: relative;
                        z-index: 10;
                        text-align: center;
                        cursor: pointer;
                        &:after {
                            clear: both;
                            content: "";
                            display: table;
                        }
                        .azen-item-slider {
                            pointer-events: auto;
                            position: relative;
                            z-index: 1;
                            text-align: center;
                            display: inline-block;
                            margin: 40px 0 80px;
                            width: 100px;
                            &.az-flex-active-slide {
                                span {
                                    display: block;
                                }
                                .azen-img {
                                    .vendor(transform, scale3d(1, 1, 1));
                                    &:before {
                                        background-color: transparent;
                                        border-color: @brand-color;
                                        pointer-events: none;
                                    }
                                    img {
                                    }
                                }
                                .azen-name, .azen-location {
                                    display: block;
                                }
                            }
                            span {
                                display: none;
                                position: absolute;
                                top: -48px;
                                left: 41%;
                                width: 15px;
                                height: 15px;
                                border: 1px solid fade(@brand-color, 25%);
                                .vendor(transform, translate(-50%,0));
                                .vendor(transform, rotate(45deg));
                                &:before {
                                    padding-top: 3px;
                                    content: "\f0da";
                                    font-family: FontAwesome;
                                    color: @brand-color;
                                    font-size: 16px;
                                    position: absolute;
                                    left: 59%;
                                    .vendor(transform, translate(-55%, 0%));
                                    .vendor(transform, rotate(45deg));
                                }
                            }
                            .azen-img {
                                position: relative;
                                z-index: 1;
                                width: 100px;
                                height: 100px;
                                .vendor(transform, scale3d(0.6, 0.6, 1));

                                @media (max-width: 446px) {
                                    width: 90px;
                                    height: 90px;
                                }
                                &:before {
                                    content: "";
                                    z-index: 2;
                                    position: absolute;
                                    left: 0;
                                    right: 0;
                                    top: 0;
                                    bottom: 0;
                                    background-color: fade(@black-darker, 50%);
                                    border-radius: 100%;
                                    border: 3px solid transparent;
                                }
                                img {
                                    border-radius: 100%;
                                    width: 100px;
                                    //height: 100px;
                                    box-sizing: border-box;

                                    @media (max-width: 446px) {
                                        width: 90px;
                                        height: 90px;
                                    }
                                }
                            }
                            .azen-name {
                                position: absolute;
                                white-space: nowrap;
                                left: 50%;
                                .vendor(transform, translate(-50%, 0));
                                display: none;
                                font-family: "@{google-font-family-Poppins}";
                                font-size: 16px;
                                color: @black-darker;
                                text-transform: capitalize;
                                letter-spacing: 1px;
                                font-weight: 500;
                                margin: 24px 0 6px;
                            }
                            .azen-location {
                                position: absolute;
                                white-space: nowrap;
                                top: 156px;
                                left: 50%;
                                .vendor(transform, translate(-50%, 0));
                                display: none;
                                font-family: "@{google-font-family-Crimson-Text}";
                                font-size: 16px;
                                font-style: italic;
                                font-weight: 300;
                                color: @black-light;
                            }
                        }
                    }

                }
                .az-slides {
                    position: relative;

                    @media (max-width: 991px) {
                        width: auto;
                    }
                    .azen-citrix-slide-wrapper {
                        .azen-testimonials {
                            position: relative;
                            padding: 52px 42px;
                            color: @black-light;
                            font-family: "@{google-font-family-Crimson-Text}";
                            font-style: italic;
                            font-size: 24px;
                            font-weight: 400;
                            line-height: 1.5;
                            max-width: 850px;
                            border: 1px solid fade(@brand-color, 25%);
                            margin-left: auto;
                            margin-right: auto;
                            &:before {
                                position: absolute;
                                z-index: 2;
                                font-family: FontAwesome;
                                content: "\f10e";
                                color: @white-lighter;
                                font-size: 16px;
                                left: ~"calc(100% + 17px)";
                                top: 13px;

                                @media (max-width: 850px) {
                                    display: none;
                                }
                            }
                            &:after {
                                content: "";
                                position: absolute;
                                z-index: 1;
                                width: 50px;
                                height: 50px;
                                background-color: @brand-color;
                                left: ~"calc(100% + 2px)";
                                top: -1px;

                                @media (max-width: 850px) {
                                    display: none;
                                }
                            }
                        }
                    }
                }
                .az-flex-direction-nav {
                    display: none;
                }
            }
        }
        &[data-gray-background="true"] {
            &:before {
                background-color: fade(lighten(@brand-color, 10%), 10%); 
            }
            .azen-testimonials {
                background-color: @white-lighter;
            }
            .azen-item-slider {
                span {
                    background-color: @white-lighter;
                    border-color: fade(lighten(@brand-color, 20%), 2%) !important;
                }
            }
            .az-slides {
                border-color: fade(lighten(@brand-color, 20%), 2%) !important;
            }
        }
        &[data-light-branded-background="true"] {
            &:before {
                background-color: fade(@brand-color, 80%) !important;
            }
            .azen-introduction, .azen-title, .azen-testimonials, .azen-name, .azen-location {
                color: @white-lighter !important;
            }
            .azen-testimonials {
                background-color: fade(@brand-color, 80%) !important;
            }
            .azen-item-slider {
                span {
                    border-color: lighten(@brand-color, 7%) !important;
                    &:before {
                        color: @white-lighter !important;
                    }
                }
                &.az-flex-active-slide {
                    .azen-img {
                        &:before {
                            border-color: @white-lighter !important;
                        }
                    }
                }
            }
            .az-slides {
                border-color: lighten(@brand-color, 7%) !important;
            }
        }
    }
    .azen-citrix-logos {
        padding: 83px 0;
        text-align: center;
        background-color: @brand-color;
        .azen-logos-item {
            display: inline-block;
            vertical-align: middle;
            width: 25%;
            text-align: center;

            @media (max-width: 630px) {
                width: 32%;
            }
            @media (max-width: 490px) {
                width: 49%;
            }
            a {
                img {
                    .vendor(transition, all .3s linear 0s);
                    opacity: 0.5;
                    margin: 15px;
                    max-width: calc(~'100% - 30px');
                }
                &:hover {
                    img {
                        opacity: 1;
                    }
                }
            }
        }
    }
    .azen-citrix-paragraph-with-circle {
        margin-bottom: 70px;
        .azen-general {
            counter-reset: section;
            .azen-wrapper {
                display: table;
                width: 100%;
                padding-bottom: 49px;
                &:last-child {
                    padding-bottom: 0;
                }
                .azen-circle {
                    display: table-cell;
                    vertical-align: top;
                    padding-right: 30px;
                    .azen-circle-wrp {
                        position: relative;
                        display: block;
                        width: 70px;
                        height: 70px;
                        background-color: fade(@brand-color, 45%);
                        border-radius: 100%;
                        .vendor(transition, all .3s linear 0s);
                        .azen-score {
                            position: absolute;
                            left: 50%;
                            top: 50%;
                            .vendor(transform, translate(-50%, -50%));
                            font-family: "@{google-font-family-Poppins}";
                            color: @white-lighter;
                            font-size: 24px;
                            font-weight: 300;
                            &:before {
                                counter-increment: section;
                                content: "0" counter(section);
                            }
                        }
                    }
                }
                .azen-text {
                    display: table-cell;
                    vertical-align: top;
                    text-align: left;
                    .azen-title {
                        font-family: "@{google-font-family-Poppins}";
                        font-size: 18px;
                        color: @black-darker;
                        font-weight: 500;
                        letter-spacing: 1px;
                        text-transform: capitalize;
                        margin-bottom: 11px;
                        &:after {
                            content: "";
                            background-color: @brand-color;
                            height: 1px;
                            width: 70px;
                            margin-top: 11px;
                        }
                    }
                    .azen-description {
                        font-family: "@{google-font-family-Crimson-Text}";
                        font-size: 20px;
                        font-weight: 400;
                        line-height: 1.55;
                        color: @black-light;
                    }
                }
                &:hover {
                    .azen-circle {
                        .azen-circle-wrp {
                            background-color: @brand-color;
                        }
                    }
                }
            }
        }
    }
    .azen-citrix-paragraph-with-circle-1 {
        margin-bottom: 70px;
        .azen-general {
            counter-reset: section;
            .azen-wrapper {
                display: table;
                width: 100%;
                padding-bottom: 49px;
                &:last-child {
                    padding-bottom: 0;
                }
                .azen-circle {
                    display: table-cell;
                    vertical-align: top;
                    padding-right: 30px;
                    .azen-circle-wrp {
                        position: relative;
                        display: block;
                        width: 68px;
                        height: 68px;
                        background-color: transparent;
                        border: 1px solid fade(@brand-color, 45%);
                        border-radius: 100%;
                        .vendor(transition, all .3s linear 0s);
                        .azen-score {
                            position: absolute;
                            left: 50%;
                            top: 50%;
                            .vendor(transform, translate(-50%, -50%));
                            font-family: "@{google-font-family-Poppins}";
                            color: @white-lighter;
                            font-size: 24px;
                            font-weight: 300;
                            &:before {
                                counter-increment: section;
                                content: "0" counter(section);
                            }
                        }
                    }
                }
                .azen-text {
                    display: table-cell;
                    vertical-align: top;
                    text-align: left;
                    .azen-title {
                        font-family: "@{google-font-family-Poppins}";
                        font-size: 18px;
                        color: @white-lighter;
                        font-weight: 500;
                        letter-spacing: 1px;
                        text-transform: capitalize;
                        margin-bottom: 11px;
                        &:after {
                            content: "";
                            background-color: @brand-color;
                            height: 1px;
                            width: 30px;
                            margin-top: 11px;
                        }
                    }
                    .azen-description {
                        font-family: "@{google-font-family-Crimson-Text}";
                        font-size: 20px;
                        font-weight: 400;
                        line-height: 1.55;
                        color: @white-lighter;
                    }
                }
                &:hover {
                    .azen-circle {
                        .azen-circle-wrp {
                            background-color: @brand-color;
                        }
                    }
                }
            }
        }
    }
    .azen-citrix-promo-box {
        position: relative;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        &:before {
            content: "";
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            background-color: fade(@black-dark, 50%);
            z-index: 1;
        }
        .azen-general {
            position: relative;
            z-index: 2;
            text-align: center;
            padding: 278px 0 279px;
            .azen-title {
                .azen-title();
                font-size: 72px;
                text-transform: capitalize;
                margin-bottom: 43px;

                @media (max-width: 730px) {
                    font-size: 62px; 
                }
                @media (max-width: 630px) {
                    font-size: 52px; 
                }
                @media (max-width: 540px) {
                    font-size: 42px; 
                }
                @media (max-width: 450px) {
                    font-size: 34px;
                    margin-bottom: 33px
                }
                @media (max-width: 380px) {
                    font-size: 28px;
                }
                .azen-first-word {
                    font-weight: 300;
                    margin-right: 30px;

                    @media (max-width: 450px) {
                        margin-right: 15px;
                    }
                }
                .azen-second-word {
                    font-weight: 600;
                }
            }
            .azen-introduction {
                .introduction();
                text-transform: inherit;
                color: @white-lighter;
                margin-bottom: 49px;

                @media (max-width: 450px) {
                    margin-bottom: 39px;
                }
                @media (max-width: 380px) {
                    font-size: 22px;
                }
            }
            .azen-button {
                a {
                    .button();
                }
                .azen-button-1 {
                    color: @black-darker;
                    background-color: @white-lighter;
                    border-color: @white-lighter;
                    margin-right: 30px;
                    padding: 0 56px;

                    @media (max-width: 995px) {
                        margin-bottom: 30px;
                        display: block;
                        margin-left: auto;
                        margin-right: auto;
                    }
                    &:hover {
                        border-color: @brand-color;
                    }
                }
                .azen-button-2 {
                    border-color: @white-lighter;
                    color: @white-lighter;
                    padding: 0 34px;
                    &:hover {
                        border-color: @brand-color;
                    }
                }
            }
        }
    }
    .azen-citrix-teammate {
        margin-bottom: 30px;
        .azen-general {
            text-align: center;
            .azen-wrapper {
                .azen-image-part {
                    margin-bottom: 5px;
                    a {
                        display: block;
                        position: relative;
                        &:before {
                            display: block;
                            content: "";
                            position: absolute;
                            background-color: transparent;
                            left: 0;
                            right: 0;
                            top: 0;
                            bottom: 0;
                            .vendor(transition, all .3s linear 0s);
                            pointer-events: none;
                        }
                        .azen-bg {
                            background-repeat: no-repeat;
                            background-position: center;
                            background-size: cover;
                            width: 100%;
                            height: 370px;
                        }
                        span {
                            position: absolute;
                            width: 50px;
                            height: 50px;
                            top: 50%;
                            left: 50%;
                            .vendor(transform, translate(-50%, -50%));
                            z-index: 2;
                            background-color: transparent;
                            .vendor(transition, all .3s linear 0s);
                            &:before {
                                font-family: FontAwesome;
                                content: "\f067";
                                font-size: 16px;
                                position: absolute;
                                top: 50%;
                                left: 50%;
                                .vendor(transform, translate(-50%, -50%));
                                color: transparent;
                                .vendor(transition, all .3s linear 0s);
                            }
                        }
                    }
                    &:hover {
                        a {
                            &:before {
                                background-color: fade(@brand-color, 80%);
                            }
                            span {
                                background-color: fade(@black-darker, 75%);
                                &:before {
                                    color: @white-lighter;
                                }
                            }
                        }
                    }
                }
                .azen-text-part {
                    margin-bottom: 5px;
                    border: 1px solid fade(@brand-color, 25%);
                    padding: 27px 27px 21px 27px;
                    .azen-text-title {
                        font-family: "@{google-font-family-Poppins}";
                        font-size: 18px;
                        font-weight: 500;
                        color: @black-darker;
                        line-height: 22px;
                        letter-spacing: 1px;
                        text-transform: capitalize;
                        margin-bottom: 7px;
                        vertical-align: middle;
                    }
                    .azen-text-profession {
                        font-family: "@{google-font-family-Crimson-Text}";
                        font-style: italic;
                        color: @black-light;
                        font-size: 18px;
                        font-style: 300;
                        text-transform: capitalize;
                        line-height: 21px;
                        vertical-align: middle;
                    }
                }
                .azen-soclogo-part {
                    border: 1px solid fade(@brand-color, 25%);
                    padding: 18px 27px 6px 27px;
                    a {
                        display: inline-block;
                        margin: 0 7px 9px 7px;
                        span {
                            position: relative;
                            width: 28px;
                            height: 28px;
                            border: 1px solid @gray;
                            border-radius: 100%;
                            background-color: transparent;
                            .vendor(transition, all .3s linear 0s);
                            &:before {
                                position: absolute;
                                left: 50%;
                                top: 50%;
                                color: @gray;
                                font-size: 14px;
                                .vendor(transition, all .3s linear 0s);
                                .vendor(transform, translate(-50%, -50%));
                            }
                        }
                        &:hover {
                            span {
                                background-color: @brand-color;
                                border-color: @brand-color;
                                &:before {
                                    color: @white-lighter;
                                }
                            }
                        }
                    }
                }
            }
        }
    }
    .azen-citrix-circlebar {
        margin-bottom: 60px;
        .azen-general {
            text-align: center;
            .azen-circle {
                margin-bottom: 17px;
                > div {
                    position: relative;
                    display: inline-block !important;
                    input {
                        font-family: "@{google-font-family-Poppins}" !important;
                        font-size: 24px !important;
                        font-weight: 300 !important;
                        margin: 0 !important;
                        top: 50% !important;
                        left: 50% !important;
                        width: 100px !important;
                        height: 100px !important;
                        border-radius: 100% !important;
                        background-color: @brand-color !important;
                        .vendor(transform, translate(-50%, -50%)) !important;
                    }
                }
            }
            .azen-title {
                font-family: "@{google-font-family-Poppins}";
                color: @black-darker;
                font-size: 18px;
                text-transform: capitalize;
                margin-bottom: 18px;
                font-weight: 500;
                letter-spacing: 1px;
            }
            .azen-text {
                color: @black-light;
                font-family: "@{google-font-family-Crimson-Text}";
                font-size: 20px;
                font-weight: 400;
                line-height: 1.5;
            }
        }
    }
    .azen-citrix-our-blog {
        .azen-general {
            padding: 99px 0 100px;
            text-align: center;
            .azen-introduction {
                .introduction();
                color: @gray;
            }
            .azen-title {
                .azen-title();
                color: @white-lighter;
                font-weight: 400;
                font-size: 36px;
                margin-bottom: 52px;

                @media (max-width: 360px) {
                    font-size: 30px;
                }
            }
            .azen-post {
                margin-bottom: 11px;
                .azen-post-wrapper {
                    width: ~"calc(33.3333333333% - 30px)";
                    display: inline-block;
                    padding-right: 30px;
                    padding-bottom: 45px;
                    text-align: left;
                    &:last-child {
                        padding-right: 0;
                    }

                    @media (max-width: 991px) {
                        width: ~"calc(50% - 30px)";
                        &:nth-child(2n) {
                            padding-right: 0;
                        }
                    }
                    @media (max-width: 544px) {
                        width: 100%;
                        padding-right: 0;
                    }
                    .azen-post-img-wrapper {
                        >    a {
                            display: block;
                            margin-bottom: 29px;
                            .azen-img {
                                background-repeat: no-repeat;
                                background-position: center;
                                background-size: cover;
                                width: 100%;
                                height: 200px;
                            }
                        }
                        .azen-post-date {
                            .introduction();
                            font-size: 18px;
                            margin-bottom: 18px;
                        }
                        .azen-post-title {
                            border-bottom: 1px solid @black;
                            padding-bottom: 41px;
                            margin-bottom: 15px;
                            a {
                                font-family: "@{google-font-family-Poppins}";
                                font-size: 18px;
                                font-weight: 500;
                                color: @white-lighter;
                                line-height: 1.4;
                                letter-spacing: 1px;
                                margin-bottom: 7px;
                                .vendor(transition, all .3s linear 0s); 
                            }
                            &:hover {
                                a {
                                    color: @black-lighter;
                                }
                            }
                        }
                        .azen-social {
                            .az-liked-azen-liked, .azen-like  {
                                display: inline-block;
                                font-family: "@{google-font-family-Crimson-Text}";
                                font-weight: 600;
                                color: @black-lighter;
                                font-size: 16px;
                                padding-right: 6px;
                                .vendor(transition, all .3s linear 0s);
                                cursor: pointer;
                                span {
                                    padding-right: 6px;
                                    &:before {
                                        font-size: 14px;
                                        color: @black-lighter;
                                        font-weight: 600;
                                        .vendor(transition, all .3s linear 0s); 
                                    }
                                }
                                .azen-icon-2 {
                                    display: none;
                                }
                                &:hover {
                                    span {
                                        &:before {
                                            color: @white-lighter;
                                        }
                                    }
                                }
                            }
                            .az-liked-azen-liked.azen-liked {
                                .azen-icon-1 {
                                    display: none;
                                }
                                .azen-icon-2 {
                                    display: inline-block;
                                    &:before {
                                        color: @white-lighter;
                                    }
                                }
                            }
                            .azen-like-text {
                                display: inline-block;
                                font-weight: 600;
                                color: @black-lighter;
                                font-size: 16px;
                                font-family: "@{google-font-family-Crimson-Text}";
                            }
                            a {
                                display: inline-block;
                                padding-left: 25px;
                                .azen-comments {
                                    .az-icon {
                                        padding-right: 6px;
                                        &:before {
                                            font-size: 14px;
                                            color: @black-lighter;
                                            font-weight: 600;
                                            .vendor(transition, all .3s linear 0s); 
                                        }
                                    }
                                    .az-comments-count {
                                        font-family: "@{google-font-family-Crimson-Text}";
                                        font-weight: 600;
                                        color: @black-lighter;
                                        font-size: 16px;
                                        padding-right: 6px;
                                        .vendor(transition, all .3s linear 0s); 
                                    }
                                    .azen-comment-text {
                                        font-family: "@{google-font-family-Crimson-Text}";
                                        font-weight: 600;
                                        color: @black-lighter;
                                        font-size: 16px;
                                        .vendor(transition, all .3s linear 0s); 
                                    }
                                }
                                &:hover {
                                    .azen-comments {
                                        .az-icon {
                                            &:before {
                                                color: @white-lighter;
                                            }
                                        }
                                        .az-comments-count {
                                            color: @white-lighter;
                                        }
                                        .azen-comment-text {
                                            color: @white-lighter;
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
            .azen-button {
                a {
                    .button();
                    border-color: @white-lighter;
                    color: @white-lighter;
                    padding: 0 56px;
                    &:hover {
                        border-color: @brand-color;
                    }
                }
            }
        }
        &[data-inverted-styles="true"] {
            background-color: @white-lighter !important;
            .azen-introduction {
                color: @gray-darker;
            }
            .azen-title {
                color: @black-darker;
            }
            .azen-post-date {
                color: @gray-darker !important;
            }
            .azen-post-title {
                border-color: fade(@brand-color, 15%) !important;
                a {
                    color: @black-darker !important;
                    &:hover {
                        color: @brand-color !important;
                    }
                }
            }
            .azen-social {
                .azen-like {
                    .azen-icon-1 {
                        &:before {  
                        }
                    }
                    &:hover {
                        .azen-icon-1 {
                            &:before {
                                color: @brand-color !important;
                            }
                        }
                    }
                }
                .azen-like.azen-liked {
                    .azen-icon-2 {
                        &:before {
                            color: @brand-color !important;
                        }
                    }
                }
                .azen-comments {
                    &:hover {
                        span {
                            &:before {
                                color: @brand-color !important;
                            }
                            color: @brand-color !important;
                        }
                    }
                }
            }
            .azen-button {
                a {
                    border-color: @black-darker;
                    color: @black-darker;
                }    
            }
        }
    }
    .azen-citrix-pricing-plan {
        text-align: center;
        .azen-general {
            display: inline-block;
            text-align: center;
            width: 100%;
            background-color: transparent;
            margin-bottom: 80px;
            border: 1px solid fade(@brand-color, 25%);
            box-sizing: border-box;
            .vendor(transition, all .3s linear 0s);
            .azen-price {
                position: relative;
                display: block;
                line-height: 90px;
                margin: -1px -1px 0 -1px;
                height: 90px;
                text-align: center;
                .azen-level {
                    display: inline-block;
                    vertical-align: middle;
                    font-family: "@{google-font-family-Poppins}";
                    font-size: 18px;
                    font-weight: 500;
                    color: @white-lighter;
                    letter-spacing: 1px;
                    &:before, &:after {
                        display: inline-block;
                        font-family: "@{google-font-family-Poppins}";
                        content: "-";
                        font-size: 18px;
                        color: @white-lighter;
                    }
                    &:before {
                        margin-right: 32px;
                    }
                    &:after {
                        margin-left: 32px;
                    }
                }
            }
            .azen-wrapper-part {
                .vendor(transition, all .3s linear 0s);
                background-color: transparent;
                .azen-numeric {
                    margin: -1px -1px 25px -1px;
                    background-color: @brand-color;
                    padding: 41px 0 40px;
                    .azen-amount {
                        font-family: "@{google-font-family-Poppins}";
                        color: @white-lighter;
                        font-size: 60px;
                        font-weight: 300;
                        line-height: 1;
                        display: inline-block;
                        margin: 0 5px 10px 0;
                    }
                    .azen-currency {
                        font-family: "@{google-font-family-Crimson-Text}";
                        font-size: 30px;
                        color: @white-lighter;
                        font-style: italic;
                        font-weight: 300;
                        vertical-align: top;
                        display: inline-block;
                    }
                    .azen-period {
                        .introduction();
                        color: @white-lighter;
                        font-size: 20px;
                        margin-bottom: 0;
                        display: block;
                    }
                }
                .azen-title {
                    font-family: "@{google-font-family-Raleway}";
                    color: @black-darker;
                    font-weight: 600;
                    font-size: 18px;
                    text-transform: inherit;
                    margin-bottom: 40px;
                }
                > div {
                    margin-bottom: 24px;
                    padding: 0 39px;
                    .azen-item {
                        display: block;
                        padding: 32px 0;
                        border-bottom: 1px solid fade(@brand-color, 25%);
                        .vendor(transition, all .3s linear 0s);
                        &:last-child {
                            border: 0;
                        }
                        .azen-item-title {
                            display: block;
                            font-family: "@{google-font-family-Poppins}";
                            font-size: 18px;
                            font-weight: 500;
                            color: @black-darker;
                            line-height: 1.2;
                            letter-spacing: 1px;
                            margin-bottom: 12px;
                            .vendor(transition, all .3s linear 0s);
                        }
                        .azen-item-text {
                            display: block;
                            color: @black-light;
                            font-family: "@{google-font-family-Crimson-Text}";
                            font-size: 20px;
                            font-weight: 400;
                            line-height: 1.5;
                            .vendor(transition, all .3s linear 0s);
                        }
                    }
                }
                .azen-button {
                    padding: 0 0 60px 0;
                    margin-bottom: 0;
                    a {
                        .button();
                        color: @white-lighter;
                        background-color: @brand-color;
                        border-color: @white-lighter;
                        padding: 0 53px;
                        &:hover {
                            border-color: @brand-color;
                        }
                    }
                }
            }
            &:hover {
                .azen-wrapper-part {
                    background-color: @brand-color;
                    .azen-item {
                        border-color: lighten(@brand-color, 10%);
                        .azen-item-title, .azen-item-text {
                            color: @white-lighter;
                        }
                    }
                    .azen-button {
                        a {
                            background-color: @white-lighter;
                            color: @black-darker;
                        }
                    }
                }
                .azen-button {
                    a {
                        &:hover {
                            background-color: @black-darker;
                            color: @white-lighter;
                        }
                    }
                }
            }
        }
        .azen-general:not(:hover) {
            border-color: @white-darker !important;
        }
    }
    .azen-citrix-contact-form-section {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        position: relative;
        &:before {
            content: "";
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            background-color: fade(darken(@brand-color, 55%), 60%);
            z-index: 1;
        }
        .azen-general {
            position: relative;
            text-align: center;
            z-index: 2;
            padding: 99px 0 106px;
            .azen-introduction {
                .introduction();
                color: @gray;
            }
            .azen-title {
                .azen-title();
                color: @white-lighter;
                font-weight: 400;
                font-size: 36px;
                margin-bottom: 52px;

                @media (max-width: 360px) {
                    font-size: 30px;
                }
            }
            .azen-form-part {
                display: block;
                .azen-subscribeform {
                    .azen-subscribe-wrapper {
                        display: block;
                        width: 100%;
                        padding-bottom: 30px;
                        .azen-subscribeform-wrp, .azen-subscribeform-wrp-right {
                            .flex(center, wrap, flex-start, flex-start);
                            margin: 0 -15px;
                            .vendor(transition, all .3s linear);

                            @media (max-width: 768px) {
                                margin: 0;
                            }
                            .azen-subscribeform-wrapper {
                                width: ~"calc(100%/3 - (60px/2))";
                                padding: 0 15px;
                                line-height: 58px;
                                position: relative;
                                border-collapse: separate;
                                padding-bottom: 30px;

                                @media (max-width: 768px) {
                                    width: 100%/1;
                                    padding: 0 0 30px 0;

                                }
                            }
                            input[name="name"], input[name="email"], select {
                                .vendor(transition, all .3s linear);
                                .vendor(appearance, none)  !important;
                                text-align: left;
                                position: relative;
                                z-index: 2;
                                display: block;
                                width: 100%;
                                padding: 0 48px 0 30px;
                                border: 1px solid fade(@gray-lighter, 40%);
                                text-transform: capitalize;
                                box-sizing: border-box;
                                box-shadow: none;
                                background-color: transparent;
                                color: @white-lighter;
                                font-family: "@{google-font-family-Crimson-Text}";
                                font-weight: 400;
                                font-size: 20px;
                                .placeholder(color, @gray);
                                &:focus {
                                    color: @white-lighter;
                                    .placeholder(color, @white-lighter);
                                    .vendor(outline, none);
                                }
                            }
                            select {
                                &:focus {
                                    color: @gray;
                                    .placeholder(color, @white-lighter);
                                    .vendor(outline, none);
                                }
                            }
                        }
                        .azen-subscribeform-wrp-down {
                            .azen-subscribeform-wrapper {
                                position: relative;
                                line-height: 1;
                                textarea {
                                    width: 100%;
                                    text-align: left;
                                    box-sizing: border-box;
                                    padding: 18px 48px 28px 29px;
                                    height: 200px;
                                    box-shadow: none;
                                    background-color: transparent;
                                    border: 1px solid fade(@gray-lighter, 40%);
                                    display: inline-block;
                                    font-family: "@{google-font-family-Crimson-Text}";
                                    font-weight: 400;
                                    font-size: 20px;
                                    color: @white-lighter;
                                    .placeholder(color, @gray);
                                    .vendor(transition, all .3s linear 0s);
                                    &:focus {
                                        color: @white-lighter;
                                        .placeholder(color, @white-lighter);
                                    }
                                }
                            }
                            .azen-subscribeform-wrapper + .azen-subscribeform-wrapper {
                                padding-top: 30px;
                            }
                        }
                    }
                    .azen-button {
                        display: block;
                        text-align: right;

                        @media (max-width: 420px) {
                            text-align: center;
                        }
                        button {
                            .button();
                            background-color: @brand-color;
                            border: 0;
                            color: @white-lighter;
                            cursor: pointer;
                            &:hover {
                                background-color: @black-darker;
                            }
                        }
                    }
                }
            }
        }
        &[data-darken-background="false"] {
            &:before {
                background-color: transparent;
            }
            .azen-introduction {
                color: @gray-darker;
            }
            .azen-title {
                color: @black-darker;
            }
            input[name="name"], input[name="email"], input[name="subject"], textarea {
                color: @black-darker !important;
                .placeholder(color, @gray-darker) !important;
                &:focus {
                    border-color: @brand-color !important;
                    color: @black-light !important;
                }
            }
        }
    }
    .azen-citrix-action {
        background-color: @brand-color;
        .azen-general {
            text-align: center;
            padding: 125px 0;
            .azen-title {
                .introduction();
                color: @white-lighter;
                font-size: 60px;
                font-weight: 600;
                margin-bottom: 35px;

                @media (max-width: 500px) {
                    font-size: 50px;
                }
                @media (max-width: 450px) {
                    font-size: 45px;
                }
                @media (max-width: 400px) {
                    font-size: 40px;
                }
                @media (max-width: 350px) {
                    font-size: 36px;
                }
            }
            .azen-button {
                a {
                    .button();
                    border-color: @white-lighter;
                    color: @white-lighter;
                    font-weight: 600;
                    padding: 0 38px;
                    &:hover {
                        color: @black-darker;
                        background-color: @white-lighter;
                    }
                }
            }
        }
    }
    .azen-citrix-latest-news {
        margin-bottom: 75px;
        .azen-general {
            text-align: left;
            display: block;
            width: 100%;
            .azen-wrp {
                display: table;
                padding-bottom: 23px;
                border-bottom: 1px solid darken(@white-lighter, 80%);
                margin-bottom: 25px;
                .azen-image {
                    display: table-cell;
                    vertical-align: top;
                    a {
                        display: inline-block;
                        padding-right: 25px;
                        .azen-bg {
                            width: 70px;
                            height: 70px;
                            background-size: cover;
                            background-position: center;
                            background-repeat: no-repeat;
                            .vendor(transition, all .3s linear);
                        }
                    }
                }
                .azen-info {
                    display: table-cell;
                    vertical-align: top;
                    .azen-title {
                        .vendor(transition, all .3s linear);
                        .azen-description();
                        color: lighten(@black-lighter, 5%);
                        font-size: 18px;
                        font-weight: 600;
                        margin: -7px 0 10px;
                        line-height: 1.7;
                        a {
                        }
                        &:hover {
                            color: @brand-color;
                        }
                    }
                    .azen-date {
                        font-family: "@{google-font-family-Crimson-Text}";
                        color: darken(@black-lighter, 10%);
                        font-size: 16px;
                        font-weight: 600;
                    }
                }
                &:last-child {
                    border-bottom: none;
                    margin-bottom: 0;
                }
            }
        }
        &[data-darken-background="true"] {
            .azen-general {
                .azen-wrp {
                    .azen-info {
                        .azen-title {
                            &:hover {
                                color: @white-lighter;
                            }
                        }
                    }
                }
            }
        }
    }
    .azen-citrix-icon-link {
        .azen-general {
            text-align: left;
            margin-bottom: 75px;
            a {
                display: block;
                margin-bottom: 29px;
                &:last-child {
                    margin-bottom: 0;
                }
                .az-icon {
                    margin-right: 6px;
                    &:before {
                        font-size: 11px;
                        color: lighten(@black-lighter, 5%);
                        .vendor(transition, all .3s linear 0s);
                    }
                }
                .azen-link-text {
                    font-family: "@{google-font-family-Crimson-Text}";
                    color: lighten(@black-lighter, 5%);
                    font-size: 18px;
                    font-weight: 600;
                    .vendor(transition, all .3s linear 0s);
                }
                &:hover {
                    .az-icon {
                        &:before {
                            color: @brand-color;
                        }
                    }
                    .azen-link-text {
                        color: @white-lighter;
                    }
                }
            }
        }
    }
    .azen-citrix-recent-work {
        .azen-general {
            text-align: center;
            margin-bottom: 75px;
            a {
                position: relative;
                z-index: 1;
                display: inline-block;
                width: ~"calc(33.3333333333% - 6px)";
                margin: 0 6px 6px 0;
                vertical-align: top;
                &:nth-child(3n) {
                    margin-right: 0;
                }
                &:before {
                    content: "";
                    position: absolute;
                    z-index: 2;
                    top: 0;
                    bottom: 0;
                    left: 0;
                    right: 0;
                    background-color: transparent;
                    .vendor(transition, all .3s linear 0s);
                    pointer-events: none;
                }
                img {
                    display: block;
                    width: 100%;
                    height: 100%;
                }
                &:hover {
                    &:before {
                        background-color: fade(@brand-color, 40%);
                    }
                }
            }
        }
    }
    .azen-citrix-tags-list {
        .azen-general {
            text-align: left;
            margin-bottom: 75px;
            .azen-tag {
                display: inline-block;
                margin-right: 10px;
                margin-bottom: 10px;
                &:last-child {
                    margin-right: 0;
                }
                a {
                    display: block;
                    border: 1px solid fade(@brand-color, 10%);
                    background-color: transparent;
                    line-height: 1;
                    padding: 10px 15px 6px 15px;
                    font-family: "@{google-font-family-Crimson-Text}";
                    color: lighten(@black-lighter, 5%);
                    font-size: 18px;
                    font-weight: 600;
                    .vendor(transition, all .3s linear 0s);
                }
                &:hover {
                    a {
                        background-color: @brand-color;
                        color: @white-lighter;
                        border-color: @brand-color;
                    }
                }
            }
        }
    }
    .azen-citrix-under-footer-1 {
        position: relative;
        z-index: 6;
        .azen-general {
            position: relative;
            padding: 28px 0;
            width: 100%;
            display: table;

            @media (max-width: 750px) {
                min-height: inherit;
                padding: 30px 0;
            }
            .azen-left-part {
                width: 50%;
                display: table-cell;
                vertical-align: middle;

                @media (max-width: 750px) {
                    width: 100%;
                    display: block;
                    text-align: center;
                    padding-bottom: 10px;
                    line-height: 16px;
                }
                .azen-text {
                    .azen-description();
                    font-size: 16px;
                    font-weight: 600;
                    color: @black-lighter;
                    margin-bottom: 0;
                    a {
                        margin-left: 5px;
                        span {
                            color: @brand-color;
                            .vendor(transition, all .3s linear 0s);
                        }
                        &:hover {
                            span {
                                color: @white-lighter;
                            }
                        }
                    }
                }
            }
            .azen-right-part {
                text-align: right;
                width: 50%;
                display: table-cell;
                vertical-align: middle;

                @media (max-width: 1199px) {
                    text-align: center;
                }
                @media (max-width: 750px) {
                    width: 100%;
                    display: block;
                    text-align: center;
                    line-height: 27px;
                }
                .azen-category {
                    a {
                        display: inline-block;
                        .vendor(transition, all .3s linear);
                        .azen-description();
                        font-size: 16px;
                        font-weight: 600;
                        color: @black-lighter;
                        margin: 14px 0 14px 42px;
                        line-height: 1;
                        &:hover {
                            color: @brand-color;
                        }
                        @media (max-width: 750px) {
                            margin: 5px 5px 0 10px;
                        }
                    }
                }
            }
        }
    }
    .azen-citrix-header-1 {
        position: relative;
        height: 100px;
        z-index: 10;
        > div {
            background-color: @white-lighter;
            > div {
                margin: 0 auto;
            }
        }
        &[data-over-top="true"] {
            margin-top: -100px;
        }
        &[data-over-bottom="true"] {
            margin-bottom: -100px;
        }
        > div {
            box-shadow: 0px 1px 8px 0 fade(@gray, 50%);
            .citrix-animation-menu();
            top: 0;
            left: 0;
            right: 0;
            .azen-inner {
                .vendor(display, flex);
                .vendor(align-items, center);
                position: relative;
                min-height: 100px;
                background: @white-lighter;
                font-weight: 500;
                font-family: "@{google-font-family-Poppins}";
                z-index: 10;
                width: 100%;

                @media (max-width: 480px) {
                    padding: 0;
                }
                .azen-title {
                    .vendor(flex-shrink, 0);
                    position: relative;
                    padding-right: 30px;

                    @media (max-width: 1081px) {
                        padding-right: 26px;
                    }
                    @media (max-width: 480px) {
                        padding-right: 21px;
                    }
                    a {
                        .vendor(display, flex);
                        .vendor(flex-direction, column);
                        .vendor(justify-content, center);
                        position: relative;
                        box-sizing: border-box;
                        height: 100%;
                        .azen-wrp-logo {
                            padding-right: 15px;
                            img {
                                display: block;
                                max-width: 155px;
                                max-height: 60px;
                            }
                        }
                    }
                    &.azen-active a:after {
                        content: '';
                        position: absolute;
                        right: 0; bottom: 0; left: 0;
                        height: 3px;
                        background: @brand-color;
                    }
                }
                .azen-mobile-menu-button {
                    display: none;
                    position: absolute;
                    top: 0; 
                    right: 50px; 
                    bottom: 0;
                    margin: auto 0;
                    padding: 15px 0 15px 15px;
                    width: 17px; height: 17px;
                    color: fade(@black-darker, 70%);
                    text-align: center;
                    cursor: pointer;
                    .vendor(transition, all .3s linear 0s);
                    &:hover {
                        color: @brand-color;
                    }

                    @media (max-width: 1199px) {
                        display: block;
                        right: 0;
                    }
                    .az-icon {
                        display: inline-block;
                        vertical-align: top;
                        margin-top: 2px;
                    }
                }
                .azen-menu-checkbox {
                    display: none;
                    user-select: none;
                }
                @media (max-width: 1199px) {
                    .azen-menu-checkbox:checked + .azen-nav-menu {
                        display: block;
                    }
                }
                .azen-nav-menu {
                    .vendor(flex-grow, 1);
                    white-space: nowrap;
                    text-align: right;

                    @media (max-width: 1199px) {
                        display: none;
                        position: absolute;
                        top: 100px; 
                        right: 0; 
                        left: 0;
                        margin: 0;
                        box-shadow: 0px 1px 5px 0 fade(@black-darker, 50%);
                        padding: 30px 40px;
                        background: @white-lighter;
                        text-align: left;
                    }
                    > .azen-menu-item {
                        position: relative;
                        display: inline-block;
                        color: @black-darker;
                        font-size: 14px;
                        font-weight: 500;
                        font-family: "@{google-font-family-Poppins}";
                        letter-spacing: 1px;
                        text-transform: uppercase;
                        margin-right: 8px;
                        line-height: 100px;
                        .vendor(transition, all .3s linear 0s);
                        &:last-child {
                            margin-right: 0;
                        }

                        @media (max-width: 1199px) {
                            display: block;
                            line-height: 40px;
                            text-transform: none;
                            margin-right: 0;
                        }
                        > a {
                            line-height: 34px;
                            .vendor(transition, all .3s linear 0s);
                            .az-icon {
                                display: none;
                            }
                            &:hover {
                                color: @brand-color;
                                border-color: @brand-color;
                            }

                            @media (max-width: 991px) {
                                border: none;
                            }
                        }
                        > a {
                            display: inline-block;
                            position: relative;
                            padding: 0 29px;
                            &.azen-active {
                                padding-bottom: 0;
                            }
                            @media (max-width: 1199px) {
                                padding: 0 11px;
                            }
                            @media (max-width: 991px) {
                                display: inline-block;
                                padding: 6px 0;
                                line-height: normal;
                            }
                        }
                        &.azen-active > a {
                            color: @brand-color;
                        }
                        &.azen-menu-item-has-children {
                            .vendor(transition, all .3s linear 0s);
                            label {
                                user-select: none;
                            }
                            @media (min-width: 992px) {
                                label {
                                    display: none;
                                }
                            }
                            @media (max-width: 991px) {
                                label {
                                    display: inline-block;
                                    margin-left: 5px;
                                    padding: 0 5px;
                                    cursor: pointer;
                                }
                                label:after {
                                    content: '';
                                    display: inline-block;
                                    margin-bottom: 3px;
                                    border: solid @brand-color;
                                    border-width: 0 1px 1px 0;
                                    width: 5px; height: 5px;
                                    .vendor(transform, rotate(45deg));
                                }
                            }
                        }
                        @media (max-width: 991px) {
                            .azen-menu-checkbox:checked + .azen-sub-menu {
                                display: block;
                                margin-top: 9px;
                            }
                            .azen-menu-checkbox:checked + .azen-sub-mega-menu {
                                display: block;
                                margin-top: 9px;
                            }
                        }
                        .azen-sub-menu {
                            .vendor(transition, all .3s linear 0s);
                            width: 100%;
                            visibility: hidden;
                            opacity: 0;
                            box-sizing: border-box;
                            position: absolute;
                            top: 100px; 
                            left: -20px;
                            box-shadow: 0px 1px 8px 0 fade(@gray, 50%);
                            border-top: 2px solid @brand-color;
                            min-width: 260px;
                            background: @white-lighter;
                            line-height: 1.2;
                            text-align: center;

                            @media (max-width: 1199px) {
                                top: 30px;
                            }

                            @media (max-width: 991px) {
                                position: static;
                                margin: 0;
                                box-shadow: none;
                                border: none;
                                min-width: 0;
                                white-space: normal;
                                display: none;
                                visibility: visible;
                                opacity: 1;
                            }
                            .azen-sub-menu-item {
                                .vendor(transition, all .3s linear 0s);
                                display: inline-block;
                                width: 25%;
                                text-align: left;

                                @media (max-width: 991px) {
                                    display: block;
                                    width: 100%;
                                    margin: 0;
                                }
                                a:hover {
                                    color: @brand-color;
                                }
                                .azen-sub-title {
                                    text-transform: uppercase;
                                    color: @black-darker;
                                    font-family: "@{google-font-family-Raleway}";
                                    font-size: 16px;
                                    font-weight: 700;
                                    line-height: 1;
                                    margin-bottom: 25px;
                                    &:after {
                                        content: "";
                                        border-bottom: 4px solid @brand-color;
                                        border-radius: 3px;
                                        width: 44px;
                                        margin-top: 18px;
                                    }
                                }
                                .azen-category {
                                    padding: 35px 0 40px;

                                    @media (max-width: 991px) {
                                        padding: 0;
                                    }
                                    .azen-sub-menu-link {
                                        .vendor(transition, all .3s linear 0s);
                                        line-height: 40px;
                                        background-color: transparent;
                                        display: block;
                                        margin-bottom: 6px;

                                        @media (max-width: 991px) {
                                            margin-bottom: 0;
                                            line-height: 30px;
                                        }
                                        > span { 
                                            display: inline-block;
                                        }
                                        > span:first-child {
                                            padding-left: 53px;
                                            margin-right: 17px;
                                            &:before {
                                                color: @brand-color;
                                                font-size: 14px;
                                            }
                                            &:last-child {
                                                margin-right: 0;
                                            }

                                            @media (max-width: 991px) {
                                                padding-left: 0;
                                            }
                                        }
                                        .azen-category-item {
                                            font-family: "@{google-font-family-Poppins}";
                                            color: lighten(@black-light, 10%);
                                            font-size: 16px;
                                            font-weight: 400;
                                            text-transform: capitalize;
                                            line-height: 1;
                                            .vendor(transition, all .3s linear 0s);
                                            padding-left: 0;
                                            padding-right: 53px;

                                            @media (max-width: 991px) {
                                                padding-right: 0;
                                            }
                                        }
                                        &:hover {
                                            background-color: lighten(@white-dark, 2%);

                                            @media (max-width: 991px) {
                                                background-color: transparent;
                                            }
                                            .azen-category-item {
                                                color: @brand-color;
                                            }
                                        }
                                        &:last-child {
                                            margin-bottom: 0;
                                        }
                                    }
                                }
                            }
                            > .azen-menu-item{
                                position: relative;
                                .azen-sub-menu{
                                    top: 0px; 
                                    left: 100%;
                                }
                            }
                        }
                        .azen-sub-menu {
                            width: auto;
                            min-width: 270px;
                            padding: 35px 0 40px;
                            text-align: left;
                            z-index: 15;

                            @media (max-width: 1199px) {
                                left: 20%;
                            }
                            @media (max-width: 991px) {
                                min-width: inherit;
                                padding: 0;
                            }
                            .azen-menu-item {
                                .vendor(transition, all .3s linear 0s);
                                margin-bottom: 6px;
                                a {
                                    .vendor(transition, all .3s linear 0s);
                                    line-height: 40px;
                                    background-color: transparent;
                                    display: block;

                                    @media (max-width: 991px) {
                                        line-height: 30px;
                                        display: inline-block;
                                        margin-bottom: 6px;
                                    }
                                    span { 
                                        display: inline-block;

                                    }
                                    span:first-child {
                                        padding-left: 53px;
                                        margin-right: 17px;
                                        &:before {
                                            color: @brand-color;
                                            font-size: 14px;
                                        }
                                        &:last-child {
                                            margin-right: 0;
                                        }

                                        @media (max-width: 991px) {
                                            padding-left: 0;
                                        }
                                    }
                                    .azen-category-item {
                                        font-family: "@{google-font-family-Crimson-Text}";
                                        color: lighten(@black-light, 10%);
                                        font-size: 16px;
                                        font-weight: 400;
                                        text-transform: capitalize;
                                        line-height: 1;
                                        .vendor(transition, all .3s linear 0s);
                                        padding-left: 0;
                                        padding-right: 53px;

                                        @media (max-width: 991px) {
                                            padding-right: 0;
                                        }
                                    }
                                    &:hover {
                                        background-color: lighten(@white-dark, 2%);

                                        @media (max-width: 991px) {
                                            background-color: transparent;
                                        }
                                        .azen-category-item {
                                            color: @brand-color;
                                        }
                                    }
                                }
                                > .azen-sub-menu {
                                    visibility: hidden;
                                    .vendor(transition, all .3s linear 0s);
                                    opacity: 0;

                                    @media (max-width: 991px) {
                                        visibility: visible;
                                        opacity: 1;
                                        margin-left: 24px;
                                        width: auto;
                                        box-sizing: border-box;
                                        min-width: inherit;
                                    }
                                }
                                &:hover {
                                    > .azen-sub-menu {
                                        opacity: 1;
                                        visibility: visible;
                                        left: 100%;
                                    }
                                }
                                &:last-child {
                                    margin-bottom: 0;
                                }
                            }   
                            .azen-sub-menu-item {
                                width: 100%;
                                .azen-sub-sub-menu-item {
                                    position: relative;
                                    > .azen-sub-menu-link {
                                        position: relative;
                                        .azen-right-icon {
                                            &:before {
                                                position: absolute;
                                                font-size: 14px;
                                                color: @brand-color;
                                                top: 50%;
                                                right: 22px;
                                                .vendor(transform, translate(0, -50%));
                                            }

                                            @media (max-width: 991px) {
                                                display: none;
                                            }
                                        }
                                        @media (max-width: 991px) {
                                            display: inline-block;
                                        }
                                    }
                                    > .azen-sub-menu {
                                        .vendor(transition, all .3s linear 0s);
                                        visibility: hidden;
                                        opacity: 0;
                                        top: 0;
                                        left: 100%;
                                        .azen-sub-menu-item {
                                            .azen-category {
                                            }
                                        }

                                        @media (max-width: 991px) {
                                            visibility: visible;
                                            opacity: 1;
                                            margin-left: 24px;
                                            width: auto;
                                            box-sizing: border-box;
                                            min-width: inherit;
                                        }
                                    }
                                    @media (min-width: 992px) {
                                        &:hover .azen-sub-menu {
                                            visibility: visible;
                                            opacity: 1;
                                        }
                                    }
                                }
                            }
                        }
                        @media (min-width: 992px) {
                            &:hover .azen-sub-menu {
                                visibility: visible;
                                opacity: 1;
                            }
                        }
                        @media (min-width: 992px) {
                            &:hover .azen-sub-mega-menu {
                                visibility: visible;
                                opacity: 1;
                            }
                        }
                    }
                }
                .azen-social {
                    .vendor(flex-grow, 1);
                    white-space: nowrap;
                    text-align: right;

                    @media (max-width: 1199px) {
                        margin-right: 38px;
                    }
                    @media (max-width: 480px) {
                        margin-right: 41px;
                    }
                    @media (max-width: 380px) {
                        margin-right: 30px;
                    }
                    .azen-mobile-button {
                        cursor: pointer;

                        @media (max-width: 380px) {
                            margin-right: 12px;
                        }
                        &:last-child {
                            margin-right: 0;
                        }
                        span {
                            &:before {
                                .vendor(transition, all .3s linear 0s);
                                color: @black-darker;
                                font-size: 14px;
                            }
                        }
                        &:hover {
                            span {
                                &:before {
                                    color: @brand-color;
                                }
                            }
                        }
                    }
                    .azen-search-form-wrp {
                        position: absolute;
                        top: 100px;
                        right: 0;
                        display: none;
                        .vendor(transition, all .3s linear);
                        width: 200px;
                        text-align: left;
                        .azen-searchform {
                            display: inline-block;
                            width: 100%;
                            .azen-searchform-wrapper {
                                box-shadow: 0px 1px 8px 0 fade(@gray, 50%);
                                border-top: 2px solid @brand-color;
                                padding: 35px 40px;
                                line-height: 48px;
                                background-color: @white-lighter;
                                position: relative;
                                border-collapse: separate;

                                @media (max-width: 991px) {
                                    border-top: none;
                                }
                                label {
                                }
                                .azen-screen-reader-text {
                                    clip: rect(1px, 1px, 1px, 1px); 
                                    position: absolute !important; 
                                    height: 1px; 
                                    width: 1px; 
                                    overflow: hidden; 
                                }
                            }
                            input[name="s"] {
                                .vendor(transition, all .3s linear);
                                .vendor(appearance, none)  !important;
                                position: relative;
                                z-index: 2;
                                width: 100%;
                                padding: 0 20px;
                                border: 1px solid lighten(@brand-color, 30%);
                                text-transform: capitalize;
                                box-sizing: border-box;
                                box-shadow: none;
                                background-color: @white-lighter;
                                display: inline-block;
                                color: fade(@black-darker, 70%);
                                font-family: "@{google-font-family-Crimson-Text}";
                                font-weight: 400;
                                font-size: 18px;
                                .placeholder(color, darken(@white-lighter, 70%));
                                &:focus {
                                    background-color: @white-lighter;
                                    color: @black-darker;
                                    border-color: @brand-color;
                                    .placeholder(color, @black-darker);
                                    .vendor(outline, none);
                                }
                            }
                            .azen-submit {
                                display: inline-block;
                                vertical-align: top;
                                position: relative;
                                z-index: 2;
                                input {
                                    display: none;
                                }
                            }
                        }
                    }
                    .azen-menu-checkbox:checked + .azen-search-form-wrp {
                        display: block;
                    }
                }
            }
        }
    }
    .azen-citrix-fun-facts {
        .azen-general {
            text-align: center;
            .azen-item {
                position: relative;
                z-index: 2;
                display: inline-block;
                width: ~"calc(20% - 80px)";
                background-color: @brand-color;
                padding: 152px 40px;

                @media (max-width: 1440px) {
                    width: ~"calc(25% - 80px)";
                }
                @media (max-width: 1199px) {
                    width: ~"calc(33.3333333333% - 80px)";
                }
                @media (max-width: 850px) {
                    width: ~"calc(50% - 80px)";
                }
                @media (max-width: 550px) {
                    width: ~"calc(100% - 80px)";
                }
                &:nth-child(2n) {
                    background-color: lighten(@brand-color, 2%);
                }
                .azen-score {
                    color: @white-lighter;
                    font-family: "@{google-font-family-Poppins}";
                    font-size: 48px;
                    font-weight: 300;
                    margin-bottom: 21px;
                    line-height: 1.2;
                    letter-spacing: 2px;
                }
                .azen-title {
                    color: @white-lighter;
                    font-family: "@{google-font-family-Poppins}";
                    font-size: 18px;
                    font-weight: 500;
                    letter-spacing: 1px;
                    line-height: 1;
                }
            }
        }
    }
    .azen-citrix-video {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        position: relative;
        &:before {
            content: "";
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            background-color: fade(darken(@brand-color, 50%), 40%);
            z-index: 1;
        }
        .azen-general {
            position: relative;
            z-index: 2;
            text-align: center;
            padding: 203px 0 192px;
            .azen-icon {
                margin-bottom: 30px;
                a {
                    display: block;
                    margin: auto;
                    position: relative;
                    width: 100px;
                    height: 100px;
                    background-color: @brand-color;
                    border-radius: 100%;
                    .vendor(transition, all .3s linear 0s);
                    span {
                        position: absolute;
                        left: 50%;
                        top: 50%;
                        .vendor(transform, translate(-50%, -50%));
                        &:before {
                            font-size: 30px;
                            color: @white-lighter;
                            .vendor(transition, all .3s linear 0s);
                        }
                    }
                    &:hover {
                        background-color: @white-lighter;
                        span {
                            &:before {
                                color: @brand-color;
                            }
                        }
                    }
                }
            }
            .azen-title {
                .azen-title();
                text-transform: inherit;
                font-weight: 300;
                margin-bottom: 9px;
                font-size: 36px;
                line-height: 1;
                span {
                    margin-right: 15px;
                    &:nth-child(2n) {
                        font-weight: 600;
                    }
                    &:last-child {
                        margin-right: 0;
                    }
                }
                @media (max-width: 420px) {
                    font-size: 32px;
                }
                @media (max-width: 400px) {
                    font-size: 28px;
                }
                @media (max-width: 380px) {
                    font-size: 24px;
                }
                @media (max-width: 350px) {
                    font-size: 22px;
                }
            }
            .azen-descrption {
                .introduction();
                color: @white-lighter;
                font-style: italic;
                font-size: 25px;
                line-height: 1.2;
                margin-bottom: 0;

                @media (max-width: 420px) {
                    font-size: 20px;
                }
                @media (max-width: 350px) {
                    font-size: 18px;
                }
            }
        }
    }
    .azen-citrix-core-features {
        background-color: fade(@brand-color, 7%);
        .azen-general {
            position: relative;
            text-align: center;
            padding: 99px 0 77px;
            .azen-introduction {
                .azen-description();
                color: @black-lighter;
                font-style: italic;
                font-size: 24px;
                text-transform: capitalize;
                margin-bottom: 7px;
                line-height: 1;
            }
            .azen-title {
                .azen-title();
                color: @black-darker;
                font-weight: 400;
                font-size: 36px;
                margin-bottom: 52px;
            }
            .azen-content {
                .azen-content-left-part, .azen-content-right-part {
                    display: inline-block;
                    width: 30%;
                    vertical-align: top;
                    margin-top: 32px;

                    @media (max-width: 1199px) {
                        width: 50%;
                    }
                    @media (max-width: 670px) {
                        width: 100%;
                    }
                    .azen-item {
                        margin-bottom: 65px;
                        padding-right: 36px;

                        @media (max-width: 670px) {
                            padding-right: 0;
                        }
                        a {
                            .azen-part-text {
                                display: inline-block;
                                text-align: right;
                                width: 78%;

                                @media (max-width: 380px) {
                                    width: 70%;
                                }
                                .azen-header {
                                    font-family: "@{google-font-family-Poppins}";
                                    color: @black-darker;
                                    font-size: 18px;
                                    text-transform: capitalize;
                                    margin-bottom: 13px;
                                    font-weight: 500;
                                    letter-spacing: 1px;
                                    padding-right: 13px;
                                }
                            }
                            .azen-part-icon {
                                width: 22%;
                                display: inline-block;
                                vertical-align: top;
                                margin-top: -10px;

                                @media (max-width: 380px) {
                                    width: 30%;
                                }
                                .azen-icon-bg {
                                    .vendor(transition, all .3s linear 0s);
                                    position: relative;
                                    border: 1px solid @brand-color;
                                    border-radius: 100%;
                                    margin: auto;
                                    width: 42px;
                                    height: 42px;
                                    background-color: transparent;

                                    @media (max-width: 670px) {
                                        float: right;
                                    }
                                    span {
                                        position: absolute;
                                        top: 50%;
                                        left: 50%;
                                        .vendor(transform, translate(-50%, -50%));
                                        &:before {
                                            color: @brand-color;
                                            font-size: 18px;
                                        }
                                    }
                                }
                            }
                            .azen-text {
                                text-align: right;
                                color: @black-light;
                                font-family: "@{google-font-family-Crimson-Text}";
                                font-size: 20px;
                                font-weight: 400;
                                line-height: 1.5;
                                padding-right: 20px;

                                @media (max-width: 670px) {
                                    text-align: left;
                                }
                            }
                            &:hover {
                                .azen-part-icon {
                                    .azen-icon-bg {
                                        background-color: @brand-color;
                                        span {
                                            &:before {
                                                color: @white-lighter;
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
                .azen-middle-img {
                    display: inline-block;
                    width: 40%;
                    img {
                    }
                    @media (max-width: 1199px) {
                        display: none;
                    }
                }
                .azen-content-left-part {
                    .azen-item {
                        &:last-child {
                            margin-bottom: 0;
                        }
                    }
                }
                .azen-content-left-part {
                    @media (max-width: 670px) {
                        .azen-item {
                            &:last-child {
                                margin-bottom: 65px;
                            }
                            a {
                                .azen-part-text {
                                    text-align: left;
                                } 
                            }
                        }
                    }
                }
                .azen-content-right-part {
                    @media (max-width: 670px) {
                        margin-top: 0;
                    }
                    .azen-item {
                        padding-left: 36px;
                        padding-right: 0;
                        &:last-child {
                            margin-bottom: 0;
                        }

                        @media (max-width: 670px) {
                            padding-left: 0;
                        }
                        a {
                            .azen-part-text {
                                text-align: left;
                                .azen-header {
                                    padding-left: 13px;
                                    padding-right: 0;

                                    @media (max-width: 670px) {
                                        padding-left: 0;
                                        padding-right: 20px;
                                    }
                                }
                            }
                            .azen-part-icon {
                                @media (max-width: 670px) {
                                    float: right;
                                }
                            }
                            .azen-text {
                                text-align: left;
                                padding-left: 20px;
                                padding-right: 0;

                                @media (max-width: 670px) {
                                    padding-left: 0;
                                    padding-right: 20px;
                                }
                            }
                        }
                        &:after {
                            content: "";
                            display: table;
                            clear: both;
                        }
                    }
                }
            }
        }
    }
    .azen-citrix-introduction {
        position: relative;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        &:before {
            content: "";
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            background-color: fade(darken(@brand-color, 50%), 70%);
            z-index: 1;
        }
        .azen-general {
            position: relative;
            z-index: 2;
            text-align: center;
            padding: 98px 0 104px;
            .azen-title {
                .azen-title();
                color: @white-lighter;
                font-size: 48px;
                text-transform: capitalize;
                letter-spacing: 1px;
                font-weight: 500;
                margin-bottom: 0;

                @media (max-width: 580px) {
                    font-size: 42px;
                }
                @media (max-width: 520px) {
                    font-size: 38px;
                }
                @media (max-width: 480px) {
                    font-size: 36px;
                }
                @media (max-width: 460px) {
                    font-size: 30px;
                }
                @media (max-width: 380px) {
                    font-size: 24px;
                }
            }
        }
    }
    .azen-citrix-portfolio-isotope {
        .azen-general {
            text-align: center;
            padding: 92px 0 100px;
            .azen-sort {
                .introduction();
                color: @black-darker;
                display: inline-block;
                margin-bottom: 0;
                font-size: 20px;
                text-transform: capitalize;
                margin: 0 28px 20px 0;
            }
            .azen-tabs-wrapper {
                display: inline-block;
                margin-bottom: 84px;
                .azen-choise-item.azen-button {
                    .vendor(transition, all .3s linear 0s);
                    display: inline-block;
                    margin: 0 4px 4px 0;
                    padding: 0 18px;
                    border-radius: 5px;
                    line-height: 38px;
                    span {
                        .vendor(transition, all .3s linear 0s);
                        .introduction();
                        color: @black-lighter;
                        text-transform: capitalize;
                        font-size: 20px;
                        line-height: 1.65;
                        margin-bottom: 0;
                    }
                    &:hover {
                        cursor: pointer;
                        span {
                            color: @brand-color;
                        }
                    }
                }
                .azen-choise-item.azen-button.az-is-checked {
                    span {
                        color: @brand-color;
                    }
                }
            }
            .azen-variants {
                text-align: center;
                margin: -15px;
                .azen-item {
                    width: 33.3333333333%;
                    height: auto;
                    display: inline-block;

                    @media (max-width: 991px) {
                        width: 50%;
                    }
                    @media (max-width: 600px) {
                        width: 100%;
                    }
                    .azen-wrapper-item {
                        margin: 15px;
                        a {
                            display: block;
                            position: relative;
                            &:before {
                                display: block;
                                content: "";
                                position: absolute;
                                background-color: transparent;
                                left: 0;
                                right: 0;
                                top: 0;
                                bottom: 0;
                                pointer-events: none;
                                .vendor(transition, all .3s linear 0s);
                            }
                            .azen-bg {
                                background-repeat: no-repeat;
                                background-position: center;
                                background-size: cover;
                                width: 100%;
                                height: 270px;
                            }
                            span {
                                position: absolute;
                                width: 50px;
                                height: 50px;
                                top: 50%;
                                left: 50%;
                                .vendor(transform, translate(-50%, -50%));
                                z-index: 2;
                                background-color: transparent;
                                .vendor(transition, all .3s linear 0s);
                                &:before {
                                    font-family: FontAwesome;
                                    content: "\f067";
                                    font-size: 16px;
                                    position: absolute;
                                    top: 50%;
                                    left: 50%;
                                    .vendor(transform, translate(-50%, -50%));
                                    color: transparent;
                                    .vendor(transition, all .3s linear 0s);
                                }
                            }
                        }
                        .azen-under-img {
                            text-align: center;
                            border: 1px solid fade(@brand-color, 10%);
                            border-top: none;
                            padding: 24px 27px 25px 27px;
                            .vendor(transition, all .3s);
                            .azen-img-title {
                                font-family: "@{google-font-family-Poppins}";
                                font-size: 18px;
                                font-weight: 500;
                                line-height: 22px;
                                letter-spacing: 1px;
                                margin-bottom: 7px;
                                a {
                                    color: @black-darker;
                                    .vendor(transition, all .3s);
                                    &:before {
                                        content: none;
                                    }
                                } 
                                &:hover {
                                    a {
                                        color: @black-darker;
                                    }
                                }
                            }
                            .azen-text {
                                font-family: "@{google-font-family-Crimson-Text}";
                                font-style: italic;
                                color: @black-light;
                                font-size: 18px;
                                font-style: 300;
                                text-transform: capitalize;
                                line-height: 21px;
                            }
                            &:after {
                                display: table;
                                content: "";
                                clear: both;
                            }
                        }
                        &:hover {
                            a {
                                &:before {
                                    background-color: fade(@brand-color, 80%);
                                }
                                span {
                                    background-color: fade(@black-darker, 75%);
                                    &:before {
                                        color: @white-lighter;
                                    }
                                }
                            }
                            .azen-img-title {
                                &:hover {
                                    a {
                                        color: @brand-color; 
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
    .azen-citrix-contact-details {
        margin-bottom: 70px;
        .azen-general {
            .azen-wrapper {
                display: table;
                width: 100%;
                padding-bottom: 40px;
                &:last-child {
                    padding-bottom: 0;
                }
                .azen-circle {
                    display: table-cell;
                    vertical-align: top;
                    padding-right: 30px;
                    .azen-circle-wrp {
                        position: relative;
                        display: inline-block;
                        width: 68px;
                        height: 68px;
                        background-color: transparent;
                        border: 1px solid @brand-color;
                        border-radius: 100%;
                        .vendor(transition, all .3s linear 0s);
                        span {
                            position: absolute;
                            left: 50%;
                            top: 50%;
                            .vendor(transform, translate(-50%, -50%));
                            &:before {
                                font-size: 24px;
                                color: @brand-color;
                                .vendor(transition, all .3s linear 0s);
                            }
                        }
                    }
                }
                .azen-text {
                    display: table-cell;
                    vertical-align: top;
                    text-align: left;
                    width: 100%;
                    .azen-title {
                        font-family: "@{google-font-family-Poppins}";
                        font-size: 18px;
                        color: @black-darker;
                        font-weight: 500;
                        letter-spacing: 1px;
                        text-transform: capitalize;
                        margin: -5px 0 12px;
                        &:after {
                            content: "";
                            background-color: fade(@brand-color, 15%);
                            height: 1px;
                            width: 70px;
                            margin-top: 11px;
                        }
                    }
                    .azen-description {
                        font-family: "@{google-font-family-Crimson-Text}";
                        font-size: 20px;
                        font-weight: 400;
                        line-height: 1.55;
                        color: @black-light;
                    }
                }
                &:hover {
                    .azen-circle {
                        .azen-circle-wrp {
                            background-color: @brand-color;
                            span {
                                &:before {
                                    color: @white-lighter;
                                }
                            }
                        }
                    }
                }
            }
        }
    }
    .azen-citrix-form-field {
        margin-bottom: 20px;
        textarea {
            width: 100%;
            text-align: left;
            box-sizing: border-box;
            padding: 18px 48px 28px 29px;
            height: 150px;
            box-shadow: none;
            background-color: transparent;
            border: 1px solid fade(@brand-color, 15%);
            display: block;
            font-family: "@{google-font-family-Crimson-Text}";
            font-weight: 400;
            font-size: 20px;
            .placeholder(color, @black-lighter);
            .vendor(transition, all .3s linear 0s);
            &:focus {
                color: @black-darker;
                .placeholder(color, @black-darker);
                border-color: @brand-color;
            }
        }
    }
    .azen-citrix-form-container {
        margin-bottom: 40px;
        .azen-button {
            display: block;
            text-align: right;

            @media (max-width: 420px) {
                text-align: center;
            }
            button {
                .button();
                padding: 0 40px;
                background-color: @brand-color;
                border: 0;
                color: @white-lighter;
                cursor: pointer;
                &:hover {
                    background-color: @black-darker;
                }
            }
        }    
    }
    .azen-citrix-input-field {
        margin-bottom: 20px;
        input[name="name"], input[name="email"], input[name="subject"] {
            .vendor(transition, all .3s linear);
            .vendor(appearance, none);
            position: relative;
            z-index: 2;
            height: 60px;
            width: 100%;
            padding: 0 48px 0 30px;
            border: 1px solid fade(@brand-color, 15%);
            text-transform: capitalize;
            box-sizing: border-box;
            box-shadow: none;
            background-color: transparent;
            display: inline-block;
            .placeholder(color, @black-lighter);
            font-family: "@{google-font-family-Crimson-Text}";
            font-weight: 400;
            font-size: 20px;
            &:focus {
                color: @black-darker;
                .placeholder(color, @black-darker);
                border-color: @brand-color;
                .vendor(outline, none);
            }
        }
    }
    .azen-citrix-what-we-do {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        position: relative;
        &:before {
            content: "";
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            background-color: lighten(fade(@brand-color, 35%), 5%);
            z-index: 1;
        }

        @media (max-width: 991px) {
            .vendor(display, flex);
            .vendor(flex-wrap, wrap);
        }
        .azen-left-part {
            position: absolute;
            z-index: 3;
            top: 0;
            left: 0;
            bottom: 0;
            width: ~"calc(50% - 262px)";
            background-position: right bottom;
            background-size: auto;
            background-repeat: no-repeat;

            @media (max-width: 991px) {
                .vendor(display, flex);
                .vendor(order, 2);
                position: relative;
                top: auto;
                bottom: auto;
                left: auto;
                right: auto;
                background-position: bottom center;
                width: 100%;
                height: 499px;
            }
            @media (max-width: 590px) {
                background-size: contain;
                height: 360px;
            }
            @media (max-width: 550px) {
                height: 320px;
            }
            @media (max-width: 500px) {
                height: 280px;
            }
            @media (max-width: 450px) {
                height: 240px;
            }
            @media (max-width: 400px) {
                height: 200px;
            }
        }
        .azen-general {
            position: relative;
            z-index: 2;
            padding: 109px 0 62px;

            @media (max-width: 991px) {
                .vendor(display, flex);
                .vendor(order, 1);
            }
            .azen-right-part {
                width: ~"calc(50% + 200px)";
                float: right;

                @media (max-width: 991px) {
                    width: 100%;
                }
                .azen-introduction {
                    .introduction();
                    color: @white-lighter;
                    margin-bottom: 4px;

                    @media (max-width: 450px) {
                        font-size: 22px;
                    }
                    @media (max-width: 350px) {
                        font-size: 18px;
                    }
                }
                .azen-title {
                    font-family: "@{google-font-family-Poppins}";
                    text-transform: capitalize;
                    font-size: 36px;
                    color: @white-lighter;
                    margin-bottom: 48px;
                    line-height: 1.2;

                    @media (max-width: 610px) {
                        font-size: 32px;
                    }
                    @media (max-width: 450px) {
                        font-size: 24px;
                    }
                    @media (max-width: 350px) {
                        font-size: 22px;
                    }
                }
                .azen-info-part {
                    counter-reset: section;
                    width: 100%;
                    .azen-wrapper {
                        display: inline-block;
                        vertical-align: top;
                        width: ~"calc(50% - 20px)";
                        padding-right: 20px;
                        padding-bottom: 44px;
                        &:nth-child(2n) {
                            padding-right: 0;
                        }
                        &:last-child {
                            padding-bottom: 0;
                        }

                        @media (max-width: 650px) {
                            width: 100%;
                            padding-right: 0;
                        }
                        .azen-circle {
                            display: table-cell;
                            vertical-align: top;
                            .azen-circle-wrp {
                                position: relative;
                                display: block;
                                width: 68px;
                                height: 68px;
                                background-color: transparent;
                                border: 1px solid lighten(@brand-color, 15%);
                                border-radius: 100%;
                                .vendor(transition, all .3s linear 0s);
                                .azen-score {
                                    position: absolute;
                                    left: 50%;
                                    top: 50%;
                                    .vendor(transform, translate(-50%, -50%));
                                    font-family: "@{google-font-family-Poppins}";
                                    color: @white-lighter;
                                    font-size: 24px;
                                    font-weight: 300;
                                    &:before {
                                        counter-increment: section;
                                        content: "0" counter(section);
                                    }
                                }
                            }
                        }
                        .azen-text {
                            display: table-cell;
                            vertical-align: top;
                            text-align: left;
                            padding-left: 29px;
                            .azen-title {
                                font-family: "@{google-font-family-Poppins}";
                                font-size: 18px;
                                color: @white-lighter;
                                font-weight: 500;
                                letter-spacing: 1px;
                                text-transform: capitalize;
                                margin-bottom: 12px;
                                &:after {
                                    content: "";
                                    background-color: @brand-color;
                                    height: 1px;
                                    width: 30px;
                                    margin-top: 15px;
                                }
                            }
                            .azen-description {
                                font-family: "@{google-font-family-Crimson-Text}";
                                font-size: 20px;
                                font-weight: 400;
                                line-height: 1.55;
                                color: @white-lighter;
                            }
                        }
                        &:hover {
                            .azen-circle {
                                .azen-circle-wrp {
                                    background-color: @brand-color;
                                }
                            }
                        }
                    }
                }
            }
            &:after {
                display: table;
                clear: both;
                content: "";
            }
        }
    }
    .azen-citrix-slider-2 {
        .azen-general {
            position: relative;
            text-align: center;
            .azen-slider {
                .az-slider {
                    .az-slides {
                        .azen-citrix-slide-wrapper {
                            .azen-item {
                                height: 100vh;
                                background-position: center;
                                background-size: cover;
                                background-repeat: no-repeat;
                                position: relative;
                                z-index: 2;
                                &:before {
                                    content: " ";
                                    position: absolute;
                                    left: 0;
                                    right: 0;
                                    top: 0;
                                    bottom: 0;
                                    background-color: fade(darken(@brand-color, 45%), 30%);
                                    z-index: 1;
                                }
                                .azen-wrapper-content {
                                    position: absolute;
                                    left: 0;
                                    right: 0;
                                    top: 0;
                                    bottom: 0;
                                    .azen-wrp {
                                        text-align: left;
                                        position: absolute;
                                        top: 50%;
                                        left: 50%;
                                        .vendor (transform, translate(-50%, -50%));
                                        z-index: 2;

                                        @media (max-width: 500px) {
                                            text-align: center;
                                        }
                                        .azen-title {
                                            margin-bottom: 33px;
                                            span {
                                                .azen-title();
                                                font-size: 100px;
                                                font-weight: 400;
                                                color: @white-lighter;
                                                text-transform: capitalize;
                                                margin-bottom: 10px;
                                                line-height: 0.95;
                                                &:first-child {
                                                    white-space: nowrap;
                                                }
                                                &:nth-child(2) {
                                                    display: block;
                                                    color: @brand-color;
                                                    text-transform: capitalize;
                                                }

                                                @media (max-width: 991px) {
                                                    font-size: 75px;
                                                }
                                                @media (max-width: 660px) {
                                                    font-size: 55px;
                                                }
                                                @media (max-width: 500px) {
                                                    font-size: 42px;
                                                }
                                            }
                                        }
                                        .azen-text {
                                            .azen-description();
                                            font-style: italic;
                                            color: @white-lighter;
                                            font-size: 30px;
                                            margin-bottom: 27px;
                                            line-height: 1;

                                            @media (max-width: 991px) {
                                                font-size: 25px;
                                            }
                                            @media (max-width: 660px) {
                                                font-size: 22px;
                                            }
                                        }
                                        .azen-button {
                                            a {
                                                .button();
                                                font-weight: 600;
                                            }
                                            .azen-button-1 {
                                                color: @white-lighter;
                                                background-color: @brand-color;
                                                border-color: @brand-color;
                                                margin-right: 30px;

                                                @media (max-width: 995px) {
                                                    margin-bottom: 30px;
                                                    display: block;
                                                }
                                                @media (max-width: 500px) {
                                                    margin-left: auto;
                                                    margin-right: auto;
                                                }
                                                &:hover {
                                                    background-color: @black-darker;
                                                    border-color: @black-darker;
                                                    color: @white-lighter;
                                                }
                                            }
                                            .azen-button-2 {
                                                border-color: @white-lighter;
                                                color: @white-lighter;
                                                padding: 0 67px;

                                                @media (max-width: 500px) {
                                                    margin-left: auto;
                                                    margin-right: auto;
                                                }
                                                &:hover {
                                                    border-color: @brand-color;
                                                }
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                    .az-flex-direction-nav {
                        position: absolute;
                        top: 0; right: 0; bottom: 0; left: 0;
                        margin: 0 auto;
                        max-width: 1200px;
                        pointer-events: none;
                        z-index: 100;
                        .az-flex-prev, .az-flex-next {
                            .vendor(transition, all .3s linear 0s);
                            position: absolute;
                            background: none;
                            pointer-events: auto;
                            z-index: 1;
                            border: 1px solid fade(@white-lighter, 70%);
                            width: 58px;
                            height: 58px;
                            border-radius: 100%;
                            span {
                                &:before {
                                    color: @white-lighter;
                                    font-size: 30px;
                                    position: absolute;
                                    left: 50%;
                                    top: 50%;
                                    .vendor(transform, translate(-50%, -50%));
                                }
                            }

                            @media (max-width: 991px) {
                                display: none;
                            }
                            &:hover {
                                background-color: @white-lighter;
                                span {
                                    &:before {
                                        color: @black-darker;
                                    }
                                }
                            }
                        }
                        .az-flex-prev {
                            top: 44%;
                            right: 100%;
                            margin-right: 16x;
                            span {
                                &:before {
                                    left: 48%;
                                }
                            }

                            @media (max-width: 1400px) {
                                right: 90%;
                            }
                        }
                        .az-flex-next {
                            top: 44%;
                            left: 100%;
                            margin-left: 16px;
                            span {
                                &:before {
                                    left: 52%;
                                }
                            }

                            @media (max-width: 1400px) {
                                left: 90%;
                            }
                        }
                    }
                }
            }
        }
    }
    .azen-citrix-slider-3 {
        .azen-general {
            position: relative;
            text-align: center;
            .azen-slider {
                .az-slider {
                    .az-slides {
                        .azen-citrix-slide-wrapper {
                            .azen-item {
                                height: 100vh;
                                background-position: center;
                                background-size: cover;
                                background-repeat: no-repeat;
                                position: relative;
                                z-index: 2;
                                &:before {
                                    content: " ";
                                    position: absolute;
                                    left: 0;
                                    right: 0;
                                    top: 0;
                                    bottom: 0;
                                    background-color: fade(darken(@brand-color, 45%), 30%);
                                    z-index: 1;
                                }
                                .azen-wrapper-content {
                                    position: absolute;
                                    left: 0;
                                    right: 0;
                                    top: 0;
                                    bottom: 0;
                                    .azen-wrp {
                                        text-align: left;
                                        position: absolute;
                                        top: 50%;
                                        left: 50%;
                                        .vendor (transform, translate(-50%, -50%));
                                        z-index: 2;

                                        @media (max-width: 500px) {
                                            text-align: center;
                                        }
                                        .azen-title {
                                            white-space: nowrap;
                                            .azen-title();
                                            font-size: 100px;
                                            font-weight: 400;
                                            color: @white-lighter;
                                            text-transform: capitalize;
                                            margin-bottom: 32px;
                                            line-height: 0.95;

                                            @media (max-width: 991px) {
                                                font-size: 75px;
                                            }
                                            @media (max-width: 660px) {
                                                white-space: normal;
                                                font-size: 38px;
                                            }
                                            @media (max-width: 500px) {
                                                font-size: 28px;
                                            }
                                        }
                                        .azen-text-wrapper {
                                            margin-bottom: 47px;

                                            @media (max-width: 500px) {
                                                text-align: left;
                                            }
                                            .azen-text {
                                                .azen-description();
                                                display: table;
                                                font-style: italic;
                                                color: @white-lighter;
                                                font-size: 30px;
                                                margin-bottom: 30px;
                                                line-height: 1;
                                                &:last-child {
                                                    margin-bottom: 0;
                                                }
                                                .az-icon {
                                                    display: table-cell;
                                                    padding-right: 20px;
                                                    &:before {
                                                        vertical-align: middle;
                                                        color: @brand-color;
                                                        font-size: 20px;
                                                    }
                                                }
                                                .azen-element-text {
                                                    display: table-cell;
                                                    vertical-align: top;
                                                }

                                                @media (max-width: 991px) {
                                                    font-size: 25px;
                                                }
                                                @media (max-width: 660px) {
                                                    font-size: 22px;
                                                }
                                            }
                                        }
                                        .azen-button {
                                            a {
                                                .button();
                                                font-weight: 600;
                                            }
                                            .azen-button-1 {
                                                color: @white-lighter;
                                                background-color: @brand-color;
                                                border-color: @brand-color;
                                                margin-right: 30px;

                                                @media (max-width: 995px) {
                                                    margin-bottom: 30px;
                                                    display: block;
                                                }
                                                @media (max-width: 500px) {
                                                    margin-left: auto;
                                                    margin-right: auto;
                                                }
                                                &:hover {
                                                    background-color: @black-darker;
                                                    border-color: @black-darker;
                                                    color: @white-lighter;
                                                }
                                            }
                                            .azen-button-2 {
                                                border-color: @white-lighter;
                                                background-color: @white-lighter;
                                                color: @brand-color;
                                                padding: 0 67px;

                                                @media (max-width: 500px) {
                                                    margin-left: auto;
                                                    margin-right: auto;
                                                }
                                                &:hover {
                                                    background-color: @brand-color;
                                                    border-color: @brand-color;
                                                    color: @white-lighter;
                                                }
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                    .az-flex-direction-nav {
                        position: absolute;
                        top: 0; right: 0; bottom: 0; left: 0;
                        margin: 0 auto;
                        max-width: 1200px;
                        pointer-events: none;
                        z-index: 100;
                        .az-flex-prev, .az-flex-next {
                            .vendor(transition, all .3s linear 0s);
                            position: absolute;
                            background: none;
                            pointer-events: auto;
                            z-index: 1;
                            border: 1px solid fade(@white-lighter, 70%);
                            width: 58px;
                            height: 58px;
                            border-radius: 100%;
                            span {
                                &:before {
                                    color: @white-lighter;
                                    font-size: 30px;
                                    position: absolute;
                                    left: 50%;
                                    top: 50%;
                                    .vendor(transform, translate(-50%, -50%));
                                }
                            }

                            @media (max-width: 991px) {
                                display: none;
                            }
                            &:hover {
                                background-color: @white-lighter;
                                span {
                                    &:before {
                                        color: @black-darker;
                                    }
                                }
                            }
                        }
                        .az-flex-prev {
                            top: 44%;
                            right: 100%;
                            margin-right: 16x;
                            span {
                                &:before {
                                    left: 48%;
                                }
                            }

                            @media (max-width: 1400px) {
                                right: 90%;
                            }
                        }
                        .az-flex-next {
                            top: 44%;
                            left: 100%;
                            margin-left: 16px;
                            span {
                                &:before {
                                    left: 52%;
                                }
                            }

                            @media (max-width: 1400px) {
                                left: 90%;
                            }
                        }
                    }
                }
            }
        }
    }
    .azen-citrix-slider-4 {
        .azen-general {
            position: relative;
            text-align: center;
            .azen-slider {
                .az-slider {
                    .az-slides {
                        .azen-citrix-slide-wrapper {
                            .azen-item {
                                height: 100vh;
                                background-position: center;
                                background-size: cover;
                                background-repeat: no-repeat;
                                position: relative;
                                z-index: 2;
                                &:before {
                                    content: " ";
                                    position: absolute;
                                    left: 0;
                                    right: 0;
                                    top: 0;
                                    bottom: 0;
                                    background-color: fade(darken(@brand-color, 45%), 30%);
                                    z-index: 1;
                                }
                                .azen-wrapper-content {
                                    position: absolute;
                                    left: 0;
                                    right: 0;
                                    top: 0;
                                    bottom: 0;
                                    .azen-wrp {
                                        text-align: left;
                                        position: absolute;
                                        top: 50%;
                                        left: 50%;
                                        .vendor (transform, translate(-50%, -50%));
                                        z-index: 2;

                                        @media (max-width: 420px) {
                                            text-align: center;
                                        }
                                        .azen-title {
                                            .azen-title();
                                            font-size: 80px;
                                            color: @white-lighter;
                                            text-transform: capitalize;
                                            margin-bottom: 57px;
                                            line-height: 0.95;
                                            letter-spacing: 3px;
                                            span {
                                                &:first-child {
                                                    display: block;
                                                    margin-bottom: 15px;
                                                    white-space: nowrap;
                                                    font-weight: 300;
                                                }
                                                &:nth-child(2) {
                                                    font-weight: 800;
                                                    white-space: nowrap;
                                                    display: block;
                                                }
                                            }

                                            @media (max-width: 991px) {
                                                font-size: 75px;
                                            }
                                            @media (max-width: 800px) {
                                                white-space: normal;
                                                font-size: 38px;
                                            }
                                            @media (max-width: 500px) {
                                                font-size: 28px;
                                            }
                                            @media (max-width: 420px) {
                                                font-size: 24px;
                                            }
                                        }
                                        .azen-text {
                                            .azen-description();
                                            display: table;
                                            font-style: italic;
                                            color: @white-lighter;
                                            font-size: 30px;
                                            margin-bottom: 27px;
                                            line-height: 1;

                                            @media (max-width: 991px) {
                                                font-size: 25px;
                                            }
                                            @media (max-width: 660px) {
                                                font-size: 22px;
                                            }
                                        }
                                        .azen-button {
                                            a {
                                                .button();
                                                font-weight: 600;
                                            }
                                            .azen-button {
                                                color: @white-lighter;
                                                background-color: @brand-color;
                                                border-color: @brand-color;
                                                margin-right: 30px;

                                                @media (max-width: 995px) {
                                                    margin-bottom: 30px;
                                                    display: block;
                                                }
                                                @media (max-width: 500px) {
                                                    margin-left: auto;
                                                    margin-right: auto;
                                                }
                                                &:hover {
                                                    background-color: @black-darker;
                                                    border-color: @black-darker;
                                                    color: @white-lighter;
                                                }
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                    .az-flex-direction-nav {
                        position: absolute;
                        top: 0; right: 0; bottom: 0; left: 0;
                        margin: 0 auto;
                        max-width: 1200px;
                        pointer-events: none;
                        z-index: 100;
                        .az-flex-prev, .az-flex-next {
                            .vendor(transition, all .3s linear 0s);
                            position: absolute;
                            background: none;
                            pointer-events: auto;
                            z-index: 1;
                            border: 1px solid fade(@white-lighter, 70%);
                            width: 58px;
                            height: 58px;
                            border-radius: 100%;
                            span {
                                &:before {
                                    color: @white-lighter;
                                    font-size: 30px;
                                    position: absolute;
                                    left: 50%;
                                    top: 50%;
                                    .vendor(transform, translate(-50%, -50%));
                                }
                            }

                            @media (max-width: 991px) {
                                display: none;
                            }
                            &:hover {
                                background-color: @white-lighter;
                                span {
                                    &:before {
                                        color: @black-darker;
                                    }
                                }
                            }
                        }
                        .az-flex-prev {
                            top: 44%;
                            right: 100%;
                            margin-right: 16x;
                            span {
                                &:before {
                                    left: 48%;
                                }
                            }

                            @media (max-width: 1400px) {
                                right: 90%;
                            }
                        }
                        .az-flex-next {
                            top: 44%;
                            left: 100%;
                            margin-left: 16px;
                            span {
                                &:before {
                                    left: 52%;
                                }
                            }

                            @media (max-width: 1400px) {
                                left: 90%;
                            }
                        }
                    }
                }
            }
        }
    }
    .azen-citrix-slider-5 {
        .azen-general {
            position: relative;
            text-align: center;
            .azen-slider {
                .az-slider {
                    .az-slides {
                        .azen-citrix-slide-wrapper {
                            .azen-item {
                                height: 100vh;
                                background-position: center;
                                background-size: cover;
                                background-repeat: no-repeat;
                                position: relative;
                                z-index: 2;
                                &:before {
                                    content: " ";
                                    position: absolute;
                                    left: 0;
                                    right: 0;
                                    top: 0;
                                    bottom: 0;
                                    background-color: fade(darken(@brand-color, 45%), 30%);
                                    z-index: 1;
                                }
                                .azen-wrapper-content {
                                    position: absolute;
                                    left: 0;
                                    right: 0;
                                    top: 0;
                                    bottom: 0;
                                    .flex(center, nowrap, center, center);
                                    height: 100%;
                                    .azen-wrp {
                                        display: table;
                                        z-index: 2;

                                        @media screen and (max-width: 1100px){
                                            max-width: 800px;
                                        }
                                        .azen-title {
                                            .azen-title();
                                            font-size: 100px;
                                            font-weight: 400;
                                            color: @white-lighter;
                                            text-transform: inherit;
                                            margin-bottom: 10px;

                                            @media (max-width: 991px) {
                                                font-size: 75px;
                                                line-height: 70px;
                                            }
                                            @media (max-width: 800px) {
                                                font-size: 55px;
                                                line-height: 50px;
                                            }
                                            @media (max-width: 600px) {
                                                font-size: 45px;
                                            }
                                            @media (max-width: 500px) {
                                                font-size: 40px;
                                            }
                                            @media (max-width: 400px) {
                                                font-size: 26px;
                                                white-space: normal;
                                                line-height: 0.95;
                                            }
                                        }
                                        .azen-text {
                                            .azen-description();
                                            font-style: italic;
                                            color: @white-lighter;
                                            font-size: 36px;
                                            margin-bottom: 48px;
                                            line-height: 1;
                                            text-transform: capitalize;

                                            @media (max-width: 991px) {
                                                font-size: 25px;
                                            }
                                            @media (max-width: 660px) {
                                                font-size: 22px;
                                            }
                                        }
                                        .azen-button {
                                            a {
                                                .button();
                                            }
                                            .azen-button-1 {
                                                color: @white-lighter;
                                                background-color: @brand-color;
                                                border-color: @brand-color;
                                                margin-right: 30px;

                                                @media (max-width: 995px) {
                                                    margin-bottom: 30px;
                                                    display: block;
                                                    margin-left: auto;
                                                    margin-right: auto;
                                                }
                                                &:hover {
                                                    background-color: @black-darker;
                                                    border-color: @black-darker;
                                                }
                                            }
                                            .azen-button-2 {
                                                border-color: @white-lighter;
                                                color: @white-lighter;
                                                padding: 0 67px;
                                                &:hover {
                                                    border-color: @brand-color;
                                                }
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                    .az-flex-direction-nav {
                        position: absolute;
                        top: 0; right: 0; bottom: 0; left: 0;
                        margin: 0 auto;
                        max-width: 1200px;
                        pointer-events: none;
                        z-index: 100;
                        .az-flex-prev, .az-flex-next {
                            .vendor(transition, all .3s linear 0s);
                            position: absolute;
                            background: none;
                            pointer-events: auto;
                            z-index: 1;
                            border: 1px solid fade(@white-lighter, 70%);
                            width: 58px;
                            height: 58px;
                            border-radius: 100%;
                            span {
                                &:before {
                                    color: @white-lighter;
                                    font-size: 30px;
                                    position: absolute;
                                    left: 50%;
                                    top: 50%;
                                    .vendor(transform, translate(-50%, -50%));
                                }
                            }

                            @media (max-width: 991px) {
                                display: none;
                            }
                            &:hover {
                                background-color: @white-lighter;
                                span {
                                    &:before {
                                        color: @black-darker;
                                    }
                                }
                            }
                        }
                        .az-flex-prev {
                            top: 44%;
                            right: 100%;
                            margin-right: 16x;
                            span {
                                &:before {
                                    left: 48%;
                                }
                            }

                            @media (max-width: 1400px) {
                                right: 90%;
                            }
                        }
                        .az-flex-next {
                            top: 44%;
                            left: 100%;
                            margin-left: 16px;
                            span {
                                &:before {
                                    left: 52%;
                                }
                            }

                            @media (max-width: 1400px) {
                                left: 90%;
                            }
                        }
                    }
                }
            }
        }
    }
    .azen-citrix-promo-box-1 {
        position: relative;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        &:before {
            content: "";
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            background-color: fade(darken(@brand-color, 45%), 30%);
            z-index: 1;
        }
        .azen-general {
            position: relative;
            z-index: 1;
            text-align: center;
            padding: 281px 0;
            .azen-title {
                .azen-title();
                font-size: 72px;
                text-transform: capitalize;
                margin-bottom: 29px;
                &:after {
                    display: block;
                    margin-right: auto;
                    margin-left: auto;
                    content: "";
                    margin-top: 35px;
                    height: 1px;
                    width: 70px;
                    background-color: @black-lighter;
                }

                @media (max-width: 730px) {
                    font-size: 62px; 
                }
                @media (max-width: 630px) {
                    font-size: 52px; 
                }
                @media (max-width: 540px) {
                    font-size: 42px; 
                }
                @media (max-width: 450px) {
                    font-size: 34px;
                    margin-bottom: 33px
                }
                @media (max-width: 380px) {
                    font-size: 28px;
                }
                .azen-first-word {
                    font-weight: 300;
                    margin-right: 30px;

                    @media (max-width: 991px) {
                        margin-right: 20px;
                    }
                    @media (max-width: 450px) {
                        margin-right: 10px;
                    }
                }
                .azen-second-word {
                    font-weight: 600;
                }
            }
            .azen-introduction {
                .introduction();
                text-transform: inherit;
                color: @white-lighter;
                margin-bottom: 22px;
                font-weight: 600;

                @media (max-width: 450px) {
                    margin-bottom: 39px;
                }
                @media (max-width: 380px) {
                    font-size: 22px;
                }
            }
            .azen-button {
                a {
                    .button();
                    font-weight: 600;
                }
                .azen-button-1 {
                    color: @white-lighter;
                    background-color: @brand-color;
                    border-color: @brand-color;
                    margin-right: 30px;
                    padding: 0 55px;

                    @media (max-width: 995px) {
                        margin-bottom: 30px;
                        display: block;
                        margin-left: auto;
                        margin-right: auto;
                    }
                    &:hover {
                        background-color: @black-darker;
                        border-color: @black-darker;
                    }
                }
                .azen-button-2 {
                    border-color: @white-lighter;
                    color: @white-lighter;
                    padding: 0 33px;
                    &:hover {
                        border-color: @brand-color;
                    }
                }
            }
        }
    }
    .azen-citrix-portfolio {
        position: relative;
        background-color: transparent;
        z-index: 2;
        &:before {
            content: "";
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            z-index: 1;
            background-color: transparent;
        }
        .azen-general {
            position: relative;
            z-index: 2;
            padding: 99px 0 70px;
            text-align: center;
            .azen-introduction {
                .azen-description();
                color: @gray-darker;
                font-style: italic;
                font-size: 24px;
                text-transform: capitalize;
                margin-bottom: 7px;
                line-height: 1;
            }
            .azen-title {
                .azen-title();
                color: @black-darker;
                font-weight: 400;
                font-size: 36px;
                margin-bottom: 52px;
            }
            .azen-portfolio {
                a {
                    display: inline-block;
                    width: ~"calc(33.3333333333% - 30px)";
                    margin: 0 30px 30px 0;
                    position: relative;
                    vertical-align: top;
                    &:nth-child(3n) {
                        margin-right: 0;
                    }
                    &:before {
                        display: block;
                        content: "";
                        position: absolute;
                        background-color: transparent;
                        left: 0;
                        right: 0;
                        top: 0;
                        bottom: 0;
                        pointer-events: none;
                        .vendor(transition, all .3s linear 0s);
                    }

                    @media (max-width: 1199px) {
                        width: ~"calc(50% - 30px)";
                        &:nth-child(3n) {
                            margin-right: 30px;
                        }
                        &:nth-child(2n) {
                            margin-right: 0;
                        }
                    }
                    @media (max-width: 699px) {
                        width: 100%;
                        margin-right: 0;
                        &:nth-child(3n) {
                            margin-right: 0;
                        }
                    }
                    .azen-bg {
                        background-repeat: no-repeat;
                        background-position: center;
                        background-size: cover;
                        width: 100%;
                        height: 270px;
                    }
                    .azen-text-wrapper {
                        position: absolute;
                        top: 70px;
                        left: 50%;
                        .vendor(transform, translate(-50%, 0));
                        .azen-text-title {
                            font-family: "@{google-font-family-Poppins}";
                            font-size: 18px;
                            font-weight: 500;
                            color: transparent;
                            line-height: 22px;
                            letter-spacing: 1px;
                            text-transform: capitalize;
                            margin-bottom: 7px;
                            vertical-align: middle;
                        }
                        .azen-text-description {
                            font-family: "@{google-font-family-Crimson-Text}";
                            font-style: italic;
                            color: transparent;
                            font-size: 18px;
                            font-style: 300;
                            text-transform: capitalize;
                            line-height: 21px;
                            vertical-align: middle;
                            margin-bottom: 27px;
                        }
                        span {
                            position: absolute;
                            width: 48px;
                            height: 48px;
                            left: 50%;
                            .vendor(transform, translate(-50%, 0));
                            z-index: 2;
                            background-color: transparent;
                            border: 1px solid transparent;
                            .vendor(transition, all .3s linear 0s);
                            &:before {
                                font-family: FontAwesome;
                                content: "\f067";
                                font-size: 16px;
                                position: absolute;
                                top: 50%;
                                left: 50%;
                                .vendor(transform, translate(-50%, -50%));
                                color: transparent;
                                .vendor(transition, all .3s linear 0s);
                            }
                        }
                    }
                    &:hover {
                        &:before {
                            background-color: fade(@brand-color, 80%);
                        }
                        .azen-text-wrapper {
                            .azen-text-title, .azen-text-description {
                                color: @white-lighter;
                            }
                            span {
                                border-color: @white-lighter;
                                &:before {
                                    color: @white-lighter;
                                }
                            }
                        }
                    }
                }
            }
        }
        &[data-light-branded-background="true"] {
            &:before {
                background-color: fade(lighten(@brand-color, 10%), 10%); 
            }
        }
    }
    .azen-citrix-feature {
        margin-bottom: 80px;
        .azen-general {
            text-align: center;
            .azen-item {
                display: inline-block;
                width: auto;
                border: 1px solid fade(@brand-color, 15%);
                padding: 44px 30px 46px;
                margin: 0 30px 30px 0;
                vertical-align: top;
                .azen-title {
                    font-family: "@{google-font-family-Poppins}";
                    color: @black-darker;
                    font-size: 18px;
                    text-transform: capitalize;
                    margin-bottom: 18px;
                    font-weight: 500;
                    letter-spacing: 1px;
                }
                .azen-text {
                    color: @black-light;
                    font-family: "@{google-font-family-Crimson-Text}";
                    font-size: 20px;
                    font-weight: 400;
                    line-height: 1.5;
                }
            }
        }
    }
    .azen-citrix-button {
        text-align: left;
        margin-bottom: 60px;
        .azen-button {
            a {
                .button();
                color: @white-lighter;
                background-color: @brand-color;
                font-weight: 600;
                &:hover {
                    background-color: @black-darker;
                    border-color: @black-darker;
                }
            }
        }
    }
    .azen-citrix-about-us-features {
        .azen-general {
            padding: 98px 0 100px;
            .azen-left-part {
                vertical-align: top;
                display: inline-block;
                width: ~"calc(50% - 50px)";
                padding-right: 50px;

                @media (max-width: 1199px) {
                    width: 100%;
                    padding-right: 0;
                }
                .azen-title {
                    font-family: "@{google-font-family-Crimson-Text}";
                    color: @gray-darker;
                    font-style: italic;
                    font-size: 24px;
                    text-transform: inherit;
                    margin-bottom: 2px;
                }
                .azen-description {
                    font-family: "@{google-font-family-Poppins}";
                    text-transform: inherit;
                    font-size: 36px;
                    color: @black-darker;
                    margin-bottom: 29px;
                    line-height: 1.2;

                    @media (max-width: 610px) {
                        font-size: 32px;
                    }
                    @media (max-width: 450px) {
                        font-size: 24px;
                    }
                    @media (max-width: 350px) {
                        font-size: 22px;
                    }
                    span {
                        display: inline-block;
                        font-weight: 400;
                        padding-right: 10px;
                        &:last-child {
                            padding-right: 0;
                        }
                        &:nth-child(2), &:nth-child(6) {
                            padding-right: 0;
                        } 
                        &:nth-child(2n) {
                            font-weight: 600;
                        }
                    }
                }
                .azen-text-part {
                    margin-bottom: 47px;
                    .azen-text {
                        font-family: "@{google-font-family-Crimson-Text}";
                        font-size: 20px;
                        color: @black-light;
                        line-height: 1.5;
                        margin-bottom: 30px;
                        &:last-child {
                            margin-bottom: 0;
                        }
                    }
                }
                .azen-button {
                    a {
                        .button();
                        background-color: @brand-color;
                        color: @white-lighter;
                        border: none;
                        font-weight: 600;
                        padding: 0 25px;
                        &:hover {
                            background-color: @black-darker;
                        }
                    }
                }
            }
            .azen-right-part {
                display: inline-block;
                width: 50%;

                @media (max-width: 1199px) {
                    width: 100%;
                    padding-top: 70px;
                }
                @media (max-width: 644px) {
                    text-align: center;
                }
                .azen-item {
                    text-align: center;
                    display: inline-block;
                    width: 208px;
                    border: 1px solid fade(@brand-color, 15%);
                    padding: 44px 30px 46px;
                    margin: 0 30px 30px 0;
                    vertical-align: top;
                    &:nth-child(2n) {
                        margin-right: 0;
                    }
                    @media (max-width: 1199px) {
                        &:nth-child(2n) {
                            margin-right: 30px;
                        }
                        &:last-child {
                            margin: 0;
                        }
                    }
                    @media (max-width: 644px) {
                        display: block;
                        margin-left: auto;
                        margin-right: auto;
                        &:nth-child(2n) {
                            margin-right: auto;
                        }
                        &:last-child {
                            margin-left: auto;
                            margin-right: auto;
                            margin-bottom: 0;
                        }
                    }
                    .azen-title {
                        font-family: "@{google-font-family-Poppins}";
                        color: @black-darker;
                        font-size: 18px;
                        text-transform: capitalize;
                        margin-bottom: 18px;
                        font-weight: 500;
                        letter-spacing: 1px;
                    }
                    .azen-text {
                        color: @black-light;
                        font-family: "@{google-font-family-Crimson-Text}";
                        font-size: 20px;
                        font-weight: 400;
                        line-height: 1.5;
                    }
                }
            }
        }
    }
    .azen-citrix-why-work-with-us {
        background-color: fade(@brand-color, 7%);
        .azen-general {
            padding: 98px 0 100px;
            .azen-left-part {
                width: 50%;

                @media (max-width: 700px) {
                    width: 100%;
                    padding-bottom: 40px;
                }
                .azen-title {
                    font-family: "@{google-font-family-Crimson-Text}";
                    color: @gray-darker;
                    font-style: italic;
                    font-size: 24px;
                    text-transform: inherit;
                    margin-bottom: 2px;
                }
                .azen-description {
                    font-family: "@{google-font-family-Poppins}";
                    text-transform: inherit;
                    font-size: 36px;
                    color: @black-darker;
                    margin-bottom: 39px;
                    line-height: 1.2;

                    @media (max-width: 610px) {
                        font-size: 32px;
                    }
                    @media (max-width: 450px) {
                        font-size: 24px;
                    }
                    @media (max-width: 350px) {
                        font-size: 22px;
                    }
                    span {
                        display: inline-block;
                        font-weight: 400;
                        padding-right: 14px;
                        &:last-child {
                            padding-right: 0;
                        }
                        &:nth-child(2n) {
                            font-weight: 600;
                        }
                    }
                }
                .azen-text-part {
                    margin-bottom: 47px;
                    .azen-text {
                        font-family: "@{google-font-family-Crimson-Text}";
                        font-size: 20px;
                        color: @black-light;
                        line-height: 1.5;
                        margin-bottom: 30px;
                        &:last-child {
                            margin-bottom: 0;
                        }
                    }
                }
                .azen-button {
                    a {
                        .button();
                        background-color: @brand-color;
                        color: @white-lighter;
                        border: none;
                        font-weight: 600;
                        padding: 0 41px;
                        &:hover {
                            background-color: @black-darker;
                        }
                    }
                }
            }
            .azen-right-part {
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                width: ~"calc(50% - 20px)";
                background-position: left center;
                background-size: auto;
                background-repeat: no-repeat;

                @media (max-width: 700px) {
                    position: relative;
                    top: auto;
                    bottom: auto;
                    left: auto;
                    right: auto;
                    background-position: center center;
                    width: 100%;
                    height: 548px;
                }
                @media (max-width: 590px) {
                    background-size: contain;
                    height: 360px;
                }
                @media (max-width: 550px) {
                    height: 320px;
                }
                @media (max-width: 500px) {
                    height: 280px;
                }
                @media (max-width: 450px) {
                    height: 240px;
                }
                @media (max-width: 400px) {
                    height: 200px;
                }
            }
        }
    }
    .azen-citrix-portfolio-1 {
        position: relative;
        background-color: transparent;
        z-index: 2;
        &:before {
            content: "";
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            z-index: 1;
            background-color: transparent;
        }
        .azen-general {
            position: relative;
            z-index: 2;
            padding: 99px 0 70px;
            text-align: center;
            .azen-introduction {
                .azen-description();
                color: @gray-darker;
                font-style: italic;
                font-size: 24px;
                text-transform: capitalize;
                margin-bottom: 7px;
                line-height: 1;
            }
            .azen-title {
                .azen-title();
                color: @black-darker;
                font-weight: 400;
                font-size: 36px;
                margin-bottom: 52px;
            }
            .azen-portfolio {
                margin: 0 -15px;

                @media (max-width: 699px) {
                    margin: 0;
                }
                .azen-portfolio-wrapper {
                    display: inline-block;
                    width: ~"calc(50% - 30px)";
                    margin: 0 30px 30px 0;
                    vertical-align: top;
                    &:nth-child(2n) {
                        margin-right: 0;
                    }
                    @media (max-width: 699px) {
                        width: 100%;
                        margin-right: 0;
                        &:last-child {
                            margin-bottom: 0;
                        }
                    }
                    a {
                        display: block;
                        position: relative;
                        .azen-bg {
                            background-repeat: no-repeat;
                            background-position: center;
                            background-size: cover;
                            width: 100%;
                            height: 370px;
                            &:before {
                                display: block;
                                content: "";
                                position: absolute;
                                background-color: transparent;
                                left: 0;
                                right: 0;
                                top: 0;
                                bottom: 0;
                                .vendor(transition, all .3s linear 0s);
                            }
                        }
                        span {
                            position: absolute;
                            width: 48px;
                            height: 48px;
                            top: 50%;
                            left: 50%;
                            .vendor(transform, translate(-50%, -50%));
                            z-index: 2;
                            background-color: transparent;
                            border: 1px solid transparent;
                            .vendor(transition, all .3s linear 0s);
                            &:before {
                                font-family: FontAwesome;
                                content: "\f067";
                                font-size: 16px;
                                position: absolute;
                                top: 50%;
                                left: 50%;
                                .vendor(transform, translate(-50%, -50%));
                                color: transparent;
                                .vendor(transition, all .3s linear 0s);
                            }
                        }
                    }
                    .azen-text-wrapper {
                        a {
                            display: block;
                            background-color: fade(lighten(@brand-color, 10%), 10%);
                            padding: 24px 25px 26px 25px;
                            .azen-text-title {
                                font-family: "@{google-font-family-Poppins}";
                                font-size: 18px;
                                font-weight: 500;
                                color: @black-darker;
                                line-height: 22px;
                                letter-spacing: 1px;
                                text-transform: capitalize;
                                margin-bottom: 7px;
                                vertical-align: middle;
                                .vendor(transition, all .3s linear 0s);
                            }
                            .azen-text-description {
                                font-family: "@{google-font-family-Crimson-Text}";
                                font-style: italic;
                                color: @black-light;
                                font-size: 18px;
                                font-style: 300;
                                text-transform: capitalize;
                                line-height: 21px;
                                vertical-align: middle;
                            }
                        }
                    }
                    &:hover {
                        a {
                            .azen-bg {
                                &:before {
                                    background-color: fade(@brand-color, 80%);
                                }
                            }
                            span {
                                border-color: @white-lighter;
                                &:before {
                                    color: @white-lighter;
                                }
                            }
                        }
                        .azen-text-wrapper {
                            &:hover {
                                a {
                                    .azen-text-title {
                                        color: @brand-color;
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
        &[data-light-branded-background="true"] {
            &:before {
                background-color: fade(lighten(@brand-color, 10%), 10%); 
            }
        }
    }
    .azen-citrix-portfolio-detailed {
        .azen-general {
            text-align: center;
            padding: 100px 0 41px;
            .azen-image-part {
                margin-bottom: 39px;
                .azen-big-image {
                    padding-bottom: 30px;
                    img {
                        display: block;
                        width: 100%;
                        height: 100%;
                    }
                }
                .azen-little-image {
                    display: block;
                    width: 100%;
                    .azen-img {
                        display: inline-block;
                        width: ~"calc(50% - 15px)";
                        vertical-align: top;
                        img {
                            display: block;
                        }
                        &:nth-child(odd) {
                            float: left;
                            margin-right: 15px;
                        }
                        &:nth-child(even) {
                            float: right;
                            margin-left: 15px;
                        }

                        @media (max-width: 500px) {
                            width: 100%;
                            &:nth-child(odd), &:nth-child(even) {
                                margin-right: 0;
                                margin-left: 0;
                                float: none;
                            }
                            margin-bottom: 30px;
                            &:last-child {
                                margin-bottom: 0;
                            }
                        }
                    }
                    .float();
                }
            }
            .azen-info-part {
                .azen-left-info-part {
                    vertical-align: top;
                    display: inline-block;
                    width: ~"calc(75% - 30px)";
                    padding-right: 30px;
                    text-align: left;

                    @media (max-width: 692px) {
                        width: 100%;
                        padding-right: 0;
                    }
                    .azen-title {
                        font-family: "@{google-font-family-Poppins}";
                        font-size: 36px;
                        color: @black-darker;
                        margin-bottom: 29px;
                        line-height: 1.2;
                    }
                    .azen-text {
                        font-family: "@{google-font-family-Crimson-Text}";
                        font-size: 20px;
                        font-weight: 400;
                        line-height: 1.55;
                        color: @black-light;
                        margin-bottom: 48px;
                    }
                    .azen-social {
                        @media (max-width: 692px) {
                            margin-bottom: 10px;
                        }
                        .azen-social-title {
                            vertical-align: top;
                            margin-right: 9px;
                            display: inline-block;
                            font-family: "@{google-font-family-Poppins}";
                            letter-spacing: 1px;
                            font-weight: 500;
                            font-size: 18px;
                            color: @black-light;
                        }
                        .azen-social-icons {
                            display: inline-block;
                            a {
                                display: inline-block;
                                margin: 0 8px 9px 7px;
                                vertical-align: top;
                                span {
                                    position: relative;
                                    width: 28px;
                                    height: 28px;
                                    border: 1px solid @gray;
                                    border-radius: 100%;
                                    background-color: transparent;
                                    .vendor(transition, all .3s linear 0s);
                                    &:before {
                                        position: absolute;
                                        left: 50%;
                                        top: 50%;
                                        color: @gray;
                                        font-size: 14px;
                                        .vendor(transition, all .3s linear 0s);
                                        .vendor(transform, translate(-50%, -50%));
                                    }
                                }
                                &:hover {
                                    span {
                                        background-color: @brand-color;
                                        border-color: @brand-color;
                                        &:before {
                                            color: @white-lighter;
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
                .azen-right-info-part {
                    position: relative;
                    display: inline-block;
                    vertical-align: top;
                    width: ~"calc(25% - 70px)";
                    text-align: left;
                    padding-left: 70px;
                    &:before {
                        content: "";
                        position: absolute;
                        left: 0;
                        height: 100%;
                        width: 1px;
                        background-color: fade(@brand-color, 15%);
                    }

                    @media (max-width: 692px) {
                        width: 100%;
                        padding-left: 0;
                        &:before {
                            display: none;
                        }
                    }
                    .azen-info {
                        margin-bottom: 33px;
                        &:last-child {
                            margin-bottom: 0;
                        }

                        @media (max-width: 692px) {
                            display: inline-block;
                            margin: 0 35px 17px 0;
                            &:last-child {
                                margin-right: 0;
                            }
                        }
                        .azen-info-title {
                            font-family: "@{google-font-family-Poppins}";
                            letter-spacing: 1px;
                            font-weight: 500;
                            font-size: 18px;
                            color: @black-darker;
                            margin-bottom: 4px;
                        }
                        .azen-info-text {
                            font-family: "@{google-font-family-Crimson-Text}";
                            font-style: italic;
                            font-size: 18px;
                            font-weight: 300;
                            color: @black-light;
                        }
                    }
                }
            }
        }
    }
    .azen-citrix-portfolio-2 {
        position: relative;
        background-color: transparent;
        z-index: 2;
        &:before {
            content: "";
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            z-index: 1;
            background-color: transparent;
        }
        .azen-general {
            position: relative;
            z-index: 2;
            padding: 41px 0 70px;
            text-align: center;
            .azen-title {
                text-align: left;
                .azen-title();
                color: @black-darker;
                font-weight: 400;
                font-size: 36px;
                margin-bottom: 41px;
            }
            .azen-portfolio {
                margin: 0 -15px;

                @media (max-width: 599px) {
                    margin: 0;
                }
                .azen-portfolio-wrapper {
                    display: inline-block;
                    width: ~"calc(33.3333333333% - 30px)";
                    margin: 0 30px 30px 0;
                    vertical-align: top;
                    &:nth-child(3n) {
                        margin-right: 0;
                    }
                    @media (max-width: 991px) {
                        width: ~"calc(50% - 30px)";
                        &:nth-child(2n) {
                            margin-right: 0;
                        }
                        &:nth-child(3n) {
                            margin-right: 30px;
                        }
                        &:last-child {
                            margin-right: 0;
                        }
                    }
                    @media (max-width: 599px) {
                        width: 100%;
                        margin-right: 0;
                        &:nth-child(3n) {
                            margin-right: 0;
                        }
                        &:last-child {
                            margin-bottom: 0;
                        }
                    }
                    a {
                        display: block;
                        position: relative;
                        .azen-bg {
                            background-repeat: no-repeat;
                            background-position: center;
                            background-size: cover;
                            width: 100%;
                            height: 270px;
                            &:before {
                                display: block;
                                content: "";
                                position: absolute;
                                background-color: transparent;
                                left: 0;
                                right: 0;
                                top: 0;
                                bottom: 0;
                                .vendor(transition, all .3s linear 0s);
                            }
                        }
                        span {
                            position: absolute;
                            width: 48px;
                            height: 48px;
                            top: 50%;
                            left: 50%;
                            .vendor(transform, translate(-50%, -50%));
                            z-index: 2;
                            background-color: transparent;
                            border: 1px solid transparent;
                            .vendor(transition, all .3s linear 0s);
                            &:before {
                                font-family: FontAwesome;
                                content: "\f067";
                                font-size: 16px;
                                position: absolute;
                                top: 50%;
                                left: 50%;
                                .vendor(transform, translate(-50%, -50%));
                                color: transparent;
                                .vendor(transition, all .3s linear 0s);
                            }
                        }
                    }
                    .azen-text-wrapper {
                        border: 1px solid fade(@brand-color, 15%);
                        a {
                            display: block;
                            background-color: transparent;
                            padding: 23px 25px 25px 25px;
                            .azen-text-title {
                                font-family: "@{google-font-family-Poppins}";
                                font-size: 18px;
                                font-weight: 500;
                                color: @black-darker;
                                line-height: 22px;
                                letter-spacing: 1px;
                                text-transform: capitalize;
                                margin-bottom: 7px;
                                vertical-align: middle;
                                .vendor(transition, all .3s linear 0s);
                            }
                            .azen-text-description {
                                font-family: "@{google-font-family-Crimson-Text}";
                                font-style: italic;
                                color: @black-light;
                                font-size: 18px;
                                font-style: 300;
                                text-transform: capitalize;
                                line-height: 21px;
                                vertical-align: middle;
                            }
                        }
                    }
                    &:hover {
                        a {
                            .azen-bg {
                                &:before {
                                    background-color: fade(@brand-color, 80%);
                                }
                            }
                            span {
                                border-color: @white-lighter;
                                &:before {
                                    color: @white-lighter;
                                }
                            }
                        }
                        .azen-text-wrapper {
                            &:hover {
                                a {
                                    .azen-text-title {
                                        color: @brand-color;
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
    .azen-citrix-upper-menu-section {
        background-color: @brand-color;
        .azen-general {
            .azen-upper-menu {
                width: 100%;

                @media (max-width: 660px) {
                    line-height: 25px;
                    padding: 25px 0;
                }
                .azen-left-part {
                    display: inline-block;

                    @media (max-width: 660px) {
                        display: block;
                        text-align: center;
                    }
                    .azen-data {
                        .azen-data-item {
                            display: inline-block;
                            margin-right: 15px;
                            line-height: 50px;

                            @media (max-width: 660px) {
                                line-height: inherit;
                                margin: 0 7px 15px 7px;
                            }
                            &:last-child {
                                margin-right: 0;
                            }
                            span {
                                vertical-align: middle;
                                position: relative;
                                width: 28px;
                                height: 28px;
                                border: 1px solid lighten(@brand-color, 15%);
                                border-radius: 100%;
                                background-color: transparent;
                                .vendor(transition, all .3s linear 0s);
                                &:before {
                                    position: absolute;
                                    left: 50%;
                                    top: 50%;
                                    color: lighten(@brand-color, 25%);
                                    font-size: 14px;
                                    .vendor(transition, all .3s linear 0s);
                                    .vendor(transform, translate(-50%, -50%));
                                }
                            }
                            &:hover {
                                span {
                                    background-color: lighten(@brand-color, 15%);
                                    border-color: @brand-color;
                                    &:before {
                                        color: @white-lighter;
                                    }
                                }
                            }
                        }
                    }
                }
                .azen-right-part {
                    float: right;

                    @media (max-width: 660px) {
                        float: none;
                        display: block;
                        text-align: center;
                    }
                    .azen-data {
                        display: inline-block;
                        vertical-align: middle;
                        .azen-data-item {
                            line-height: 50px;
                            font-family: "@{google-font-family-Poppins}";
                            font-size: 12px;
                            font-weight: 400;
                            color: lighten(@brand-color, 35%);
                            .azen-data-text {
                                text-transform: capitalize;
                            }
                            .azen-data-hours {
                                padding-left: 5px;
                                color: @white-lighter;
                                font-weight: 500;
                            }

                            @media (max-width: 660px) {
                                line-height: 25px;
                            }
                        }
                    }
                }
            }
        }
    }

    .azen-citrix-mangas-tabs {
        text-align: center;
        margin-bottom: 80px;
        .azen-general {
            text-align: left;
            .az-tabs {
                .azen-choice {
                    .azen-choice-item {
                        text-align: center;
                        display: inline-block;
                        box-sizing: border-box;
                        margin-right: 5px;
                        &:last-child {
                            margin-right: 0;
                        }
                        @media (max-width: 680px) {
                            display: block;
                            margin-right: 0;
                            &:first-child {
                                a {
                                    border-radius: 8px 8px 0 0;
                                }
                            }
                            &:nth-child(n + 2) {
                                a {
                                    border-radius: 0;
                                }
                            }
                        }
                        a {
                            display: inline-block;
                            font-family: "@{google-font-family-Poppins}";
                            background-color: @brand-color;
                            color: @white-lighter;
                            font-size: 14px;
                            font-weight: 700;
                            text-transform: uppercase;
                            padding: 18px 30px 16px 30px;
                            border-radius: 8px 8px 0 0;

                            @media (max-width: 680px) {
                                display: block;
                            }
                        }
                    }
                    .azen-choice-item.az-active {
                        background-color: transparent;
                        border-top: 3px solid @brand-color;
                        border-radius: 8px 8px 0 0;

                        @media (max-width: 680px) {
                            border-top: 0;
                            border-radius: 0;
                        }
                        a {
                            background-color: @white-lighter;
                            color: @black-darker;
                            padding: 20px 30px 16px 30px;
                        }
                    }
                }
                .azen-variants {
                    border-radius: 0 8px 8px 8px;
                    background-color: @white-lighter;

                    @media (max-width: 680px) {
                        border-radius: 0 0 8px 8px;
                    }
                    .azen-variants-item {
                        display: table;
                        padding: 33px 40px 42px 40px;
                        width: 100%;
                        box-sizing: border-box;
                    }
                }
            }
        }
    }
}