/* faq */

.faq .question {
    margin-bottom: 5px;
    overflow: hidden;
    position: relative;
    background: rgba(0, 0, 0, .02)
}

.style-simple .faq .question:after {
    background-color: #14caf4 !important;
}

.faq .question.active .title,
.accordion .question.active .title {
    color: #000 !important;
}

.faq .question:before {
    content: "";
    width: 60px;
    height: 100%;
    border-width: 0 1px 0 0;
    border-style: solid;
    border-color: rgba(0, 0, 0, .1);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1
}

.faq .question:after {
    content: "";
    width: 60px;
    height: 100%;
    background: rgba(0, 0, 0, .03);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1
}

.faq .question:last-child {
    margin-bottom: 0
}

.faq .question .title {
    padding: 20px 40px 20px 80px;
    font-size: 15px;
    position: relative;
    cursor: pointer;
    z-index: 2
}

.faq .question .title>.acc-icon-plus,
.faq .question .title>.acc-icon-minus {
    font-size: 17px;
    line-height: 17px;
    display: block;
    position: absolute;
    right: 15px;
    top: 21px;
    width: 20px;
    height: 20px;
    text-align: center;
    color: rgba(0, 0, 0, .25)
}

.faq .question .title>.acc-icon-plus:before,
.faq .question .title>.acc-icon-minus:before {
    margin: 0 !important
}

.faq .question .title>.acc-icon-plus {
    display: block
}

.faq .question .title>.acc-icon-minus {
    display: none
}

.faq .question .title .num {
    font-weight: 700;
    position: absolute;
    left: 27px;
    top: 20px;
    font-weight: bold
}

.faq .question .answer {
    padding: 0 20px 20px 80px;
    overflow: hidden;
    display: none
}

.faq .question.active .title>.acc-icon-plus {
    display: none
}

.faq .question.active .title>.acc-icon-minus {
    display: block
}

.faq .question.active p:last-child {
    margin-bottom: 0
}

html {
    background-color: #fff;
}

#Wrapper,
#Content {
    background-color: #fff;
}

body:not(.template-slider) #Header {
    min-height: 0px !important;
}

body.header-below:not(.template-slider) #Header {
    padding-top: 0px;
}

#Footer .widgets_wrapper {
    padding: 70px 0;
}

body {
    font-size: 15px;
    line-height: 27px;
    font-weight: 400;
    letter-spacing: 0px;
}



#menu>ul>li>a {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0px;
}



#Subheader .title {
    font-size: 30px;
    line-height: 35px;
    font-weight: 400;
    letter-spacing: 1px;
    font-style: italic;
}

h1,
.text-logo #logo {
    font-size: 60px;
    line-height: 60px;
    font-weight: 600;
    letter-spacing: 0px;
}

h2 {
    font-size: 50px;
    line-height: 1.3;
    font-weight: 600;
    letter-spacing: 0px;
}

h3 {
    font-size: 35px;
    line-height: 45px;
    font-weight: 600;
    letter-spacing: 0px;
}

h4 {
    font-size: 24px;
    line-height: 34px;
    font-weight: 600;
    letter-spacing: 0px;
}

h5 {
    font-size: 17px;
    line-height: 27px;
    font-weight: 300;
    letter-spacing: 0px;
}

h6 {
    font-size: 12px;
    line-height: 24px;
    font-weight: 600;
    letter-spacing: 3px;
}

#Intro .intro-title {
    font-size: 70px;
    line-height: 70px;
    font-weight: 400;
    letter-spacing: 0px;
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
    body {
        font-size: 13px;
        line-height: 23px;
        letter-spacing: 0px;
    }



    #menu>ul>li>a {
        font-size: 13px;
        letter-spacing: 0px;
    }



    #Subheader .title {
        font-size: 26px;
        line-height: 30px;
        letter-spacing: 1px;
    }

    h1,
    .text-logo #logo {
        font-size: 51px;
        line-height: 51px;
        letter-spacing: 0px;
    }

    h2 {
        font-size: 43px;
        line-height: 1.3;
        letter-spacing: 0px;
    }

    h3 {
        font-size: 30px;
        line-height: 38px;
        letter-spacing: 0px;
    }

    h4 {
        font-size: 20px;
        line-height: 29px;
        letter-spacing: 0px;
    }

    h5 {
        font-size: 14px;
        line-height: 23px;
        letter-spacing: 0px;
    }

    h6 {
        font-size: 13px;
        line-height: 20px;
        letter-spacing: 3px;
    }

    #Intro .intro-title {
        font-size: 60px;
        line-height: 60px;
        letter-spacing: 0px;
    }

    blockquote {
        font-size: 15px;
    }

    .chart_box .chart .num {
        font-size: 45px;
        line-height: 45px;
    }

    .counter .desc_wrapper .number-wrapper {
        font-size: 45px;
        line-height: 45px;
    }

    .counter .desc_wrapper .title {
        font-size: 14px;
        line-height: 18px;
    }

    .faq .question .title {
        font-size: 14px;
    }

    .fancy_heading .title {
        font-size: 38px;
        line-height: 38px;
    }

    .offer .offer_li .desc_wrapper .title h3 {
        font-size: 32px;
        line-height: 32px;
    }

    .offer_thumb_ul li.offer_thumb_li .desc_wrapper .title h3 {
        font-size: 32px;
        line-height: 32px;
    }









    .quick_fact .number {
        font-size: 80px;
        line-height: 80px;
    }

    .trailer_box .desc h2 {
        font-size: 27px;
        line-height: 27px;
    }

    .widget>h3 {
        font-size: 17px;
        line-height: 20px;
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    body {
        font-size: 13px;
        line-height: 20px;
        letter-spacing: 0px;
    }



    #menu>ul>li>a {
        font-size: 13px;
        letter-spacing: 0px;
    }



    #Subheader .title {
        font-size: 23px;
        line-height: 26px;
        letter-spacing: 1px;
    }

    h1,
    .text-logo #logo {
        font-size: 45px;
        line-height: 45px;
        letter-spacing: 0px;
    }

    h2 {
        font-size: 38px;
        line-height: 1.35;
        letter-spacing: 0px;
    }

    h3 {
        font-size: 26px;
        line-height: 34px;
        letter-spacing: 0px;
    }

    h4 {
        font-size: 18px;
        line-height: 26px;
        letter-spacing: 0px;
    }

    h5 {
        font-size: 13px;
        line-height: 20px;
        letter-spacing: 0px;
    }

    h6 {
        font-size: 13px;
        line-height: 19px;
        letter-spacing: 2px;
    }

    #Intro .intro-title {
        font-size: 53px;
        line-height: 53px;
        letter-spacing: 0px;
    }

    blockquote {
        font-size: 14px;
    }

    .chart_box .chart .num {
        font-size: 40px;
        line-height: 40px;
    }

    .counter .desc_wrapper .number-wrapper {
        font-size: 40px;
        line-height: 40px;
    }

    .counter .desc_wrapper .title {
        font-size: 13px;
        line-height: 16px;
    }

    .faq .question .title {
        font-size: 13px;
    }

    .fancy_heading .title {
        font-size: 34px;
        line-height: 34px;
    }

    .offer .offer_li .desc_wrapper .title h3 {
        font-size: 28px;
        line-height: 28px;
    }

    .offer_thumb_ul li.offer_thumb_li .desc_wrapper .title h3 {
        font-size: 28px;
        line-height: 28px;
    }









    .quick_fact .number {
        font-size: 70px;
        line-height: 70px;
    }

    .trailer_box .desc h2 {
        font-size: 24px;
        line-height: 24px;
    }

    .widget>h3 {
        font-size: 16px;
        line-height: 19px;
    }

    /* Hero h1 on split-hero pages */
    #Content .section.mcb-section.full-width.ui-section-hero-split h1 {
        font-size: 38px;
    }
}

@media only screen and (max-width: 479px) {
    body {
        font-size: 13px;
        line-height: 19px;
        letter-spacing: 0px;
    }



    #menu>ul>li>a {
        font-size: 13px;
        letter-spacing: 0px;
    }



    #Subheader .title {
        font-size: 18px;
        line-height: 21px;
        letter-spacing: 1px;
    }

    h1,
    .text-logo #logo {
        font-size: 36px;
        line-height: 36px;
        letter-spacing: 0px;
    }

    h2 {
        font-size: 30px;
        line-height: 1.35;
        letter-spacing: 0px;
    }

    h3 {
        font-size: 21px;
        line-height: 27px;
        letter-spacing: 0px;
    }

    h4 {
        font-size: 14px;
        line-height: 20px;
        letter-spacing: 0px;
    }

    h5 {
        font-size: 13px;
        line-height: 19px;
        letter-spacing: 0px;
    }

    /* Hero h1 on split-hero pages */
    #Content .section.mcb-section.full-width.ui-section-hero-split h1 {
        font-size: 30px;
    }

    h6 {
        font-size: 13px;
        line-height: 19px;
        letter-spacing: 2px;
    }

    #Intro .intro-title {
        font-size: 42px;
        line-height: 42px;
        letter-spacing: 0px;
    }

    blockquote {
        font-size: 13px;
    }

    .chart_box .chart .num {
        font-size: 35px;
        line-height: 35px;
    }

    .counter .desc_wrapper .number-wrapper {
        font-size: 35px;
        line-height: 35px;
    }

    .counter .desc_wrapper .title {
        font-size: 13px;
        line-height: 26px;
    }

    .faq .question .title {
        font-size: 13px;
    }

    .fancy_heading .title {
        font-size: 30px;
        line-height: 30px;
    }

    .offer .offer_li .desc_wrapper .title h3 {
        font-size: 26px;
        line-height: 26px;
    }

    .offer_thumb_ul li.offer_thumb_li .desc_wrapper .title h3 {
        font-size: 26px;
        line-height: 26px;
    }









    .quick_fact .number {
        font-size: 60px;
        line-height: 60px;
    }

    .trailer_box .desc h2 {
        font-size: 21px;
        line-height: 21px;
    }

    .widget>h3 {
        font-size: 15px;
        line-height: 18px;
    }
}

.with_aside .sidebar.columns {
    width: 23%;
}

.with_aside .sections_group {
    width: 77%;
}

.aside_both .sidebar.columns {
    width: 18%;
}



.aside_both .sections_group {
    width: 64%;
    margin-left: 18%;
}

@media only screen and (min-width:1240px) {

    .section_wrapper,
    .container {
        width: 100%;
        max-width: 1280px;
    }

    .layout-full-width.header-fw #Top_bar .column.one {
        width: 100%;
        margin: 0;
    }

    .layout-full-width.header-fw #Top_bar .top_bar_left {
        width: 100%;
    }

    .layout-boxed.header-boxed #Top_bar.is-sticky {
        max-width: 1100px;
    }
}

@media only screen and (max-width: 767px) {

    .section_wrapper,
    .container,
    .four.columns .widget-area {
        max-width: 480px !important;
    }
}

.button-default .button,
.button-flat .button,
.button-round .button {
    background-color: #045ba8;
    color: #fff;
}

.button-stroke .button {
    border-color: #045ba8;
    color: #fff;
}

.button-stroke .button:hover {
    background-color: #045ba8;
    color: #fff;
}

.button-default .button_theme,
.button-default button,
.button-default input[type="button"],
.button-default input[type="reset"],
.button-default input[type="submit"],
.button-flat .button_theme,
.button-flat button,
.button-flat input[type="button"],
.button-flat input[type="reset"],
.button-flat input[type="submit"],
.button-round .button_theme,
.button-round button,
.button-round input[type="button"],
.button-round input[type="reset"],
.button-round input[type="submit"],
.woocommerce #respond input#submit,
.woocommerce a.button:not(.default),
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
    color: #fff;
}

.button-stroke .button_theme:hover,
.button-stroke button:hover,
.button-stroke input[type="submit"]:hover,
.button-stroke input[type="reset"]:hover,
.button-stroke input[type="button"]:hover,
.button-stroke .woocommerce #respond input#submit:hover,
.button-stroke .woocommerce a.button:not(.default):hover,
.button-stroke .woocommerce button.button:hover,
.button-stroke.woocommerce input.button:hover {
    color: #ffffff !important;
}

.button-stroke .button_theme:hover .button_icon i {
    color: #ffffff !important;
}

.button-default .single_add_to_cart_button,
.button-flat .single_add_to_cart_button,
.button-round .single_add_to_cart_button,
.button-default .woocommerce .button:disabled,
.button-flat .woocommerce .button:disabled,
.button-round .woocommerce .button:disabled,
.button-default .woocommerce .button.alt .button-flat .woocommerce .button.alt,
.button-round .woocommerce .button.alt,
.button-default a.remove,
.button-flat a.remove,
.button-round a.remove {
    color: #ffffff !important;
}



.button-stroke a.action_button {
    border-color: #045ba8;
}

.button-stroke a.action_button:hover {
    background-color: #045ba8 !important;
}

.footer_button {
    color: #65666C !important;
    background-color: transparent;
    box-shadow: none !important;
}

.footer_button:after {
    display: none !important;
}

.button-custom .button,
.button-custom .action_button,
.button-custom .footer_button,
.button-custom button,
.button-custom input[type="button"],
.button-custom input[type="reset"],
.button-custom input[type="submit"],
.button-custom .woocommerce #respond input#submit,
.button-custom .woocommerce a.button,
.button-custom .woocommerce button.button,
.button-custom .woocommerce input.button {
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
    letter-spacing: 0px;
    padding: 12px 20px 12px 20px;
    border-width: 0px;
    border-radius: 0px;
}

.button-custom .button {
    color: #626262;
    background-color: #dbdddf;
    border-color: transparent;
}

.button-custom .button:hover {
    color: #626262;
    background-color: #d3d3d3;
    border-color: transparent;
}

.button-custom .button_theme,
.button-custom button,
.button-custom input[type="button"],
.button-custom input[type="reset"],
.button-custom input[type="submit"],
.button-custom .woocommerce #respond input#submit,
.button-custom .woocommerce a.button:not(.default),
.button-custom .woocommerce button.button,
.button-custom .woocommerce input.button {
    color: #fff;
    background-color: #0095eb;
    border-color: transparent;
}

.button-custom .button_theme:hover,
.button-custom button:hover,
.button-custom input[type="button"]:hover,
.button-custom input[type="reset"]:hover,
.button-custom input[type="submit"]:hover,
.button-custom .woocommerce #respond input#submit:hover,
.button-custom .woocommerce a.button:not(.default):hover,
.button-custom .woocommerce button.button:hover,
.button-custom .woocommerce input.button:hover {
    color: #fff;
    background-color: #007cc3;
    border-color: transparent;
}

.button-custom .action_button {
    color: #626262;
    background-color: #dbdddf;
    border-color: transparent;
}

.button-custom .action_button:hover {
    color: #626262;
    background-color: #d3d3d3;
    border-color: transparent;
}

.button-custom .single_add_to_cart_button,
.button-custom .woocommerce .button:disabled,
.button-custom .woocommerce .button.alt,
.button-custom a.remove {
    line-height: 14px !important;
    padding: 12px 20px 12px 20px !important;
    color: #ffffff !important;
    background-color: #0095eb !important;
}

.button-custom .single_add_to_cart_button:hover,
.button-custom .woocommerce .button:disabled:hover,
.button-custom .woocommerce .button.alt:hover,
.button-custom a.remove:hover {
    color: #ffffff !important;
    background-color: #007cc3 !important;
}

#Top_bar #logo,
.header-fixed #Top_bar #logo,
.header-plain #Top_bar #logo,
.header-transparent #Top_bar #logo {
    height: 60px;
    line-height: 60px;
    padding: 25px 0;
}

.logo-overflow #Top_bar:not(.is-sticky) .logo {
    height: 110px;
}

#Top_bar .menu>li>a {
    padding: 25px 0;
}

.menu-highlight:not(.header-creative) #Top_bar .menu>li>a {
    margin: 30px 0;
}

.header-plain:not(.menu-highlight) #Top_bar .menu>li>a span:not(.description) {
    line-height: 110px;
}

.header-fixed #Top_bar .menu>li>a {
    padding: 40px 0;
}

#Top_bar .top_bar_right,
.header-plain #Top_bar .top_bar_right {
    height: 110px;
}

#Top_bar .top_bar_right_wrapper {
    top: 35px;
}

.header-plain #Top_bar a#header_cart,
.header-plain #Top_bar a#search_button,
.header-plain #Top_bar .wpml-languages {
    line-height: 110px;
}

.header-plain #Top_bar a.action_button {
    line-height: 110px !important;
}

@media only screen and (max-width: 767px) {
    #Top_bar a.responsive-menu-toggle {
        top: 40px;
    }

    .mobile-header-mini #Top_bar #logo {
        height: 50px !important;
        line-height: 50px !important;
        margin: 5px 0;
    }
}

.twentytwenty-before-label::before {
    content: "Before"
}

.twentytwenty-after-label::before {
    content: "After"
}

input[type="date"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="url"],
select,
textarea {
    border-width: 0 0 1px 0;
    box-shadow: unset;
    resize: none;
}

#Side_slide {
    right: -250px;
    width: 250px;
}

#Side_slide.left {
    left: -250px;
}

.blog-teaser li .desc-wrapper .desc {
    background-position-y: -1px;
}



@media only screen and (min-width: 1240px) {
    body:not(.header-simple) #Top_bar #menu {
        display: block !important
    }

    .tr-menu #Top_bar #menu {
        background: none !important
    }

    #Top_bar .menu>li>ul.mfn-megamenu {
        width: 984px
    }

    #Top_bar .menu>li>ul.mfn-megamenu>li {
        float: left
    }

    #Top_bar .menu>li>ul.mfn-megamenu>li.mfn-megamenu-cols-1 {
        width: 100%
    }

    #Top_bar .menu>li>ul.mfn-megamenu>li.mfn-megamenu-cols-2 {
        width: 50%
    }

    #Top_bar .menu>li>ul.mfn-megamenu>li.mfn-megamenu-cols-3 {
        width: 33.33%
    }

    #Top_bar .menu>li>ul.mfn-megamenu>li.mfn-megamenu-cols-4 {
        width: 25%
    }

    #Top_bar .menu>li>ul.mfn-megamenu>li.mfn-megamenu-cols-5 {
        width: 20%
    }

    #Top_bar .menu>li>ul.mfn-megamenu>li.mfn-megamenu-cols-6 {
        width: 16.66%
    }

    #Top_bar .menu>li>ul.mfn-megamenu>li>ul {
        display: block !important;
        position: inherit;
        left: auto;
        top: auto;
        border-width: 0 1px 0 0
    }

    #Top_bar .menu>li>ul.mfn-megamenu>li:last-child>ul {
        border: 0
    }

    #Top_bar .menu>li>ul.mfn-megamenu>li>ul li {
        width: auto
    }

    #Top_bar .menu>li>ul.mfn-megamenu a.mfn-megamenu-title {
        text-transform: uppercase;
        font-weight: 400;
        background: none
    }

    #Top_bar .menu>li>ul.mfn-megamenu a .menu-arrow {
        display: none
    }

    .menuo-right #Top_bar .menu>li>ul.mfn-megamenu {
        left: auto;
        right: 0
    }

    .menuo-right #Top_bar .menu>li>ul.mfn-megamenu-bg {
        box-sizing: border-box
    }

    #Top_bar .menu>li>ul.mfn-megamenu-bg {
        padding: 20px 166px 20px 20px;
        background-repeat: no-repeat;
        background-position: right bottom
    }

    .rtl #Top_bar .menu>li>ul.mfn-megamenu-bg {
        padding-left: 166px;
        padding-right: 20px;
        background-position: left bottom
    }

    #Top_bar .menu>li>ul.mfn-megamenu-bg>li {
        background: none
    }

    #Top_bar .menu>li>ul.mfn-megamenu-bg>li a {
        border: none
    }

    #Top_bar .menu>li>ul.mfn-megamenu-bg>li>ul {
        background: none !important;
        -webkit-box-shadow: 0 0 0 0;
        -moz-box-shadow: 0 0 0 0;
        box-shadow: 0 0 0 0
    }

    .mm-vertical #Top_bar .container {
        position: relative;
    }

    .mm-vertical #Top_bar .top_bar_left {
        position: static;
    }

    .mm-vertical #Top_bar .menu>li ul {
        box-shadow: 0 0 0 0 transparent !important;
        background-image: none;
    }

    .mm-vertical #Top_bar .menu>li>ul.mfn-megamenu {
        width: 98% !important;
        margin: 0 1%;
        padding: 20px 0;
    }

    .mm-vertical.header-plain #Top_bar .menu>li>ul.mfn-megamenu {
        width: 100% !important;
        margin: 0;
    }

    .mm-vertical #Top_bar .menu>li>ul.mfn-megamenu>li {
        display: table-cell;
        float: none !important;
        width: 10%;
        padding: 0 15px;
        border-right: 1px solid rgba(0, 0, 0, 0.05);
    }

    .mm-vertical #Top_bar .menu>li>ul.mfn-megamenu>li:last-child {
        border-right-width: 0
    }

    .mm-vertical #Top_bar .menu>li>ul.mfn-megamenu>li.hide-border {
        border-right-width: 0
    }

    .mm-vertical #Top_bar .menu>li>ul.mfn-megamenu>li a {
        border-bottom-width: 0;
        padding: 9px 15px;
        line-height: 120%;
    }

    .mm-vertical #Top_bar .menu>li>ul.mfn-megamenu a.mfn-megamenu-title {
        font-weight: 700;
    }

    .rtl .mm-vertical #Top_bar .menu>li>ul.mfn-megamenu>li:first-child {
        border-right-width: 0
    }

    .rtl .mm-vertical #Top_bar .menu>li>ul.mfn-megamenu>li:last-child {
        border-right-width: 1px
    }

    .header-plain:not(.menuo-right) #Header .top_bar_left {
        width: auto !important
    }

    .header-stack.header-center #Top_bar #menu {
        display: inline-block !important
    }

    .header-simple #Top_bar #menu {
        display: none;
        height: auto;
        width: 300px;
        bottom: auto;
        top: 100%;
        right: 1px;
        position: absolute;
        margin: 0
    }

    .header-simple #Header a.responsive-menu-toggle {
        display: block;
        right: 10px
    }

    .header-simple #Top_bar #menu>ul {
        width: 100%;
        float: left
    }

    .header-simple #Top_bar #menu ul li {
        width: 100%;
        padding-bottom: 0;
        border-right: 0;
        position: relative
    }

    .header-simple #Top_bar #menu ul li a {
        padding: 0 20px;
        margin: 0;
        display: block;
        height: auto;
        line-height: normal;
        border: none
    }

    .header-simple #Top_bar #menu ul li a:after {
        display: none
    }

    .header-simple #Top_bar #menu ul li a span {
        border: none;
        line-height: 44px;
        display: inline;
        padding: 0
    }

    .header-simple #Top_bar #menu ul li.submenu .menu-toggle {
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        width: 44px;
        height: 44px;
        line-height: 44px;
        font-size: 30px;
        font-weight: 300;
        text-align: center;
        cursor: pointer;
        color: #444;
        opacity: 0.33;
    }

    .header-simple #Top_bar #menu ul li.submenu .menu-toggle:after {
        content: "+"
    }

    .header-simple #Top_bar #menu ul li.hover>.menu-toggle:after {
        content: "-"
    }

    .header-simple #Top_bar #menu ul li.hover a {
        border-bottom: 0
    }

    .header-simple #Top_bar #menu ul.mfn-megamenu li .menu-toggle {
        display: none
    }

    .header-simple #Top_bar #menu ul li ul {
        position: relative !important;
        left: 0 !important;
        top: 0;
        padding: 0;
        margin: 0 !important;
        width: auto !important;
        background-image: none
    }

    .header-simple #Top_bar #menu ul li ul li {
        width: 100% !important;
        display: block;
        padding: 0;
    }

    .header-simple #Top_bar #menu ul li ul li a {
        padding: 0 20px 0 30px
    }

    .header-simple #Top_bar #menu ul li ul li a .menu-arrow {
        display: none
    }

    .header-simple #Top_bar #menu ul li ul li a span {
        padding: 0
    }

    .header-simple #Top_bar #menu ul li ul li a span:after {
        display: none !important
    }

    .header-simple #Top_bar .menu>li>ul.mfn-megamenu a.mfn-megamenu-title {
        text-transform: uppercase;
        font-weight: 400
    }

    .header-simple #Top_bar .menu>li>ul.mfn-megamenu>li>ul {
        display: block !important;
        position: inherit;
        left: auto;
        top: auto
    }

    .header-simple #Top_bar #menu ul li ul li ul {
        border-left: 0 !important;
        padding: 0;
        top: 0
    }

    .header-simple #Top_bar #menu ul li ul li ul li a {
        padding: 0 20px 0 40px
    }

    .rtl.header-simple #Top_bar #menu {
        left: 1px;
        right: auto
    }

    .rtl.header-simple #Top_bar a.responsive-menu-toggle {
        left: 10px;
        right: auto
    }

    .rtl.header-simple #Top_bar #menu ul li.submenu .menu-toggle {
        left: 0;
        right: auto
    }

    .rtl.header-simple #Top_bar #menu ul li ul {
        left: auto !important;
        right: 0 !important
    }

    .rtl.header-simple #Top_bar #menu ul li ul li a {
        padding: 0 30px 0 20px
    }

    .rtl.header-simple #Top_bar #menu ul li ul li ul li a {
        padding: 0 40px 0 20px
    }

    .menu-highlight #Top_bar .menu>li {
        margin: 0 2px
    }

    .menu-highlight:not(.header-creative) #Top_bar .menu>li>a {
        margin: 20px 0;
        padding: 0;
        -webkit-border-radius: 5px;
        border-radius: 5px
    }

    .menu-highlight #Top_bar .menu>li>a:after {
        display: none
    }

    .menu-highlight #Top_bar .menu>li>a span:not(.description) {
        line-height: 50px
    }

    .menu-highlight #Top_bar .menu>li>a span.description {
        display: none
    }

    .menu-highlight.header-stack #Top_bar .menu>li>a {
        margin: 10px 0 !important
    }

    .menu-highlight.header-stack #Top_bar .menu>li>a span:not(.description) {
        line-height: 40px
    }

    .menu-highlight.header-transparent #Top_bar .menu>li>a {
        margin: 5px 0
    }

    .menu-highlight.header-simple #Top_bar #menu ul li,
    .menu-highlight.header-creative #Top_bar #menu ul li {
        margin: 0
    }

    .menu-highlight.header-simple #Top_bar #menu ul li>a,
    .menu-highlight.header-creative #Top_bar #menu ul li>a {
        -webkit-border-radius: 0;
        border-radius: 0
    }

    .menu-highlight:not(.header-fixed):not(.header-simple) #Top_bar.is-sticky .menu>li>a {
        margin: 10px 0 !important;
        padding: 5px 0 !important
    }

    .menu-highlight:not(.header-fixed):not(.header-simple) #Top_bar.is-sticky .menu>li>a span {
        line-height: 30px !important
    }

    .header-modern.menu-highlight.menuo-right .menu_wrapper {
        margin-right: 20px
    }

    .menu-line-below #Top_bar .menu>li>a:after {
        top: auto;
        bottom: -4px
    }

    .menu-line-below #Top_bar.is-sticky .menu>li>a:after {
        top: auto;
        bottom: -4px
    }

    .menu-line-below-80 #Top_bar:not(.is-sticky) .menu>li>a:after {
        height: 4px;
        left: 10%;
        top: 50%;
        margin-top: 20px;
        width: 80%
    }

    .menu-line-below-80-1 #Top_bar:not(.is-sticky) .menu>li>a:after {
        height: 1px;
        left: 10%;
        top: 50%;
        margin-top: 20px;
        width: 80%
    }

    .menu-link-color #Top_bar .menu>li>a:after {
        display: none !important
    }

    .menu-arrow-top #Top_bar .menu>li>a:after {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
        border-color: #ccc transparent transparent;
        border-style: solid;
        border-width: 7px 7px 0;
        display: block;
        height: 0;
        left: 50%;
        margin-left: -7px;
        top: 0 !important;
        width: 0
    }

    .menu-arrow-top #Top_bar.is-sticky .menu>li>a:after {
        top: 0 !important
    }

    .menu-arrow-bottom #Top_bar .menu>li>a:after {
        background: none !important;
        border-color: transparent transparent #ccc;
        border-style: solid;
        border-width: 0 7px 7px;
        display: block;
        height: 0;
        left: 50%;
        margin-left: -7px;
        top: auto;
        bottom: 0;
        width: 0
    }

    .menu-arrow-bottom #Top_bar.is-sticky .menu>li>a:after {
        top: auto;
        bottom: 0
    }

    .menuo-no-borders #Top_bar .menu>li>a span {
        border-width: 0 !important
    }

    .menuo-no-borders #Header_creative #Top_bar .menu>li>a span {
        border-bottom-width: 0
    }

    .menuo-no-borders.header-plain #Top_bar a#header_cart,
    .menuo-no-borders.header-plain #Top_bar a#search_button,
    .menuo-no-borders.header-plain #Top_bar .wpml-languages,
    .menuo-no-borders.header-plain #Top_bar a.action_button {
        border-width: 0
    }

    .menuo-right #Top_bar .menu_wrapper {
        float: right
    }

    .menuo-right.header-stack:not(.header-center) #Top_bar .menu_wrapper {
        margin-right: 150px
    }

    .menuo-right #Top_bar .menu_wrapper {
        margin-right: 0;
    }

    .menuo-right #Top_bar .logo {
        margin-left: 0;
    }

    .menuo-right #Top_bar #menu > ul > li:last-child > a span:not(.description) {
        padding-right: 0;
    }

    body.header-creative {
        padding-left: 50px
    }

    body.header-creative.header-open {
        padding-left: 250px
    }

    body.under-construction.header-rtl.header-creative.header-open {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .header-creative.footer-fixed #Footer,
    .header-creative.footer-sliding #Footer,
    .header-creative.footer-stick #Footer.is-sticky {
        box-sizing: border-box;
        padding-left: 50px;
    }

    .header-open.footer-fixed #Footer,
    .header-open.footer-sliding #Footer,
    .header-creative.footer-stick #Footer.is-sticky {
        padding-left: 250px;
    }

    .header-rtl.header-creative.footer-fixed #Footer,
    .header-rtl.header-creative.footer-sliding #Footer,
    .header-rtl.header-creative.footer-stick #Footer.is-sticky {
        padding-left: 0;
        padding-right: 50px;
    }

    .header-rtl.header-open.footer-fixed #Footer,
    .header-rtl.header-open.footer-sliding #Footer,
    .header-rtl.header-creative.footer-stick #Footer.is-sticky {
        padding-right: 250px;
    }

    #Header_creative {
        background-color: #fff;
        position: fixed;
        width: 250px;
        height: 100%;
        left: -200px;
        top: 0;
        z-index: 9002;
        -webkit-box-shadow: 2px 0 4px 2px rgba(0, 0, 0, .15);
        box-shadow: 2px 0 4px 2px rgba(0, 0, 0, .15)
    }

    #Header_creative .container {
        width: 100%
    }

    #Header_creative .creative-wrapper {
        opacity: 0;
        margin-right: 50px
    }

    #Header_creative a.creative-menu-toggle {
        display: block;
        width: 34px;
        height: 34px;
        line-height: 34px;
        font-size: 22px;
        text-align: center;
        position: absolute;
        top: 10px;
        right: 8px;
        border-radius: 3px
    }

    .admin-bar #Header_creative a.creative-menu-toggle {
        top: 42px
    }

    #Header_creative #Top_bar {
        position: static;
        width: 100%
    }

    #Header_creative #Top_bar .top_bar_left {
        width: 100% !important;
        float: none
    }

    #Header_creative #Top_bar .top_bar_right {
        width: 100% !important;
        float: none;
        height: auto;
        margin-bottom: 35px;
        text-align: center;
        padding: 0 20px;
        top: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    #Header_creative #Top_bar .top_bar_right:before {
        display: none
    }

    #Header_creative #Top_bar .top_bar_right_wrapper {
        top: 0
    }

    #Header_creative #Top_bar .logo {
        float: none;
        text-align: center;
        margin: 15px 0
    }

    #Header_creative #Top_bar #menu {
        background-color: transparent
    }

    #Header_creative #Top_bar .menu_wrapper {
        float: none;
        margin: 0 0 30px
    }

    #Header_creative #Top_bar .menu>li {
        width: 100%;
        float: none;
        position: relative
    }

    #Header_creative #Top_bar .menu>li>a {
        padding: 0;
        text-align: center
    }

    #Header_creative #Top_bar .menu>li>a:after {
        display: none
    }

    #Header_creative #Top_bar .menu>li>a span {
        border-right: 0;
        border-bottom-width: 1px;
        line-height: 38px
    }

    #Header_creative #Top_bar .menu li ul {
        left: 100%;
        right: auto;
        top: 0;
        box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.03);
        -webkit-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.03)
    }

    #Header_creative #Top_bar .menu>li>ul.mfn-megamenu {
        margin: 0;
        width: 700px !important;
    }

    #Header_creative #Top_bar .menu>li>ul.mfn-megamenu>li>ul {
        left: 0
    }

    #Header_creative #Top_bar .menu li ul li a {
        padding-top: 9px;
        padding-bottom: 8px
    }

    #Header_creative #Top_bar .menu li ul li ul {
        top: 0
    }

    #Header_creative #Top_bar .menu>li>a span.description {
        display: block;
        font-size: 13px;
        line-height: 28px !important;
        clear: both
    }

    #Header_creative #Top_bar .search_wrapper {
        left: 100%;
        top: auto;
        bottom: 0
    }

    #Header_creative #Top_bar a#header_cart {
        display: inline-block;
        float: none;
        top: 3px
    }

    #Header_creative #Top_bar a#search_button {
        display: inline-block;
        float: none;
        top: 3px
    }

    #Header_creative #Top_bar .wpml-languages {
        display: inline-block;
        float: none;
        top: 0
    }

    #Header_creative #Top_bar .wpml-languages.enabled:hover a.active {
        padding-bottom: 11px
    }

    #Header_creative #Top_bar .action_button {
        display: inline-block;
        float: none;
        top: 16px;
        margin: 0
    }

    #Header_creative #Top_bar .banner_wrapper {
        display: block;
        text-align: center
    }

    #Header_creative #Top_bar .banner_wrapper img {
        max-width: 100%;
        height: auto;
        display: inline-block
    }

    #Header_creative #Action_bar {
        display: none;
        position: absolute;
        bottom: 0;
        top: auto;
        clear: both;
        padding: 0 20px;
        box-sizing: border-box
    }

    #Header_creative #Action_bar .contact_details {
        text-align: center;
        margin-bottom: 20px
    }

    #Header_creative #Action_bar .contact_details li {
        padding: 0
    }

    #Header_creative #Action_bar .social {
        float: none;
        text-align: center;
        padding: 5px 0 15px
    }

    #Header_creative #Action_bar .social li {
        margin-bottom: 2px
    }

    #Header_creative #Action_bar .social-menu {
        float: none;
        text-align: center
    }

    #Header_creative #Action_bar .social-menu li {
        border-color: rgba(0, 0, 0, .1)
    }

    #Header_creative .social li a {
        color: rgba(0, 0, 0, .5)
    }

    #Header_creative .social li a:hover {
        color: #000
    }

    #Header_creative .creative-social {
        position: absolute;
        bottom: 10px;
        right: 0;
        width: 50px
    }

    #Header_creative .creative-social li {
        display: block;
        float: none;
        width: 100%;
        text-align: center;
        margin-bottom: 5px
    }

    .header-creative .fixed-nav.fixed-nav-prev {
        margin-left: 50px
    }

    .header-creative.header-open .fixed-nav.fixed-nav-prev {
        margin-left: 250px
    }

    .menuo-last #Header_creative #Top_bar .menu li.last ul {
        top: auto;
        bottom: 0
    }

    .header-open #Header_creative {
        left: 0
    }

    .header-open #Header_creative .creative-wrapper {
        opacity: 1;
        margin: 0 !important;
    }

    .header-open #Header_creative .creative-menu-toggle,
    .header-open #Header_creative .creative-social {
        display: none
    }

    .header-open #Header_creative #Action_bar {
        display: block
    }

    body.header-rtl.header-creative {
        padding-left: 0;
        padding-right: 50px
    }

    .header-rtl #Header_creative {
        left: auto;
        right: -200px
    }

    .header-rtl #Header_creative .creative-wrapper {
        margin-left: 50px;
        margin-right: 0
    }

    .header-rtl #Header_creative a.creative-menu-toggle {
        left: 8px;
        right: auto
    }

    .header-rtl #Header_creative .creative-social {
        left: 0;
        right: auto
    }

    .header-rtl #Footer #back_to_top.sticky {
        right: 125px
    }

    .header-rtl #popup_contact {
        right: 70px
    }

    .header-rtl #Header_creative #Top_bar .menu li ul {
        left: auto;
        right: 100%
    }

    .header-rtl #Header_creative #Top_bar .search_wrapper {
        left: auto;
        right: 100%;
    }

    .header-rtl .fixed-nav.fixed-nav-prev {
        margin-left: 0 !important
    }

    .header-rtl .fixed-nav.fixed-nav-next {
        margin-right: 50px
    }

    body.header-rtl.header-creative.header-open {
        padding-left: 0;
        padding-right: 250px !important
    }

    .header-rtl.header-open #Header_creative {
        left: auto;
        right: 0
    }

    .header-rtl.header-open #Footer #back_to_top.sticky {
        right: 325px
    }

    .header-rtl.header-open #popup_contact {
        right: 270px
    }

    .header-rtl.header-open .fixed-nav.fixed-nav-next {
        margin-right: 250px
    }

    #Header_creative.active {
        left: -1px;
    }

    .header-rtl #Header_creative.active {
        left: auto;
        right: -1px;
    }

    #Header_creative.active .creative-wrapper {
        opacity: 1;
        margin: 0
    }

    .header-creative .vc_row[data-vc-full-width] {
        padding-left: 50px
    }

    .header-creative.header-open .vc_row[data-vc-full-width] {
        padding-left: 250px
    }

    .header-open .vc_parallax .vc_parallax-inner {
        left: auto;
        width: calc(100% - 250px);
    }

    .header-open.header-rtl .vc_parallax .vc_parallax-inner {
        left: 0;
        right: auto;
    }

    #Header_creative.scroll {
        height: 100%;
        overflow-y: auto
    }

    #Header_creative.scroll:not(.dropdown) .menu li ul {
        display: none !important
    }

    #Header_creative.scroll #Action_bar {
        position: static
    }

    #Header_creative.dropdown {
        outline: none
    }

    #Header_creative.dropdown #Top_bar .menu_wrapper {
        float: left
    }

    #Header_creative.dropdown #Top_bar #menu ul li {
        position: relative;
        float: left
    }

    #Header_creative.dropdown #Top_bar #menu ul li a:after {
        display: none
    }

    #Header_creative.dropdown #Top_bar #menu ul li a span {
        line-height: 38px;
        padding: 0
    }

    #Header_creative.dropdown #Top_bar #menu ul li.submenu .menu-toggle {
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        width: 38px;
        height: 38px;
        line-height: 38px;
        font-size: 26px;
        font-weight: 300;
        text-align: center;
        cursor: pointer;
        color: #444;
        opacity: 0.33;
    }

    #Header_creative.dropdown #Top_bar #menu ul li.submenu .menu-toggle:after {
        content: "+"
    }

    #Header_creative.dropdown #Top_bar #menu ul li.hover>.menu-toggle:after {
        content: "-"
    }

    #Header_creative.dropdown #Top_bar #menu ul li.hover a {
        border-bottom: 0
    }

    #Header_creative.dropdown #Top_bar #menu ul.mfn-megamenu li .menu-toggle {
        display: none
    }

    #Header_creative.dropdown #Top_bar #menu ul li ul {
        position: relative !important;
        left: 0 !important;
        top: 0;
        padding: 0;
        margin-left: 0 !important;
        width: auto !important;
        background-image: none
    }

    #Header_creative.dropdown #Top_bar #menu ul li ul li {
        width: 100% !important
    }

    #Header_creative.dropdown #Top_bar #menu ul li ul li a {
        padding: 0 10px;
        text-align: center
    }

    #Header_creative.dropdown #Top_bar #menu ul li ul li a .menu-arrow {
        display: none
    }

    #Header_creative.dropdown #Top_bar #menu ul li ul li a span {
        padding: 0
    }

    #Header_creative.dropdown #Top_bar #menu ul li ul li a span:after {
        display: none !important
    }

    #Header_creative.dropdown #Top_bar .menu>li>ul.mfn-megamenu a.mfn-megamenu-title {
        text-transform: uppercase;
        font-weight: 400
    }

    #Header_creative.dropdown #Top_bar .menu>li>ul.mfn-megamenu>li>ul {
        display: block !important;
        position: inherit;
        left: auto;
        top: auto
    }

    #Header_creative.dropdown #Top_bar #menu ul li ul li ul {
        border-left: 0 !important;
        padding: 0;
        top: 0
    }

    #Header_creative {
        transition: left .5s ease-in-out, right .5s ease-in-out;
    }

    #Header_creative .creative-wrapper {
        transition: opacity .5s ease-in-out, margin 0s ease-in-out .5s;
    }

    #Header_creative.active .creative-wrapper {
        transition: opacity .5s ease-in-out, margin 0s ease-in-out;
    }
}

@media only screen and (min-width: 768px) {
    #Top_bar.is-sticky {
        position: fixed !important;
        width: 100%;
        left: 0;
        top: -60px;
        height: 60px;
        z-index: 701;
        background: #fff;
        opacity: .97;
        -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1)
    }

    .layout-boxed.header-boxed #Top_bar.is-sticky {
        max-width: 1240px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    #Top_bar.is-sticky .top_bar_left,
    #Top_bar.is-sticky .top_bar_right,
    #Top_bar.is-sticky .top_bar_right:before {
        background: none;
        box-shadow: unset
    }

    #Top_bar.is-sticky .top_bar_right {
        top: -4px;
        height: auto;
    }

    #Top_bar.is-sticky .top_bar_right_wrapper {
        top: 15px
    }

    .header-plain #Top_bar.is-sticky .top_bar_right_wrapper {
        top: 0
    }

    #Top_bar.is-sticky .logo {
        width: auto;
        margin: 0 30px 0 0;
        padding: 0
    }

    #Top_bar.is-sticky #logo,
    #Top_bar.is-sticky .custom-logo-link {
        padding: 15px 0 !important;
        height: 50px !important;
        line-height: 50px !important
    }

    .logo-no-sticky-padding #Top_bar.is-sticky #logo {
        height: 60px !important;
        line-height: 60px !important
    }

    #Top_bar.is-sticky #logo img.logo-main {
        display: none
    }

    #Top_bar.is-sticky #logo img.logo-sticky {
        display: inline;
        max-height: 35px
    }

    .logo-sticky-width-auto #Top_bar.is-sticky #logo img.logo-sticky {
        width: auto
    }

    #Top_bar.is-sticky .menu_wrapper {
        clear: none
    }

    #Top_bar.is-sticky .menu_wrapper .menu>li>a {
        padding: 15px 0
    }

    #Top_bar.is-sticky .menu>li>a,
    #Top_bar.is-sticky .menu>li>a span {
        line-height: 30px
    }

    #Top_bar.is-sticky .menu>li>a:after {
        top: auto;
        bottom: -4px
    }

    #Top_bar.is-sticky .menu>li>a span.description {
        display: none
    }

    #Top_bar.is-sticky .secondary_menu_wrapper,
    #Top_bar.is-sticky .banner_wrapper {
        display: none
    }

    .header-overlay #Top_bar.is-sticky {
        display: none
    }

    .sticky-dark #Top_bar.is-sticky,
    .sticky-dark #Top_bar.is-sticky #menu {
        background: rgba(0, 0, 0, .8)
    }

    .sticky-dark #Top_bar.is-sticky .menu>li:not(.current-menu-item)>a {
        color: #fff
    }

    .sticky-dark #Top_bar.is-sticky .top_bar_right a:not(.action_button) {
        color: rgba(255, 255, 255, .8)
    }

    .sticky-dark #Top_bar.is-sticky .wpml-languages a.active,
    .sticky-dark #Top_bar.is-sticky .wpml-languages ul.wpml-lang-dropdown {
        background: rgba(0, 0, 0, 0.1);
        border-color: rgba(0, 0, 0, 0.1)
    }

    .sticky-white #Top_bar.is-sticky,
    .sticky-white #Top_bar.is-sticky #menu {
        background: rgba(255, 255, 255, .8)
    }

    .sticky-white #Top_bar.is-sticky .menu>li:not(.current-menu-item)>a {
        color: #222
    }

    .sticky-white #Top_bar.is-sticky .top_bar_right a:not(.action_button) {
        color: rgba(0, 0, 0, .8)
    }

    .sticky-white #Top_bar.is-sticky .wpml-languages a.active,
    .sticky-white #Top_bar.is-sticky .wpml-languages ul.wpml-lang-dropdown {
        background: rgba(255, 255, 255, 0.1);
        border-color: rgba(0, 0, 0, 0.1)
    }
}

@media only screen and (max-width: 1239px) {
    #Top_bar #menu {
        display: none;
        height: auto;
        width: 300px;
        bottom: auto;
        top: 100%;
        right: 1px;
        position: absolute;
        margin: 0
    }

    #Top_bar a.responsive-menu-toggle {
        display: block
    }

    #Top_bar #menu>ul {
        width: 100%;
        float: left
    }

    #Top_bar #menu ul li {
        width: 100%;
        padding-bottom: 0;
        border-right: 0;
        position: relative
    }

    #Top_bar #menu ul li a {
        padding: 0 25px;
        margin: 0;
        display: block;
        height: auto;
        line-height: normal;
        border: none
    }

    #Top_bar #menu ul li a:after {
        display: none
    }

    #Top_bar #menu ul li a span {
        border: none;
        line-height: 44px;
        display: inline;
        padding: 0
    }

    #Top_bar #menu ul li a span.description {
        margin: 0 0 0 5px
    }

    #Top_bar #menu ul li.submenu .menu-toggle {
        display: block;
        position: absolute;
        right: 15px;
        top: 0;
        width: 44px;
        height: 44px;
        line-height: 44px;
        font-size: 30px;
        font-weight: 300;
        text-align: center;
        cursor: pointer;
        color: #444;
        opacity: 0.33;
    }

    #Top_bar #menu ul li.submenu .menu-toggle:after {
        content: "+"
    }

    #Top_bar #menu ul li.hover>.menu-toggle:after {
        content: "-"
    }

    #Top_bar #menu ul li.hover a {
        border-bottom: 0
    }

    #Top_bar #menu ul li a span:after {
        display: none !important
    }

    #Top_bar #menu ul.mfn-megamenu li .menu-toggle {
        display: none
    }

    #Top_bar #menu ul li ul {
        position: relative !important;
        left: 0 !important;
        top: 0;
        padding: 0;
        margin-left: 0 !important;
        width: auto !important;
        background-image: none !important;
        box-shadow: 0 0 0 0 transparent !important;
        -webkit-box-shadow: 0 0 0 0 transparent !important
    }

    #Top_bar #menu ul li ul li {
        width: 100% !important
    }

    #Top_bar #menu ul li ul li a {
        padding: 0 20px 0 35px
    }

    #Top_bar #menu ul li ul li a .menu-arrow {
        display: none
    }

    #Top_bar #menu ul li ul li a span {
        padding: 0
    }

    #Top_bar #menu ul li ul li a span:after {
        display: none !important
    }

    #Top_bar .menu>li>ul.mfn-megamenu a.mfn-megamenu-title {
        text-transform: uppercase;
        font-weight: 400
    }

    #Top_bar .menu>li>ul.mfn-megamenu>li>ul {
        display: block !important;
        position: inherit;
        left: auto;
        top: auto
    }

    #Top_bar #menu ul li ul li ul {
        border-left: 0 !important;
        padding: 0;
        top: 0
    }

    #Top_bar #menu ul li ul li ul li a {
        padding: 0 20px 0 45px
    }

    .rtl #Top_bar #menu {
        left: 1px;
        right: auto
    }

    .rtl #Top_bar a.responsive-menu-toggle {
        left: 20px;
        right: auto
    }

    .rtl #Top_bar #menu ul li.submenu .menu-toggle {
        left: 15px;
        right: auto;
        border-left: none;
        border-right: 1px solid #eee
    }

    .rtl #Top_bar #menu ul li ul {
        left: auto !important;
        right: 0 !important
    }

    .rtl #Top_bar #menu ul li ul li a {
        padding: 0 30px 0 20px
    }

    .rtl #Top_bar #menu ul li ul li ul li a {
        padding: 0 40px 0 20px
    }

    .header-stack .menu_wrapper a.responsive-menu-toggle {
        position: static !important;
        margin: 11px 0 !important
    }

    .header-stack .menu_wrapper #menu {
        left: 0;
        right: auto
    }

    .rtl.header-stack #Top_bar #menu {
        left: auto;
        right: 0
    }

    .admin-bar #Header_creative {
        top: 32px
    }

    .header-creative.layout-boxed {
        padding-top: 85px
    }

    .header-creative.layout-full-width #Wrapper {
        padding-top: 60px
    }

    #Header_creative {
        position: fixed;
        width: 100%;
        left: 0 !important;
        top: 0;
        z-index: 1001
    }

    #Header_creative .creative-wrapper {
        display: block !important;
        opacity: 1 !important
    }

    #Header_creative .creative-menu-toggle,
    #Header_creative .creative-social {
        display: none !important;
        opacity: 1 !important
    }

    #Header_creative #Top_bar {
        position: static;
        width: 100%
    }

    #Header_creative #Top_bar #logo,
    #Header_creative #Top_bar .custom-logo-link {
        height: 50px;
        line-height: 50px;
        padding: 5px 0
    }

    #Header_creative #Top_bar #logo img.logo-sticky {
        max-height: 40px !important
    }

    #Header_creative #logo img.logo-main {
        display: none
    }

    #Header_creative #logo img.logo-sticky {
        display: inline-block
    }

    .logo-no-sticky-padding #Header_creative #Top_bar #logo {
        height: 60px;
        line-height: 60px;
        padding: 0
    }

    .logo-no-sticky-padding #Header_creative #Top_bar #logo img.logo-sticky {
        max-height: 60px !important
    }

    #Header_creative #Action_bar {
        display: none
    }

    #Header_creative #Top_bar .top_bar_right {
        height: 60px;
        top: 0
    }

    #Header_creative #Top_bar .top_bar_right:before {
        display: none
    }

    #Header_creative #Top_bar .top_bar_right_wrapper {
        top: 0;
        padding-top: 9px
    }

    #Header_creative.scroll {
        overflow: visible !important
    }
}

#Header_wrapper,
#Intro {
    background-color: #fff;
}



.header-classic #Action_bar,
.header-fixed #Action_bar,
.header-plain #Action_bar,
.header-split #Action_bar,
.header-stack #Action_bar {
    background-color: #292b33;
}

#Sliding-top {
    background-color: #545454;
}

#Sliding-top a.sliding-top-control {
    border-right-color: #545454;
}

#Sliding-top.st-center a.sliding-top-control,
#Sliding-top.st-left a.sliding-top-control {
    border-top-color: #545454;
}

#Footer {
    background-color: #fff;
}

body,
.icon_box a .desc,
.icon_box a:hover .desc,
.feature_list ul li a,
.story_box .desc,
.content_slider.carouselul li a .title,
.content_slider.flat.description ul li .desc,
.content_slider.flat.description ul li a .desc,
.post-nav.minimal a i {
    color: #6c6c6c;
}

.post-nav.minimal a svg {
    fill: #6c6c6c;
}

.fancy_heading_icon .icon_top,
.fancy_heading_arrows .icon-right-dir,
.fancy_heading_arrows .icon-left-dir,
.fancy_heading_line .title,
.button-love a.mfn-love,
.format-link .post-title .icon-link,
.woocommerce ul.products li.product .price,
.shop_slider .shop_slider_ul li .item_wrapper .price,
.woocommerce-page ul.products li.product .price,
.widget_price_filter .price_label .from,
.widget_price_filter .price_label .to,
.woocommerce .product div.entry-summary .price,
.style-simple #Filters .filters_wrapper ul li a:hover,
.style-simple #Filters .filters_wrapper ul li.current-cat a,
.style-simple .quick_fact .title {
    color: #14caf4;
}

.themebg,
#comments .commentlist>li .reply a.comment-reply-link,
#Filters .filters_wrapper ul li a:hover,
#Filters .filters_wrapper ul li.current-cat a,
.fixed-nav .arrow,
.offer_thumb .slider_pagination a:before,
.offer_thumb .slider_pagination a.selected:after,
.pager .pages a:hover,
.pager .pages a.active,
.pager .pages span.page-numbers.current,
.portfolio_group.exposure .portfolio-item .desc-inner .line,
.Recent_posts ul li .desc:after,
.Recent_posts ul li .photo .c,
.slider_pagination a.selected,
.slider_pagination .slick-active a,
.slider_pagination a.selected:after,
.slider_pagination .slick-active a:after,
#Top_bar a#header_cart span,
.widget_mfn_menu ul li.current-menu-item:not(.current-menu-ancestor)>a,
.widget_mfn_menu ul li.current_page_item:not(.current_page_ancestor)>a,
.woocommerce-MyAccount-navigation ul li.is-active a,
.style-simple .accordion .question:after,
.style-simple .faq .question:after,
.style-simple .icon_box .desc_wrapper .title:before,
.style-simple #Filters .filters_wrapper ul li a:after,
.style-simple .article_box .desc_wrapper p:after,
.style-simple .sliding_box .desc_wrapper:after,
.style-simple .trailer_box:hover .desc,
.tp-bullets.simplebullets.round .bullet.selected,
.tp-bullets.simplebullets.round .bullet.selected:after,
.tparrows.default,
.tp-bullets.tp-thumbs .bullet.selected:after {
    background-color: #14caf4;
}

.style-simple .opening_hours .opening_hours_wrapper li label,
.style-simple .timeline_items li:hover h3,
.style-simple .timeline_items li:nth-child(even):hover h3,
.style-simple .timeline_items li:hover .desc,
.style-simple .timeline_items li:nth-child(even):hover,
.style-simple .offer_thumb .slider_pagination a.selected {
    border-color: #14caf4;
}

a {
    color: #14caf4;
}

a:hover {
    color: #045ba8;
}

*::-moz-selection {
    background-color: #14caf4;
    color: white;
}

*::selection {
    background-color: #14caf4;
    color: white;
}

.blockquote p.author span,
.counter .desc_wrapper .title,
.article_box .desc_wrapper p,
.team .desc_wrapper p.subtitle,
.fancy_heading .inside,
.post-footer a span.label,
.pager .pages a,
.button-love a .label,
#comments .commentlist>li .comment-author .says,
.fixed-nav .desc .date,
.filters_buttons li.label,
.Recent_posts ul li a .desc .date,
.shop_slider .shop_slider_ul li .item_wrapper .price del,
.testimonials_slider .testimonials_slider_ul li .author span,
.testimonials_slider .testimonials_slider_ul li .author span a,
.share-simple-wrapper .icons a {
    color: #a8a8a8;
}

h1,
h1 a,
h1 a:hover,
.text-logo #logo {
    color: #000;
}

h2,
h2 a,
h2 a:hover {
    color: #000;
}

h3,
h3 a,
h3 a:hover {
    color: #000;
}

h4,
h4 a,
h4 a:hover,
.style-simple .sliding_box .desc_wrapper h4 {
    color: #000;
}

h5,
h5 a,
h5 a:hover {
    color: #000;
}

h6,
h6 a,
h6 a:hover,
a.content_link .title {
    color: #7f7f7f;
}



.button-default .button_theme,
.button-default button,
.button-default input[type="button"],
.button-default input[type="reset"],
.button-default input[type="submit"],
.button-flat .button_theme,
.button-flat button,
.button-flat input[type="button"],
.button-flat input[type="reset"],
.button-flat input[type="submit"],
.button-round .button_theme,
.button-round button,
.button-round input[type="button"],
.button-round input[type="reset"],
.button-round input[type="submit"],
.woocommerce #respond input#submit,
.woocommerce a.button:not(.default),
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:not(.default):hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
    background-color: #14caf4;
}

.button-stroke .button_theme,
.button-stroke .button_theme .button_icon i,
.button-stroke button,
.button-stroke input[type="submit"],
.button-stroke input[type="reset"],
.button-stroke input[type="button"],
.button-stroke .woocommerce #respond input#submit,
.button-stroke .woocommerce a.button:not(.default),
.button-stroke .woocommerce button.button,
.button-stroke.woocommerce input.button {
    border-color: #14caf4;
    color: #14caf4 !important;
}

.button-stroke .button_theme:hover,
.button-stroke button:hover,
.button-stroke input[type="submit"]:hover,
.button-stroke input[type="reset"]:hover,
.button-stroke input[type="button"]:hover {
    background-color: #14caf4;
}

.button-default .single_add_to_cart_button,
.button-flat .single_add_to_cart_button,
.button-round .single_add_to_cart_button,
.button-default .woocommerce .button:disabled,
.button-flat .woocommerce .button:disabled,
.button-round .woocommerce .button:disabled,
.button-default .woocommerce .button.alt,
.button-flat .woocommerce .button.alt,
.button-round .woocommerce .button.alt {
    background-color: #14caf4 !important;
}

.button-stroke .single_add_to_cart_button:hover,
.button-stroke #place_order:hover {
    background-color: #14caf4 !important;
}



a.hover.mfn-link-2 span:before {
    background: #14caf4;
}



a.hover.mfn-link-4:before,
a.hover.mfn-link-4:after {
    background: #00a8d0;
}



.column_column ul,
.column_column ol {
    color: #737E86;
}







@media only screen and (max-width: 767px) {

    .highlight-left .wrap:first-child,
    .highlight-right .wrap:last-child {
        background: #14caf4;
    }
}

#Header .top_bar_left,
.header-classic #Top_bar,
.header-plain #Top_bar,
.header-stack #Top_bar,
.header-split #Top_bar,
.header-fixed #Top_bar,
.header-below #Top_bar,
#Header_creative,
#Top_bar #menu,
.sticky-tb-color #Top_bar.is-sticky {
    background-color: #fff;
}

#Top_bar .wpml-languages a.active,
#Top_bar .wpml-languages ul.wpml-lang-dropdown {
    background-color: #fff;
}

#Top_bar .top_bar_right:before {
    background-color: #e3e3e3;
}

#Header .top_bar_right {
    background-color: #f5f5f5;
}

#Top_bar .top_bar_right a:not(.action_button) {
    color: #333333;
}

#Top_bar .menu>li>a,
#Top_bar #menu ul li.submenu .menu-toggle {
    color: #000;
}

#Top_bar .menu>li.current-menu-item>a,
#Top_bar .menu>li.current_page_item>a,
#Top_bar .menu>li.current-menu-parent>a,
#Top_bar .menu>li.current-page-parent>a,
#Top_bar .menu>li.current-menu-ancestor>a,
#Top_bar .menu>li.current-page-ancestor>a,
#Top_bar .menu>li.current_page_ancestor>a,
#Top_bar .menu>li.hover>a {
    color: #14caf4;
}

#Top_bar .menu>li a:after {
    background: #14caf4;
}

.menuo-arrows #Top_bar .menu>li.submenu>a>span:not(.description)::after {
    border-top-color: #000;
}

#Top_bar .menu>li.current-menu-item.submenu>a>span:not(.description)::after,
#Top_bar .menu>li.current_page_item.submenu>a>span:not(.description)::after,
#Top_bar .menu>li.current-menu-parent.submenu>a>span:not(.description)::after,
#Top_bar .menu>li.current-page-parent.submenu>a>span:not(.description)::after,
#Top_bar .menu>li.current-menu-ancestor.submenu>a>span:not(.description)::after,
#Top_bar .menu>li.current-page-ancestor.submenu>a>span:not(.description)::after,
#Top_bar .menu>li.current_page_ancestor.submenu>a>span:not(.description)::after,
#Top_bar .menu>li.hover.submenu>a>span:not(.description)::after {
    border-top-color: #14caf4;
}

.menu-highlight #Top_bar #menu>ul>li.current-menu-item>a,
.menu-highlight #Top_bar #menu>ul>li.current_page_item>a,
.menu-highlight #Top_bar #menu>ul>li.current-menu-parent>a,
.menu-highlight #Top_bar #menu>ul>li.current-page-parent>a,
.menu-highlight #Top_bar #menu>ul>li.current-menu-ancestor>a,
.menu-highlight #Top_bar #menu>ul>li.current-page-ancestor>a,
.menu-highlight #Top_bar #menu>ul>li.current_page_ancestor>a,
.menu-highlight #Top_bar #menu>ul>li.hover>a {
    background: #F2F2F2;
}

.menu-arrow-bottom #Top_bar .menu>li>a:after {
    border-bottom-color: #14caf4;
}

.menu-arrow-top #Top_bar .menu>li>a:after {
    border-top-color: #14caf4;
}

.header-plain #Top_bar .menu>li.current-menu-item>a,
.header-plain #Top_bar .menu>li.current_page_item>a,
.header-plain #Top_bar .menu>li.current-menu-parent>a,
.header-plain #Top_bar .menu>li.current-page-parent>a,
.header-plain #Top_bar .menu>li.current-menu-ancestor>a,
.header-plain #Top_bar .menu>li.current-page-ancestor>a,
.header-plain #Top_bar .menu>li.current_page_ancestor>a,
.header-plain #Top_bar .menu>li.hover>a,
.header-plain #Top_bar a:hover#header_cart,
.header-plain #Top_bar a:hover#search_button,
.header-plain #Top_bar .wpml-languages:hover,
.header-plain #Top_bar .wpml-languages ul.wpml-lang-dropdown {
    background: #F2F2F2;
    color: #14caf4;
}

.header-plain #Top_bar,
.header-plain #Top_bar .menu>li>a span:not(.description),
.header-plain #Top_bar a#header_cart,
.header-plain #Top_bar a#search_button,
.header-plain #Top_bar .wpml-languages,
.header-plain #Top_bar .action_button {
    border-color: #F2F2F2;
}

#Top_bar .menu>li ul {
    background-color: #F2F2F2;
}

#Top_bar .menu>li ul li a {
    color: #5f5f5f;
}

#Top_bar .menu>li ul li a:hover,
#Top_bar .menu>li ul li.hover>a {
    color: #14caf4;
}

#Top_bar .menu li ul li.hover a {
    border-bottom: 1px solid rgba(20, 202, 244, 1) !important;
}

#Top_bar .search_wrapper {
    background: #14caf4;
}

#Top_bar .search_wrapper input[type="text"] {
    color: white;
}

#Top_bar .search_wrapper input::placeholder {
    color: white;
    opacity: 1;
}

#Top_bar .search_wrapper input::-ms-input-placeholder {
    color: white;
}

.overlay-menu-toggle {
    color: #14caf4 !important;
    background: transparent;
}

#Overlay {
    background: rgba(20, 202, 244, 0.95);
}

.header-overlay .overlay-menu-toggle.focus {
    color: #FFFFFF;
}

#overlay-menu ul li.current-menu-item>a,
#overlay-menu ul li.current_page_item>a,
#overlay-menu ul li.current-menu-parent>a,
#overlay-menu ul li.current-menu-ancestor>a,
#overlay-menu ul li.current-page-ancestor>a,
#overlay-menu ul li.current_page_ancestor>a {
    color: #dcf1f8;
}

#Top_bar .responsive-menu-toggle,
#Header_creative .creative-menu-toggle,
#Header_creative .responsive-menu-toggle {
    color: #14caf4;
    background: transparent;
}

#Side_slide {
    background-color: #f7f7f7;
    border-color: #f7f7f7;
}

#Side_slide,
#Side_slide .search-wrapper input.field,
#Side_slide a:not(.action_button),
#Side_slide #menu ul li.submenu .menu-toggle {
    color: #000;
}

#Side_slide a:not(.action_button):hover,
#Side_slide a.active,
#Side_slide #menu ul li.hover>.menu-toggle {
    color: #14caf4;
}

#Side_slide #menu ul li.current-menu-item>a,
#Side_slide #menu ul li.current_page_item>a,
#Side_slide #menu ul li.current-menu-parent>a,
#Side_slide #menu ul li.current-page-parent>a,
#Side_slide #menu ul li.current-menu-ancestor>a,
#Side_slide #menu ul li.current-page-ancestor>a,
#Side_slide #menu ul li.current_page_ancestor>a,
#Side_slide #menu ul li.hover>a,
#Side_slide #menu ul li:hover>a {
    color: #14caf4;
}

#Action_bar .contact_details {
    color: #bbbbbb
}

#Action_bar .contact_details a {
    color: #14caf4
}

#Action_bar .contact_details a:hover {
    color: #00a8d0
}

#Action_bar .social li a,
#Header_creative .social li a,
#Action_bar:not(.creative) .social-menu a {
    color: #bbbbbb
}

#Action_bar .social li a:hover,
#Header_creative .social li a:hover,
#Action_bar:not(.creative) .social-menu a:hover {
    color: #FFFFFF
}

#Subheader .title {
    color: #444444;
}



#Footer,
#Footer .widget_recent_entries ul li a {
    color: #6c6c6c;
}

#Footer a {
    color: #14caf4;
}

#Footer a:hover {
    color: #045ba8;
}

#Footer h1,
#Footer h1 a,
#Footer h1 a:hover,
#Footer h2,
#Footer h2 a,
#Footer h2 a:hover,
#Footer h3,
#Footer h3 a,
#Footer h3 a:hover,
#Footer h4,
#Footer h4 a,
#Footer h4 a:hover,
#Footer h5,
#Footer h5 a,
#Footer h5 a:hover,
#Footer h6,
#Footer h6 a,
#Footer h6 a:hover {
    color: #000;
}

#Footer .themecolor,
#Footer .widget_meta ul,
#Footer .widget_pages ul,
#Footer .widget_rss ul,
#Footer .widget_mfn_recent_comments ul li:after,
#Footer .widget_archive ul,
#Footer .widget_recent_comments ul li:after,
#Footer .widget_nav_menu ul,
#Footer .widget_price_filter .price_label .from,
#Footer .widget_price_filter .price_label .to,
#Footer .star-rating span {
    color: #14caf4;
}

#Footer .themebg,
#Footer .widget_categories ul,
#Footer .Recent_posts ul li .desc:after,
#Footer .Recent_posts ul li .photo .c,
#Footer .widget_recent_entries ul li:after,
#Footer .widget_mfn_menu ul li a:hover,
#Footer .widget_product_categories ul {
    background-color: #14caf4;
}

#Footer .Recent_posts ul li a .desc .date,
#Footer .widget_recent_entries ul li .post-date,
#Footer .tp_recent_tweets .twitter_time,
#Footer .widget_price_filter .price_label,
#Footer .shop-filters .woocommerce-result-count,
#Footer ul.product_list_widget li .quantity,
#Footer .widget_shopping_cart ul.product_list_widget li dl {
    color: #a8a8a8;
}

#Footer .footer_copy .social li a,
#Footer .footer_copy .social-menu a {
    color: #6c6c6c;
}

#Footer .footer_copy .social li a:hover,
#Footer .footer_copy .social-menu a:hover {
    color: #515151;
}

#Footer .footer_copy {
    border-top-color: rgba(255, 255, 255, 0.1);
}

@media only screen and (min-width: 960px) {
    #Footer .footer_copy .column.one {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    #Footer .footer_copy .column.one>div:last-child {
        float: right;
        text-align: right;
    }
}

@media only screen and (min-width: 768px) {
    .col-md-2.d-md-flex.align-items-md-center.justify-content-md-end .column_attr {
        width: 100%;
        margin-bottom: 0;
    }

    .col-md-2.d-md-flex.align-items-md-center.justify-content-md-end .column_attr p {
        margin-bottom: 8px;
    }
}

#Sliding-top,
#Sliding-top .widget_recent_entries ul li a {
    color: #cccccc;
}

#Sliding-top a {
    color: #14caf4;
}

#Sliding-top a:hover {
    color: #00a8d0;
}

#Sliding-top h1,
#Sliding-top h1 a,
#Sliding-top h1 a:hover,
#Sliding-top h2,
#Sliding-top h2 a,
#Sliding-top h2 a:hover,
#Sliding-top h3,
#Sliding-top h3 a,
#Sliding-top h3 a:hover,
#Sliding-top h4,
#Sliding-top h4 a,
#Sliding-top h4 a:hover,
#Sliding-top h5,
#Sliding-top h5 a,
#Sliding-top h5 a:hover,
#Sliding-top h6,
#Sliding-top h6 a,
#Sliding-top h6 a:hover {
    color: #fff;
}

#Sliding-top .themecolor,
#Sliding-top .widget_meta ul,
#Sliding-top .widget_pages ul,
#Sliding-top .widget_rss ul,
#Sliding-top .widget_mfn_recent_comments ul li:after,
#Sliding-top .widget_archive ul,
#Sliding-top .widget_recent_comments ul li:after,
#Sliding-top .widget_nav_menu ul,
#Sliding-top .widget_price_filter .price_label .from,
#Sliding-top .widget_price_filter .price_label .to,
#Sliding-top .star-rating span {
    color: #14caf4;
}

#Sliding-top .themebg,
#Sliding-top .widget_categories ul,
#Sliding-top .Recent_posts ul li .desc:after,
#Sliding-top .Recent_posts ul li .photo .c,
#Sliding-top .widget_recent_entries ul li:after,
#Sliding-top .widget_mfn_menu ul li a:hover,
#Sliding-top .widget_product_categories ul {
    background-color: #14caf4;
}

#Sliding-top .Recent_posts ul li a .desc .date,
#Sliding-top .widget_recent_entries ul li .post-date,
#Sliding-top .tp_recent_tweets .twitter_time,
#Sliding-top .widget_price_filter .price_label,
#Sliding-top .shop-filters .woocommerce-result-count,
#Sliding-top ul.product_list_widget li .quantity,
#Sliding-top .widget_shopping_cart ul.product_list_widget li dl {
    color: #a8a8a8;
}

blockquote,
blockquote a,
blockquote a:hover {
    color: #444444;
}

.image_frame .image_wrapper .image_links,
.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc {
    background: rgba(20, 201, 244, 0.8);
}

.masonry.tiles .post-item .post-desc-wrapper .post-desc .post-title:after,
.masonry.tiles .post-item.no-img,
.masonry.tiles .post-item.format-quote,
.blog-teaser li .desc-wrapper .desc .post-title:after {
    background: #14caf4;
}

.image_frame .image_wrapper .image_links a {
    color: #fff;
}

.image_frame .image_wrapper .image_links a:hover {
    background: #fff;
    color: #14caf4;
}

.image_frame {
    border-color: #f8f8f8;
}

.image_frame .image_wrapper .mask::after {
    background: rgba(255, 255, 255, 0.4);
}

.sliding_box .desc_wrapper {
    background: #14caf4;
}

.sliding_box .desc_wrapper:after {
    border-bottom-color: #14caf4;
}

.counter .icon_wrapper i {
    color: #14caf4;
}

.quick_fact .number-wrapper {
    color: #14caf4;
}

.progress_bars .bars_list li .bar .progress {
    background-color: #14caf4;
}

a:hover.icon_bar {
    color: #14caf4 !important;
}













.how_it_works .image .number {
    background: #14caf4;
}

.trailer_box .desc .subtitle,
.trailer_box.plain .desc .line {
    background-color: #14caf4;
}

.trailer_box.plain .desc .subtitle {
    color: #14caf4;
}

.icon_box .icon_wrapper,
.icon_box a .icon_wrapper,
.style-simple .icon_box:hover .icon_wrapper {
    color: #14caf4;
}

.icon_box:hover .icon_wrapper:before,
.icon_box a:hover .icon_wrapper:before {
    background-color: #14caf4;
}

ul.clients.clients_tiles li .client_wrapper:hover:before {
    background: #14caf4;
}

ul.clients.clients_tiles li .client_wrapper:after {
    border-bottom-color: #14caf4;
}





.feature_list ul li .icon i {
    color: #14caf4;
}

.feature_list ul li:hover,
.feature_list ul li:hover a {
    background: #14caf4;
}

.ui-tabs .ui-tabs-nav li.ui-state-active a,
.accordion .question.active .title>.acc-icon-plus,
.accordion .question.active .title>.acc-icon-minus,
.faq .question.active .title>.acc-icon-plus,
.faq .question.active .title,
.accordion .question.active .title {
    color: #14caf4;
}

.ui-tabs .ui-tabs-nav li.ui-state-active a:after {
    background: #14caf4;
}





.pricing-box .plan-inside ul li .yes {
    background: #14caf4;
}



input[type="date"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="url"],
select,
textarea {
    color: #6c6c6c;
    background-color: rgba(255, 255, 255, 1);
    border-color: #045ba8;
}

::-webkit-input-placeholder {
    color: #6c6c6c;
}

::-moz-placeholder {
    color: #6c6c6c;
}

:-ms-input-placeholder {
    color: #6c6c6c;
}

input[type="date"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
input[type="url"]:focus,
select:focus,
textarea:focus {
    color: #000;
    background-color: rgba(255, 255, 255, 1) !important;
    border-color: #14caf4;
}

:focus::-webkit-input-placeholder {
    color: #929292;
}

:focus::-moz-placeholder {
    color: #929292;
}

.shop_slider .shop_slider_ul li .item_wrapper span.onsale {
    border-top-color: #14caf4 !important;
}

.shop_slider .shop_slider_ul li .item_wrapper span.onsale i {
    color: white;
}



@media only screen and (min-width: 768px) {
    .header-semi #Top_bar:not(.is-sticky) {
        background-color: rgba(255, 255, 255, 0.8);
    }
}

@media only screen and (max-width: 767px) {
    #Top_bar {
        background-color: #ffffff !important;
    }

    #Action_bar {
        background-color: #FFFFFF !important;
    }

    #Action_bar .contact_details {
        color: #222222
    }

    #Action_bar .contact_details a {
        color: #14caf4
    }

    #Action_bar .contact_details a:hover {
        color: #00a8d0
    }

    #Action_bar .social li a,
    #Action_bar .social-menu a {
        color: #bbbbbb !important
    }

    #Action_bar .social li a:hover,
    #Action_bar .social-menu a:hover {
        color: #777777 !important
    }
}



/*
|--------------------------------------------------------------------------
|   Demo Styles
|
|--------------------------------------------------------------------------
|
*/

.mcb-section.bg-contain,
.mcb-wrap.bg-contain,
.column_attr.bg-contain {
    background-size: contain;
}

.mcb-section.bg-cover,
.mcb-wrap.bg-cover,
.column_attr.bg-cover {
    background-size: cover;
}

.full-width .scale-with-grid {
    width: 100%;
}

.container {
    z-index: 2
}

.image_frame.stretch .image_wrapper img {
    width: 100%;
}

@media only screen and (max-width: 767px) {
    [data-mobile="no-up"] {
        margin-top: 0 !important;
        margin-left: 0 !important;
    }



    .mobile_align_center {
        text-align: center;
    }

    .image_wrapper {
        margin-top: 0 !important;
    }
}

.dropcap.transparent {
    background: none !important;
}



ul {
    list-style: none outside;
}

hr.no_line {
    background: none;
    color: transparent;
    border: 0;
}

.blockquote p.author {
    font-size: 13px;
}

.desc_wrapper hr {
    width: 40%;
    margin-left: 0;
}

#Top_bar .menu {
    margin: 0px;
}

img.scale-with-grid,
#Content img {
    max-width: 100%;
    height: auto;
}

.minimalist-header-no #Header {
    min-height: 0 !important;
}

#contactform .column {
    margin-bottom: 10px;
}

#contactWrapper input[type="date"],
#contactWrapper input[type="email"],
#contactWrapper input[type="number"],
#contactWrapper input[type="password"],
#contactWrapper input[type="search"],
#contactWrapper input[type="tel"],
#contactWrapper input[type="text"],
#contactWrapper input[type="url"],
#contactWrapper select,
#contactWrapper textarea {
    padding: 12px 0 12px 0;
    outline: none;
    margin: 16px 0 16px 0;
    width: 100%;
    max-width: 100%;
    display: block;
    margin-bottom: 0;
    font-size: 13px;
    border-width: 1px;
    border-style: solid;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    border-radius: 0;
}

/* height +20% - mobile fallback */

body.mobile-side-slide {
    position: relative;
    overflow-x: visible;
}

#Side_slide {
    display: block;
    position: fixed;
    top: 0px;
    right: -250px;
    width: 250px;
    height: 100%;
    overflow: auto;
    border-bottom-width: 60px;
    border-bottom-style: solid;
    z-index: 9003;
}

/* border-bottom:60px - mobile fallback */

#Side_slide.left {
    left: -250px;
    right: 0
}

.admin-bar #Side_slide {
    border-top-width: 32px;
    border-top-style: solid;
}

#Side_slide .close-wrapper {
    height: 60px
}

#Side_slide .close-wrapper a.close {
    height: 34px;
    width: 34px;
    display: block;
    float: right;
    margin: 13px 13px 0 0
}

#Side_slide .close-wrapper a.close i {
    font-size: 22px;
    line-height: 34px;
}

#Side_slide .extras {
    padding: 0 20px
}

#Side_slide .extras .action_button {
    width: 100%;
    margin: 0 0 20px;
    text-align: center;
    text-decoration: none
}

#Side_slide .extras .action_button .button_label {
    float: none
}

#Side_slide .extras .extras-wrapper {
    text-align: center;
}

#Side_slide .extras .extras-wrapper a {
    display: inline-block;
    text-decoration: none;
    vertical-align: middle;
    padding: 5px;
    margin-bottom: 20px;
    line-height: 22px
}

#Side_slide .extras .extras-wrapper .icon {
    font-size: 22px
}

#Side_slide .extras .extras-wrapper .cart {
    position: relative
}

#Side_slide .extras .extras-wrapper .cart span {
    position: absolute;
    top: 0;
    left: 31px;
    font-size: 11px;
    border-radius: 2px
}

#Side_slide .extras .extras-wrapper a.lang-active img {
    position: relative;
    top: 2px;
}

#Side_slide .extras .extras-wrapper a.lang-active i:before {
    width: auto;
    margin-left: 5px
}

#Side_slide #menu {
    display: block !important;
    margin-bottom: 20px;
    max-height: none !important
}

#Side_slide #menu ul {
    width: 100% !important;
    padding: 0px;
}

#Side_slide #menu ul li {
    width: 100%;
    position: relative;
    border-top: 1px solid rgba(255, 255, 255, .03)
}

#Side_slide #menu>ul:last-child>li:last-child {
    border-bottom: 1px solid rgba(255, 255, 255, .03)
}

#Side_slide #menu ul li a {
    display: block;
    padding: 11px 5px 10px 20px;
    margin-right: 50px;
    text-decoration: none;
    line-height: 19px
}

#Side_slide #menu ul li a .menu-arrow {
    display: none
}

#Side_slide #menu ul li ul {
    display: none;
    background: rgba(255, 255, 255, .025)
}

#Side_slide #menu ul li ul li a {
    padding-left: 35px
}

#Side_slide #menu ul li ul li ul li a {
    padding-left: 50px
}

#Side_slide #menu ul li.submenu .menu-toggle {
    display: block;
    position: absolute;
    right: 5px;
    top: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 22px;
    font-weight: 100;
    text-align: center;
    cursor: pointer;
    opacity: 0.5;
}

#Side_slide #menu ul li.submenu .menu-toggle:after {
    content: "+"
}

#Side_slide #menu ul li.hover>.menu-toggle {
    opacity: 1
}

#Side_slide #menu ul li.hover>.menu-toggle:after {
    content: "-"
}

#Side_slide #menu ul.mfn-megamenu-bg {
    background-image: none !important
}

#Side_slide #menu ul.mfn-megamenu li .menu-toggle {
    display: none
}

#Side_slide #menu ul.mfn-megamenu>li>ul {
    display: block !important
}

#Side_slide #menu ul.mfn-megamenu>li>ul:first-child {
    background-color: transparent
}

#Side_slide #menu ul.mfn-megamenu>li>ul:first-child>li:first-child {
    border-top-width: 0
}

#Side_slide .lang-wrapper {
    margin-bottom: 20px;
    text-align: center;
    display: none;
}

#Side_slide .lang-wrapper ul li {
    border-top: 1px solid rgba(255, 255, 255, .03)
}

#Side_slide .lang-wrapper ul li:last-child {
    border-bottom: 1px solid rgba(255, 255, 255, .03)
}

#Side_slide .lang-wrapper ul li a {
    display: block;
    padding: 11px 20px 10px 20px;
    text-decoration: none;
    line-height: 19px
}

#Side_slide .search-wrapper {
    margin-bottom: 20px;
    position: relative;
    display: none;
}

#Side_slide .search-wrapper input.field {
    width: 100%;
    background: none !important;
    border-width: 1px 0 1px 0;
    border-color: rgba(255, 255, 255, .05);
    line-height: 20px;
    padding: 10px 55px 10px 20px;
    box-sizing: border-box;
    box-shadow: 0 0 0 0 transparent;
}

#Side_slide .search-wrapper a.submit {
    position: absolute;
    top: 0;
    right: 5px;
    font-size: 20px;
    padding: 10px
}

#Side_slide .social {
    text-align: center;
    margin: 0 20px 0px;
    padding: 0;
}

#Side_slide .social li {
    display: inline-block
}

#Side_slide .social li a {
    display: block;
    padding: 3px 5px;
    text-decoration: none
}

/* Side Slide | Color */

#Side_slide {
    background-color: #191919;
    border-color: #191919
}

/* border-bottom:60px - mobile fallback */

#Side_slide,
#Side_slide .search-wrapper input.field,
#Side_slide a:not(.button),
#Side_slide #menu ul li.submenu .menu-toggle {
    color: #a6a6a6
}

#Side_slide a:not(.button):hover,
#Side_slide a.active,
#Side_slide #menu ul li.hover>.menu-toggle {
    color: #fff;
}

#Side_slide #menu ul li.current-menu-item>a,
#Side_slide #menu ul li.current_page_item>a,
#Side_slide #menu ul li.current-menu-parent>a,
#Side_slide #menu ul li.current-page-parent>a,
#Side_slide #menu ul li.current-menu-ancestor>a,
#Side_slide #menu ul li.current-page-ancestor>a,
#Side_slide #menu ul li.current_page_ancestor>a,
#Side_slide #menu ul li.hover>a,
#Side_slide #menu ul li:hover>a {
    color: #fff;
}

/* Side Slide | Light */

#Side_slide.light #menu ul li {
    border-top-color: rgba(0, 0, 0, .03)
}

#Side_slide.light #menu>ul:last-child>li:last-child {
    border-bottom-color: rgba(0, 0, 0, .03)
}

#Side_slide.light #menu ul li ul {
    background: rgba(0, 0, 0, .02)
}

#Side_slide.light .lang-wrapper ul li {
    border-top-color: rgba(0, 0, 0, .03)
}

#Side_slide.light .lang-wrapper ul li:last-child {
    border-bottom-color: rgba(0, 0, 0, .03)
}

#Side_slide.light .search-wrapper input.field {
    border-color: rgba(0, 0, 0, .05)
}

#Top_bar #logo img.logo-sticky,
#Top_bar #logo img.logo-mobile,
#Top_bar #logo img.logo-mobile-sticky {
    display: none
}

/* Section --------------------------------------------------------------------------- */

.section[data-parallax="3d"] {
    overflow: hidden
}

.section .mfn-parallax {
    position: absolute;
    left: 0;
    top: 0;
    max-width: none !important
}

.wrap[data-parallax="3d"] {
    overflow: hidden;
    position: relative
}

.wrap[data-parallax="3d"]>.mcb-wrap-inner,
.wrap[data-parallax="3d"]>.column {
    position: relative
}

.section.center {
    text-align: center
}

.section.no-margin .column,
.section.no-margin-v .column {
    margin-bottom: 0;
}



/* Button Item ----------------------------------------------------------------------- */

.column_button .button {
    margin: 0 !important;
    vertical-align: middle
}

.button_align.align_center {
    text-align: center
}

.button_align.align_right {
    text-align: right
}

@media only screen and (max-width: 767px) {
    .mobile-header-mini #Top_bar .container {
        width: 100% !important;
    }

    .section_wrapper,
    .container,
    .four.columns .widget-area {
        width: calc(100% - 67px) !important;
    }

    .section_wrapper .mcb-wrap,
    .section_wrapper .column,
    .container .column,
    .sections_group,
    .four.columns {
        margin: 0;
        width: 100% !important;
        clear: both;
    }

    .mobile-sticky #Top_bar.is-sticky {
        position: fixed !important;
    }

    #Top_bar #menu {
        float: left;
        position: static !important;
        width: 100% !important;
        padding-bottom: 20px;
    }

    #Top_bar .top_bar_left {
        margin-top: 0px;
    }
}















.ui-tabs .ui-tabs-nav li.ui-state-active a:after {
    color: #fff;
}

.accordion .question .answer,
.ui-tabs .ui-tabs-nav li.ui-state-active a,
.ui-tabs .ui-tabs-nav li.ui-tabs-selected:after,
.ui-tabs .ui-tabs-nav li.ui-state-active:after,
.tabs_vertical.ui-tabs .ui-tabs-nav li.ui-state-active a {
    background-color: #fff;
}



.section-border-top {
    border-top: 1px solid rgba0, 0, 0, .08px;
}





@media only screen and (max-width: 767px) {
    #Top_bar #logo img.logo-main {
        display: none
    }

    #Top_bar #logo img.logo-mobile {
        display: inline-block
    }

    .logo-overflow #Top_bar .logo {
        height: auto !important
    }
}

@media only screen and (max-width: 767px) {







    .grid .post-item,
    .masonry .post-item {
        width: 98% !important;
        margin: 0 1% 20px !important;
    }
}

#contactform #submit {
    border: 0px;
}



.is-sticky a.action_button {
    top: 10px;
}



.layout-full-width.header-fw #Action_bar .container,
.layout-full-width.header-fw #Top_bar .container {
    width: 100%;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
}

#Top_bar {
    top: 0px;
}

#Top_bar #logo img {
    position: static;
}





.button,
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    display: inline-block;
    position: relative;
    padding: 10px 25px 10px 20px;
    font-size: inherit;
    overflow: hidden;
    text-decoration: none !important;
    cursor: pointer;
    transition: color .1s ease-in-out, background-color .1s ease-in-out, border-color .1s ease-in-out;
}

@media only screen and (min-width: 1240px) {
    .menu-line-below-80-1 #Top_bar:not(.is-sticky) .menu>li>a:after {
        background: #14caf4;
        left: 20px !important;
        width: calc(100% - 40px) !important;
    }

    .menuo-right.menu-line-below-80-1 #Top_bar:not(.is-sticky) #menu-main-menu>li:last-child>a:after {
        left: 20px !important;
        right: auto !important;
        width: calc(100% - 20px) !important;
    }
}

ul.list_check {
    list-style: none;
    margin-left: 0;
    padding-left: 0px;
}

ul.list_check li {
    position: relative;
    margin: 0 0 20px 0;
    padding-left: 50px
}

ul.list_check li:after {
    content: "";
    width: 70px;
    height: 1px;
    overflow: hidden;
    background: rgba(0, 0, 0, .08);
    position: absolute;
    left: 0;
    bottom: -11px
}

ul.list_check li:last-child:after {
    display: none
}



ul.list_check li:before,
li.list_check:before {
    content: '\e841'
}





ul.list_check li:before {
    font-family: "mfn-icons";
    overflow: hidden;
    position: absolute;
    left: 20px;
    top: 0;
    font-size: 17px
}

ul.list_check li:before {
    color: #3E3E3E
}

ul.list_check.ui-list-icons li {
    padding-left: 50px;
}

ul.list_check.ui-list-icons li:before {
    content: '';
}

ul.list_check.ui-list-icons li.ui-icon-health:before {
    content: '\e899';
}

ul.list_check.ui-list-icons li.ui-icon-banking:before {
    content: '\e84f';
}

ul.list_check.ui-list-icons li.ui-icon-travel:before {
    content: '\e92c';
}

ul.list_check.ui-list-icons li.ui-icon-manufacturing:before {
    content: '\e84a';
}

ul.list_check.ui-list-icons li.ui-icon-agriculture:before {
    content: '\e8b2';
}

ul.list_check.ui-list-icons li.ui-icon-consumer:before {
    content: '\e814';
}

ul.list_check.ui-list-icons li.ui-icon-education:before {
    content: '\e81c';
}

ul.list_check.ui-list-icons li.ui-icon-media:before {
    content: '\e951';
}

@media (min-width: 992px) {
    .ui-pane-right .list_check.ui-list-icons li.ui-icon-manufacturing:after,
    .ui-pane-right .list_check.ui-list-icons li.ui-icon-media:after {
        display: block;
    }
}

@media (max-width: 991px) {
    .ui-pane-right .list_check.ui-list-icons li:last-child:after {
        display: block;
    }

    .ui-pane-right .row.u-mb-30 > .col-md-6.col-sm-6 {
        margin-bottom: 20px;
    }

    .ui-pane-right .row.u-mb-30 > .col-md-6.col-sm-6:last-child {
        margin-bottom: 0;
    }
}

input[type="date"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="url"],
select,
textarea {
    border-width: 0 0 1px 0 !important;
    box-shadow: unset;
    resize: none;
}

a.button .button_label {
    padding: 0px 0px;
}

a.button .button_icon {
    padding: 0px 0px;
}

a.button_large .button_label {
    padding: 0px 0px;
}

a.button_large .button_icon {
    padding: 0px 0px;
}

/* Hover */

@media only screen and (min-width: 768px) {

    a.button:after,
    a.tp-button:after,
    button:after,
    input[type="submit"]:after,
    input[type="reset"]:after,
    input[type="button"]:after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 0;
        z-index: 1;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
        background: rgba(0, 0, 0, .05);
    }

    a:hover.button,
    a:hover.tp-button {
        text-decoration: none;
    }

    a.button:hover:after,
    a.tp-button:hover:after,
    button:hover:after,
    input[type="submit"]:hover:after,
    input[type="reset"]:hover:after,
    input[type="button"]:hover:after {
        width: 100%;
    }
}

/* animations */

.image_frame .image_wrapper img,
.image_frame .image_wrapper .mask:after,
.image_frame .image_wrapper .image_links {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.image_frame .image_wrapper .image_links a {
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out
}



.portfolio_group .portfolio-item {
    list-style: none !important;
    float: left
}

.portfolio_group .portfolio-item.isotope-grid-sizer {
    margin: 0 !important
}

.portfolio_group:not(.list) .portfolio-item {
    background: none !important
}

.portfolio_group .portfolio-item .list_style_header {
    display: none;
    overflow: hidden;
    margin-bottom: 20px;
    position: relative;
    min-height: 46px;
    padding-right: 275px
}

.portfolio_group .portfolio-item .list_style_header h3 {
    margin-bottom: 0;
    margin-top: 7px
}

.portfolio_group .portfolio-item .list_style_header .links_wrapper {
    position: absolute;
    right: 0;
    top: 0
}

.portfolio_group .portfolio-item .list_style_header .links_wrapper a {
    margin-bottom: 0
}

.portfolio_group .portfolio-item .list_style_header .links_wrapper a:last-child {
    margin-right: 0
}

.portfolio_group .portfolio-item:first-child .list_style_header .links_wrapper a.portfolio_prev_js {
    display: none
}

.portfolio_group .portfolio-item:last-child .list_style_header .links_wrapper a.portfolio_next_js {
    display: none
}

.portfolio_group .portfolio-item .image_frame {
    width: 100%;
    margin-bottom: 0
}

.portfolio_group .portfolio-item .desc {
    padding: 20px;
    background: #fff;
    overflow: hidden
}

.portfolio_group .portfolio-item .desc .title_wrapper {
    position: relative;
    padding-right: 43px
}

.portfolio_group .portfolio-item .desc .title_wrapper h5 {
    margin-bottom: 0
}

.portfolio_group .portfolio-item .desc .title_wrapper .button-love {
    position: absolute;
    right: 0;
    top: 0
}

.portfolio_group .portfolio-item .desc .title_wrapper .button-love a.mfn-love {
    display: inline-block;
    position: relative;
    padding-left: 24px
}

.portfolio_group .portfolio-item .desc .title_wrapper .button-love a.mfn-love i {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 16px
}

.portfolio_group .portfolio-item .desc .title_wrapper .button-love a.mfn-love:hover {
    text-decoration: none
}

.portfolio_group .portfolio-item .desc .title_wrapper .button-love a.mfn-love i:last-child {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.portfolio_group .portfolio-item .desc .title_wrapper .button-love a:hover.mfn-love i:last-child,
.portfolio_group .portfolio-item .desc .title_wrapper .button-love a.loved.mfn-love i:last-child {
    opacity: 1;
    filter: alpha(opacity=100)
}

.portfolio_group .portfolio-item .desc .desc-wrapper {
    margin-right: 280px
}

.portfolio_group .portfolio-item .desc .details-wrapper {
    float: right;
    width: 240px;
    padding-left: 19px;
    border-left-width: 1px;
    border-style: solid
}

.portfolio_group .portfolio-item .desc .details-wrapper dl {
    margin-bottom: 0
}

.portfolio_group .portfolio-item .desc .details-wrapper dl>dt {
    padding: 2px 0;
    border: 0;
    width: 80px
}

.portfolio_group .portfolio-item .desc .details-wrapper dl>dd {
    padding: 2px 0;
    border: 0;
    margin-left: 90px
}

/* List */

.portfolio_group.list .portfolio-item {
    width: 100%;
    border-bottom-width: 0;
    border-style: solid
}

.portfolio_group.list .portfolio-item .portfolio-item-fw-bg {
    background-position: top center;
    background-repeat: repeat;
    padding: 35px 0
}

.portfolio_group:not(.list) .portfolio-item .portfolio-item-fw-bg {
    background: none !important
}

body.with_aside .portfolio_group.list .portfolio-item .portfolio-item-fw-bg {
    padding-left: 5%;
    padding-right: 5%
}

body:not(.with_aside) .portfolio_group.list .portfolio-item .portfolio-item-fw-wrapper {
    width: 1176px;
    margin: 0 auto
}

.portfolio_group.list .portfolio-item .list_style_header {
    display: block
}

.portfolio_group.list .portfolio-item .desc {
    background: none;
    padding: 20px 0 0
}

.portfolio_group.list .portfolio-item .desc .title_wrapper {
    display: none
}

/* Flat */

.portfolio_group.flat .portfolio-item {
    width: 33.3%
}

.portfolio_group.flat .portfolio-item .image_frame {
    border: 0
}

.portfolio_group.flat .portfolio-item .image_frame .mask {
    box-shadow: 0 0 0 0;
    -webkit-box-shadow: 0 0 0 0
}

.portfolio_group.flat .portfolio-item .desc {
    display: none
}

/* Grid */

.portfolio_group.grid .portfolio-item {
    width: 31.2%;
    margin: 0 1% 20px
}

.portfolio_group.grid .portfolio-item .desc .desc-wrapper,
.portfolio_group.grid .portfolio-item .desc .details-wrapper {
    display: none
}

/* Masonry */

.portfolio_group.masonry .portfolio-item {
    width: 31.2%;
    margin: 0 1% 20px
}

.portfolio_group.masonry.col-3 .portfolio-item {
    width: 30%;
    margin: 0 1% 20px;
    border: 1px solid #eee;
    border-radius: 5px;
}

.posts_group.grid.col-3 .post-item {
    border: 1px solid #eee;
    border-radius: 5px;
}

.grid .post-desc-wrapper {
    padding: 10px;
}

.portfolio_group.masonry .portfolio-item .desc .title_wrapper {
    margin-bottom: 15px
}

.portfolio_group.masonry .portfolio-item .desc .desc-wrapper {
    display: block;
    margin-right: 0
}

.portfolio_group.masonry .portfolio-item .desc .details-wrapper {
    display: none
}

/* Masonry hover */

.portfolio_group.masonry-hover .portfolio-item {
    width: 31.2%;
    margin: 0 1% 20px;
}

.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper {
    position: relative;
    overflow: hidden;
}

.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, .3);
    height: 100%;
    width: 100%;
    padding: 10% 10% 50px;
    box-sizing: border-box;
    z-index: 2;
}

.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc h3:after {
    content: "";
    display: block;
    margin: 15px 0;
    width: 20px;
    height: 3px;
    background: #fff;
}

.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc h3 a {
    color: #fff;
}

.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .desc-inner {
    height: 100%;
    overflow: hidden;
    color: #fff;
}

.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrappper {
    bottom: 18px;
    box-sizing: border-box;
    left: 0;
    padding: 0 7% 0 8%;
    position: absolute;
    width: 100%;
}

.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrappper a.zoom,
.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrappper a.link,
.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrappper a.external {
    font-size: 25px;
    color: #fff;
    position: relative;
    top: 0;
}

.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrappper a.zoom {}

.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrappper a.link {
    float: right;
}

.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrappper a.external {}

.portfolio_group.masonry-hover .portfolio-item .image-wrapper {
    line-height: 0;
}

.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc.bg-light h3 a,
.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc.bg-light .desc-inner,
.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc.bg-light .links-wrappper a {
    color: #444;
}

.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc.bg-light h3:after {
    background: #444;
}

.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper:hover .hover-desc {
    opacity: 1;
}

.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrappper a:hover.zoom,
.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrappper a:hover.link,
.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrappper a:hover.external {
    top: -3px;
}

.portfolio_group.masonry-hover .portfolio-item.no-thumbnail .masonry-hover-wrapper .hover-desc {
    padding: 10%;
}

.portfolio_group.masonry-hover .portfolio-item.no-thumbnail .masonry-hover-wrapper {
    overflow: visible;
}

.portfolio_group.masonry-hover .portfolio-item.no-thumbnail .masonry-hover-wrapper .hover-desc {
    position: static;
    opacity: 1;
}

.portfolio_group.masonry-hover .portfolio-item.no-thumbnail .masonry-hover-wrapper .hover-desc .desc-inner {
    margin-bottom: 15px;
}

.portfolio_group.masonry-hover .portfolio-item.no-thumbnail .masonry-hover-wrapper .hover-desc .links-wrappper {
    position: static;
    padding: 0;
    margin-top: 30px;
}

.portfolio_group.masonry-hover .portfolio-item.no-thumbnail .masonry-hover-wrapper .hover-desc .links-wrappper a.zoom {
    display: none;
}

/* image_frame */

.image_frame .image_wrapper {
    position: relative;
    overflow: hidden;
}

.image_frame .image_wrapper .mask {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2
}

.image_frame .image_wrapper img:not(.ls-l) {
    position: relative;
    top: 0;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.image_frame:not(.no_link) .image_wrapper img:not(.ls-l) {
    margin-bottom: -15px !important
}

.masonry-flat .image_frame:not(.no_link) .image_wrapper img:not(.ls-l) {
    margin-bottom: 0 !important
}

.image_frame:hover .image_wrapper img,
.image_frame.hover .image_wrapper img {
    top: -15px
}

.image_frame:hover .image_wrapper .ls-container img,
.image_frame.no_link:hover .image_wrapper img {
    top: 0
}

.image_frame .image_wrapper .mask:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    opacity: 0
}

.image_frame:hover .image_wrapper .mask:after,
.image_frame.hover .image_wrapper .mask:after {
    opacity: 1
}

.image_frame.no_link:hover .image_wrapper .mask:after {
    opacity: 0
}

.image_frame .image_wrapper .image_links {
    width: 100%;
    height: 60px;
    position: absolute;
    left: 0;
    bottom: -60px;
    z-index: 4;
    overflow: hidden
}

.image_frame:hover .image_wrapper .image_links,
.image_frame.hover .image_wrapper .image_links {
    bottom: 0
}

.image_frame .image_wrapper .image_links a {
    display: block;
    font-size: 25px;
    line-height: 60px;
    width: 100%;
    text-align: center
}

.image_frame .image_wrapper .image_links.double a {
    width: 50%;
    display: block;
    float: left
}

.image_frame .image_wrapper .image_links.double a:first-child {
    -webkit-box-shadow: inset -1px 0 0 0 rgba(255, 255, 255, .2);
    box-shadow: inset -1px 0 0 0 rgba(255, 255, 255, .2)
}

.image_frame .image_wrapper .image_links.triple a {
    width: 33%;
    display: block;
    float: left;
    -webkit-box-shadow: inset -1px 0 0 0 rgba(255, 255, 255, .2);
    box-shadow: inset -1px 0 0 0 rgba(255, 255, 255, .2)
}

.image_frame .image_wrapper .image_links.triple a:last-child {
    -webkit-box-shadow: 0 0 0;
    box-shadow: 0 0 0;
    width: 34%
}

.image_frame .image_wrapper .image_links.hover-title a {
    font-size: 15px;
    text-decoration: none
}

.image_frame.no_border {
    border-width: 0
}

/* animations */

.image_frame .image_wrapper img,
.image_frame .image_wrapper .mask:after,
.image_frame .image_wrapper .image_links {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.image_frame .image_wrapper .image_links a {
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out
}

/* Animation */

.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrappper a.zoom,
.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrappper a.link,
.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrappper a.external,
.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.portfolio_group.grid.col-2 .portfolio-item,
.portfolio_group.masonry.col-2 .portfolio-item,
.portfolio_group.masonry-hover.col-2 .portfolio-item,
.portfolio_group.masonry-minimal.col-2 .portfolio-item {
    width: 48%;
}

.image_frame:hover .image_wrapper .image_links,
.image_frame.hover .image_wrapper .image_links {
    bottom: 0
}

.image_frame .image_wrapper .image_links a {
    display: block;
    font-size: 25px;
    line-height: 60px;
    width: 100%;
    text-align: center
}

.image_frame .image_wrapper .image_links.double a {
    width: 50%;
    display: block;
    float: left
}

.image_frame .image_wrapper .image_links.double a:first-child {
    -webkit-box-shadow: inset -1px 0 0 0 rgba(255, 255, 255, .2);
    box-shadow: inset -1px 0 0 0 rgba(255, 255, 255, .2)
}

.image_frame .image_wrapper .image_links.triple a {
    width: 33%;
    display: block;
    float: left;
    -webkit-box-shadow: inset -1px 0 0 0 rgba(255, 255, 255, .2);
    box-shadow: inset -1px 0 0 0 rgba(255, 255, 255, .2)
}

.image_frame .image_wrapper .image_links.triple a:last-child {
    -webkit-box-shadow: 0 0 0;
    box-shadow: 0 0 0;
    width: 34%
}

.image_frame .image_wrapper .image_links.hover-title a {
    font-size: 15px;
    text-decoration: none
}

.image_frame.no_border {
    border-width: 0
}









.image_frame .image_wrapper img,
.image_frame .image_wrapper .mask:after,
.image_frame .image_wrapper .image_links {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.image_frame .image_wrapper .image_links a {
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out
}

.greyscale .image_wrapper .mask {
    display: none
}

.greyscale img {
    filter: grayscale(100%)
}

.greyscale img:hover,
.greyscale a:hover img,
.greyscale .client_wrapper:hover img {
    filter: none
}

.if-overlay .image_frame .image_wrapper .image_links {
    opacity: 0;
    width: 60px;
    height: 60px;
    bottom: auto;
    top: 50%;
    left: 50%;
    z-index: 4;
    margin-top: -30px;
    margin-left: -30px;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0)
}

.if-overlay .image_frame .image_wrapper .image_links.double {
    width: 120px;
    margin-left: -60px
}

.if-overlay .image_frame .image_wrapper .image_links.triple {
    width: 180px;
    margin-left: -90px
}

.if-overlay .image_frame .image_wrapper .image_links.hover-title {
    width: 100%;
    left: 0;
    margin-left: 0
}

.if-overlay li.product .product-loading-icon,
.if-overlay li.product .added-cart {
    border-radius: 0 !important;
    width: 60px !important;
    height: 60px !important;
    margin: -30px 0 0 -30px !important
}

.if-overlay li.product.adding-to-cart .added-cart,
.if-overlay li.product.added-to-cart .added-cart {
    z-index: 5 !important
}

.if-overlay .image_frame:not(.no_link) .image_wrapper img:not(.ls-l) {
    margin-bottom: 0 !important
}

.if-overlay .image_frame:hover .image_wrapper .image_links,
.if-overlay .image_frame.hover .image_wrapper .image_links {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.if-overlay .image_frame:hover .image_wrapper img,
.if-overlay .image_frame.hover .image_wrapper img {
    top: 0;
    -webkit-transform: scale(1.2) !important;
    -moz-transform: scale(1.2) !important;
    -o-transform: scale(1.2) !important;
    transform: scale(1.2) !important;
}

.if-overlay .image_item:hover .image_wrapper img,
.if-overlay .image_item.hover .image_wrapper img {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.if-zoom .image_frame .image_wrapper .image_links {
    display: none
}

.if-zoom .image_frame:not(.no_link) .image_wrapper img:not(.ls-l) {
    margin-bottom: 0 !important
}

.if-zoom .image_frame:hover .image_wrapper img,
.if-zoom .image_frame.hover .image_wrapper img {
    top: 0
}

.if-zoom .image_frame .image_wrapper .mask {
    display: none
}

.if-zoom .image_frame:hover .image_wrapper img,
.if-zoom .image_frame.hover .image_wrapper img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}

.if-zoom .image_frame.no_link:hover .image_wrapper img,
.if-zoom image_frame.no_link.hover .image_wrapper img {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.if-zoom #Content .image_frame .image_wrapper img {
    max-width: 100.1%
}

.if-disable .image_frame .image_wrapper .image_links {
    display: none
}

.if-disable .image_frame:not(.no_link) .image_wrapper img:not(.ls-l) {
    margin-bottom: 0 !important
}

.if-disable .image_frame:hover .image_wrapper img,
.if-zoom .image_frame.hover .image_wrapper img {
    top: 0
}

.if-disable .image_frame .image_wrapper .mask {
    display: none
}

.if-border-hide .image_frame:not(.has_border) {
    border-width: 0
}

.image_frame.hover-disable .image_wrapper .image_links {
    display: none
}

a,
a:visited,
a:focus {
    text-decoration: none;
    outline: 0;
}

.fixed-nav .desc h6 {
    border-top-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
}







/* Idea box -------------------------------------------------------------------------- */

.idea_box {
    padding: 25px 25px 25px 70px;
    position: relative;
    border-top-width: 1px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-style: solid;
    background: rgba(0, 0, 0, .02);
    clear: both
}

.idea_box .icon {
    font-size: 30px;
    line-height: 30px;
    position: absolute;
    left: 15px;
    top: 50%;
    margin-top: -15px;
    color: rgba(0, 0, 0, .15)
}

/* Columns 2-6 */

.posts_group.grid.col-2 .post-item {
    width: 47.99%;
}

.posts_group.grid.col-3 .post-item {
    width: 31.33%;
}

.posts_group.grid.col-4 .post-item {
    width: 22.99%;
}

.posts_group.grid.col-5 .post-item {
    width: 18.99%;
    margin: 0 0.5% 20px;
}

.posts_group.grid.col-6 .post-item {
    width: 15.66%;
    margin: 0 0.5% 20px;
}

.posts_group.grid.col-2 .post-item:nth-child(2n+1) {
    clear: both;
}

.posts_group.grid.col-3 .post-item:nth-child(3n+1) {
    clear: both;
}

.posts_group.grid.col-4 .post-item:nth-child(4n+1) {
    clear: both;
}

.posts_group.grid.col-5 .post-item:nth-child(5n+1) {
    clear: both;
}

.posts_group.grid.col-6 .post-item:nth-child(6n+1) {
    clear: both;
}

/* Masonry */

.masonry:not(.tiles) .post-item {
    width: 31.33%;
    margin: 0 1% 20px;
    background: #fff !important;
}

.masonry .post-photo-wrapper {
    width: 100%;
    float: none;
}

.masonry .post-desc-wrapper {
    width: 100%;
    float: none;
}

.masonry .post-desc-wrapper .post-desc {
    padding: 20px 20px 0;
}

.masonry .post-footer {
    margin: 0 -20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.masonry .post-meta .author-date .author span.label {
    display: none;
}

.masonry .post-desc-wrapper .post-meta .category .cat-btn {
    display: none;
}

.masonry .post-desc-wrapper .post-footer .button-love .love-text {
    display: none;
}

/* Columns 2-6 */

.posts_group.masonry.col-2 .post-item {
    width: 47.99%;
}

/*
.posts_group.masonry.col-3 .post-item{
	width: 30%;
}*/

.posts_group.masonry.col-4 .post-item {
    width: 22.99%;
}

.posts_group.masonry.col-5 .post-item {
    width: 18.99%;
    margin: 0 0.5% 20px;
}

.posts_group.masonry.col-6 .post-item {
    width: 15.66%;
    margin: 0 0.5% 20px;
}

.masonry {
    padding: 0px !important;
}

/* Masonry tiles */

.masonry.tiles {
    position: relative;
}

.masonry.tiles .post-item {
    margin: 0 !important;
    overflow: hidden;
    background-color: transparent;
}

.masonry.tiles .post-item:not(.no-img) .post-desc-wrapper {
    position: absolute;
    z-index: 4;
    left: 0;
    bottom: -20px;
}

.masonry.tiles .post-item:not(.no-img) .post-desc-wrapper .post-desc {
    background: url(../images/blog_masonry_tile_gradient.png) top left repeat-x;
    padding: 70px 30px 30px;
}

.masonry.tiles .post-item .post-desc-wrapper .post-desc {
    padding: 50% 30px 10px;
}

.masonry.tiles .post-item .post-desc-wrapper .post-desc .post-meta .author-date .post-links {
    display: inline-block;
    margin-left: 10px;
}

.masonry.tiles .post-item .post-desc-wrapper .post-desc .post-excerpt {
    display: none;
}

/* Photo wrapper */

.masonry.tiles .post-item:not(.no-img) .post-photo-wrapper {
    line-height: 0;
    position: relative;
}

.masonry.tiles .post-item:not(.no-img) .post-photo-wrapper:after {
    content: "";
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .2);
    opacity: 0;
    transition: all 0.6s ease-out;
}

.masonry.tiles .post-item:not(.no-img):hover .post-photo-wrapper:after {
    opacity: 1;
}

/* Posts */

.masonry.tiles .format-link .post-title .icon-link {
    display: none;
}

.masonry.tiles .format-link .post-title .link-wrapper {
    margin-left: 0;
    padding-top: 5px;
}

.masonry.tiles .format-quote blockquote {
    margin-left: 0;
    top: 0;
    margin-bottom: 25px;
}

.masonry.tiles .format-quote blockquote:after {
    display: none;
}

.masonry.tiles .format-quote blockquote a {
    text-decoration: none;
}

/* Post icon */

.masonry.tiles .post-item .post-format-icon {
    position: absolute;
    z-index: 3;
    left: 25px;
    top: 25px;
    font-size: 35px;
    line-height: 35px;
    color: #fff;
}

/* Line */

.masonry.tiles .post-item .post-desc-wrapper .post-desc .post-title:after {
    content: "";
    display: block;
    height: 3px;
    margin-top: 20px;
    width: 0;
    transition: all 0.4s ease-out;
}

.masonry.tiles .post-item:hover .post-desc-wrapper .post-desc .post-title:after {
    width: 40%;
}

/* Grid */

.grid .post-item {
    width: 31.33%;
    margin: 0 1% 20px;
    background: #fff !important;
}

.grid.col2 .post-item {
    margin: 0 0% 20px;
}

.grid .post-photo-wrapper {
    width: 100%;
    float: none;
}

.grid .post-desc-wrapper {
    width: 100%;
    float: none;
}

.grid .post-footer {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.grid .post-meta .author-date .author span.label {
    display: none;
}

.grid .post-desc-wrapper .post-meta .category .cat-btn {
    display: none;
}

.grid .post-desc-wrapper .post-footer .button-love .love-text {
    display: none;
}





a,
a:visited,
a:focus {
    text-decoration: none !important;
    outline: 0;
}

#Top_bar #logo img {
    max-height: initial;
}

/* Keep desktop logo sizing isolated from mobile fixes */
@media only screen and (min-width: 1240px) {
    #Top_bar #logo img,
    #Top_bar #logo img.scale-with-grid,
    #Top_bar.is-sticky #logo img {
        position: absolute;
        width: auto !important;
        max-width: none !important;
        height: auto !important;
        transform: none !important;
    }
}

/* Gallery | Masonry */

.gallery.masonry .gallery-item {
    margin: 0 !important
}

.gallery.masonry .gallery-item .gallery-icon {
    margin: 0 !important;
    width: 100%
}

.gallery.masonry .gallery-item .image_frame {
    margin-bottom: 0
}









.promo_box_wrapper .desc_wrapper {
    width: 56%;
    margin: 0 2% 0 6%;
    float: left;
    padding-top: 10px
}

.promo_box_wrapper .desc_wrapper .desc {
    margin-bottom: 15px
}



.promo_box_wrapper.promo_box_right .desc_wrapper {
    margin: 0 6% 0 2%;
    text-align: right
}

.promo_box_wrapper.promo_box_right .desc_wrapper a.button {
    margin-right: 0
}

.content_video.iframe.auto-wh iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Sub menu */
.menu li:hover ul.submenu {
    display: inline;
}

#Top_bar .menu li ul {
    padding-left: 0px;
}

#Top_bar .menu li ul li.hover a {
    border-bottom: 1px solid rgba(20, 202, 244, 1) !important;
}

/* End Sub menu */

.header-transparent #Top_bar .menu li>ul:not(.mfn-megamenu-bg) {
    background-image: none;
    background: white;
    box-shadow: none;
}

.style-simple #Filters .filters_wrapper ul li.current-cat a,
.style-simple #Filters .filters_wrapper ul li a:hover {
    color: #fff;
}

#Top_bar,
#Top_bar.is-sticky {
    opacity: .9;
}

#Filters.career .filters_buttons {
    padding: 0px
}

.isotope.jobs .isotope-item:hover h5,
.isotope.jobs .isotope-item:hover h3 {
    color: #14caf4;
    cursor: pointer;
}



.apply-label-group {
    display: inline-block !important;
    margin-right: 25px !important;
    margin-top: 5px;
}

.apply-form-question {
    margin-bottom: 10px !important;
    display: block;
}

/* ---------------------->>>>A. Clean Filter & Job Card Styles--------- */
/* --- 1. Variables & Global Overrides --- */
:root {
    --jp-primary: #045ba8;
    --jp-accent: #14caf4;
    --jp-grey: #8c8c8c;
    --jp-border: #e1e1e1;
    --jp-radius: 12px;
}

/* --- 2. Filter Navbar & Components --- */
.filter-section-wrapper {
    background: #ffffff;
    border: 1px solid var(--jp-border);
    border-radius: var(--jp-radius);
    padding: 24px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    position: relative;
    margin: 0 0 40px 0;
}

.filter-navbar {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 40px !important;
    flex-wrap: nowrap !important;
}

.filter-label {
    color: var(--jp-grey) !important;
    margin: 0;
}

.filter-group {
    display: flex !important;
    flex-direction: row !important;
    gap: 30px !important;
    align-items: center !important;
}

.filter-trigger {
    color: #333 !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
}

.filter-trigger i {
    font-size: 11px;
    color: var(--jp-primary);
    transition: transform 0.3s ease;
}

.filter-trigger.active {
    color: var(--jp-accent) !important;
}

.filter-trigger.active i {
    transform: rotate(180deg);
}

.all-roles {
    margin-left: auto !important;
    color: var(--jp-accent) !important;
    text-decoration: none !important;
    cursor: pointer !important;
    transition: color 0.3s ease;
}

.all-roles:hover {
    color: var(--jp-primary) !important;
}

@media (min-width: 992px) {
    body.page-careers #filter-wrapper .filter-navbar {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 40px !important;
        flex-wrap: nowrap !important;
    }

    body.page-careers #filter-wrapper .filter-group {
        width: auto !important;
        display: flex !important;
        flex-direction: row !important;
        gap: 30px !important;
        align-items: center !important;
    }

    body.page-careers #filter-wrapper .filter-trigger {
        width: auto !important;
        min-width: 0 !important;
        justify-content: flex-start !important;
        align-items: center !important;
        gap: 8px !important;
    }

    body.page-careers #filter-wrapper .filter-trigger span {
        white-space: nowrap !important;
        overflow-wrap: normal !important;
    }

    body.page-careers #filter-wrapper .filter-trigger i {
        margin-top: 0 !important;
    }

    body.page-careers #filter-wrapper .all-roles {
        margin-left: auto !important;
        display: inline-block !important;
    }
}

@media (max-width: 991px) {
    body.page-careers #filter-wrapper .filter-navbar {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 20px !important;
    }

    body.page-careers #filter-wrapper .filter-group {
        width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 16px !important;
        align-items: stretch !important;
    }

    body.page-careers #filter-wrapper .filter-trigger {
        width: 100% !important;
        min-width: 0 !important;
        justify-content: space-between !important;
        align-items: flex-start !important;
        gap: 12px !important;
    }

    body.page-careers #filter-wrapper .filter-trigger span {
        flex: 1 1 auto;
        min-width: 0;
        white-space: normal;
        overflow-wrap: anywhere;
    }

    body.page-careers #filter-wrapper .filter-trigger i {
        flex: 0 0 auto;
        margin-top: 4px;
    }

    body.page-careers #filter-wrapper .all-roles {
        margin-left: 0 !important;
        display: inline-block;
    }
}

/* --- 3. Dropdown Cards & Pills --- */
.dropdown-card {
    display: none;
    position: absolute;
    top: 100%;
    left: -1px;
    right: -1px;
    background: #ffffff;
    border-radius: 0 0 var(--jp-radius) var(--jp-radius);
    border: 1px solid var(--jp-border);
    padding: 35px;
    z-index: 1000;
    flex-wrap: wrap;
    gap: 12px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
}

.dropdown-card.show {
    display: flex !important;
}

.pill {
    padding: 10px 20px;
    background: #f1f3f5;
    color: #444;
    border-radius: 8px;
    cursor: pointer !important;
    transition: all 0.2s ease;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
}

.pill:hover {
    background: #e9ecef;
}

.pill.active {
    background: var(--jp-accent) !important;
    color: #fff !important;
}

.pill.is-selected {
    opacity: 0.9;
}

/* --- 4. Job Cards & Layout --- */
.job-card-container {
    background: #ffffff;
    border: 1px solid var(--jp-border);
    border-radius: var(--jp-radius);
    padding: 24px !important;
    margin-bottom: 25px;
    transition: all 0.3s ease;
}

.job-card-container:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
    border-color: var(--jp-primary);
}

.job-card-container .flex-row {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
}

.job-info {
    flex: 1 !important;
}

.job-tag {
    color: var(--jp-accent);
    margin-bottom: 8px;
}

.job-title {
    margin: 0 0 12px 0 !important;
    color: #222 !important;
}

.job-meta {
    display: flex;
    gap: 20px;
    color: #888 !important;
}

.job-meta i {
    margin-right: 5px;
    color: #bbb;
}

.job-action {
    margin-left: 30px !important;
    white-space: nowrap !important;
}

/* --- 5. Utilities & Responsive --- */
.hidden {
    display: none !important;
}

@media (max-width: 767px) {
    .filter-navbar {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 20px !important;
    }

    .all-roles {
        margin-left: 0 !important;
    }

    .job-card-container .flex-row {
        flex-direction: column !important;
        align-items: flex-start !important;
    }

    .job-action {
        margin-left: 0 !important;
        margin-top: 20px !important;
        width: 100% !important;
    }


}

@media (max-width: 767px) {
    body.page-blog #filter-wrapper .filter-group {
        width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 16px !important;
        align-items: stretch !important;
    }

    body.page-blog #filter-wrapper .filter-trigger {
        width: 100% !important;
        min-width: 0 !important;
        justify-content: space-between !important;
        align-items: flex-start !important;
        gap: 12px !important;
    }

    body.page-blog #filter-wrapper .filter-trigger span {
        flex: 1 1 auto;
        min-width: 0;
        white-space: normal;
        overflow-wrap: anywhere;
    }

    body.page-blog #filter-wrapper .filter-trigger i {
        flex: 0 0 auto;
        margin-top: 4px;
    }

    body.page-blog #filter-wrapper .all-roles {
        display: inline-block;
    }
}

/* ---------------------->>>>B. Global Form CSS (Uniform UI) */

/* Align parent column with headers */
.col-md-8,
.col-md-6 {
    padding-left: 0 !important;
}

/* THE WHITE CARD - Updated to match Part 2 Sidebar Section Style */
body #contactWrapper {
    background: #ffffff !important;
    border-radius: 16px !important;
    /* Matched Part 2 */
    padding: 30px 20px 50px 20px;
    border: 1px solid #f0f0f0 !important;
    /* Matched Part 2 */
    box-shadow: none !important;
    /* Removing the heavy shadow from Part 1 */
    margin: 0 0 !important;
    width: 100% !important;
    box-sizing: border-box;
    display: flow-root !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
    /* Matched Part 2 */
}

/* HOVER EFFECT - Matched Part 2 Sidebar Style */
body #contactWrapper:hover {
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04) !important;
    /* transform: translateY(-2px); Optional: adds the "hand over" feel from Part 2 */
}

/* STRICT 1px UNDERLINE */
.form-group {
    flex: 1;
    position: relative;
    border: none !important;
    /* border-bottom: 1px solid #2b5a9f !important;  */
    background: transparent !important;
    padding: 0 !important;
    margin-bottom: 25px !important;
    margin: 0 !important;
}

.modern-input,
.modern-textarea {
    width: 100% !important;
    border: none !important;
    /* This is your visible underline */
    border-bottom: 1px solid #2b5a9f !important;
    padding: 12px 0 !important;
    outline: none !important;
    background: transparent !important;
    background-color: transparent !important;
    font-size: 15px;
    color: #333;
    border-radius: 0 !important;
    /* Ensures it stays a flat line */
    display: block;
}

/* --- Fix for Auto-fill and Focus Backgrounds --- */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus {
    -webkit-text-fill-color: #333 !important;
    box-shadow: 0 0 0px 1000px #ffffff inset !important;
    transition: background-color 5000s ease-in-out 0s !important;
}

.modern-input:focus,
.modern-textarea:focus,
.form-group:focus-within {
    background: transparent !important;
    background-color: transparent !important;
    outline: none !important;
    box-shadow: none !important;
}

.modern-textarea {
    min-height: 120px;
    resize: none;
    border-bottom: 1px solid #2b5a9f !important;
    display: block;
}

/* Remove underline for Resume section only */
.form-file-input,
.form-file-input .form-group {
    border-bottom: none !important;
}

/* Tablet and Desktop layout */
@media (min-width: 768px) {
    body #contactWrapper {
        padding: 30px 28px 30px !important;

    }

    .form-row {
        flex-direction: row;
        gap: 30px;
        margin-bottom: 30px;
    }
}

/* QUESTIONS - Bolded to match Resume/CV style */
.apply-form-question {
    display: block;
    font-weight: 700 !important;
    margin-bottom: 12px;
    color: #333;
    font-size: 15px;
    line-height: 1.5;
}

/* RADIO BUTTONS - Side-by-Side */
.radio-section {
    margin-bottom: 30px;
    display: block;
}

.apply-label-group {
    display: inline-flex !important;
    align-items: center;
    margin-right: 40px !important;
    cursor: pointer;
    font-weight: 400;
}

.apply-label-group input[type="radio"] {
    margin-right: 8px !important;
    margin-top: 0 !important;
    cursor: pointer;
}

/* BUTTON SPACING & BORDER REMOVAL */
.button-row {
    margin-top: 35px;
    margin-bottom: 25px;
    display: block;
    clear: both;
}

/* Two global button variants: primary (light blue) and secondary (dark blue) */
.button-primary,
.button-secondary,
#job-board .button-primary,
#job-board .button-secondary,
.job-single-apply .button-primary,
.job-single-apply .button-secondary {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    border-radius: 2px !important;
    color: #ffffff !important;
}

.button-primary {
    background-color: #14caf4 !important;
}

.button-primary:hover,
.button-primary:focus {
    background-color: #0fb7de !important;
    color: #ffffff !important;
}

.button-secondary {
    background-color: #045ba8 !important;
}

.button-secondary:hover,
.button-secondary:focus {
    background-color: #034f92 !important;
    color: #ffffff !important;
}

.button-primary .button_icon i,
.button-primary i.icon-right-open,
.button-secondary .button_icon i,
.button-secondary i.icon-right-open {
    color: #ffffff !important;
}

/* Default Type-1 CTA color when no variant class is provided */
a.button.has-icon.button_right.button_size_2:not(.button-primary):not(.button-secondary) {
    background-color: #14caf4 !important;
    color: #ffffff !important;
    border-radius: 2px !important;
}

a.button.has-icon.button_right.button_size_2 .button_icon i {
    color: #ffffff !important;
}

/* Keep Type-2 CTA buttons aligned with the same subtle corner radius */
a.button.has-icon.button_right.button_size_3.button_dark {
    border-radius: 2px !important;
}

/* Variant classes are the source of truth for CTA colors */
a.button.button-primary,
a.button.button-primary:hover,
a.button.button-primary:focus {
    background-color: #14caf4 !important;
    color: #ffffff !important;
}

a.button.button-secondary,
a.button.button-secondary:hover,
a.button.button-secondary:focus {
    background-color: #045ba8 !important;
    color: #ffffff !important;
}

/* RECRUITER DISCLAIMER TEXT */
.privacy-note,
.disclaimer,
#contactWrapper p {
    display: block;
    margin-top: 16px;
    font-size: 15px;
    color: #6e6e73;
    line-height: 1.7;
}

/* Job detail newsletter note + lead text should use the same body tone.
   Keep link color untouched by not overriding anchor styles. */
body[class*="job-3270"] #alertForm>p,
body[class*="job-3270"] #alertForm .privacy-note {
    color: #6e6e73;
}

/* Contact Us: keep form and note text aligned with paragraph scale */
body.page-contact-us .modern-input.ui-form-input,
body.page-contact-us .modern-textarea.ui-form-textarea,
body.page-contact-us .privacy-note {
    font-size: 15px;
    line-height: 1.7;
}

/* --- C.  --- Modern Benefits Grid (Grey Background & Left Blue Accent) --- */
/* --- Scoped Grid Logic --- */
.careers-benefits-section .benefits-grid-fixed {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 30px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* --- Scoped Card Design --- */
.careers-benefits-section .benefit-card {
    background: #f7f7f7 !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 16px !important;
    padding: 24px !important;
    height: auto !important;
    /* Prevents overflow into next sections */
    display: flex !important;
    flex-direction: column !important;
    position: relative !important;
    overflow: hidden !important;
    transition: all 0.4s ease !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05) !important;
    box-sizing: border-box !important;
}

.careers-benefits-section .benefit-card:hover {
    transform: translateY(-8px) !important;
    background: #ffffff !important;
}

/* --- Scoped Icon Control --- */
.careers-benefits-section .benefit-icon-box {
    margin-bottom: 25px !important;
    display: block !important;
}

.careers-benefits-section .benefit-icon-box img {
    display: inline-block !important;
    width: 77px !important;
    height: auto !important;
}

/* --- Scoped Mobile Fix (361px) --- */
@media (max-width: 991px) {
    .careers-benefits-section {
        padding: 40px 0 !important;
    }

    .careers-benefits-section .benefits-grid-fixed {
        display: block !important;
        /* Stacks cards for mobile view */
    }

    .careers-benefits-section .benefit-card {
        width: 100% !important;
        margin-bottom: 20px !important;
    }
}

/* --- D. Contact Info CSS --- */
.contact-row-flex {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    width: 100%;
    margin-top: 40px;
    /* Ensure no container padding interferes with guides */
    padding: 0 !important;
}

.contact-item-wrap {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    /* Removed 20px padding to snap bars to guides */
    padding: 0 !important;
    position: relative;
    text-decoration: none;
    min-width: 0;
}

/* THE OFFSET: This pushes your text/icons 25px away from the bars */
.icon-container,
.contact-label,
.contact-detail {
    padding-left: 25px !important;
    position: relative;
    z-index: 2;
}

.glow-bg {
    position: absolute;
    top: 60px;
    /* Glow starts at the bar line */
    left: 0;
    transform: translateY(-50%);
    width: 160px;
    height: 90px;
    background: rgba(20, 202, 244, 0.12);
    filter: blur(25px);
    border-radius: 50%;
    z-index: 1;
    pointer-events: none;
}

/* First Column Vertical Bar (Locked to Guide) */
.contact-item-wrap:first-child::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 100px;
    width: 1px;
    background: #e2e8f0;
}

/* Middle and Last Column Dividers (Locked to Guide) */
.contact-item-wrap:not(:first-child)::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 100px;
    width: 1px;
    background: #e2e8f0;
}

.icon-container {
    margin-bottom: 25px;
    height: 60px;
    display: flex;
    align-items: center;
    /* Alignment fixed to start */
    justify-content: flex-start;
}

.icon-container img {
    display: block;
    max-width: 60px;
    height: auto;
}

.contact-label {
    display: block;
    font-size: 21px;
    color: #000000;
    font-weight: 700;
    margin-bottom: 15px;
}

.contact-detail {
    display: block;
    font-size: 15px;
    color: #6c6c6c;
    line-height: 1.6;
    margin: 0;
}

/* Container to ensure the vertical line spans the whole height on mobile */
@media (max-width: 767px) {

    .contact-row-flex {
        display: flex;
        flex-direction: column;
    }

    .contact-item-wrap {
        border-left: none !important;
        margin-bottom: 40px;
        position: relative;
    }

}

/* --- E. Partner Ecosystem Grid Styles --- */
.partner-grid {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 20px !important;
    width: 100% !important;
}

.partner-logo-box {
    background: #ffffff !important;
    border: 1px solid #edf2f7 !important;
    border-radius: 16px !important;
    height: 140px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 20px !important;
    transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) !important;
    position: relative !important;
    overflow: hidden !important;
}

.partner-logo-box img {
    max-width: 90% !important;
    max-height: 70% !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    /* Initial Grey State */
    filter: grayscale(100%) !important;
    opacity: 0.7 !important;
    transition: all 0.4s ease !important;
}

.partner-logo-box:hover {
    box-shadow: 0 20px 40px -10px rgba(0, 0, 0, 0.05) !important;
    transform: translateY(-5px) !important;
    border-color: #cbd5e1 !important;
}

.partner-logo-box:hover img {
    /* Colorful Hover State */
    filter: grayscale(0%) !important;
    opacity: 1 !important;
    transform: scale(1.08) !important;
}

/* Center-Expand Bottom Blue Accent Bar */
.partner-logo-box::before {
    content: '' !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 50% !important;
    width: 0 !important;
    height: 4px !important;
    background: #14caf4 !important;
    transition: all 0.4s ease !important;
    transform: translateX(-50%) !important;
    z-index: 2 !important;
}

.partner-logo-box:hover::before {
    width: 100% !important;
}

@media (max-width: 1024px) {
    .partner-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

@media (max-width: 768px) {
    .partner-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

@media (max-width: 480px) {
    .partner-grid {
        grid-template-columns: 1fr !important;
    }
}

/* ----------F. Service Layout Styles --- */

:root {
    --primary-blue: #14caf4;
    --text-dark: #1a1a1a;
    --text-muted: #666666;
    --border-light: #eeeeee;
    --transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}









.icon-box-service {
    width: 60px !important;
    height: 60px !important;
    margin-bottom: 25px !important;
    transition: var(--transition) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-shrink: 0 !important;
}

.service-item:hover .icon-box-service {
    transform: scale(1.1) !important;
}

















/* Square Icon Classes */
.icon-yellow-sq {
    background: #f2bc3b !important;
    border-radius: 4px !important;
    width: 45px !important;
    height: 45px !important;
    display: block !important;
}

.icon-orange-sq {
    background: #e88c30 !important;
    border-radius: 4px !important;
    width: 45px !important;
    height: 45px !important;
    display: block !important;
}

.icon-blue-sq {
    background: #14caf4 !important;
    border-radius: 4px !important;
    width: 45px !important;
    height: 45px !important;
    display: block !important;
}

.icon-dark-sq {
    background: #333333 !important;
    border-radius: 4px !important;
    width: 45px !important;
    height: 45px !important;
    display: block !important;
}





/* --- G. Sidebar Integration Styles --- */
/* Container & Sections */
.sidebar-wrap {
    padding-top: 0;
    padding-left: 0px;
}

/* ABC job page: remove initial blank top space in right sidebar */
body.job-abc .sidebar-wrap.sidebar-alignment-fix {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

.sidebar-section {
    padding: 24px;
    margin-bottom: 24px;
    background: #ffffff;
    border-radius: 16px;
    border: 1px solid #f0f0f0;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.sidebar-section:hover {
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);
}

/* Timeline Refinement - Updated to match Screenshot UI */
.modern-timeline {
    list-style: none;
    padding: 0;
    margin: 0;
}

.step {
    padding-left: 45px;
    margin-bottom: var(--ui-text-gap-body);
    position: relative;
}

.step:last-child {
    margin-bottom: 0;
}

/* Hollow Circle style from Screenshot */
.step-circle {
    position: absolute;
    left: 0;
    top: 6px;
    width: 18px;
    height: 18px;
    background: #fff;
    border: 4px solid #14caf4;
    border-radius: 50%;
    z-index: 2;
}

/* Fading Gradient Line from Screenshot */
.step:not(:last-child)::after {
    content: '';
    position: absolute;
    left: 8px;
    /* Perfectly centered under the 18px circle */
    top: 28px;
    width: 3px;
    height: calc(100% + 6px);
    /* Gradient transition from blue to light grey/transparent */
    background: linear-gradient(to bottom, #14caf4 0%, #e0e0e0 70%, transparent 100%);
    z-index: 1;
}

.step-label {
    display: block;
    font-size: 15px;
    /* Matched to main body font-size */
    font-weight: 700;
    color: #222;
    line-height: 1.2;
}

.step-desc {
    font-size: 15px;
    /* Matched to main body font-size */
    color: #777;
    font-weight: 400;
    margin-top: 0;
    display: block;
}

/* Related Roles */
.role-item {
    display: block;
    background: #f8f9fa;
    padding: 15px;
    border-radius: 10px;
    color: #111;
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 12px;
    text-decoration: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    border: 1px solid transparent;
}

.role-item span {
    display: block;
    color: #14caf4;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 4px;
}

.role-item:hover {
    background: #fff;
    /* Removed blue border-color and blue text color */

    border-color: var(--jp-primary);
    transform: translateX(5px);
    color: #111;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}





/* Container and General Anchor Styles */
.share-social-icons {
    display: flex;
    gap: 15px;
    align-items: flex-end;
    /* Keeps all boxes on the same floor */
    justify-content: flex-start;
}

.share-social-icons a {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    width: 39.2px !important;
    height: 30.25px !important;
    overflow: hidden;
    /* This is your "Crop" tool */
    text-decoration: none;
}

/* 1. TWITTER (X) SVG FIX */
.share-social-icons a svg {
    /* Increase height slightly beyond the viewbox to eliminate top/bottom gaps */
    height: 28px !important;
    width: auto;
    fill: #045BAB;
    display: block;
    /* Seat it perfectly on the baseline */
    margin-bottom: -1px !important;
}

/* 2. INSTAGRAM ICON FIX */
.share-social-icons a .icon-instagram {
    color: #045BAB;
    font-size: 27px;
    /* Increased font size to fill the 30.25px height */
    line-height: 1;
    display: block;
    /* Manual shift down to remove the gap at the bottom */
    transform: translateY(2px);
    margin-bottom: 0 !important;
}

/* 3. FACEBOOK & LINKEDIN (General Font Icons) */
.share-social-icons i:not(.icon-instagram) {
    color: #045BAB;
    font-size: 26px;
    line-height: 1;
    display: block;
    /* Standard baseline seating for font-icons */
    margin-bottom: -2px !important;
}

/* --- H. 404 Page--- */
/* Unique wrapper to target ONLY the 404 page card */
.error404-wrapper .benefit-card {
    background-color: #f7f7f7 !important;
    text-align: center;
    margin: 0 auto;
    border-radius: 10px;
    padding: 60px 60px;
}

/* Mobile constraints */
@media only screen and (max-width: 767px) {
    .error404-wrapper .benefit-card {
        max-width: 361px !important;
        padding: 40px 20px !important;
    }
}

/* =====================================================
   BETHEME – CLEAN & CONSISTENT MOBILE LAYOUT
   ===================================================== */

/* ---------- Desktop container width ---------- */
@media (min-width: 1240px) {

    .section_wrapper,
    .container {
        width: 100%;
        max-width: 1280px;
    }
}

/* ================= MOBILE ================= */
@media (max-width: 767px) {

    /* Reduce oversized first-screen top spacing used on desktop sections */
    #Content .section[style*="padding-top:175px"],
    #Content .section.ui-section-hero {
        padding-top: 40px !important;
    }

    /* Prevent horizontal overflow */
    html,
    body {
        margin: 0;
        overflow-x: hidden;
    }

    /* Safer sizing calculations */
    *,
    *::before,
    *::after {
        box-sizing: border-box;
    }

    /* ---------- Normal content padding ---------- */
    #Content .wrap.mcb-wrap,
    #Content .wrap.mcb-wrap .mcb-wrap-inner {
        padding: 0 16px;
        /* Consistent mobile gutter */
        margin: 0 auto;
    }

    /* Stack columns vertically */
    #Content .column,
    #Content .columns {
        width: 100%;
        float: none;
        margin-bottom: 20px;
    }

    /* Prevent media from overflowing; keep text margins controlled by global typography tokens */
    #Content img,
    #Content .image_frame {
        max-width: 100%;
        margin: 0;
    }

    /* ---------- FULL-WIDTH SECTIONS (KEEP INTACT) ---------- */
    #Content .section.mcb-section.full-width {
        padding: 0;
        /* True edge-to-edge section */
        margin: 0;
        width: 100%;
        overflow-x: hidden;
    }

    /* Inner spacing for full-width content */
    #Content .section.mcb-section.full-width .section_wrapper,
    #Content .section.mcb-section.full-width .mcb-section-inner {
        margin: 0 auto;
        padding: 0 16px;
        /* Same gutter as normal sections */
        left: 0;
        transform: none;
    }

    /* Disable decorative transforms that cause overflow */
    #Content .section.mcb-section.full-width [style*="transform"],
    #Content [class*="shape"],
    #Content [class*="polygon"],
    #Content [class*="cube"],
    #Content [class*="tile"] {
        max-width: 100%;
        left: 0;
        transform: none;
    }

    /* Optional spacing helper */
    .mobile_small_padding {
        padding-top: 30px;
    }

    /* Contact page: keep the intro/form section inside mobile grid */
    #Content .contact-form-section .container {
        width: 100% !important;
        max-width: 361px !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    #Content .contact-form-section .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    #Content .contact-form-section [class*="col-"] {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /* Keep career footer CTA aligned to mobile container grid */
    #Content+.section .container,
    .career-footer-cta .container,
    .ui-section-footer-cta .container {
        width: 100% !important;
        max-width: 331px !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .career-footer-cta .row,
    .ui-section-footer-cta .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    /* Remove Bootstrap gutter on the selected full-width column (361px target) */
    .career-footer-cta .col-12,
    .ui-section-footer-cta [class*="col-"] {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /* Mobile only: add breathing room above footer "Connect with us" label */
    #Content+.section .col-md-2 .column_attr>p:first-child,
    .career-footer-cta .col-md-2 .column_attr>p:first-child,
    .ui-section-footer-cta .col-md-2 .column_attr>p:first-child {
        margin-top: 12px !important;
        padding-top: 8px !important;
    }
}

/* --- Targeted Fix for Career Detail Page (Sr. UX Designer) --- */
/* --- MOBILE VIEW ONLY (361px Grid) --- */
@media (max-width: 767px) {

    /* Force the main container to the 361px limit */
    body[class*="job-3270"] .section.ui-section-hero .section_wrapper {
        max-width: 361px !important;
        margin: 0 auto !important;
        width: 100% !important;
        padding: 0 !important;
    }

    /* Stack columns vertically and remove float/flex issues */
    body[class*="job-3270"] .section.ui-section-hero .mcb-wrap-inner {
        display: block !important;
        width: 100% !important;
    }

    /* Ensure both content and sidebar stay within blue lines */
    body[class*="job-3270"] .section.ui-section-hero .column.two-third,
    body[class*="job-3270"] .section.ui-section-hero .column.one-third {
        width: 100% !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
        margin: 0 0 40px 0 !important;
        /* Adds space between stacked sections */
        box-sizing: border-box !important;
        float: none !important;
    }

    /* Remove nested mobile gutters so job-detail content uses full 361 width */
    body[class*="job-3270"] .section.ui-section-hero .wrap.mcb-wrap,
    body[class*="job-3270"] .section.ui-section-hero .mcb-wrap-inner,
    body[class*="job-3270"] .section.ui-section-hero .column_attr {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /* Ensure the white form card fits perfectly */
    body[class*="job-3270"] #contactWrapper {
        width: 100% !important;
        margin: 20px 0 !important;
        box-sizing: border-box !important;
    }
}

/* Keep job-detail columns stacked on tablet/mobile to avoid large blank gap */
@media (max-width: 991px) {
    body[class*="job-3270"] #Content .section.mcb-section.ui-section-hero .mcb-wrap-inner {
        display: block !important;
    }

    body[class*="job-3270"] #Content .section.mcb-section.ui-section-hero .column.mcb-column.two-third,
    body[class*="job-3270"] #Content .section.mcb-section.ui-section-hero .column.mcb-column.one-third {
        width: 100% !important;
        float: none !important;
        margin: 0 0 24px 0 !important;
    }

    body[class*="job-3270"] #Content .section.mcb-section.ui-section-hero .sidebar-wrap {
        padding-top: 0 !important;
    }
}

/* Sr. UX Designer form: normalize vertical rhythm and field padding */
#contactWrapper.apply-form.ui-form {
    padding: 30px 28px 30px !important;
    margin: 24px 0 24px !important;
}

body[class*="job-3270"] #contactWrapper .form-row {
    display: flex;
    gap: 24px;
    margin: 0 0 24px 0 !important;
}

body[class*="job-3270"] #contactWrapper .form-group,
body[class*="job-3270"] #contactWrapper .form-group.full-width {
    margin: 0 0 24px 0 !important;
}

body[class*="job-3270"] #contactWrapper .form-file-input {
    margin: 0 0 24px 0 !important;
}

body[class*="job-3270"] #contactWrapper .upload-p {
    margin: 0 0 10px 0 !important;
    font-size: 15px;
    line-height: 1.7 !important;
}

body[class*="job-3270"] #contactWrapper .input-file-upload {
    margin: 0 !important;
}

body[class*="job-3270"] #contactWrapper .contact-inline-file-group,
body[class*="job-3270"] #contactWrapper .contact-inline-file-group.full-width {
    width: 100% !important;
    max-width: 100% !important;
    flex: 1 1 100%;
    padding-top: 0 !important;
}

body[class*="job-3270"] #contactWrapper .contact-inline-file-shell {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0;
    width: 100%;
    min-height: 56px;
    padding: 10px 12px !important;
    border: 1px solid #2b5a9f !important;
    border-radius: var(--ui-radius-4) !important;
    background: #fff !important;
    background-color: #fff !important;
    box-sizing: border-box;
    font-size: 16px !important;
    line-height: 1.4 !important;
    cursor: pointer;
    overflow: hidden;
    outline: none !important;
    box-shadow: none !important;
    transition: border-color 160ms ease, background-color 160ms ease;
}

body[class*="job-3270"] #contactWrapper .contact-inline-file-shell:hover,
body[class*="job-3270"] #contactWrapper .contact-inline-file-shell:focus-within {
    border-color: #2b5a9f !important;
    outline: none !important;
    box-shadow: none !important;
}

body[class*="job-3270"] #contactWrapper .contact-inline-file-copy {
    display: flex;
    flex: 1 1 auto;
    min-width: 0;
    flex-direction: column;
    justify-content: center;
    gap: 2px;
}

body[class*="job-3270"] #contactWrapper .contact-inline-file-label {
    color: #6c6c6c;
    font-weight: 400;
    white-space: nowrap;
    line-height: 1.25;
}

body[class*="job-3270"] #contactWrapper .contact-inline-file-name {
    color: #8a939f;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    line-height: 1.35;
}

body[class*="job-3270"] #contactWrapper .contact-inline-file-name:empty {
    display: none;
}

body[class*="job-3270"] #contactWrapper .contact-inline-file-note {
    color: #8a939f;
    white-space: normal;
    display: block;
    line-height: 1.4;
}

body[class*="job-3270"] #contactWrapper .contact-inline-file-shell.has-file .contact-inline-file-name {
    color: #333;
}

body[class*="job-3270"] #contactWrapper .contact-inline-file-shell.has-file .contact-inline-file-note {
    display: none;
}

body[class*="job-3270"] #contactWrapper .contact-inline-file-input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

body[class*="job-3270"] #contactWrapper .modern-input,
body[class*="job-3270"] #contactWrapper .ui-form-input {
    min-height: 46px;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    line-height: 1.5 !important;
}

body[class*="job-3270"] #contactWrapper .radio-section {
    margin: 0 0 24px 0 !important;
}

body[class*="job-3270"] #contactWrapper .apply-form-question {
    margin: 0 0 12px 0 !important;
    font-size: 15px;
    line-height: 1.5 !important;
}

body[class*="job-3270"] #contactWrapper .apply-label-group {
    margin: 0 32px 8px 0 !important;
}

body[class*="job-3270"] #contactWrapper .apply-label-group label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    line-height: 1.4;
}

body[class*="job-3270"] #contactWrapper .button-row {
    margin: 8px 0 16px 0 !important;
}

body[class*="job-3270"] #contactWrapper .disclaimer {
    margin-top: 12px;
    font-size: 15px;
    line-height: 1.7;
}

/* Job detail pages: keep 40px gap above Description */
body[class*="job-3270"] #Content .section.ui-section-hero .column.mcb-column.two-third .column_attr .ui-blog-divider+h4 {
    margin-top: 40px !important;
}

@media (max-width: 767px) {
    body[class*="job-3270"] #contactWrapper.apply-form.ui-form {
        padding: 28px 16px 28px !important;
        margin: 16px 0 0 !important;
    }

    body[class*="job-3270"] #contactWrapper .form-row {
        flex-direction: column;
        gap: 0;
        margin: 0 !important;
    }

    body[class*="job-3270"] #contactWrapper .form-group,
    body[class*="job-3270"] #contactWrapper .form-group.full-width,
    body[class*="job-3270"] #contactWrapper .form-file-input,
    body[class*="job-3270"] #contactWrapper .radio-section {
        margin: 0 0 20px 0 !important;
    }

    body[class*="job-3270"] #contactWrapper .button-row {
        margin: 8px 0 12px 0 !important;
    }

    body[class*="job-3270"] #contactWrapper .upload-p,
    body[class*="job-3270"] #contactWrapper .apply-form-question,
    body[class*="job-3270"] #contactWrapper .disclaimer,
    .privacy-note,
    .disclaimer {
        font-size: 13px;
    }

    body[class*="job-3270"] #contactWrapper .contact-inline-file-shell {
        min-height: 52px;
        padding: 10px 10px 10px 12px !important;
    }

    body[class*="job-3270"] #contactWrapper .contact-inline-file-label,
    body[class*="job-3270"] #contactWrapper .contact-inline-file-name,
    body[class*="job-3270"] #contactWrapper .contact-inline-file-note {
        font-size: 14px;
        line-height: 1.4;
    }

    body.page-contact-us .modern-input.ui-form-input,
    body.page-contact-us .modern-textarea.ui-form-textarea,
    body.page-contact-us .privacy-note {
        font-size: 13px;
        line-height: 1.7;
    }

}

/* About Us split section: prevent right-edge clipping on narrow screens */
@media (max-width: 767px) {
    .about-split-row {
        display: block !important;
    }

    .about-split-left,
    .about-split-right {
        display: block !important;
        width: 100% !important;
        flex: 0 0 100% !important;
        min-width: 0 !important;
    }

    .about-split-right {
        padding-top: 20px !important;
    }
}

/* 404 page: reduce first-screen top gap on mobile only */
@media (max-width: 767px) {
    body.page-404 #Content {
        padding-top: 0 !important;
    }

    body.page-404 #Content .section.section-404 {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }
}

@media (max-width: 767px) {
    .mobile-approach-btn-wrap {
        display: block;
        margin: 12px 0 0 82px;
        padding: 0;
        box-sizing: border-box;
    }

    .mobile-approach-btn-wrap .button {
        display: inline-flex;
        width: auto;
        margin: 0 !important;
        box-sizing: border-box;
        white-space: nowrap;
    }

}

.mobile-approach-btn-wrap {
    display: none;
}

:root {
    /* Width tokens */
    --ui-shell-desktop-max: 1280px;
    --ui-shell-mobile-max: 331px;

    /* Horizontal gutters */
    --ui-gutter-desktop: 15px;
    --ui-gutter-mobile: 15px;

    /* Vertical rhythm (8px scale) */
    --ui-space-8: 8px;
    --ui-space-12: 12px;
    --ui-space-16: 16px;
    --ui-space-24: 24px;
    --ui-space-32: 32px;
    --ui-space-40: 40px;
    --ui-space-48: 48px;
    --ui-space-64: 64px;
    --ui-space-80: 80px;

    /* Colors */
    --ui-color-text: #161617;
    --ui-color-muted: #6e6e73;
    --ui-color-primary: #045ba8;
    --ui-color-accent: #14caf4;
    --ui-color-border: #e5e5e7;
    --ui-color-bg-soft: #f7f7f7;

    /* Radius */
    --ui-radius-2: 2px;
    --ui-radius-4: 4px;

    /* Type scale tokens (current visual system) */
    --ui-font-body-size: 15px;
    --ui-font-body-line: 27px;
    --ui-font-h1-size: 60px;
    --ui-font-h1-line: 60px;
    --ui-font-h2-size: 50px;
    --ui-font-h2-line: 50px;
    --ui-font-h3-size: 35px;
    --ui-font-h3-line: 45px;
    --ui-font-h4-size: 24px;
    --ui-font-h4-line: 34px;
    --ui-font-h5-size: 17px;
    --ui-font-h5-line: 27px;
    --ui-font-h6-size: 12px;
    --ui-font-h6-line: 24px;

    /* Role-based typography tokens */
    --ui-font-hero-title-mobile: 38px;
    --ui-font-hero-title-mobile-xs: 30px;
    --ui-font-hero-subtitle-mobile: 18px;
    --ui-font-hero-subtitle-mobile-xs: 14px;
    --ui-font-section-title-size: 35px;
    --ui-font-section-title-line: 45px;
    --ui-font-card-title-size: 24px;
    --ui-font-card-title-line: 34px;
}





/* Section templates */
.ui-section-hero {
    padding-top: 176px;
    padding-bottom: 40px;
}

.ui-section-hero-split {
    padding-top: 175px;
    padding-left: 10%;
    padding-right: 10%;
}

/* Desktop: keep hero split full width with 1280px max content */
@media (min-width: 1240px) {
    #Content .section.mcb-section.full-width.ui-section-hero-split {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    #Content .section.mcb-section.full-width.ui-section-hero-split > .row {
        width: 100%;
        max-width: var(--ui-shell-desktop-max, 1280px);
        margin-left: auto;
        margin-right: auto;
        padding-left: var(--ui-gutter-desktop, 15px);
        padding-right: var(--ui-gutter-desktop, 15px);
        box-sizing: border-box;
    }

    /* Remove extra right gutter on the image column */
    #Content .section.mcb-section.full-width.ui-section-hero-split > .row > [class*="col-"]:last-child {
        padding-right: 0 !important;
    }
}

/* Uniform hero typography for split-hero pages */
body.page:not(.home) #Content .section.mcb-section.full-width.ui-section-hero-split h1 {
    margin: 0;
}

body.page:not(.home) #Content .section.mcb-section.full-width.ui-section-hero-split h4 {
    margin: 0 0 25px !important;
}

body.page:not(.home) #Content .section.mcb-section.full-width.ui-section-hero-split h4:not(.u-color-muted) {
    color: var(--ui-color-primary);
}

/* Role helpers for future cleanup from inline styles */
.ui-hero-title {
    margin: 0;
}

.ui-hero-highlight {
	position: relative;
	display: inline-block;
	color: inherit;
	z-index: 1;
}

body.page:not(.home) #Content .section.mcb-section.full-width.ui-section-hero-split h1 .ui-hero-highlight {
    color: var(--ui-text-step-1) !important;
}

.ui-hero-highlight::after {
	content: "";
	position: absolute;
	left: 0;
	right: -8px;
	bottom: 6px;
	height: 0.34em;
	background: #ffd77d;
	z-index: -1;
}

.ui-hero-subtitle {
    color: var(--ui-color-primary);
    margin: 0 0 25px;
}

.ui-section-title {
    font-size: var(--ui-font-section-title-size);
    line-height: var(--ui-font-section-title-line);
}

.ui-card-title {
    font-size: var(--ui-font-card-title-size);
    line-height: var(--ui-font-card-title-line);
}

@media (min-width: 768px) {
    #Content .section.mcb-section.full-width.ui-section-hero-split>.row {
        align-items: center;
    }

    #Content .section.mcb-section.full-width.ui-section-hero-split>.row>.col-md-6:first-child {
        display: flex;
        align-items: center;
    }

    #Content .section.mcb-section.full-width.ui-section-hero-split>.row>.col-md-6:first-child>.row {
        width: 100%;
    }

    body.page:not(.home) #Content .section.mcb-section.full-width.ui-section-hero-split > .row > .col-md-6:last-child {
        position: relative;
    }

    body.page:not(.home) #Content .section.mcb-section.full-width.ui-section-hero-split > .row > .col-md-6:last-child::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 40%;
        border-radius: 4px 0 0 4px;
        background: linear-gradient(90deg,
            #fff 0%,
            rgba(255, 255, 255, 0.92) 18%,
            rgba(255, 255, 255, 0.62) 48%,
            rgba(255, 255, 255, 0.28) 74%,
            rgba(255, 255, 255, 0) 100%);
        pointer-events: none;
    }
}

@media (max-width: 767px) {
    #Content .section.mcb-section.full-width.ui-section-hero-split {
        padding-top: 80px !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    #Content .section.mcb-section.full-width.ui-section-hero-split>.row {
        max-width: 361px !important;
        width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
        box-sizing: border-box;
    }

    #Content .section.mcb-section.full-width.ui-section-hero-split>.row>[class*="col-"] {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    body.page:not(.home) #Content .section.mcb-section.full-width.ui-section-hero-split h4 {
        font-size: var(--ui-font-hero-subtitle-mobile);
        line-height: 26px;
        margin: 0 0 25px !important;
    }

}

@media (max-width: 767px) {
    /* Match index-like mobile top spacing for all non-home hero-split pages */
    body.page:not(.home) #Content .section.mcb-section.full-width.ui-section-hero-split {
        padding-top: 40px !important;
    }

    body.page:not(.home) #Content .section.mcb-section.full-width.ui-section-hero-split > .row > .col-md-6:last-child {
        position: relative;
    }

    body.page:not(.home) #Content .section.mcb-section.full-width.ui-section-hero-split > .row > .col-md-6:last-child::after {
        content: "";
        position: absolute;
        left: 15px;
        right: 15px;
        bottom: 0;
        height: 50%;
        border-radius: 0 0 4px 4px;
        background: linear-gradient(180deg,
            rgba(255, 255, 255, 0) 0%,
            rgba(255, 255, 255, 0.28) 26%,
            rgba(255, 255, 255, 0.62) 52%,
            rgba(255, 255, 255, 0.92) 82%,
            #fff 100%);
        pointer-events: none;
    }
}

@media only screen and (max-width: 479px) {
    body.page:not(.home) #Content .section.mcb-section.full-width.ui-section-hero-split h4 {
        font-size: var(--ui-font-hero-subtitle-mobile-xs);
        line-height: 20px;
        margin: 0 0 25px !important;
    }
}

.ui-section-content-2col {
    padding-top: 40px;
    padding-bottom: 40px;
}

.ui-section-content-2col-lg {
    padding-top: 40px;
    padding-bottom: 80px;
}

.ui-section-intro {
    padding-top: 80px;
    padding-bottom: 40px;
    clear: both;
}

@media (min-width: 768px) {

    body.page-contact-us #Content .contact-form-section .container > .row.contact-form-layout {
        align-items: stretch !important;
    }

    body.page-contact-us #Content .contact-form-section .container > .row.contact-form-layout > [class*="col-"] {
        display: flex;
        flex-direction: column;
    }

    /* Contact page: keep intro/form block aligned to 1280 grid on desktop/tablet */
    #Content .contact-form-section .container .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100% !important;
    }

    #Content .contact-form-section .container .row.contact-form-layout>.col-md-6:first-child {
        padding-left: 0 !important;
        padding-right: 30px !important;
    }

    #Content .contact-form-section .container .row.contact-form-layout>.col-md-6:last-child {
        padding-left: 30px !important;
        padding-right: 0 !important;
    }

    body #contactWrapper {
        margin-top: 0 !important;
        width: 100% !important;
    }
}

@media (min-width: 992px) {
    body.page-contact-us #Content .contact-form-section .container .row.contact-form-layout > .col-md-6:first-child {
        flex: 0 0 44% !important;
        max-width: 44% !important;
        padding-right: 24px !important;
    }

    body.page-contact-us #Content .contact-form-section .container .row.contact-form-layout > .col-md-6:last-child {
        flex: 0 0 56% !important;
        max-width: 56% !important;
        padding-left: 24px !important;
    }
}

body.page-contact-us .contact-form-intro {
    margin-bottom: 0;
}

body.page-contact-us .contact-form-intro > [class*="col-"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

body.page-contact-us #Content .contact-form-media {
    width: 100%;
}

body.page-contact-us #Content .contact-form-media img {
    display: block;
    width: 100%;
    height: auto;
}

@media (min-width: 768px) {
    body.page-contact-us #Content .contact-form-media {
        flex: 1 1 auto;
        height: 100%;
        overflow: hidden;
    }

    body.page-contact-us #Content .contact-form-media img {
        height: 100% !important;
        object-fit: cover;
        object-position: center;
    }
}

@media (max-width: 991px) {
    body.page-contact-us #Content .contact-form-media {
        margin-bottom: 24px;
    }
}

@media (max-width: 767px) {
    body.page-contact-us .contact-form-intro {
        margin-bottom: 0;
    }

    body.page-contact-us #Content .contact-form-media {
        margin-bottom: 20px;
    }
}



.ui-section-footer-cta {
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: var(--ui-color-bg-soft);
}


/* Shared form system */
.ui-form {
    display: block;
}





.ui-form-input,
.ui-form-textarea {
    width: 100%;
    min-height: 48px;
    padding: 0 var(--ui-space-16);
    border: 1px solid var(--ui-color-border);
    border-radius: var(--ui-radius-4);
    background-color: #fff;
    color: var(--ui-color-text);
    font-size: 15px;
    line-height: 1.4;
    box-sizing: border-box;
}

.ui-form-textarea {
    min-height: 120px;
    padding-top: var(--ui-space-12, 12px);
    padding-bottom: var(--ui-space-12, 12px);
    resize: vertical;
}







/* Services page: keep content inside 1280/331 guide lines */
body.page-services #Content .section:not(.ui-section-hero-split) .col-md-8,
body.page-services #Content .section:not(.ui-section-hero-split) .col-md-6 {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

body.page-services #Content .ui-section-content-2col .col-md-6>.row,
body.page-services #Content .ui-section-content-2col-lg .col-md-6>.row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

body.page-services #Content .ui-section-content-2col .col-md-6>.row>[class*="col-"],
body.page-services #Content .ui-section-content-2col-lg .col-md-6>.row>[class*="col-"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Services page: image zoom effect */
body.page-services #Content .ui-service-image-wrap {
    overflow: hidden;
}

body.page-services #Content .ui-service-image-wrap img {
    display: block;
    transform: scale(1);
    transition: transform 0.45s ease;
    will-change: transform;
}

body.page-services #Content .ui-service-image-wrap:hover img {
    transform: scale(1.08);
}

@media (max-width: 767px) {
    body.page #Content .section:not(.ui-section-hero-split) .container {
        width: 100% !important;
        max-width: 361px !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    body.page #Content .section:not(.ui-section-hero-split) .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    body.page #Content .section:not(.ui-section-hero-split) [class*="col-"] {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    body.page #Content>.container {
        width: 100% !important;
        max-width: 361px !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

/* Sample page: keep services-like content aligned without affecting hero */
body.page-sample #Content .ui-section-intro .col-md-8,
body.page-sample #Content .ui-section-content-2col .col-md-6,
body.page-sample #Content .ui-section-content-2col-lg .col-md-6 {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

body.page-sample #Content .ui-section-content-2col .col-md-6>.row,
body.page-sample #Content .ui-section-content-2col-lg .col-md-6>.row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

body.page-sample #Content .ui-section-content-2col .col-md-6>.row>[class*="col-"],
body.page-sample #Content .ui-section-content-2col-lg .col-md-6>.row>[class*="col-"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

@media (max-width: 767px) {
    body.page-sample #Content .section:not(.ui-section-hero-split) .container {
        width: 100% !important;
        max-width: 361px !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    body.page-sample #Content .section:not(.ui-section-hero-split) .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    body.page-sample #Content .section:not(.ui-section-hero-split) [class*="col-"] {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

/* Blog detail page: align to global spacing/typography and 1280/331 guides */
body.page-blog-details #Content .ui-blog-detail-hero {
    padding-bottom: 40px;
}

/* Prevent BeTheme default column bottom margin from inflating the section gap */
body.page-blog-details #Content .ui-blog-detail-hero .column.mcb-column {
    margin-bottom: 0 !important;
}

body.page-blog-details .ui-blog-subtitle {
    margin: 16px 0 16px 0;
}

body.page-blog-details .ui-blog-meta-gap {
    display: none;
}

body.page-blog-details .ui-blog-meta {
    color: var(--ui-color-muted);
    line-height: 1.7;
    margin: 16px 0 16px;
}

body.page-blog-details .ui-blog-meta-icon {
    margin-right: 6px;
}

body.page-blog-details .ui-blog-meta-sep {
    margin: 0 10px;
    color: #b0b0b5;
}

body.page-blog-details .ui-blog-divider {
    margin: 12px auto 0;
}

body.page-blog-details #Content .ui-blog-main-section {
    padding-top: 40px;
    padding-bottom: 80px;
}

/* Keep exact bottom gap control (avoid default 40px column margin stacking) */
body.page-blog-details #Content .ui-blog-main-section .column.mcb-column {
    margin-bottom: 0 !important;
}

body.page-blog-details .ui-blog-h3 {
    margin: 0 0 32px;
}

body.page-blog-details .ui-blog-h3-spaced {
    margin-top: 32px;
    margin-bottom: 32px;
}

body.page-blog-details .ui-blog-h3-tight {
    margin-top: 32px;
    margin-bottom: 32px;
}

body.page-blog-details .ui-blog-copy {
    color: var(--ui-color-muted);
    line-height: 1.7;
    /* margin: 0 0 20px; */
    margin-bottom: 16px;
}

body.page-blog-details #Content .ui-blog-main-section .column.two-third .ui-blog-copy:last-of-type {
    margin-bottom: 20px;
}

body.page-blog-details .ui-blog-list {
    list-style: none;
    color: var(--ui-color-muted);
    line-height: 1.7;
    padding-left: 0;
    margin: 0 0 28px;
}

body.page-blog-details .ui-blog-list li {
    position: relative;
    padding-left: 28px;
    margin-bottom: 10px;
}

body.page-blog-details .ui-blog-list li:last-child {
    margin-bottom: 0;
}

body.page-blog-details .ui-blog-list li::before {
    content: "\2713";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    color: #3f5f50;
    font-size: 14px;
    font-weight: 600;
}

body.page-blog-details .ui-blog-main-image {
    margin: 16px 0 16px;
}

body.page-blog-details .ui-blog-related-title {
    /* margin: 0 0 18px; */
    margin: 0 0 12px 0 !important;
    font-weight: 700 !important;
    font-size: 24px !important;
    color: #222 !important;
}

body.page-blog-details .ui-blog-related-card {
    background: var(--ui-color-bg-soft);
    padding: 20px;
    margin-top: 20px;
}

body.page-blog-details .ui-blog-related-media {
    width: 100%;
    height: 150px;
    overflow: hidden;
    margin-bottom: 18px;
}

body.page-blog-details .ui-blog-related-track {
    display: flex;
    width: 100%;
    height: 100%;
    will-change: transform;
}

body.page-blog-details .ui-blog-related-image {
    flex: 0 0 100%;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    height: 150px;
    min-height: 150px;
    max-height: 150px;
    object-fit: cover;
    display: block;
    margin: 0;
}

body.page-blog-details .ui-blog-related-category {
    color: #4f4f54;
    margin-bottom: 8px;
}

body.page-blog-details .ui-blog-related-post-title {
    font-size: 17px;
    font-weight: 700;
    color: #222;
    line-height: 27px;
    margin-bottom: 8px;
}

body.page-blog-details .ui-blog-related-readmore-wrap {
    margin-bottom: 0;
}

body.page-blog-details .ui-blog-related-readmore {
    color: var(--ui-color-accent);
    display: inline-flex;
    align-items: center;
    gap: 8px;
    line-height: 1.2;
    text-decoration: none;
}

body.page-blog-details .ui-blog-related-readmore i {
    font-size: 20px;
    line-height: 1;
    color: currentColor;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transform: translateY(2px);
}

body.page-blog-details .ui-blog-related-readmore:hover {
    color: var(--ui-color-primary);
    text-decoration: underline;
}

body.page-blog-details .ui-blog-newsletter {
    margin-top: 24px;
    background: var(--ui-color-bg-soft);
    padding: 20px;
}

body.page-blog-details .ui-blog-newsletter-desc {
    color: var(--ui-color-muted);
    line-height: 1.7;
    margin: 0;
    padding-bottom: 16px;
}

body.page-blog-details .ui-blog-newsletter-consent {
    color: var(--ui-color-muted);
    line-height: 1.7;
    margin: 0;
    padding-bottom: 16px;
}

body.page-blog-details .ui-blog-newsletter-input {
    margin-bottom: 16px;
    background: #ffffff !important;
    border: 1px solid #2b5a9f !important;
    border-bottom: 1px solid #2b5a9f !important;
    border-radius: 0 !important;
    padding: 12px 14px !important;
}

body.page-blog-details .ui-blog-newsletter-action {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 8px;
}

body.page-blog-details .ui-blog-note {
    margin-bottom: 20px;
}

.ui-subscribe-success {
    text-align: center;
    padding: 10px 0;
}

.ui-subscribe-success-check {
    display: block;
    font-size: 56px;
    line-height: 1;
    font-weight: 700;
    font-family: Arial, sans-serif;
    color: #14caf4;
    margin-bottom: 10px;
}

.ui-subscribe-success-title {
    margin: 0 0 5px;
    font-size: 15px;
    line-height: 1.7;
    font-weight: 700;
    color: #6e6e73;
}

.ui-subscribe-success-note {
    margin: 0;
    font-size: 15px;
    line-height: 1.7;
    font-weight: 400;
    color: #6e6e73;
}

/* Blog detail: align idea box icon with text content */
body.page-blog-details .idea_box {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 20px;
    margin-bottom: 0;
}

body.page-blog-details .idea_box .icon {
    position: static;
    margin: 0;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-self: center;
    width: 1.2em;
    flex: 0 0 auto;
}

body.page-blog-details .idea_box .icon i {
    display: block;
    line-height: 1;
}

body.page-blog-details .idea_box .icon i:before {
    display: block;
    line-height: 1;
    margin: 0;
}

body.page-blog-details .idea_box .desc {
    flex: 1 1 auto;
    margin: 0;
}

body.page-blog-details .idea_box .desc .ui-blog-copy {
    margin: 0 !important;
    padding: 0 !important;
}

body.page-blog-details .idea_box .desc p {
    margin: 0 !important;
    padding: 0 !important;
}

body.page-blog-details .ui-blog-visual-sample {
    margin: 32px 0 12px;
    padding: 0;
    border: 0;
    background: transparent;
    border-radius: 0;
}

body.page-blog-details .ui-blog-visual-title {
    margin: 0 0 16px;
    font-size: 24px;
    line-height: 1.3;
    font-weight: 700;
    color: #1f252b;
}

body.page-blog-details .ui-blog-visual-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
    margin-top: 18px;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}

body.page-blog-details .ui-blog-visual-card {
    min-height: 120px;
    border: 0;
    background: transparent;
    padding: 0 0 14px;
    border-radius: 0;
    box-shadow: none;
    border-bottom: 1px solid #e3e6ea;
    transition: none;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}

body.page-blog-details .ui-blog-visual-card:hover {
    transform: none;
    box-shadow: none;
    border-color: #e3e6ea;
}

body.page-blog-details .ui-blog-visual-card:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

body.page-blog-details .ui-blog-visual-card-title {
    margin: 0 0 14px;
    padding-bottom: 4px;
    font-size: 17px;
    line-height: 27px;
    font-weight: 700;
    color: #222;
    white-space: normal;
    overflow-wrap: anywhere;
}

body.page-blog-details .ui-blog-google-chart {
    width: 100%;
    height: 260px;
    display: block;
    background: var(--ui-color-bg-soft);
    border: 1px solid var(--ui-color-bg-soft);
    border-radius: 0;
    box-sizing: border-box;
    max-width: 100%;
    overflow: hidden;
}

body.page-blog-details .ui-blog-google-chart>div,
body.page-blog-details .ui-blog-google-chart svg,
body.page-blog-details .ui-blog-google-chart canvas,
body.page-blog-details .ui-blog-google-chart iframe {
    max-width: 100% !important;
    box-sizing: border-box;
}

body.page-blog-details #ui-gchart-pie {
    height: 360px;
}

body.page-blog-details .ui-blog-related-dots {
    margin-top: 18px;
}

body.page-blog-details .related-dot {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #d0d0d0;
    margin-right: 8px;
    cursor: pointer;
}

body.page-blog-details .related-dot:last-child {
    margin-right: 0;
}

body.page-blog-details .related-dot.is-active {
    background: #6e6e73;
}

body.page-blog-details .ui-blog-quote {
    border-left: 3px solid var(--ui-color-primary);
    margin: 28px 0;
    padding: 10px 18px;
    color: #4f4f54;
}

@media (min-width: 992px) {
    body.page-blog-details #Wrapper,
    body.page-blog-details #Content,
    body.page-blog-details #Content .content_wrapper,
    body.page-blog-details #Content .sections_group,
    body.page-blog-details #Content .ui-blog-main-section,
    body.page-blog-details #Content .ui-blog-main-section .section_wrapper,
    body.page-blog-details #Content .ui-blog-main-section .mcb-wrap,
    body.page-blog-details #Content .ui-blog-main-section .mcb-wrap-inner {
        overflow: visible !important;
    }

    body.page-blog-details #Content .ui-blog-main-section .mcb-wrap-inner {
        display: flex;
        align-items: flex-start;
    }

    body.page-blog-details #Content .ui-blog-main-section .column.mcb-column {
        float: none !important;
    }

    body.page-blog-details #Content .ui-blog-main-section .column.two-third .column_attr {
        max-height: none;
        overflow: visible;
        padding-right: 18px;
    }

    body.page-blog-details #Content .ui-blog-main-section .column.one-third {
        position: -webkit-sticky !important;
        position: sticky !important;
        top: 120px !important;
        align-self: flex-start;
    }

    body.page-blog-details #Content .ui-blog-main-section .column.one-third .column_attr {
        position: static;
        max-height: none;
        overflow: visible;
        padding-right: 0;
    }
}


/* Job detail pages: desktop sticky right rail (centralized) */
@media (min-width: 992px) {
    body[class*="job-3270"] #Wrapper,
    body[class*="job-3270"] #Content,
    body[class*="job-3270"] #Content .content_wrapper,
    body[class*="job-3270"] #Content .sections_group,
    body[class*="job-3270"] #Content .section.ui-section-hero,
    body[class*="job-3270"] #Content .section.ui-section-hero .section_wrapper,
    body[class*="job-3270"] #Content .section.ui-section-hero .mcb-wrap,
    body[class*="job-3270"] #Content .section.ui-section-hero .mcb-wrap-inner {
        overflow: visible !important;
    }

    body[class*="job-3270"] #Content .section.ui-section-hero .mcb-wrap-inner {
        display: flex;
        align-items: flex-start;
    }

    body[class*="job-3270"] #Content .section.ui-section-hero .column.mcb-column.two-third {
        width: 66.6667% !important;
    }

    body[class*="job-3270"] #Content .section.ui-section-hero .column.mcb-column.one-third {
        width: 33.3333% !important;
        position: -webkit-sticky !important;
        position: sticky !important;
        top: 0 !important;
        align-self: flex-start;
    }

    body[class*="job-3270"] #Content .section.ui-section-hero .column.mcb-column {
        float: none !important;
    }

    body[class*="job-3270"] #Content .section.ui-section-hero .column.mcb-column.one-third .sidebar-wrap.sidebar-alignment-fix {
        padding-top: 0 !important;
        margin-top: 0 !important;
    }
}

/* ABC-Job: enable blog-style sticky right rail on tablet too (desktop already covered above) */
@media (min-width: 768px) and (max-width: 991px) {
    body.job-3270089.page-blog-details #Wrapper,
    body.job-3270089.page-blog-details #Content,
    body.job-3270089.page-blog-details #Content .content_wrapper,
    body.job-3270089.page-blog-details #Content .sections_group,
    body.job-3270089.page-blog-details #Content .ui-blog-main-section,
    body.job-3270089.page-blog-details #Content .ui-blog-main-section .section_wrapper,
    body.job-3270089.page-blog-details #Content .ui-blog-main-section .mcb-wrap,
    body.job-3270089.page-blog-details #Content .ui-blog-main-section .mcb-wrap-inner {
        overflow: visible !important;
    }

    body.job-3270089.page-blog-details #Content .ui-blog-main-section .mcb-wrap-inner {
        display: flex;
        align-items: flex-start;
    }

    body.job-3270089.page-blog-details #Content .ui-blog-main-section .column.mcb-column {
        float: none !important;
    }

    body.job-3270089.page-blog-details #Content .ui-blog-main-section .column.two-third .column_attr {
        max-height: none;
        overflow: visible;
        padding-right: 18px;
    }

    body.job-3270089.page-blog-details #Content .ui-blog-main-section .column.one-third {
        position: -webkit-sticky !important;
        position: sticky !important;
        top: 120px !important;
        align-self: flex-start;
    }

    body.job-3270089.page-blog-details #Content .ui-blog-main-section .column.one-third .column_attr {
        position: static;
        max-height: none;
        overflow: visible;
        padding-right: 0;
    }
}

@media (max-width: 767px) {
    body.page-blog-details #Content .section_wrapper {
        width: 100% !important;
        max-width: 361px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    body.page-blog-details #Content .section_wrapper .mcb-wrap,
    body.page-blog-details #Content .section_wrapper .mcb-wrap .mcb-wrap-inner,
    body.page-blog-details #Content .section_wrapper .column_attr {
        padding-left: 0;
        padding-right: 0;
    }

    body.page-blog-details #Content .section_wrapper .column.mcb-column {
        margin-bottom: 0 !important;
    }

    body.page-blog-details .ui-blog-meta,
    body.page-blog-details .ui-blog-copy,
    body.page-blog-details .ui-blog-list,
    body.page-blog-details .ui-blog-newsletter-desc {
        line-height: 1.7;
    }

    body.page-blog-details .ui-blog-newsletter-desc,
    body.page-blog-details .ui-blog-newsletter-consent {
        padding-bottom: 16px;
    }

    body.page-blog-details .ui-blog-google-chart {
        height: 220px;
        width: 100% !important;
        max-width: 100% !important;
        overflow: hidden !important;
    }

    body.page-blog-details #ui-gchart-pie {
        height: 300px;
    }

    body.page-blog-details .ui-blog-google-chart>div {
        width: 100% !important;
        max-width: 100% !important;
        left: 0 !important;
    }

    /* Restore blog-detail typography spacing overridden by global #Content h*/p mobile reset */
    body.page-blog-details #Content h2[itemprop="name title"] {
        margin: 0 0 16px;
    }

    body.page-blog-details #Content .ui-blog-subtitle {
        margin: 16px 0 0;
    }

    body.page-blog-details #Content .ui-blog-meta {
        margin: 16px 0 18px;
    }

    body.page-blog-details #Content .ui-blog-h3 {
        margin: 0 0 32px;
    }

    body.page-blog-details #Content .ui-blog-h3-spaced,
    body.page-blog-details #Content .ui-blog-h3-tight {
        margin-top: 32px;
        margin-bottom: 32px;
    }

    body.page-blog-details #Content .ui-blog-copy {
        margin-bottom: 32px;
    }

    body.page-blog-details .idea_box {
        margin-bottom: 40px;
    }
}

/* Blog listing pages: moved from inline <style> blocks in blog.html/blog2.html */
body.blog-page {
    --blog-primary: #045ba8;
    --blog-accent: #14caf4;
    --blog-text: #161617;
    --blog-muted: #6e6e73;
    --blog-border: #dfe3e8;
}

.blog-page .blog-categories-wrap {
    margin-top: 10px;
    margin-bottom: 30px;
}

.blog-page .blog-path {
    color: #6e6e73;
    margin-bottom: 18px;
}

.blog-page .blog-categories {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.blog-page .category-chip {
    border: 1px solid #dcdcdc;
    border-radius: 999px;
    padding: 8px 18px;
    color: #3a3a3a;
    background: #fff;
    cursor: pointer;
    transition: all 0.25s ease;
}

.blog-page .category-chip:hover {
    border-color: #14caf4;
    color: #045ba8;
}

.blog-page .category-chip.active {
    background: #14caf4;
    border-color: #14caf4;
    color: #fff;
}

.blog-page .blog-grid-section {
    padding-top: 20px;
    padding-bottom: 40px;
}

.blog-page .blog-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 26px;
}

.blog-page .blog-card {
    border: 1px solid var(--blog-border);
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    transition: none;
}

.blog-page .blog-card.job-card-container {
    padding: 0 !important;
    margin-bottom: 0 !important;
}

.blog-page .blog-card.job-card-container:hover {
    transform: none;
    box-shadow: none;
    border-color: var(--blog-border);
}

.blog-page .blog-card-image {
    height: 260px;
    overflow: hidden;
    position: relative;
    margin: 0;
}

.blog-page .blog-card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.45s ease;
}

.blog-page .blog-card:hover .blog-card-image img {
    transform: scale(1.12);
}

.blog-page .blog-card-body {
    padding-top: 24px;
    padding-right: 24px;
    padding-bottom: 24px;
    padding-left: 24px;
    display: flex;
    flex-direction: column;
}

.blog-page .blog-card-title {
    line-height: 1.2;
    margin: 0 0 14px;
    color: var(--blog-text);
    font-weight: 700;
}

.blog-page .blog-card-title a {
    color: inherit;
    text-decoration: none;
}

.blog-page .blog-card-title a:hover {
    color: var(--blog-primary);
    text-decoration: underline;
}

.blog-page .blog-card-service {
    margin: 0 0 10px;
    color: #14caf4;
    font-size: 14px;
    line-height: 1.4;
    font-weight: 600;
    text-transform: uppercase;
}

.blog-page .blog-card-text {
    color: var(--blog-muted);
    line-height: 1.7;
    margin-bottom: 8px 0 18px;
}

.blog-page .blog-link {
    color: var(--blog-accent);
    text-decoration: none;
    align-self: flex-end;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    line-height: 1.2;
}

.blog-page .blog-link i {
    font-size: 20px;
    line-height: 1;
    color: currentColor;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transform: translateY(2px);
}

.blog-page .blog-link:hover {
    color: var(--blog-primary);
    text-decoration: underline;
}

.blog-page .blog-pagination-wrap {
    display: flex;
    justify-content: center;
    padding: 40px 0 80px;
    
}

/* Keep pagination below the open filter dropdown on blog page */
body.page-blog .filter-section-wrapper {
    z-index: 10000;
}

body.page-blog .filter-section-wrapper .dropdown-card {
    z-index: 10001;
}

body.page-blog .blog-pagination-wrap {
    position: relative;
    z-index: 1;
}

/* Force filter dropdown above pagination/footer while open (mobile blog page) */
@media (max-width: 767px) {
    body.page-blog #filter-wrapper {
        position: relative !important;
        z-index: 2147483000 !important;
        isolation: isolate;
    }

    
    body.page-blog #filter-wrapper .dropdown-card {
        position: absolute !important;
        z-index: 2147483600 !important;
        pointer-events: auto !important;
        max-height: 62vh !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior: contain;
        touch-action: pan-y;
    }

    body.page-blog #job-results,
    body.page-blog .blog-pagination-wrap,
    body.page-blog .blog-pagination,
    body.page-blog .blog-pagination *,
    body.page-blog .ui-section-footer-cta {
        position: relative;
        z-index: 1 !important;
    }

    /* Keep pagination out of the dropdown area while filter panel is open */
    body.page-blog.blog-filter-open .blog-pagination-wrap {
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }

    body.page-blog.blog-filter-open #job-results,
    body.page-blog.blog-filter-open .ui-section-footer-cta {
        pointer-events: none !important;
    }

    body.page-blog.blog-filter-open #filter-wrapper,
    body.page-blog.blog-filter-open #filter-wrapper .dropdown-card,
    body.page-blog.blog-filter-open #filter-wrapper .dropdown-card * {
        pointer-events: auto !important;
    }

    /* Ensure each dropdown option remains tappable above any underlying layers */
    body.page-blog.blog-filter-open #filter-wrapper .dropdown-card .pill {
        position: relative;
        z-index: 2147483647 !important;
        pointer-events: auto !important;
        -webkit-tap-highlight-color: transparent;
        touch-action: manipulation;
    }
}

.blog-page .blog-pagination {
    display: flex;
    align-items: center;
    gap: 12px;
}

.blog-page .page-btn,
.blog-page .page-number,
.blog-page .page-ellipsis {
    width: 35px;
    height: 35px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #171d31;
    text-decoration: none;
}

.blog-page .page-btn {
    border: 1px solid #045ba8;
    background: transparent;
}

.blog-page .page-btn:hover {
    background: #045ba8;
    color: #fff;
}

.blog-page .page-number {
    border: 1px solid transparent;
}

.blog-page .page-number.active {
    background: #045ba8;
    border-color: #045ba8;
    color: #fff;
}

.blog-page .blog-hero-col-left {
    padding: 0;
}

.blog-page .blog-hero-col-right {
    padding: 0;
}

body.page-blog2.blog-page .blog-hero-col-right.blog-hero-col-right-edge {
    padding: 0 0 0 4%;
}

.blog-page .blog-hero-image {
    display: block;
    width: 100%;
}

.blog-page .blog-hero-no-line-gap,
.blog-page .blog-hero-divider {
    margin: 0 auto 40px;
}

.blog-page .blog-hero-subtitle {
    color: #045ba8;
    line-height: 1.7;
    margin-bottom: 25px;
}

.blog-page .blog-empty-state {
    display: none;
    text-align: center;
    padding: 50px;
    color: #6e6e73;
}

@media (max-width: 991px) {
    .blog-page .blog-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .blog-page .blog-grid {
        grid-template-columns: 1fr;
    }

    .blog-page .blog-card-image {
        height: 220px;
    }

    /* Force blog card text spacing on mobile (beats generic #Content mobile resets) */
    body.page-blog #Content .blog-card-body {
        padding-top: 24px !important;
        padding-right: 24px !important;
        padding-bottom: 24px !important;
        padding-left: 24px !important;
    }

    body.page-blog #Content .blog-card-service {
        margin: 0 0 10px !important;
    }

    body.page-blog #Content .blog-card-title {
        margin: 0 0 14px !important;
    }

    body.page-blog #Content .blog-card-text {
        margin: 8px 0 18px !important;
    }

    body.page-blog #Content .blog-link {
        margin: 0 !important;
    }

    .blog-page .page-btn,
    .blog-page .page-number,
    .blog-page .page-ellipsis {
        width: 35px;
        height: 35px;
    }
}

/* Reusable utility classes for these pages */
.blog-footer-gap {
    margin: 0 auto 20px auto;
}

.u-social-icon-brand {
    color: #045BAB;
    font-size: 24px;
    vertical-align: middle;
}

.u-social-icon-x {
    vertical-align: middle;
    display: inline-block;
    transform: translateY(1.8px);
}

.u-footer-privacy-right {
    text-align: right;
}

.u-footer-privacy-text {
    color: #6e6e73;
}

@media (max-width: 767px) {
    body:not(.home) #Footer .footer_copy .container {
        width: 100% !important;
        max-width: var(--ui-shell-mobile-max, 331px) !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box;
    }

    #Footer .footer_copy .column.one {
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    #Footer .footer_copy .column.one > div {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    body:not(.home) #Footer .footer_copy .column.one {
        display: grid;
        grid-template-columns: 1fr;
    }

	    body:not(.home) #Footer .footer_copy .copyright {
	        float: none;
	        justify-self: start;
	        text-align: left;
	        width: 100%;
	    }

	    body:not(.home) #Footer .footer_copy .u-footer-privacy-right {
	        justify-self: end;
	        width: auto !important;
	        text-align: right !important;
	    }

	    #Footer .footer_copy .copyright .u-footer-rights {
	        display: block;
	        width: 100%;
	        text-align: center;
	    }
}

.u-hr-20 {
    margin: 20px auto 20px;
}

#Top_bar .mobile-lang-link {
    display: none;
}

.mobile-lang-panel {
    display: none !important;
}

.mobile-lang-panel .ui-lang-label {
    display: inline-flex;
    align-items: center;
    line-height: 1.2;
}

.mobile-lang-panel .ui-lang-flag {
    width: 20px;
    height: 14px;
    object-fit: cover;
    border-radius: 2px;
    margin-right: 10px;
    flex: 0 0 auto;
    display: block;
}

#Top_bar .menu>li.ui-lang-switcher>a i {
    vertical-align: middle;
}

#Top_bar .ui-lang-label {
    display: inline-flex;
    align-items: center;
    line-height: 1.2;
}

#Top_bar .menu>li.ui-lang-switcher>ul.submenu li a {
    display: flex;
    align-items: center;
    min-height: 40px;
}

#Top_bar .menu>li.ui-lang-switcher>ul.submenu li.current-menu-item>a {
    color: #14caf4;
    border-bottom: 1px solid rgba(20, 202, 244, 1) !important;
}

#Top_bar .ui-lang-flag {
    width: 20px;
    height: 14px;
    object-fit: cover;
    border-radius: 2px;
    margin-right: 10px;
    flex: 0 0 auto;
}

@media only screen and (max-width: 1239px) {
    #Top_bar #menu-main-menu>li.ui-lang-switcher {
        display: none !important;
    }

    #Top_bar a.mobile-lang-link {
        display: block;
        position: absolute;
        top: 30px;
        margin-top: -17px;
        right: 54px;
        width: 35px;
        height: 35px;
        line-height: 35px;
        text-align: center;
        color: #000;
        z-index: 11;
        border-radius: 3px;
    }

    #Top_bar a.mobile-lang-link i {
        font-size: 20px;
        line-height: 30px;
        display: inline-block;
        transform: none;
        vertical-align: middle;
    }

    .mobile-lang-panel {
        display: none;
        position: fixed;
        top: 86px;
        right: 16px;
        width: 190px !important;
        min-width: 190px !important;
        max-width: 190px !important;
        background-color: #F2F2F2;
        opacity: 1;
        box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.03);
        -webkit-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.03);
        z-index: 100050;
        box-sizing: border-box;
    }

    .mobile-lang-panel.is-open {
        display: block !important;
    }

    .mobile-lang-panel ul {
        margin: 0;
        padding: 0;
        list-style: none;
        background-color: #F2F2F2;
        width: 100% !important;
        position: static !important;
        display: block !important;
        background-image: none !important;
        box-shadow: none !important;
        -webkit-box-shadow: none !important;
    }

    .mobile-lang-panel .mobile-lang-list {
        width: 100% !important;
    }

    .mobile-lang-panel li {
        width: 100% !important;
        padding: 0;
    }

    .mobile-lang-panel li a {
        display: flex;
        align-items: center;
        padding: 10px 10px 10px 20px;
        line-height: normal;
        font-size: 16px;
        font-weight: 400;
        color: inherit;
        text-decoration: none;
        border-bottom: 1px solid rgba(0, 0, 0, 0.05);
        box-sizing: border-box;
        background-color: #F2F2F2;
    }

    .mobile-lang-panel li a span {
        border: 0 !important;
        padding: 0 !important;
        line-height: 1.2 !important;
    }

    .mobile-lang-panel li:last-child a {
        border-bottom: 0;
    }

    .mobile-lang-panel li a:hover,
    .mobile-lang-panel li.hover>a {
        color: #14caf4;
        text-decoration: none;
        background: rgba(0, 0, 0, .06);
    }

    .mobile-lang-panel li.current-menu-item>a {
        color: #14caf4;
        background: transparent;
        border-bottom: 1px solid rgba(20, 202, 244, 1);
    }

#Side_slide .menu_wrapper .ui-lang-switcher {
    display: none !important;
}

@media only screen and (max-width: 1239px) {
    /* Keep the same header/logo dimensions in normal + sticky mobile states */
    #Top_bar,
    .mobile-sticky #Top_bar.is-sticky {
        top: 0 !important;
        transform: none !important;
    }

    #Top_bar #logo,
    .mobile-sticky #Top_bar.is-sticky #logo,
    #Top_bar.is-sticky #logo {
        height: 50px !important;
        line-height: 50px !important;
        padding: 0 !important;
        margin-top: 5px !important;
        margin-bottom: 5px !important;
    }

    #Top_bar #logo img,
    #Top_bar.is-sticky #logo img {
        max-height: 48px !important;
    }

    /* Keep mobile header logo from being clipped when side menu is opened */
    #Top_bar #logo img {
        position: static !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        width: auto !important;
        max-width: 100% !important;
        height: auto !important;
        max-height: 100% !important;
        transform: none !important;
    }

    /* Side-slide menu header/logo should render full logo on mobile */
    #Side_slide #logo img,
    #Side_slide .logo img,
    #Side_slide .logo .logo-main,
    #Side_slide .logo .logo-mobile {
        position: static !important;
        display: inline-block !important;
        width: auto !important;
        max-width: 100% !important;
        height: auto !important;
        transform: none !important;
    }

    #Side_slide .logo,
    #Side_slide #logo {
        overflow: visible !important;
        width: auto !important;
    }
}
}

/* About page vision quote */
.ui-about-vision-quote-wrap {
    margin-top: 4px;
}

.ui-about-vision-quote {
    margin: 0;
    padding: 14px 18px 12px 20px;
    border-left: 3px solid #14caf4;
    background: #f7f9fb;
    color: #4f4f54;
    font-style: normal;
}

.ui-about-vision-quote p {
    margin: 0;
    line-height: 1.7;
    font-style: italic;
    font-weight: 700;
    font-size: 20px;
}

@media (max-width: 767px) {
    .ui-about-vision-quote p {
        font-size: 20px;
    }
}

.home-hero-static {
    padding: 175px 0 0;
    position: relative;
    overflow: hidden;
}

.home-hero-static .container {
    position: relative;
    z-index: 2;
}

/* Match hero-split desktop shell so home hero aligns to 1280 edges */
@media (min-width: 1240px) {
    #Header .home-hero-static {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 0;
    }

    #Header .home-hero-static .container {
        width: 100%;
        max-width: none;
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;
        box-sizing: border-box;
    }

    #Header .home-hero-static .row {
        width: 100%;
        max-width: var(--ui-shell-desktop-max, 1280px);
        margin-left: auto;
        margin-right: auto;
        padding-left: var(--ui-gutter-desktop, 15px);
        padding-right: var(--ui-gutter-desktop, 15px);
        box-sizing: border-box;
    }

    #Header .home-hero-static .row.align-items-center {
        align-items: stretch;
    }

    #Header .home-hero-static .row > [class*="col-"]:first-child {
        padding-top: 0;
        padding-right: calc(var(--ui-gutter-desktop, 15px) * 3);
        padding-bottom: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

  
}

.home-hero-static-title {
    margin: 0;
    font-size: 60px;
    line-height: 66px;
    font-weight: 600;
    color: #081f36;
}

.home-hero-static-title-line {
    display: inline-flex;
    align-items: baseline;
    gap: 34px;
    flex-wrap: nowrap;
}

.home-hero-static-title-highlight {
    position: relative;
    display: inline-block;
    color: #045ba8;
    z-index: 1;
}

.home-hero-static-title-highlight::after {
    content: "";
    position: absolute;
    left: 0;
    right: -8px;
    bottom: 6px;
    height: 0.34em;
    background: #ffd77d;
    z-index: -1;
}

.home-hero-static-subtitle {
    margin: 8px 0 0;
    font-size: 32px;
    line-height: 40px;
    font-weight: 500;
    color: #6e6e73;
}

.home-hero-static-detail {
    margin: 40px 0 40px;
    font-size: 24px;
    line-height: 34px;
    color: #6e6e73;
}


.home-hero-static-note {
    margin: 0 0 40px;
    font-size: 24px;
    line-height: 34px;
    font-weight: 600;
    color: #203044;
    width: fit-content;
    max-width: 100%;
    padding: 20px 34px 20px 28px;
    border-left: 8px solid #14caf4;
    display: inline-flex;
    align-items: center;
    min-height: 0;
    background: linear-gradient(90deg,
        rgba(227, 240, 251, 1) 0%,
        rgba(227, 240, 251, 1) 72%,
        rgba(237, 246, 255, 0.82) 88%,
        rgba(255, 255, 255, 0) 100%);
    text-decoration: none;
    box-sizing: border-box;
}

.home-hero-static-note span {
    display: block;
    max-width: 45ch;
}

.home-hero-static-btn {
    margin: 0 !important;
    align-self: flex-start;
    width: auto;
}

.home-hero-static-btn-mobile {
    display: none !important;
}

.home-hero-static-image {
    --home-hero-image-base-transform: none;
    max-width: 100%;
    height: auto;
    display: inline-block;
    opacity: 0;
    transform: var(--home-hero-image-base-transform) scale(0.9);
    transform-origin: center center;
    animation: homeHeroImageReveal 1200ms ease-out 150ms forwards;
    will-change: transform, opacity;
}

.home-hero-static .row>[class*="col-"]:first-child {
    position: relative;
}

.home-hero-static-accent-infuse {
    position: absolute;
    top: -8px;
    left: -72px;
    width: 50px;
    height: auto;
    pointer-events: none;
    z-index: 3;
    opacity: 0;
    transform: rotateY(360deg);
    transform-origin: center center;
    backface-visibility: hidden;
    animation: homeHeroAccentSpin 950ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 400ms forwards;
    will-change: transform, opacity;
}

.home-hero-static-edge-left {
    position: absolute;
    left: -72px;
    top: auto;
    bottom: -3px;
    width: 50px;
    height: auto;
    pointer-events: none;
    z-index: 2;
}

@media (min-width: 1200px) {
    .home-hero-static .row>[class*="col-"]:first-child {
        flex: 0 0 60%;
        max-width: 60%;
        transform: none;
    }

    .home-hero-static .row>[class*="col-"]:last-child {
        flex: 0 0 40%;
        max-width: 40%;
        text-align: right;
        transform: none;
    }

    .home-hero-static-title,
    .home-hero-static-subtitle {
        white-space: nowrap;
    }

    .home-hero-static-image {
        --home-hero-image-base-transform: none;
        width: 100%;
        height: auto;
        max-width: 100%;
        object-fit: contain;
    }
}

@media (max-width: 991px) {

    .home-hero-static-accent-infuse,
    .home-hero-static-edge-left {
        display: none;
    }

    .home-hero-static {
        padding: 44px 0 20px;
    }

    .home-hero-static-title {
        font-size: 44px;
        line-height: 52px;
    }

    .home-hero-static-title-line {
        gap: 22px;
    }

    .home-hero-static-title-highlight::after {
        bottom: 4px;
    }

    .home-hero-static-subtitle {
        font-size: 24px;
        line-height: 32px;
    }

    .home-hero-static-detail {
        font-size: 18px;
        line-height: 28px;
        margin: 18px 0 14px;
    }

    .home-hero-static-note {
        font-size: 18px;
        line-height: 28px;
        margin: 0 0 24px;
        padding: 16px 22px 16px 18px;
        min-height: 0;
        border-left-width: 6px;
    }

    .home-hero-static-note span {
        max-width: 40ch;
    }
}

@media (max-width: 767px) {
    .home-hero-static {
        padding: 24px 0 10px;
    }

    .home-hero-static .container {
        width: 100% !important;
        max-width: var(--ui-shell-mobile-max, 331px) !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box;
    }

    .home-hero-static .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .home-hero-static .row > [class*="col-"] {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .home-hero-static .row > [class*="col-"]:last-child {
        text-align: center;
    }

    .home-hero-static-title {
        font-size: 28px;
        line-height: 36px;
    }

    .home-hero-static-title-line {
        gap: 14px;
        flex-wrap: nowrap;
    }

    .home-hero-static-title-highlight::after {
        right: -4px;
        bottom: 3px;
    }

    .home-hero-static-subtitle {
        font-size: 17px;
        line-height: 24px;
    }

    .home-hero-static-detail {
        font-size: 14px;
        line-height: 22px;
        margin: 12px 0 10px;
    }

    .home-hero-static-note {
        font-size: 14px;
        line-height: 22px;
        margin: 0 0 0;
        width: 100%;
        padding: 12px 16px 12px 14px;
        min-height: 0;
        border-left-width: 5px;
    }

    .home-hero-static-note span {
        max-width: none;
    }

    .home-hero-static-image {
        margin-top: 0px;
    }

    .home-hero-static-btn-desktop {
        display: none !important;
    }

    a.button.home-hero-static-btn-mobile {
        display: inline-flex !important;
        width: auto !important;
        max-width: 100%;
        box-sizing: border-box;
        justify-content: center;
        margin: 16px auto 0 !important;
    }

    .home-hero-static-btn-mobile .button_label {
        white-space: normal;
        text-align: center;
    }
}

@keyframes homeHeroImageReveal {
    from {
        opacity: 0;
        transform: var(--home-hero-image-base-transform) scale(0.9);
    }

    to {
        opacity: 1;
        transform: var(--home-hero-image-base-transform) scale(1);
    }
}

@keyframes homeHeroAccentSpin {
    from {
        opacity: 0;
        transform: rotateY(360deg);
    }

    to {
        opacity: 1;
        transform: rotateY(0deg);
    }
}

@media (prefers-reduced-motion: reduce) {
    .home-hero-static-image {
        animation: none !important;
        opacity: 1;
        transform: var(--home-hero-image-base-transform) scale(1);
    }

    .home-hero-static-accent-infuse {
        animation: none !important;
        opacity: 1;
        transform: rotateY(0deg);
    }
}


/* =====================================================
   SITE-WIDE TYPOGRAPHY + SPACING CONSISTENCY LAYER
   (CSS-token based, no hardening)
   ===================================================== */

/* Local self-hosted Segoe UI (TTF) */
@font-face {
    font-family: "SegoeUIWeb";
    src: url("fonts/Segoe_UI/Segoe%20UI.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "SegoeUIWeb";
    src: url("fonts/Segoe_UI/Segoe%20UI%20Italic.woff2") format("woff2");
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "SegoeUIWeb";
    src: url("fonts/Segoe_UI/Segoe%20UI%20Bold.woff2") format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "SegoeUIWeb";
    src: url("fonts/Segoe_UI/Segoe%20UI%20Bold%20Italic.woff2") format("woff2");
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

:root {
    --ui-text-gap-heading: 16px;
    --ui-text-gap-body: 16px;
    --ui-text-gap-h5: 20px;
    --ui-text-gap-list-item: 8px;
    --ui-text-gap-hero-subtitle: 25px;
    --ui-text-heading-underline-width: 40px;
    --ui-text-heading-underline-height: 5px;
    --ui-text-heading-underline-gap: 14px;
    --ui-text-heading-underline-color: #FFC854;
    --ui-text-line-heading: 1.3;
    --ui-text-line-body: 1.7;

    /* Sequential text palette */
    --ui-text-step-1: var(--ui-color-text);
    --ui-text-step-2: #2a2a2f;
    --ui-text-step-3: #4b4b52;
    --ui-text-step-4: var(--ui-color-muted);

    /* Single global font stack (Segoe UI first) */
    --ui-font-primary: "SegoeUIWeb", "Segoe UI", "Segoe UI Variable", sans-serif;
}

/* Global typography family */
body {
    font-family: var(--ui-font-primary);
}

/* Keep text elements on one family across components */
h1,
h2,
h3,
h4,
h5,
h6,
p,
li,
a,
span,
label,
small,
strong,
em,
blockquote,
button,
input,
select,
textarea {
    font-family: inherit;
}

/* Override legacy component-specific font-family declarations */
div.pp_default .pp_nav .currentTextHolder,
#Error_404 .error_desk p em,
.ui-subscribe-success-check {
    font-family: var(--ui-font-primary);
}

/* Enforce text rhythm across the whole site */
:where(body) h1,
:where(body) h2,
:where(body) h3,
:where(body) h4,
:where(body) h5,
:where(body) h6 {
    margin-top: 0;
    margin-bottom: var(--ui-text-gap-heading);
    line-height: var(--ui-text-line-heading);
}

:where(body) h1,
:where(body) h2 {
    color: var(--ui-text-step-1);
}

:where(body) h1 {
    line-height: 1.2;
}

:where(body) h3,
:where(body) h4 {
    color: var(--ui-text-step-2);
}

:where(body) h5 {
    color: var(--ui-text-step-3);
    margin-bottom: var(--ui-text-gap-h5);
    line-height: 1.75;
}

:where(body) h6 {
    color: var(--ui-text-step-4);
    font-size: 14px;
}

/* Accent underline for page/section h2 headings */
:where(#Content) :where(h2):not(.job-title):not(.ui-heading-no-underline) {
    position: relative;
    padding-bottom: calc(var(--ui-text-heading-underline-gap) + var(--ui-text-heading-underline-height));
}

:where(#Content) :where(h2):not(.job-title):not(.ui-heading-no-underline)::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: var(--ui-text-heading-underline-width);
    height: var(--ui-text-heading-underline-height);
    background: var(--ui-text-heading-underline-color);
}

:where(#Content) :where(.align_right, .text-right, .ui-pane-right) :where(h2):not(.job-title):not(.ui-heading-no-underline)::after {
    left: auto;
    right: 0;
}

:where(#Content) :where(.align_center, .text-center, .mobile_align_center) :where(h2):not(.job-title):not(.ui-heading-no-underline)::after {
    left: 50%;
    right: auto;
    transform: translateX(-50%);
}

:where(body) p,
:where(body) ul,
:where(body) ol,
:where(body) blockquote {
    margin-top: 0;
    margin-bottom: var(--ui-text-gap-body);
    line-height: var(--ui-text-line-body);
    color: var(--ui-text-step-4);
}

:where(body) ul li,
:where(body) ol li {
    margin-bottom: var(--ui-text-gap-list-item);
    line-height: var(--ui-text-line-body);
    color: var(--ui-text-step-4);
}

:where(body) ul li:last-child,
:where(body) ol li:last-child {
    margin-bottom: 0;
}

/* Avoid random trailing gaps at the end of content blocks */
:where(body) .column_attr> :last-child {
    margin-bottom: 0;
}

/* Uniform hero subtitle behavior across split-hero pages */
:where(body.page:not(.home)) :where(#Content) .section.mcb-section.full-width.ui-section-hero-split h4.ui-hero-subtitle {
    margin-bottom: var(--ui-text-gap-hero-subtitle);
    line-height: 1.6;
}

body.page:not(.home) #Content .section.mcb-section.full-width.ui-section-hero-split h4.ui-hero-subtitle.home-hero-static-note {
    margin: 0 0 var(--ui-text-gap-hero-subtitle) !important;
    color: var(--ui-hero-note-text, #203044) !important;
    padding: 20px 34px 20px 28px;
    font-size: 24px !important;
    line-height: 34px !important;
    border-left-color: var(--ui-hero-note-accent, #14caf4);
    background: linear-gradient(90deg,
        var(--ui-hero-note-bg, rgba(227, 240, 251, 1)) 0%,
        var(--ui-hero-note-bg, rgba(227, 240, 251, 1)) 72%,
        var(--ui-hero-note-bg-soft, rgba(237, 246, 255, 0.82)) 88%,
        rgba(255, 255, 255, 0) 100%);
}

body.page:not(.home) #Content .section.mcb-section.full-width.ui-section-hero-split h4.ui-hero-subtitle.home-hero-static-note span {
    max-width: 42ch;
}

/* Preserve intended home hero hierarchy while keeping global consistency elsewhere */
#Content .home-hero-static-title {
    line-height: 66px;
}

#Content .home-hero-static-subtitle {
    line-height: 40px;
}

#Content .home-hero-static-detail,
#Content .home-hero-static-note {
    line-height: 34px;
}

@media (max-width: 767px) {
    :root {
        --ui-text-gap-heading: 14px;
        --ui-text-gap-body: 14px;
        --ui-text-gap-h5: 18px;
        --ui-text-gap-list-item: 8px;
        --ui-text-gap-hero-subtitle: 25px;
        --ui-text-heading-underline-width: 36px;
        --ui-text-heading-underline-height: 4px;
        --ui-text-heading-underline-gap: 12px;
        --ui-text-line-heading: 1.35;
        --ui-text-line-body: 1.7;
    }

    #Content .home-hero-static-title {
        line-height: 36px;
    }

    #Content .home-hero-static-subtitle {
        line-height: 24px;
    }

    #Content .home-hero-static-detail,
    #Content .home-hero-static-note {
        line-height: 22px;
    }

    body.page:not(.home) #Content .section.mcb-section.full-width.ui-section-hero-split h4.ui-hero-subtitle.home-hero-static-note {
        padding: 14px 22px 14px 18px;
        border-left-width: 6px;
        font-size: 14px !important;
        line-height: 22px !important;
    }

    /* Match form input text to mobile paragraph scale */
    .modern-input,
    .modern-textarea,
    .ui-form-input,
    .ui-form-textarea,
    body.page-blog-details .ui-blog-newsletter-input {
        font-size: 13px;
    }

    :where(body) h1 {
        line-height: 1.25;
    }

    :where(body) h6 {
        font-size: 13px;
    }
}

/* Absolute global h5 rhythm across the entire site (all pages/views) */
h5 {
    line-height: 1.75;
}

/* Counter label underline mark only (no other visual/layout changes) */
.stats-label {
    text-decoration-line: underline;
    text-decoration-color: rgba(20, 202, 244, 0.22);
    text-decoration-thickness: 0.34em;
    text-underline-offset: -0.12em;
    text-decoration-skip-ink: none;
}

/* Subtle handover effect for primary interactive CTAs across pages */
a.button,
.button,
.u-footer-privacy-right a,
#Footer .footer_copy .column.one > div:last-child a {
    transition: transform 180ms ease, box-shadow 180ms ease, color 180ms ease, text-decoration-color 180ms ease;
}

a.button:hover,
.button:hover,
.u-footer-privacy-right a:hover,
#Footer .footer_copy .column.one > div:last-child a:hover {
    transform: none;
}

a.button:hover,
.button:hover {
    box-shadow: 0 6px 14px rgba(4, 91, 168, 0.16);
}

.u-footer-privacy-right a:hover,
#Footer .footer_copy .column.one > div:last-child a:hover {
    color: #045ba8;
    text-decoration: underline;
    text-underline-offset: 3px;
}

a.button:focus-visible,
.button:focus-visible,
.u-footer-privacy-right a:focus-visible,
#Footer .footer_copy .column.one > div:last-child a:focus-visible {
    transform: none;
}

/* =====================================================
   Utility Taxonomy (see docs/UTILITY_CLASS_TAXONOMY.md)
   1) Icon / media normalization
   ===================================================== */
/* Unified section icon spacing for finance2-pic1 / finance2-pic2 across pages */
img[src$="images/finance2-pic1.png"],
img[src$="images/finance2-pic2.png"] {
    display: block;
    margin-bottom: 30px !important;
}

/* 2) Spacing utilities */
/* Centralized vertical spacer utilities to replace inline hr.no_line margins */
hr.no_line.u-space-20 {
    margin: 0 auto 20px !important;
}

hr.no_line.u-space-30 {
    margin: 0 auto 30px !important;
}

hr.no_line.u-space-40 {
    margin: 0 auto 40px !important;
}

hr.no_line.u-space-60 {
    margin: 0 auto 60px !important;
}

hr.no_line.u-space-80 {
    margin: 0 auto 80px !important;
}

.u-hr-space-40 {
    margin: 0 auto 40px !important;
}

.u-divider-25 {
    margin: 0 auto 25px;
    border: 0;
    border-top: 1px solid #eee;
}

/* 3) Layout / container utilities */
.u-col-pad-4 {
    padding: 0 4%;
}

.u-container-auto {
    margin: 0 auto !important;
}

.u-container-full-pad {
    width: 100%;
    margin: 0 auto !important;
    padding: 0 15px !important;
    box-sizing: border-box;
}

.u-protect-image,
img {
    -webkit-user-drag: none;
    user-select: none;
    -webkit-touch-callout: none;
}

.u-flex-start {
    display: flex;
    justify-content: flex-start;
}

.u-flex-end {
    display: flex;
    justify-content: flex-end;
}

/* 4) Margin helpers */
.u-mb-30 {
    margin-bottom: 30px;
}

.u-mb-35 {
    margin-bottom: 35px;
}

.u-m-20 {
    margin: 20px auto;
}

.u-mt20-mb40 {
    margin: 20px auto 40px;
}

.u-my-20 {
    margin-top: 20px;
    margin-bottom: 20px;
}

.u-mt-30 {
    margin-top: 30px;
}

.u-mr-6 {
    margin-right: 6px;
}

/* 5) Padding helpers */
.u-pt-40 {
    padding-top: 40px;
}

.u-pt-0 {
    padding-top: 0;
}

.u-text-left {
    text-align: left;
}

.u-pad-5p {
    padding: 5%;
}

/* 6) Reusable split-pane component behavior */
.ui-pane-right {
    padding-left: 50px;
    text-align: right;
}

@media (max-width: 767px) {
    .ui-pane-right {
        padding-left: 0;
        text-align: right;
    }
}

/* Shared split feature section shell (used by about-us + partners) */
@media (min-width: 1240px) {
    .ui-section-split-feature .container {
        width: 100%;
        max-width: 1280px;
    }
}

.ui-section-split-feature .desc_wrapper {
    height: 100%;
}

.ui-edge-fade-image {
    position: relative;
    overflow: hidden;
    border-radius: 4px;
}

.ui-edge-fade-image > img {
    display: block;
}

@media (min-width: 992px) {
    .ui-edge-fade-image::before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        width: 40%;
        background: linear-gradient(270deg,
            #fff 0%,
            rgba(255, 255, 255, 0.92) 18%,
            rgba(255, 255, 255, 0.62) 48%,
            rgba(255, 255, 255, 0.28) 74%,
            rgba(255, 255, 255, 0) 100%);
        pointer-events: none;
    }
}

@media (max-width: 991px) {
    .ui-edge-fade-image::before {
        content: none !important;
        display: none !important;
    }

    .ui-edge-fade-image::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 50%;
        background: linear-gradient(180deg,
            rgba(255, 255, 255, 0) 0%,
            rgba(255, 255, 255, 0.28) 26%,
            rgba(255, 255, 255, 0.62) 52%,
            rgba(255, 255, 255, 0.92) 82%,
            #fff 100%);
        pointer-events: none;
    }
}

/* 7) Section background components */
.u-pt-80-pb-40 {
    padding-top: 80px;
    padding-bottom: 40px;
}

.u-py-40 {
    padding-top: 40px;
    padding-bottom: 40px;
}

.u-py-20 {
    padding-top: 20px;
    padding-bottom: 20px;
}

.u-pt-0-pb-40 {
    padding-top: 0;
    padding-bottom: 40px;
}

.u-pb-40 {
    padding-bottom: 40px;
}

.u-w-100 {
    width: 100%;
}

.u-max-1118 {
    max-width: 1280px !important;
}

.u-block {
    display: block;
}

.u-inline-block {
    display: inline-block;
}

.u-va-middle {
    vertical-align: middle;
}

.u-flex-center-full {
    display: flex;
    justify-content: center;
    width: 100%;
}

.u-flex-between-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    flex-wrap: wrap;
}

.u-flex-wrap-start {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    width: 100%;
    align-items: flex-start;
}

.u-flex-0-1-800 {
    flex: 0 1 auto;
    max-width: 800px;
}

.u-flex-right {
    flex: 0 0 auto;
    text-align: right;
}

.u-half-col {
    flex: 0 0 auto;
    width: 50%;
    max-width: 100%;
    box-sizing: border-box;
}

.u-pt-76 {
    padding-top: 76px;
}

.u-clear-overflow {
    clear: both;
    overflow: hidden;
}

.u-img-fluid-round {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 4px;
}

.u-empty-state {
    display: none;
    text-align: center;
    padding: 50px;
    color: #6e6e73;
}

.u-color-muted {
    color: #6e6e73;
}

.u-color-brand {
    color: #14caf4;
}

.u-lh-17 {
    line-height: 1.7;
}

/* 8) Specialized utility styles */
.u-stat-number {
    font-size: 60px;
    line-height: 110px;
    letter-spacing: 0;
    color: #FFC854;
}

.u-list-reset {
    list-style: none;
    padding: 0;
    margin: 0;
}

.ui-bg-section1 {
    padding-top: 80px;
    padding-bottom: 40px;
}

.ui-bg-section2 {
    padding-top: 40px;
    padding-bottom: 80px;
}

.ui-bg-wrap1 {
    padding-top: 40px;
    padding-bottom: 40px;
    background-image: url(../images/finance2-wrapbg1.png);
    background-repeat: no-repeat;
    background-position: center top;
    clear: both;
    overflow: hidden;
}

.u-feature-icon-left {
    background-image: url('../images/finance2-icon1.png');
    background-repeat: no-repeat;
    background-position: left center;
    padding: 20px 0 20px 100px;
    min-height: 80px;
}

.u-contact-icon-left {
    background-image: url('../images/finance2-contact-icon5.png');
    background-repeat: no-repeat;
    background-position: left center;
    padding: 0 0 0 55px;
}

.u-404-section {
    padding: 175px 0 80px;
    background-color: #fff;
    clear: both;
}

/* Centralized footer/privacy/social-link behavior */
#Footer .footer_copy .column.one > div:last-child {
    text-align: right;
}

#Footer .column_attr.align_right.mobile_align_center p {
    margin: 0 0 12px;
}

#Footer .column_attr.align_right.mobile_align_center a {
    color: #045ba8;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: 14px;
    transition: color 180ms ease, transform 180ms ease;
}

#Footer .column_attr.align_right.mobile_align_center a:first-of-type {
    margin-left: 0;
}

#Footer .column_attr.align_right.mobile_align_center a i {
    color: currentColor !important;
    font-size: 24px !important;
    vertical-align: middle !important;
    line-height: 1;
}

#Footer .column_attr.align_right.mobile_align_center a svg {
    width: 24px;
    height: 24px;
    fill: currentColor !important;
    vertical-align: middle;
    display: inline-block;
    transform: translateY(1.8px);
}

#Footer .column_attr.align_right.mobile_align_center a:hover,
#Footer .column_attr.align_right.mobile_align_center a:focus-visible {
    color: #14caf4;
    transform: translateY(-1px);
}

/* Typography map overrides */
.job-title {
    font-size: 25px !important;
    line-height: 1.35 !important;
}

.job-tag {
    font-size: 14px !important;
    line-height: 1.4 !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
}

.job-meta {
    font-size: 16px !important;
    line-height: inherit !important;
}

.filter-label {
    font-size: 15px !important;
    line-height: inherit !important;
}

.filter-trigger {
    font-size: 15px !important;
    line-height: inherit !important;
}

.all-roles {
    font-size: 15px !important;
    line-height: inherit !important;
}

.pill {
    font-size: 14px !important;
    line-height: inherit !important;
}

.blog-page .blog-card-service {
    font-size: 14px !important;
    line-height: 1.4 !important;
}

.blog-page .blog-card-title {
    font-size: 25px !important;
    line-height: 1.35 !important;
}

.ui-blog-related-title {
    font-size: 25px !important;
    line-height: 1.35 !important;
}

.ui-blog-related-category,
.ui-blog-related-post-title,
.ui-blog-related-readmore,
.ui-blog-newsletter-desc,
.ui-blog-newsletter-consent {
    font-size: 16px !important;
    line-height: 1.75 !important;
}

.contact-label,
.contact-label span,
.contact-label h4 {
    font-size: 25px !important;
    line-height: 1.35 !important;
}

.contact-detail,
.contact-detail h5 {
    font-size: 18px !important;
    line-height: 1.75 !important;
}

.step-label,
.step-desc {
    font-size: 16px !important;
    line-height: 1.75 !important;
}

.role-item {
    font-size: 16px !important;
    line-height: 1.75 !important;
}

.role-item span {
    font-size: 14px !important;
    line-height: 1.75 !important;
}

.apply-form-question,
.privacy-note,
.disclaimer,
.upload-p {
    font-size: 16px !important;
    line-height: 1.75 !important;
}

.ui-form,
.ui-form *,
.modern-input,
.ui-form-input,
.ui-blog-newsletter-input,
.modern-textarea,
.ui-form-textarea {
    font-size: 16px !important;
    line-height: 1.75 !important;
}

.privacy-faq .question .title,
.privacy-faq .question .answer,
.faq .question .title,
.faq .question .answer {
    font-size: 16px !important;
    line-height: 1.75 !important;
}

#Footer .footer_copy .copyright,
#Footer .footer_copy .u-footer-privacy-right a {
    font-size: 16px !important;
    line-height: 1.75 !important;
}

.home-hero-static-title {
    font-size: 60px !important;
    line-height: 66px !important;
}

.home-hero-static-subtitle {
    font-size: 32px !important;
    line-height: 40px !important;
}

.home-hero-static-detail,
.home-hero-static-note {
    font-size: 24px !important;
    line-height: 34px !important;
}

@media (min-width: 480px) and (max-width: 767px) {
    .job-title {
        font-size: 24px !important;
        line-height: 1.4 !important;
    }

    .job-tag {
        font-size: 14px !important;
        line-height: 1.4 !important;
    }

    .job-meta {
        font-size: 16px !important;
        line-height: inherit !important;
    }

    .filter-label,
    .filter-trigger,
    .all-roles {
        font-size: 15px !important;
        line-height: inherit !important;
    }

    .pill {
        font-size: 14px !important;
        line-height: inherit !important;
    }

    .blog-page .blog-card-service {
        font-size: 14px !important;
        line-height: 1.4 !important;
    }

    .blog-page .blog-card-title {
        font-size: 19px !important;
        line-height: 1.4 !important;
    }

    .ui-blog-related-title {
        font-size: 19px !important;
        line-height: 1.4 !important;
    }

    .ui-blog-related-category,
    .ui-blog-related-post-title,
    .ui-blog-related-readmore,
    .ui-blog-newsletter-desc,
    .ui-blog-newsletter-consent,
    .step-label,
    .step-desc,
    .role-item,
    .apply-form-question,
    .privacy-note,
    .disclaimer,
    .upload-p,
    .ui-form,
    .ui-form *,
    .modern-input,
    .ui-form-input,
    .ui-blog-newsletter-input,
    .modern-textarea,
    .ui-form-textarea,
    .privacy-faq .question .title,
    .privacy-faq .question .answer,
    .faq .question .title,
    .faq .question .answer,
    #Footer .footer_copy .copyright,
    #Footer .footer_copy .u-footer-privacy-right a {
        font-size: 14px !important;
        line-height: 1.75 !important;
    }

    .role-item span {
        font-size: 14px !important;
        line-height: 1.75 !important;
    }

    .contact-label,
    .contact-label span,
    .contact-label h4 {
        font-size: 19px !important;
        line-height: 1.4 !important;
    }

    .contact-detail,
    .contact-detail h5 {
        font-size: 14px !important;
        line-height: 1.75 !important;
    }

    .home-hero-static-title {
        font-size: 28px !important;
        line-height: 36px !important;
    }

    .home-hero-static-subtitle {
        font-size: 17px !important;
        line-height: 24px !important;
    }

    .home-hero-static-detail,
    .home-hero-static-note {
        font-size: 14px !important;
        line-height: 22px !important;
    }
}

@media (max-width: 479px) {
    .job-title {
        font-size: 24px !important;
        line-height: 1.4 !important;
    }

    .job-tag {
        font-size: 14px !important;
        line-height: 1.4 !important;
    }

    .job-meta {
        font-size: 16px !important;
        line-height: inherit !important;
    }

    .filter-label,
    .filter-trigger,
    .all-roles {
        font-size: 15px !important;
        line-height: inherit !important;
    }

    .pill {
        font-size: 14px !important;
        line-height: inherit !important;
    }

    .blog-page .blog-card-service {
        font-size: 14px !important;
        line-height: 1.4 !important;
    }

    .blog-page .blog-card-title {
        font-size: 15px !important;
        line-height: 1.4 !important;
    }

    .ui-blog-related-title {
        font-size: 15px !important;
        line-height: 1.4 !important;
    }

    .ui-blog-related-category,
    .ui-blog-related-post-title,
    .ui-blog-related-readmore,
    .ui-blog-newsletter-desc,
    .ui-blog-newsletter-consent,
    .step-label,
    .step-desc,
    .role-item,
    .apply-form-question,
    .privacy-note,
    .disclaimer,
    .upload-p,
    .ui-form,
    .ui-form *,
    .modern-input,
    .ui-form-input,
    .ui-blog-newsletter-input,
    .modern-textarea,
    .ui-form-textarea,
    .privacy-faq .question .title,
    .privacy-faq .question .answer,
    .faq .question .title,
    .faq .question .answer,
    #Footer .footer_copy .copyright,
    #Footer .footer_copy .u-footer-privacy-right a {
        font-size: 14px !important;
        line-height: 1.75 !important;
    }

    .role-item span {
        font-size: 14px !important;
        line-height: 1.75 !important;
    }

    .contact-label,
    .contact-label span,
    .contact-label h4 {
        font-size: 15px !important;
        line-height: 1.4 !important;
    }

    .contact-detail,
    .contact-detail h5 {
        font-size: 14px !important;
        line-height: 1.75 !important;
    }

    .home-hero-static-title {
        font-size: 28px !important;
        line-height: 36px !important;
    }

    .home-hero-static-subtitle {
        font-size: 17px !important;
        line-height: 24px !important;
    }

    .home-hero-static-detail,
    .home-hero-static-note {
        font-size: 14px !important;
        line-height: 22px !important;
    }
}

/* Global paragraph typography */
p {
    font-size: 16px !important;
    line-height: 1.75 !important;
}

@media (min-width: 480px) and (max-width: 767px) {
    p {
        font-size: 14px !important;
        line-height: 1.75 !important;
    }
}

@media (max-width: 479px) {
    p {
        font-size: 14px !important;
        line-height: 1.75 !important;
    }
}

/* Global h4 typography */
h4 {
    font-size: 25px !important;
    line-height: 1.35 !important;
}

@media (min-width: 480px) and (max-width: 767px) {
    h4 {
        font-size: 19px !important;
        line-height: 1.4 !important;
    }
}

@media (max-width: 479px) {
    h4 {
        font-size: 15px !important;
        line-height: 1.4 !important;
    }
}

/* Global h5 typography */
h5 {
    font-size: 18px !important;
    line-height: 1.75 !important;
}

@media (min-width: 480px) and (max-width: 767px) {
    h5 {
        font-size: 14px !important;
        line-height: 1.75 !important;
    }
}

@media (max-width: 479px) {
    h5 {
        font-size: 14px !important;
        line-height: 1.75 !important;
    }
}

/* Blog + Careers filter typography lock */
.filter-section-wrapper .filter-label {
    font-size: 16px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
}

.filter-section-wrapper .filter-trigger {
    font-size: 16px !important;
    font-weight: 600 !important;
}

.filter-section-wrapper .all-roles {
    font-size: 16px !important;
    font-weight: 600 !important;
}

.filter-section-wrapper .pill {
    font-size: 16px !important;
}

@media (min-width: 480px) and (max-width: 767px) {
    .filter-section-wrapper .pill {
        font-size: 16px !important;
    }
}

@media (max-width: 479px) {
    .filter-section-wrapper .pill {
        font-size: 16px !important;
    }
}

/* Button typography on mobile breakpoints */
@media (min-width: 480px) and (max-width: 767px) {
    .button,
    button,
    input[type="button"],
    input[type="reset"],
    input[type="submit"],
    a.button {
        font-size: 16px !important;
        line-height: 1.75 !important;
    }
}

@media (max-width: 479px) {
    .button,
    button,
    input[type="button"],
    input[type="reset"],
    input[type="submit"],
    a.button {
        font-size: 16px !important;
        line-height: 1.75 !important;
    }
}

/* Blog details sidebar cards vertical padding */
body.page-blog-details .ui-blog-related-card,
body.page-blog-details .ui-blog-newsletter {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
}

@media (min-width: 480px) and (max-width: 767px) {
    body.page-blog-details .ui-blog-related-card,
    body.page-blog-details .ui-blog-newsletter {
        padding-top: 24px !important;
        padding-bottom: 24px !important;
        padding-left: 24px !important;
        padding-right: 24px !important;
    }
}

@media (max-width: 479px) {
    body.page-blog-details .ui-blog-related-card,
    body.page-blog-details .ui-blog-newsletter {
        padding-top: 24px !important;
        padding-bottom: 24px !important;
        padding-left: 24px !important;
        padding-right: 24px !important;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    body.page-contact-us #contactWrapper {
        padding: 28px 16px 28px 16px !important;
    }
}

@media (max-width: 479px) {
    body.page-contact-us #contactWrapper {
        padding: 28px 16px 28px 16px !important;
    }
}

/* Contact Us: keep original form card and extend it with tabs */
body.page-contact-us .contact-inline-heading {
    display: block;
    margin: 0 !important;
    color: #161617 !important;
    font-size: 35px !important;
    line-height: 1.3 !important;
    letter-spacing: 0;
}

body.page-contact-us .contact-inline-heading .u-color-muted {
    color: #000 !important;
}

body.page-contact-us #contactWrapper {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}

body.page-contact-us #contactWrapper > .contact-inline-heading {
    margin-bottom: 34px !important;
}

body.page-contact-us #contactWrapper .contact-inline-tabs {
    display: flex;
    align-items: flex-end;
    flex-wrap: nowrap;
    width: calc(100% + 56px);
    gap: 18px 42px;
    margin-left: -28px;
    margin-right: -28px;
    margin-bottom: 30px;
    padding-left: 28px;
    padding-bottom: 0;
    padding-right: 28px;
    border-bottom: 1px solid #2b5a9f;
    box-sizing: border-box;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
}

body.page-contact-us #contactWrapper .contact-inline-tabs::-webkit-scrollbar {
    display: none;
}

body.page-contact-us #contactWrapper .contact-inline-tab {
    position: relative;
    flex: 0 0 auto;
    margin: 0 0 -1px 0 !important;
    padding: 0 0 18px !important;
    border: 0 !important;
    border-bottom: 3px solid transparent !important;
    background: transparent !important;
    color: #6c6c6c !important;
    font-size: 16px !important;
    line-height: 1.2 !important;
    font-weight: 600 !important;
    white-space: nowrap;
}

body.page-contact-us #contactWrapper .contact-inline-tab::before {
    content: none !important;
    display: none !important;
}

body.page-contact-us #contactWrapper .contact-inline-tab::after {
    content: none !important;
    display: none !important;
}

body.page-contact-us #contactWrapper .contact-inline-tab.is-active {
    color: #161617 !important;
    border-bottom-color: #2b5a9f !important;
}

body.page-contact-us #contactWrapper .contact-inline-panels {
    position: relative;
}

body.page-contact-us #contactWrapper .contact-inline-panel {
    display: none;
}

body.page-contact-us #contactWrapper .contact-inline-panel.is-active {
    display: block;
}

body.page-contact-us #contactWrapper .contact-inline-form .form-row {
    display: flex;
    flex-direction: column;
    gap: 0;
    width: 100%;
    min-width: 0;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 30px;
}

body.page-contact-us #contactWrapper .contact-inline-form .form-group {
    min-width: 0;
    margin: 0 !important;
}

body.page-contact-us #contactWrapper .contact-inline-file-group {
    width: 100% !important;
    max-width: 100% !important;
    flex: 1 1 100%;
    min-width: 0;
    padding-top: 0 !important;
}

body.page-contact-us #contactWrapper .contact-inline-form .form-group.full-width {
    width: 100% !important;
    max-width: 100% !important;
    flex: 1 1 100%;
}

body.page-contact-us #contactWrapper .contact-inline-form .contact-inline-block {
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100%;
    clear: both;
    margin-bottom: 30px !important;
}

body.page-contact-us #contactWrapper .contact-inline-form .contact-inline-block .ui-form-textarea,
body.page-contact-us #contactWrapper .contact-inline-form .contact-inline-block .contact-inline-select-wrap,
body.page-contact-us #contactWrapper .contact-inline-form .contact-inline-block .contact-inline-file-shell {
    width: 100%;
    max-width: 100%;
}

body.page-contact-us #contactWrapper .contact-inline-form .contact-inline-block .ui-form-textarea {
    min-height: 60px !important;
    height: 60px;
}

body.page-contact-us #contactWrapper .contact-inline-select-wrap {
    position: relative;
}

body.page-contact-us #contactWrapper .contact-inline-select {
    padding-right: 36px !important;
    cursor: pointer;
    color: #333 !important;
}

body.page-contact-us #contactWrapper .contact-inline-select.is-placeholder {
    color: #6c6c6c !important;
}

body.page-contact-us #contactWrapper .contact-inline-select option {
    color: #333;
}

body.page-contact-us #contactWrapper .contact-inline-select-wrap::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 6px;
    width: 10px;
    height: 10px;
    margin-top: -9px;
    border-right: 2px solid #2b5a9f;
    border-bottom: 2px solid #2b5a9f;
    transform: rotate(45deg);
    pointer-events: none;
}

body.page-contact-us #contactWrapper .contact-inline-helper {
    margin: 0 0 30px !important;
    color: #6e6e73;
    font-size: 15px;
    line-height: 1.7;
}

body.page-contact-us #contactWrapper .contact-inline-file-shell {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0;
    width: 100%;
    min-height: 56px;
    padding: 10px 12px !important;
    border: 1px solid #2b5a9f !important;
    border-radius: var(--ui-radius-4) !important;
    background: #fff !important;
    box-sizing: border-box;
    font-size: 16px !important;
    line-height: 1.4 !important;
    cursor: pointer;
    overflow: hidden;
    outline: none !important;
    transition: border-color 160ms ease, background-color 160ms ease;
}

body.page-contact-us #contactWrapper .contact-inline-file-shell:hover {
    border-color: #2b5a9f !important;
}

body.page-contact-us #contactWrapper .contact-inline-file-shell:focus-within {
    border-color: #2b5a9f !important;
    box-shadow: none !important;
    outline: none !important;
}

body.page-contact-us #contactWrapper .contact-inline-file-copy {
    display: flex;
    flex: 1 1 auto;
    min-width: 0;
    flex-direction: column;
    justify-content: center;
    gap: 2px;
}

body.page-contact-us #contactWrapper .contact-inline-file-label {
    color: #6c6c6c;
    font-weight: 400;
    white-space: nowrap;
    line-height: 1.25;
}

body.page-contact-us #contactWrapper .contact-inline-file-name {
    color: #8a939f;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    line-height: 1.35;
}

body.page-contact-us #contactWrapper .contact-inline-file-name:empty {
    display: none;
}

body.page-contact-us #contactWrapper .contact-inline-file-note {
    color: #8a939f;
    white-space: normal;
    display: block;
    line-height: 1.4;
}

body.page-contact-us #contactWrapper .contact-inline-file-shell.has-file .contact-inline-file-name {
    color: #333;
}

body.page-contact-us #contactWrapper .contact-inline-file-shell.has-file .contact-inline-file-note {
    display: none;
}

body.page-contact-us #contactWrapper .contact-inline-file-input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

@media (min-width: 768px) {
    body.page-contact-us #contactWrapper .contact-inline-tabs {
        align-items: stretch;
        width: 100%;
        gap: 0;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 0;
        padding: 0;
        border: 1px solid #2b5a9f;
        border-bottom: 1px solid #2b5a9f;
        border-radius: 4px;
        background: #f7f7f7;
        box-shadow: none;
        box-sizing: border-box;
        overflow: visible;
    }

    body.page-contact-us #contactWrapper .contact-inline-tab,
    body.page-contact-us #contactWrapper .contact-inline-tab[data-contact-tab="careers"],
    body.page-contact-us #contactWrapper .contact-inline-tab[data-contact-tab="general"] {
        flex: 1 1 0;
        margin: 0 !important;
        padding: 15px 18px !important;
        border: 1px solid transparent !important;
        border-bottom: 1px solid transparent !important;
        border-radius: 4px !important;
        background: transparent !important;
        color: #707985 !important;
        text-align: center;
        box-shadow: none !important;
        transition: background-color 160ms ease, color 160ms ease, border-color 160ms ease;
    }

    body.page-contact-us #contactWrapper .contact-inline-tab:hover,
    body.page-contact-us #contactWrapper .contact-inline-tab:focus-visible {
        background: #f7f9fb !important;
        color: #161617 !important;
    }

    body.page-contact-us #contactWrapper .contact-inline-tab.is-active {
        background: #ffffff !important;
        color: #161617 !important;
        border-color: #2b5a9f !important;
        box-shadow: none !important;
        margin: -1px 0 !important;
        position: relative;
        z-index: 1;
    }

    body.page-contact-us #contactWrapper .contact-inline-tab.is-active:first-child {
        margin-left: -1px !important;
    }

    body.page-contact-us #contactWrapper .contact-inline-tab.is-active:last-child {
        margin-right: -1px !important;
    }

    body.page-contact-us #contactWrapper .contact-inline-tab::after {
        content: none !important;
        display: none !important;
    }

    body.page-contact-us #contactWrapper .contact-inline-tab::before {
        content: none !important;
        display: none !important;
    }

    body.page-contact-us #contactWrapper .contact-inline-tab {
        overflow: visible;
        white-space: nowrap;
    }

    body.page-contact-us #contactWrapper .contact-inline-form .form-row {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 30px;
    }

    body.page-contact-us #contactWrapper .contact-inline-form .form-group {
        flex: 0 0 calc((100% - 30px) / 2);
        max-width: calc((100% - 30px) / 2);
    }

    body.page-contact-us #contactWrapper .contact-inline-file-group {
        padding-top: 0 !important;
        flex: 1 1 100%;
        max-width: 100%;
        min-width: 0;
    }

    body.page-contact-us #contactWrapper .contact-inline-form .form-row:has(.contact-inline-file-group) .contact-inline-file-group {
        flex: 1 1 100%;
        max-width: 100%;
    }
}

@media (max-width: 767px) {
    body.page-contact-us .contact-inline-heading {
        font-size: 26px !important;
        line-height: 1.35 !important;
    }

    body.page-contact-us #contactWrapper {
        padding-top: 28px !important;
        padding-bottom: 28px !important;
    }

    body.page-contact-us #contactWrapper > .contact-inline-heading {
        margin-bottom: 24px !important;
    }

    body.page-contact-us #contactWrapper .contact-inline-tabs {
        align-items: stretch;
        width: 100%;
        gap: 0;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 0;
        padding: 0;
        border: 1px solid #2b5a9f;
        border-bottom: 1px solid #2b5a9f;
        border-radius: 4px;
        background: #f7f7f7;
        box-shadow: none;
        overflow: visible;
    }

    body.page-contact-us #contactWrapper .contact-inline-tab {
        flex: 1 1 0;
        min-width: 0;
        font-size: 14px !important;
        line-height: 1.2 !important;
        margin: 0 !important;
        padding: 12px 10px !important;
        border: 1px solid transparent !important;
        border-bottom: 1px solid transparent !important;
        border-radius: 4px !important;
        background: transparent !important;
        color: #707985 !important;
        text-align: center !important;
        box-shadow: none !important;
        white-space: normal;
    }

    body.page-contact-us #contactWrapper .contact-inline-tab:hover,
    body.page-contact-us #contactWrapper .contact-inline-tab:focus-visible {
        background: #f7f9fb !important;
        color: #161617 !important;
    }

    body.page-contact-us #contactWrapper .contact-inline-tab.is-active {
        background: #ffffff !important;
        color: #161617 !important;
        border-color: #2b5a9f !important;
        box-shadow: none !important;
        margin: -1px 0 !important;
        position: relative;
        z-index: 1;
    }

    body.page-contact-us #contactWrapper .contact-inline-tab.is-active:first-child {
        margin-left: -1px !important;
    }

    body.page-contact-us #contactWrapper .contact-inline-tab.is-active:last-child {
        margin-right: -1px !important;
    }

    body.page-contact-us #contactWrapper .contact-inline-tab::after,
    body.page-contact-us #contactWrapper .contact-inline-tab::before {
        content: none !important;
        display: none !important;
    }

    body.page-contact-us #contactWrapper .contact-inline-form .form-row,
    body.page-contact-us #contactWrapper .contact-inline-form .contact-inline-block {
        margin-bottom: 20px !important;
    }

    body.page-contact-us #contactWrapper .contact-inline-helper {
        margin-bottom: 20px !important;
    }

    body.page-contact-us #contactWrapper .contact-inline-file-shell {
        min-height: 52px;
        padding: 10px 10px 10px 12px !important;
    }

    body.page-contact-us #contactWrapper .contact-inline-file-label,
    body.page-contact-us #contactWrapper .contact-inline-file-name,
    body.page-contact-us #contactWrapper .contact-inline-file-note {
        font-size: 14px;
        line-height: 1.4;
    }

    body.page-contact-us #contactWrapper .modern-input.ui-form-input,
    body.page-contact-us #contactWrapper .contact-inline-select,
    body.page-contact-us #contactWrapper .modern-textarea.ui-form-textarea,
    body.page-contact-us #contactWrapper .contact-inline-file-shell {
        -webkit-tap-highlight-color: transparent;
        appearance: none;
        -webkit-appearance: none;
        background: #ffffff !important;
        background-color: #ffffff !important;
        box-shadow: none !important;
    }

    body.page-contact-us #contactWrapper .modern-input.ui-form-input:focus,
    body.page-contact-us #contactWrapper .modern-input.ui-form-input:focus-visible,
    body.page-contact-us #contactWrapper .modern-input.ui-form-input:active,
    body.page-contact-us #contactWrapper .modern-input.ui-form-input:-webkit-autofill,
    body.page-contact-us #contactWrapper .modern-input.ui-form-input:-webkit-autofill:hover,
    body.page-contact-us #contactWrapper .modern-input.ui-form-input:-webkit-autofill:focus,
    body.page-contact-us #contactWrapper .contact-inline-select:focus,
    body.page-contact-us #contactWrapper .contact-inline-select:focus-visible,
    body.page-contact-us #contactWrapper .contact-inline-select:active,
    body.page-contact-us #contactWrapper .modern-textarea.ui-form-textarea:focus,
    body.page-contact-us #contactWrapper .modern-textarea.ui-form-textarea:focus-visible,
    body.page-contact-us #contactWrapper .modern-textarea.ui-form-textarea:active,
    body.page-contact-us #contactWrapper .modern-textarea.ui-form-textarea:-webkit-autofill,
    body.page-contact-us #contactWrapper .modern-textarea.ui-form-textarea:-webkit-autofill:hover,
    body.page-contact-us #contactWrapper .modern-textarea.ui-form-textarea:-webkit-autofill:focus {
        background: #ffffff !important;
        background-color: #ffffff !important;
        border-color: #2b5a9f !important;
        outline: none !important;
        box-shadow: none !important;
        -webkit-box-shadow: 0 0 0 1000px #ffffff inset !important;
        -webkit-text-fill-color: #333333 !important;
        caret-color: #333333;
    }

    body.page-contact-us #contactWrapper .contact-inline-select:focus {
        color: #333 !important;
    }

    body.page-contact-us #contactWrapper .contact-inline-select.is-placeholder:focus {
        color: #6c6c6c !important;
    }

    body.page-contact-us #contactWrapper .contact-inline-form .form-group:focus-within {
        background: transparent !important;
        box-shadow: none !important;
    }

}

@media (max-width: 479px) {
    body.page-contact-us .contact-inline-heading {
        font-size: 21px !important;
        line-height: 1.35 !important;
    }
}

/* Mobile spacing for split-section top icon row */
@media (max-width: 767px) {
    #Content .section.mcb-section.ui-bg-section1.ui-section-split-feature .image_wrapper.u-flex-start,
    #Content .section.mcb-section.ui-bg-section1.ui-section-split-feature .image_wrapper.u-flex-end,
    #Content .section.mcb-section.ui-bg-section2.ui-section-split-feature .image_wrapper.u-flex-end,
    #Content .section.mcb-section.ui-bg-section2:not(.ui-section-split-feature) .image_wrapper.u-flex-end {
        padding-top: 40px !important;
    }
}

/* Homepage industry opportunities rail */
.ui-section-opportunities {
    padding-top: 40px;
    padding-bottom: 80px;
    background-color: #fff;
    overflow: hidden;
}

.ui-section-opportunities .container {
    width: 100%;
    max-width: 1280px;
}

.ui-section-opportunities .row {
    margin-left: 0;
    margin-right: 0;
}

.ui-section-opportunities .row > [class*="col-"] {
    padding-left: 0;
    padding-right: 0;
}

/* .ui-opportunity-heading-copy h5:last-child {
    margin-bottom: 0;
} */

body.home .ui-section-opportunities hr.no_line.u-space-40 {
    margin-bottom: 0 !important;
}

.ui-opportunity-carousel-shell {
    position: relative;
    padding: 0;
    overflow: hidden;
}

.ui-opportunity-track {
    margin: 0 -7px;
}

.ui-opportunity-track .slick-list {
    overflow: hidden;
}

.ui-opportunity-track .slick-track {
    display: flex;
    align-items: stretch;
}

.ui-opportunity-track .slick-slide {
    height: auto;
    padding: 0 7px;
    box-sizing: border-box;
}

.ui-opportunity-track .slick-slide > div {
    height: 100%;
}

.ui-opportunity-track .slick-slide > div > .ui-opportunity-card {
    height: 100%;
}

.ui-opportunity-track.slick-initialized .slick-slide .ui-opportunity-card {
    visibility: visible;
}

.ui-opportunity-controls {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 24px;
    min-height: 30px;
}

.ui-opportunity-pagination {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    align-items: center;
    min-height: 24px;
    position: relative;
}

.ui-opportunity-pagination::before,
.ui-opportunity-pagination::after {
    content: "";
    position: absolute;
    top: 50%;
    height: 1px;
    border-radius: 0;
    pointer-events: none;
}

.ui-opportunity-pagination::before {
    left: 0;
    right: 0;
    background: #b8bec8;
    transform: translateY(-50%);
}

.ui-opportunity-pagination::after {
    left: var(--ui-opportunity-progress-start, 0%);
    width: var(--ui-opportunity-progress-width, 0%);
    background: var(--ui-color-accent, #14caf4);
    top: calc(50% - 2px);
    height: 3px;
    transform: none;
    transition: left 0.35s ease, width 0.35s ease;
}

.ui-opportunity-dots {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: stretch;
    gap: 0;
    width: 100%;
    min-height: 0;
    margin: 0;
    padding: 0;
    list-style: none;
    line-height: 0;
}

.ui-opportunity-dots::before,
.ui-opportunity-dots::after {
    content: none;
}

.ui-opportunity-dots li {
    flex: 1 1 0;
    margin-right: 0;
    line-height: 0;
    position: relative;
    z-index: 1;
}

.ui-opportunity-dots li button {
    appearance: none;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: transparent;
    width: 100%;
    height: 100%;
    border: 0 !important;
    outline: none !important;
    box-shadow: none !important;
    border-radius: 0;
    padding: 0;
    background: transparent !important;
    background-color: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;
    color: transparent !important;
    text-indent: -9999px;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
}

.ui-opportunity-dots li button::before,
.ui-opportunity-dots li button::after {
    content: none !important;
    display: none !important;
}

.ui-opportunity-dots li button:hover,
.ui-opportunity-dots li button:focus,
.ui-opportunity-dots li button:focus-visible,
.ui-opportunity-dots li button:active {
    background: transparent !important;
    background-color: transparent !important;
    outline: none !important;
    box-shadow: none !important;
}

.ui-opportunity-arrow {
    appearance: none;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: transparent;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-self: center;
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    outline: none !important;
    box-shadow: none !important;
    background: transparent !important;
    background-color: transparent !important;
    color: #000 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    cursor: pointer;
    transition: color 0.2s ease, opacity 0.2s ease;
    position: relative;
}

.ui-opportunity-arrow::before,
.ui-opportunity-arrow::after {
    content: none !important;
    display: none !important;
}

.ui-opportunity-arrow-glyph {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
}

.ui-opportunity-arrow-glyph svg {
    display: block;
    width: 24px;
    height: 24px;
}

.ui-opportunity-arrow-glyph path {
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.ui-opportunity-arrow:hover,
.ui-opportunity-arrow:focus,
.ui-opportunity-arrow:focus-visible,
.ui-opportunity-arrow:active {
    background: transparent !important;
    background-color: transparent !important;
    color: #000 !important;
    opacity: 1;
    outline: none !important;
    box-shadow: none !important;
}

.ui-opportunity-arrow.slick-disabled {
    color: #b8bec8 !important;
    opacity: 1;
    cursor: default;
}

.ui-opportunity-card {
    position: relative;
    flex: 0 0 calc((100% - 42px) / 4);
    width: 100%;
    min-width: 290px;
    min-height: 430px;
    overflow: hidden;
    scroll-snap-align: start;
    background-color: #1d1d1d;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    box-shadow: 0 18px 36px rgba(3, 22, 43, 0.12);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
    cursor: pointer;
}

.ui-opportunity-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(7, 11, 17, 0.7) 0%, rgba(7, 11, 17, 0.46) 34%, rgba(7, 11, 17, 0.72) 100%);
    pointer-events: none;
    transition: background 0.25s ease;
}

.ui-opportunity-card-body {
    position: relative;
    z-index: 1;
}

.ui-opportunity-card:hover,
.ui-opportunity-card:focus-within {
    transform: translateY(-6px);
    box-shadow: 0 26px 54px rgba(8, 17, 32, 0.18);
}

.ui-opportunity-card:hover::before,
.ui-opportunity-card:focus-within::before {
    background: linear-gradient(180deg, rgba(7, 11, 17, 0.82) 0%, rgba(7, 11, 17, 0.62) 30%, rgba(7, 11, 17, 0.84) 100%);
}

.ui-opportunity-card-body {
    position: absolute;
    top: 50px;
    left: 28px;
    right: 28px;
    bottom: 36px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.ui-opportunity-card-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 22px;
    color: #fff;
    font-size: 34px;
    line-height: 1;
}

.ui-opportunity-card-icon [class^="icon-"]::before,
.ui-opportunity-card-icon [class*=" icon-"]::before {
    width: auto;
    margin-left: 0;
    margin-right: 0;
}

.ui-opportunity-card-body h3 {
    margin: 0;
    color: #fff;
    font-size: 25px;
    line-height: 1.35;
    letter-spacing: -0.02em;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    max-width: 82%;
}

.ui-opportunity-card-body p {
    margin: 18px 0 0;
    color: rgba(255, 255, 255, 0.96);
    font-size: 16px;
    line-height: 1.75;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.24);
    max-width: 82%;
}

.ui-opportunity-card-link {
    display: inline-flex;
    align-items: center;
    align-self: flex-end;
    gap: 8px;
    margin-top: auto;
    padding-top: 18px;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.2;
    text-decoration: none;
}

.ui-opportunity-card-link:hover,
.ui-opportunity-card-link:focus,
.ui-opportunity-card-link:focus-visible {
    color: #fff;
    opacity: 0.85;
    text-decoration: none;
}

.ui-opportunity-card-link-arrow {
    color: currentColor;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    line-height: 1;
    transform: translateY(2px);
}

@media (hover: hover) and (pointer: fine) {
    .ui-opportunity-card-body p {
        opacity: 0;
        transform: translateY(12px);
        transition: opacity 0.25s ease, transform 0.25s ease;
    }

    .ui-opportunity-card-link {
        opacity: 0;
        transform: translateY(12px);
        transition: opacity 0.25s ease, transform 0.25s ease;
    }

    .ui-opportunity-card:hover .ui-opportunity-card-body p,
    .ui-opportunity-card:focus-within .ui-opportunity-card-body p {
        opacity: 1;
        transform: translateY(0);
    }

    .ui-opportunity-card:hover .ui-opportunity-card-link,
    .ui-opportunity-card:focus-within .ui-opportunity-card-link {
        opacity: 1;
        transform: translateY(0);
    }
}

.ui-opportunity-card-health {
    background-image: url("../images/1. Healthcare & Lifesciences.png");
}

.ui-opportunity-card-finance {
    background-image: url("../images/2. Banking & Capital Markets.png");
}

.ui-opportunity-card-travel {
    background-image: url("../images/3. Travel & Hospitality.png");
}

.ui-opportunity-card-manufacturing {
    background-image: url("../images/4. Manufacturing & Automotive.png");
}

.ui-opportunity-card-agriculture {
    background-image: url("../images/5. Agriculture.jpg");
}

.ui-opportunity-card-retail {
    background-image: url("../images/6. Consumer & Retail.jpg");
}

.ui-opportunity-card-education {
    background-image: url("../images/7. Education.jpg");
}

.ui-opportunity-card-media-sector {
    background-image: url("../images/8. Media & Telecom.jpg");
}

@media (max-width: 1399px) {
    .ui-opportunity-card {
        min-height: 400px;
    }
}

@media (max-width: 1199px) {
    .ui-opportunity-card {
        flex-basis: calc((100% - 28px) / 3);
        min-height: 370px;
    }

    .ui-opportunity-card-body {
        top: 38px;
        left: 24px;
        right: 24px;
        bottom: 30px;
    }

    .ui-opportunity-card-body h3 {
        font-size: 25px;
        line-height: 1.35;
        max-width: 86%;
    }

    .ui-opportunity-card-body p {
        font-size: 16px;
        max-width: 86%;
    }
}

@media (max-width: 991px) {
    .ui-section-opportunities {
        padding-bottom: 64px;
    }

    .ui-opportunity-card {
        min-height: 320px;
    }
}

@media (max-width: 767px) {
    .ui-section-opportunities {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .ui-section-opportunities .container {
        width: 100% !important;
        max-width: 331px !important;
    }

    .ui-opportunity-card {
        min-width: 0;
        min-height: 290px;
    }

    .ui-opportunity-track .slick-slide {
        width: 100% !important;
        padding: 0;
    }

    .ui-opportunity-track {
        margin: 0;
    }

    .ui-opportunity-track.slick-initialized .slick-slide:not(.slick-active) .ui-opportunity-card {
        visibility: hidden;
    }

    .ui-opportunity-track.slick-initialized .slick-slide.slick-active .ui-opportunity-card {
        visibility: visible;
    }

    .ui-opportunity-controls {
        gap: 8px;
        margin-top: 18px;
    }

    .ui-opportunity-arrow {
        padding: 0 !important;
    }

    .ui-opportunity-arrow-glyph,
    .ui-opportunity-arrow-glyph svg {
        width: 24px;
        height: 24px;
    }

    .ui-opportunity-dots {
        width: 100%;
    }

    .ui-opportunity-card-body {
        top: 28px;
        left: 20px;
        right: 20px;
        bottom: 24px;
    }

    .ui-opportunity-card-icon {
        margin-bottom: 16px;
        font-size: 28px;
    }

    .ui-opportunity-card-body h3 {
        font-size: 19px;
        line-height: 1.4;
        max-width: 90%;
    }

    .ui-opportunity-card-body p {
        margin-top: 14px;
        font-size: 14px;
        line-height: 1.75;
        max-width: 90%;
    }

    .ui-opportunity-card-link {
        font-size: 13px;
        line-height: 1.2;
    }

    .ui-opportunity-card-link-arrow {
        font-size: 18px;
        line-height: 1;
        transform: translateY(1px);
    }
}

@media (max-width: 479px) {
    .ui-opportunity-card-body h3 {
        font-size: 15px;
        line-height: 1.4;
    }
}

/* Home | Digital capabilities accordion */

.ui-capability-accordion {
    display: flex;
    gap: 18px;
    align-items: stretch;
    height: clamp(400px, 30vw, 460px);
}

.ui-capability-panel {
    --ui-capability-title-top: 50px;
    --ui-capability-rail-width: 88px;
    position: relative;
    isolation: isolate;
    display: grid;
    grid-template-columns: var(--ui-capability-rail-width) minmax(0, 0fr);
    grid-template-rows: 1fr;
    flex: 1 1 0;
    height: 100%;
    min-width: 0;
    overflow: hidden;
    border: 0;
    border-radius: 0;
    background: var(--ui-capability-image, linear-gradient(180deg, #fff 0%, #f7fbff 100%));
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: 0 22px 50px rgba(17, 31, 58, 0.08);
    transition:
        flex-grow 0.45s ease,
        grid-template-columns 0.45s ease,
        transform 0.35s ease,
        box-shadow 0.35s ease,
        border-color 0.35s ease;
}

.ui-capability-panel::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(7, 11, 17, 0.76) 0%, rgba(7, 11, 17, 0.5) 34%, rgba(7, 11, 17, 0.82) 100%);
    pointer-events: none;
    z-index: 0;
    transition: background 0.35s ease;
}

.ui-capability-panel::after {
    content: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 88px;
    display: grid;
    place-items: center;
    box-sizing: border-box;
    padding: 0;
    color: #fff;
    font-size: 25px;
    font-weight: 600;
    line-height: 1.35;
    letter-spacing: -0.01em;
    writing-mode: vertical-rl;
    text-orientation: mixed;
    text-align: center;
    transform: rotate(180deg);
    transform-origin: center center;
    white-space: nowrap;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.45);
    opacity: 1;
    z-index: 1;
    pointer-events: none;
    transition: none;
}

.ui-capability-panel.is-active {
    grid-template-columns: 0 minmax(0, 1fr);
    flex-grow: 4.4;
    box-shadow: 0 30px 64px rgba(var(--ui-capability-rgb), 0.16);
    transform: none;
}

.ui-capability-panel.is-active::before,
.ui-capability-panel:focus-within::before {
    background: linear-gradient(180deg, rgba(7, 11, 17, 0.84) 0%, rgba(7, 11, 17, 0.58) 30%, rgba(7, 11, 17, 0.88) 100%);
}

.ui-capability-panel-health {
    --ui-capability-image: url("../images/Applications_Home.jpg");
}

.ui-capability-panel-finance {
    --ui-capability-image: url("../images/Technology_Home.jpg");
}

.ui-capability-panel-travel {
    --ui-capability-image: url("../images/Interactive_Home.jpg");
}

.ui-capability-panel-manufacturing {
    --ui-capability-image: url("../images/Analytics and Insights_Home.png");
}

.ui-capability-panel-agriculture {
    --ui-capability-image: url("../images/Security_Home.png");
}

.ui-capability-panel-retail {
    --ui-capability-image: url("../images/6. Consumer & Retail.jpg");
}

.ui-capability-panel-education {
    --ui-capability-image: url("../images/Business Strategy and Design_Home.jpg");
}

.ui-capability-panel-media-sector {
    --ui-capability-image: url("../images/Business Process and Operations_Home.jpg");
}

.ui-capability-trigger {
    appearance: none;
    -webkit-appearance: none;
    width: 100%;
    height: 100%;
    align-self: stretch;
    position: relative;
    z-index: 1;
    padding: var(--ui-capability-title-top) 18px 28px;
    border: 0;
    border-radius: 0 !important;
    background-color: transparent !important;
    background-image: none !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 22px;
    color: #fff !important;
    text-align: center;
    cursor: pointer;
    overflow: hidden;
    box-shadow: none !important;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.ui-capability-trigger:hover,
.ui-capability-trigger:focus,
.ui-capability-trigger:active,
.ui-capability-panel.is-active .ui-capability-trigger {
    background-color: transparent !important;
    background-image: none !important;
    color: #fff !important;
}

.ui-capability-trigger:focus-visible {
    outline: 2px solid var(--ui-capability-accent);
    outline-offset: -2px;
}

.ui-capability-trigger-icon {
    display: none;
}

.ui-capability-panel-body-icon {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    align-self: flex-start;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    pointer-events: none;
}

.ui-capability-trigger-icon img,
.ui-capability-panel-body-icon img {
    display: block;
    object-fit: contain;
}

.ui-capability-trigger-icon img {
    width: 60px;
    height: 60px;
}

.ui-capability-panel-body-icon img {
    width: 34px;
    height: 34px;
    filter: brightness(0) invert(1);
    opacity: 0.96;
}

.ui-capability-trigger-label {
    display: block;
    margin: 0;
    color: inherit;
    font-size: 25px;
    font-weight: 600;
    line-height: 1.35;
    letter-spacing: -0.01em;
    writing-mode: vertical-rl;
    text-orientation: mixed;
    text-align: center;
    white-space: nowrap;
    transform: rotate(180deg);
    transform-origin: center center;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.45);
}

.ui-capability-panel.is-active .ui-capability-trigger-label,
.ui-capability-panel:focus-within .ui-capability-trigger-label {
    opacity: 0;
}

.ui-capability-panel-body {
    min-width: 0;
    height: 100%;
    position: relative;
    z-index: 1;
    padding: 50px 28px 36px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0;
    background: none;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateX(18px);
    transition:
        opacity 0.25s ease,
        transform 0.35s ease,
        visibility 0s linear 0.35s;
}

.ui-capability-panel.is-active .ui-capability-panel-body,
.ui-capability-panel:focus-within .ui-capability-panel-body {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateX(0);
    transition-delay: 0.12s, 0.05s, 0s;
}

.ui-capability-panel-copy {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0;
    max-width: 82%;
    padding-top: 0;
    opacity: 0;
    transform: translateY(20px);
    transition:
        opacity 0.32s ease,
        transform 0.48s cubic-bezier(0.22, 1, 0.36, 1);
}

.ui-capability-panel-copy h4 {
    margin: 0;
    color: #fff;
    font-size: 25px;
    line-height: 1.35;
    letter-spacing: -0.02em;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.ui-capability-panel-copy p {
    margin: 18px 0 0;
    color: rgba(255, 255, 255, 0.92);
    font-size: 16px;
    line-height: 1.75;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.24);
}

.ui-capability-panel-body .button {
    margin: auto 0 0;
    align-self: flex-start;
}

.ui-capability-panel-link {
    align-self: flex-end;
    margin-top: auto;
    padding-top: 18px;
    opacity: 0;
    transform: translateY(18px);
    transition:
        opacity 0.28s ease,
        transform 0.42s cubic-bezier(0.22, 1, 0.36, 1);
}

.ui-capability-panel.is-active .ui-capability-panel-copy,
.ui-capability-panel:focus-within .ui-capability-panel-copy {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.14s;
}

.ui-capability-panel.is-active .ui-capability-panel-link,
.ui-capability-panel:focus-within .ui-capability-panel-link {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.22s;
}

.ui-capability-panel-link:hover,
.ui-capability-panel-link:focus,
.ui-capability-panel-link:focus-visible {
    opacity: 0.85;
}

@media (max-width: 1399px) {
    .ui-capability-panel-copy h4 {
        font-size: 25px;
    }

    .ui-capability-panel-copy p {
        font-size: 16px;
        line-height: 1.75;
    }
}

@media (max-width: 1199px) {
    .ui-capability-panel {
        --ui-capability-title-top: 38px;
        --ui-capability-rail-width: 80px;
    }

    .ui-capability-panel.is-active {
        grid-template-columns: 0 minmax(0, 1fr);
        flex-grow: 3.8;
    }

    .ui-capability-trigger {
        padding: var(--ui-capability-title-top) 14px 24px;
    }

    .ui-capability-trigger-label {
        font-size: 25px;
    }

    .ui-capability-panel-body {
        padding: 38px 24px 30px;
    }

    .ui-capability-panel-copy {
        max-width: 86%;
    }

    .ui-capability-panel-copy h4 {
        font-size: 25px;
        line-height: 1.35;
    }
}

@media (max-width: 991px) {
    .ui-capability-accordion {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        height: auto;
        min-height: 0;
    }

    .ui-capability-panel,
    .ui-capability-panel.is-active {
        display: block;
        height: auto;
        min-height: 0;
        transform: none;
        grid-template-columns: none;
        box-shadow: 0 18px 36px rgba(17, 31, 58, 0.08);
        overflow: visible;
    }

    .ui-capability-panel::before {
        background: linear-gradient(180deg, rgba(7, 11, 17, 0.82) 0%, rgba(7, 11, 17, 0.58) 34%, rgba(7, 11, 17, 0.84) 100%);
    }

    .ui-capability-trigger {
        height: auto;
        padding: 28px 24px 0;
        flex-direction: row;
        justify-content: flex-start;
        gap: 16px;
        text-align: left;
    }

    .ui-capability-panel::after,
    .ui-capability-panel:not(.is-active)::after {
        content: none;
    }

    .ui-capability-trigger-label {
        display: inline-block;
        position: static;
        margin: 0;
        font-size: 20px;
        line-height: 1.2;
        white-space: normal;
        writing-mode: horizontal-tb;
        transform: none;
        z-index: auto;
        opacity: 1;
        transition: none;
    }

    .ui-capability-panel-body,
    .ui-capability-panel.is-active .ui-capability-panel-body,
    .ui-capability-panel:focus-within .ui-capability-panel-body {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transform: none;
        height: auto;
        padding: 22px 24px 28px;
        transition: none;
    }

    .ui-capability-panel-copy h4 {
        display: none;
    }

    .ui-capability-panel-body-icon {
        position: static;
        align-self: flex-start;
        margin: 0 0 16px;
        pointer-events: auto;
    }

    .ui-capability-panel-body-icon img {
        width: 28px;
        height: 28px;
    }

    .ui-capability-panel-copy {
        opacity: 1;
        transform: none;
        transition: none;
        padding-top: 0;
    }

    .ui-capability-panel-link {
        opacity: 1;
        transform: none;
        transition: none;
    }
}

@media (max-width: 767px) {
    .ui-capability-accordion {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .ui-capability-trigger {
        display: none;
    }

    .ui-capability-trigger-icon img,
    .ui-capability-panel-body-icon img {
        width: 34px;
        height: 34px;
    }

    .ui-capability-trigger-label,
    .ui-capability-panel-copy h4 {
        font-size: 19px;
        line-height: 1.4;
    }

    .ui-capability-panel-copy p {
        margin-top: 14px;
        font-size: 14px;
        line-height: 1.75;
        max-width: 90%;
    }

    .ui-capability-panel-body,
    .ui-capability-panel.is-active .ui-capability-panel-body,
    .ui-capability-panel:focus-within .ui-capability-panel-body {
        padding: 28px 20px 24px;
        gap: 0;
    }

    .ui-capability-panel-copy {
        max-width: 90%;
        padding-top: 0;
    }

    .ui-capability-panel-copy h4 {
        display: block;
    }

    .ui-capability-panel-body-icon {
        position: static;
        align-self: flex-start;
        margin: 0 0 16px;
        pointer-events: auto;
    }

    .ui-capability-panel-link {
        padding-top: 18px;
    }

}

@media (max-width: 479px) {
    .ui-capability-panel-copy h4 {
        font-size: 15px;
        line-height: 1.4;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ui-capability-panel,
    .ui-capability-panel::before,
    .ui-capability-trigger,
    .ui-capability-panel-body,
    .ui-capability-panel-copy,
    .ui-capability-panel-link {
        transition: none;
    }
}