/*!
Theme Name: Role Stack [A Search Stack Theme]
Theme URI: https://searchstack.co.uk/
Author: Search Stack
Author URI: https://searchstack.co.uk/
Description: The main theme for Search Stack websites
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: rolestack-theme
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

rolestack-theme is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/`
*/


/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
    - Normalize
    - Box sizing
# Base
    - Typography
    - Elements
    - Links
    - Forms
## Layouts
# Components
    - Navigation
    - Posts and pages
    - Comments
    - Widgets
    - Media
    - Captions
    - Galleries
# plugins
    - Jetpack infinite scroll
# Utilities
    - Accessibility
    - Alignments

--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/


/* Normalize
--------------------------------------------- */


/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */


/* Document
     ========================================================================== */


/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

     html {
        line-height: 1.15;
        -webkit-text-size-adjust: 100%;
    }

    @font-face {
        font-family: 'Aeonik';
        src: url('/wp-content/themes/rolestack-theme/fonts/Aeonik-Regular.woff2');
    }

    @font-face {
        font-family: 'Signature';
        src: url('/wp-content/themes/rolestack-theme/fonts/amithen-webfont.woff2');
    }


/* Sections
     ========================================================================== */


/**
 * Remove the margin in all browsers.
 */

     body {
        margin: 0;
    }


/**
 * Render the `main` element consistently in IE.
 */

    main {
        display: block;
    }


/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

    h1 {
        font-size: 2em;
        margin: 0.67em 0;
    }


/* Grouping content
     ========================================================================== */


/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

     hr {
        box-sizing: content-box;
        height: 0;
        overflow: visible;
    }


/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

    pre {
        font-family: monospace, monospace;
        font-size: 1em;
    }


/* Text-level semantics
     ========================================================================== */


/**
 * Remove the gray background on active links in IE 10.
 */

     a {
        background-color: transparent;
    }


/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

    abbr[title] {
        border-bottom: none;
        text-decoration: underline;
        text-decoration: underline dotted;
    }


/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

    b,
    strong {
        font-weight: bolder;
    }


/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

    code,
    kbd,
    samp {
        font-family: monospace, monospace;
        font-size: 1em;
    }


/**
 * Add the correct font size in all browsers.
 */

    small {
        font-size: 80%;
    }


/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

    sub,
    sup {
        font-size: 75%;
        line-height: 0;
        position: relative;
        vertical-align: baseline;
    }

    sub {
        bottom: -0.25em;
    }

    sup {
        top: -0.5em;
    }


/* Embedded content
     ========================================================================== */


/**
 * Remove the border on images inside links in IE 10.
 */

     img {
        border-style: none;
    }


/* Forms
     ========================================================================== */


    .grecaptcha-badge { display: none !important; }

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

     button,
     input,
     optgroup,
     select,
     textarea {
        font-family: inherit;
        font-size: 100%;
        line-height: 1.15;
        margin: 0;
    }


/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

    button,
    input {
        overflow: visible;
    }


/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

    button,
    select {
        text-transform: none;
    }


/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

    button,
    [type="button"],
    [type="reset"],
    [type="submit"] {
        -webkit-appearance: button;
        appearance: button;
    }


/**
 * Remove the inner border and padding in Firefox.
 */

    button::-moz-focus-inner,
    [type="button"]::-moz-focus-inner,
    [type="reset"]::-moz-focus-inner,
    [type="submit"]::-moz-focus-inner {
        border-style: none;
        padding: 0;
    }


/**
 * Restore the focus styles unset by the previous rule.
 */

    button:-moz-focusring,
    [type="button"]:-moz-focusring,
    [type="reset"]:-moz-focusring,
    [type="submit"]:-moz-focusring {
        outline: 1px dotted ButtonText;
    }


/**
 * Correct the padding in Firefox.
 */

    fieldset {
        padding: 0.35em 0.75em 0.625em;
    }


/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *      `fieldset` elements in all browsers.
 */

    legend {
        box-sizing: border-box;
        color: inherit;
        display: table;
        max-width: 100%;
        padding: 0;
        white-space: normal;
    }


/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

    progress {
        vertical-align: baseline;
    }


/**
 * Remove the default vertical scrollbar in IE 10+.
 */

    textarea {
        overflow: auto;
    }


/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

    [type="checkbox"],
    [type="radio"] {
        box-sizing: border-box;
        padding: 0;
    }


/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

    [type="number"]::-webkit-inner-spin-button,
    [type="number"]::-webkit-outer-spin-button {
        height: auto;
    }


/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

    [type="search"] {
        -webkit-appearance: textfield;
        appearance: textfield;
        outline-offset: -2px;
    }


/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

    [type="search"]::-webkit-search-decoration {
        -webkit-appearance: none;
    }


/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

    ::-webkit-file-upload-button {
        -webkit-appearance: button;
        font: inherit;
    }


/* Interactive
     ========================================================================== */


/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

     details {
        display: block;
    }


/*
 * Add the correct display in all browsers.
 */

    summary {
        display: list-item;
    }


/* Misc
     ========================================================================== */


/**
 * Add the correct display in IE 10+.
 */

     template {
        display: none;
    }


/**
 * Add the correct display in IE 10.
 */

    [hidden] {
        display: none;
    }


/* Box sizing
--------------------------------------------- */


/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */

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

html {
    box-sizing: border-box;
}


/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/


/* Typography
--------------------------------------------- */

body,
button,
input,
select,
optgroup,
textarea {
    color: #404040;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    font-size: 1rem;
    line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
}

p {
    margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
    font-style: italic;
}

blockquote {
    margin: 0 1.5em;
}

address {
    margin: 0 0 1.5em;
}

pre {
    background: #eee;
    font-family: "Courier 10 Pitch", courier, monospace;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
}

code,
kbd,
tt,
var {
    font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}

mark,
ins {
    background: #fff9c0;
    text-decoration: none;
}

big {
    font-size: 125%;
}


/* Elements
--------------------------------------------- */

body {
    background: #fff;
}

hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 1.5em;
}

ul,
ol {
    margin: 0 0 1.5em 3em;
}

ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}

li>ul,
li>ol {
    margin-bottom: 0;
    margin-left: 1.5em;
}

dt {
    font-weight: 700;
}

dd {
    margin: 0 1.5em 1.5em;
}


/* Make sure embeds and iframes fit their containers. */

embed,
iframe,
object {
    max-width: 100%;
}

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

figure {
    margin: 1em 0;
}

table {
    margin: 0 0 1.5em;
    width: 100%;
}


/* Links
--------------------------------------------- */

a {
    color: #4169e1;
}

a:visited {
    color: #800080;
}

a:hover,
a:focus,
a:active {
    color: #191970;
}

a:focus {
    outline: thin dotted;
}

a:hover,
a:active {
    outline: 0;
}


/* Forms
--------------------------------------------- */

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    border: 1px solid;
    border-color: #ccc #ccc #bbb;
    border-radius: 3px;
    background: #e6e6e6;
    color: rgba(0, 0, 0, 0.8);
    line-height: 1;
    padding: 0.6em 1em 0.4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    border-color: #ccc #bbb #aaa;
}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
    border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
    color: #666;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
    color: #111;
}

select {
    border: 1px solid #ccc;
}

textarea {
    width: 100%;
}


/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/


/* Navigation
--------------------------------------------- */

.main-navigation {
    display: block;
    width: 100%;
}

.main-navigation ul ul {
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    float: left;
    position: absolute;
    top: 100%;
    left: -999em;
    z-index: 99999;
    background: #013448;
}

.main-navigation ul ul ul {
    left: -999em;
    top: 0;
}

.sub-menu .sub-menu {
    top: 102%;
    padding: 0;
    background: transparent;
    box-shadow: none;
}

.main-navigation ul ul li:hover>ul,
.main-navigation ul ul li.focus>ul {
    display: block;
    left: auto;
}

.main-navigation ul ul a {
    width: 150px;
}

.sub-menu .sub-menu li {
    background: #013448;
}

.main-navigation ul li:hover>ul,
.main-navigation ul li.focus>ul {
    left: auto;
}

.main-navigation li {
    position: relative;
}

.main-navigation a {
    display: block;
    text-decoration: none;
}


/* Small menu. */

.menu-toggle,
.main-navigation.toggled ul {
    display: block;
}

.carrer_smalllogos {
    display: flex;
    align-items: center;
    text-align: center;
    color: white;
    position: relative;
    z-index: 2;
    justify-content: space-between;
}

.carrer_smalllogos .image_logocomputer {
    width: 25%;
    padding: 2%;
    text-align: left;
    padding: 2rem;
    display: flex;
    align-items: center;
}

.carrer_smalllogos .computer_logoleft {
    padding: 2% 4%;
    background: #fff;
    width: 60%;
}

.carrer_smalllogos .logo_description_carrer {
    color: #013448;
    margin-left: 0 !important;
    padding-top: 5%;
    line-height: 22px;
}

.carrer_smalllogos .image_logocomputer {
    width: 25% !important;
    padding: 3% 4%;
    text-align: center;
    display: block;
}

.carrer_smalllogos .bww-head h2 {
    color: #fff;
    font-size: 28px;
    font-family: 'Aeonik';
    font-weight: 500;
    line-height: 43px;
    padding-bottom: 1rem;
    margin: 0;
}

.carrer_smalllogos .bww-head p {
    color: #fff;
    font-family: 'Aeonik';
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
}

.mainlive_roles_job h3 {
    color: #013448;
    font-size: 26px;
    font-weight: 600 !important;
    margin-top: 0;
}

#applyjob_popup:hover {
    color: #FFCD31;
    background: #013448;
    border: 1px solid #013448;
}

.carrer_smalllogos .bww-head {
    padding: 7% 5% !important;
    background: #013448;
}

.apply_jobs_new h2 {
    text-align: center;
    color: #013448;
    font-weight: 400;
    font-size: 35px;
    margin: 0;
}

.apply_jobs_new {
    padding: 7rem 15%;
    background: #f9f9f9;
}

.mainlive_roles_job {
    display: flex;
    padding-top: 3%;
    flex-wrap: wrap;
    justify-content: space-around;
}

.innerlive_roles_job {
    width: 31%;
    text-align: center;
    margin-bottom: 3%;
}

#applyjob_popup {
    text-decoration: none;
    color: #013448;
    border: 1px solid #FFCD31;
    padding: 12px 25%;
    font-weight: 600;
    font-size: 18px;
    box-shadow: 2px 0px 5px #ddd;
    position: relative;
    top: -6%;
    background: #fff;
    border-radius: 4px;
    cursor: pointer;
}

.post-content-block .job_description p {
    line-height: 32px;
}
.post-content-block .job_description ul,
.post-content-block .job_description ol {
    border: none;
    margin: -1.5em 0 1em 0;
    padding: 0 0 0 1em;
    line-height: 32px;
}
.job-listing-meta {
    font-size: 1.25em;
}
.job-listing-meta .location a {
    text-decoration: none;
    pointer-events: none;
}
.job_application.application {
    margin: 3rem auto 0 auto;
}


.innerlive_roles_job img {
    border-radius: 4px;
    height: 300px;
    object-fit: cover;
    width: 90%;
}

.write-own-story .post-content-row .pcr-main {
    width: 100% !important;
}

.write-own-story .pcr-sidebar {
    display: none !important;
}
.social-share-block img {
    width: 30px;
}
.social-share-block {
    display: flex;
    justify-content: space-around;
}
.social-share-block a:focus {
    outline: none;
}
.text_csr-row,.add_image_row {
    width: 45%;
}
.text_csr-row {
    font-size: 16px;
    line-height: 40px;
    color: rgba(1, 52, 72, 1);
}
.csr_repeater_textimg {
    padding: 4rem 10%;
}
.inner_csr_repeater_text:nth-child(2n) {
    display: flex;
    flex-direction: row-reverse;
}
.inner_csr_repeater_text {
    display: flex;
    justify-content: space-between;
    padding-bottom: 4rem;
    align-items: center;
}
.add_image_row img {
    height: 550px;
    object-fit: cover;
    width: 100%;
}
.inner_csr_repeater_text:last-child {
    padding-bottom: 0;
}
.inner_csr_repeater_text .slick-prev.slick-arrow::before {
    transform: rotate(180deg);
}
.page-id-2256 .hp-second-button {
    display: none !important;
}
.page-id-2256 .makes-different-row.wehiring_page,.page-id-2256  #deep_expertise {
    display: none !important;
}
.page-template-ir35-page-template .banner_textwhite h2 { 
    padding-bottom: 2rem !important;
}
.page-id-2285 .add_image_row img {
  height: auto; 
  object-fit: cover; 
}




@media screen and (min-width: 37.5em) {
    .menu-toggle {
        display: none;
    }
    .main-navigation ul {
        display: flex;
    }
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
    margin: 0 0 1.5em;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
    display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
    flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
    text-align: end;
    flex: 1 0 50%;
}


/* Posts and pages
--------------------------------------------- */

.sticky {
    display: block;
}

.post,
.page {
    margin: 0 0 1.5em;
}

.updated:not(.published) {
    display: none;
}

.page-content,
.entry-content,
.entry-summary {
    margin: 1.5em 0 0;
}

.page-links {
    clear: both;
    margin: 0 0 1.5em;
}


/* Comments
--------------------------------------------- */

.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}


/* Widgets
--------------------------------------------- */

.widget {
    margin: 0 0 1.5em;
}

.widget select {
    max-width: 100%;
}


/* Media
--------------------------------------------- */

.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}


/* Make sure logo link wraps around logo image. */

.custom-logo-link {
    display: inline-block;
}


/* Captions
--------------------------------------------- */

.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}

.wp-caption-text {
    text-align: center;
}


/* Galleries
--------------------------------------------- */

.gallery {
    margin-bottom: 1.5em;
    display: grid;
    grid-gap: 1.5em;
}

.gallery-item {
    display: inline-block;
    text-align: center;
    width: 100%;
}

.gallery-columns-2 {
    grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
    grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
    grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
    grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
    grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
    grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
    grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
    grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
    display: block;
}


/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/


/* Jetpack infinite scroll
--------------------------------------------- */


/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */

.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
    display: none;
}


/* Re-display the Theme Footer when Infinite Scroll has reached its end. */

.infinity-end.neverending .site-footer {
    display: block;
}


/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/


/* Accessibility
--------------------------------------------- */


/* Text meant only for screen readers. */

.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    clip-path: none;
    color: #21759b;
    display: block;
    font-size: 0.875rem;
    font-weight: 700;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
}


/* Do not show the outline on the skip link target. */

#primary[tabindex="-1"]:focus {
    outline: 0;
}


/* Alignments
--------------------------------------------- */

.alignleft {
    /*rtl:ignore*/
    float: left;
    /*rtl:ignore*/
    margin-right: 1.5em;
    margin-bottom: 1.5em;
}

.alignright {
    /*rtl:ignore*/
    float: right;
    /*rtl:ignore*/
    margin-left: 1.5em;
    margin-bottom: 1.5em;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1.5em;
}


/* Mobile menu
--------------------------------------------- */


/* The Overlay (background) */

.overlay {
    height: 0;
    width: 100%;
    position: fixed;
    z-index: 999;
    left: 0;
    top: 0;
    background-color: rgb(0, 0, 0);
    background-color: #013448;
    overflow-x: hidden;
    transition: 0.5s;
}


/* Position the content inside the overlay */

.overlay-content {
    position: relative;
    top: 0%;
    /* 25% from the top */
    width: 100%;
    /* 100% width */
    text-align: center;
    /* Centered text/links */
    margin-top: 30px;
    /* 30px top margin to avoid conflict with the close button on smaller screens */
}


/* The navigation links inside the overlay */

.overlay a {
    padding: 8px;
    text-decoration: none;
    font-size: 36px;
    color: #818181;
    display: block;
    /* Display block instead of inline */
    transition: 0.3s;
    /* Transition effects on hover (color) */
}


/* When you mouse over the navigation links, change their color */

.overlay a:hover,
.overlay a:focus {
    color: #f1f1f1;
}


/* Position the close button (top right corner) */

.overlay .closebtn {
    position: absolute;
    top: 20px;
    right: 45px;
    font-size: 60px;
}

.mobile-menu {
    position: fixed;
    z-index: 9999999999;
    right: 5%;
    top: 0.5rem;
}

button.mobile-nav-button {
    background: transparent;
    border: none;
}

button.mobile-nav-button img {
    height: 43px;
    cursor: pointer;
}

.mobile-nav-button {
    display: none;
}

button.header-button:hover a {
    color: #ffcd31 !important;
}

.not_quote_lookingcarrer {
    color: #013448;
    font-size: 28px;
    font-family: 'Aeonik';
    font-weight: 500;
    line-height: 43px;
    padding-bottom: 1rem;
    margin: 0;
    text-align: center;
}

.not_quote-button {
    color: #013448;
    background: #FFCD31;
    border: 1px solid #ffcd31;
    padding: 15px 80px;
    font-weight: bold;
    border-radius: 3px;
    font-size: 17px;
    margin-left: 0;
    transition: all .4s ease;
    cursor: pointer;
    width: 280px;
}

.not_quote-button:hover {
    background: #013448 !important;
    color: #FFCD31 !important;
    border: 1px solid #ffcd31;
    padding: 15px 80px;
    font-weight: bold;
    border-radius: 3px;
    font-size: 17px;
    margin-left: 0;
    transition: all .4s ease;
    cursor: pointer;
    width: 280px;
}

.not_quote_btn {
    text-align: center;
    padding-top: 2%;
}

.Write_yourownstory {
    background: #013448;
    padding: 7rem 15%;
    position: relative;
}

.heading_ownstory h2 {
    color: #fff;
    font-size: 28px;
    font-family: 'Aeonik';
    font-weight: 500;
    line-height: 43px;
    padding-bottom: 1rem;
    margin: 0;
    text-align: center;
}

.heading_ownstory p {
    color: #fff;
    font-family: 'Aeonik';
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
}

.heading_ownstory {
    width: 50%;
    margin: auto;
}

.chat_uscareer {
    background: #f8f8f8;
    padding: 5% 7%;
}

.heading_career_bottomchat {
    width: 46%;
}

.heading_career_bottomchat h3,
.heading_career_bottomchat p {
    width: 70%;
}

.heading_career_bottomchat h3,
.feelfree_career-row h3 {
    padding-bottom: 3%;
    color: #013448;
    font-size: 28px;
    font-family: 'Aeonik';
    font-weight: 500;
    line-height: 43px;
    margin: 0;
    text-align: left;
}

.heading_career_bottomchat p {
    color: #013448 !important;
    font-family: 'Aeonik';
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
}

.heading_career_bottomchat .gform_wrapper .gform_heading {
    display: none;
}

.inner_chat_uscareer {
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.inner_chat_uscareer .heading_career_bottomchat .gform_body.gform-body .large {
    color: inherit;
}

.feelfree_career-row {
    width: 53%;
}

.heading_career_bottomchat .gform_1 {
    padding: 5% 0% 0 0 !important;
}

.heading_career_bottomchat #gform_1 {
    padding-right: 8%;
}

.heading_career_bottomchat .gform_body.gform-body .large::placeholder {
    color: #013448;
    opacity: 1;
}

.heading_career_bottomchat .gform_wrapper.gravity-theme .gfield textarea.large {
    height: 250px !important;
}

.image_sam_ckerke {
    width: 47%;
}

.right_profile_person {
    width: 47%;
}

.person_imagetext {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.innerright_profile_person {
    color: #FFCD31;
    font-size: 32px;
    font-weight: bold;
}

.right_profile_position {
    color: #013448;
    border-bottom: 3px solid #FFCD31;
    padding-bottom: 4%;
    margin-bottom: 3%;
    font-family: 'Aeonik';
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
}

.right_profile_description {
    color: #013448;
    font-family: 'Aeonik';
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
}

.image_sam_ckerke .view_profe_career_bottom {
    background: #ffcd31;
    color: #013448 !important;
    border: none;
    border-radius: 3px;
    padding: 20px !important;
    width: 100%;
    font-weight: bold;
    cursor: pointer;
    font-family: 'Aeonik';
    transition: all .4s ease;
    border: solid 1px #ffcd31;
}

.view_profe_career_bottom a {
    text-decoration: none;
    color: #013448;
}

.morereaonsjoin_tiro {
    padding: 5% 10% 6%;
}

.more_reasons_heading {
    padding-bottom: 6%;
    text-align: center;
    color: #013448;
    font-weight: 400;
    font-size: 35px;
    margin: 0;
}

.left_more-column {
    width: 48%;
}

.left_more-column h3 {
    color: #013448;
    font-size: 28px;
    font-family: 'Aeonik';
    font-weight: 500;
    line-height: 43px;
    margin: 0;
    text-align: left;
}

.inner_morereaonsjoin_tiro img {
    height: 450px;
    object-fit: cover;
    border-radius: 6px;
    width: auto;
}

.right_more-column {
    width: 48%;
    text-align: center !important;
}

.sidetext_image-col {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    padding-bottom: 15%;
}

.left_more-column p {
    color: #013448;
    font-family: 'Aeonik';
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
}

.sidetext_image-col:nth-child(2n+1) {
    flex-direction: row-reverse;
}

.inner_speak_tofounder {
    background: #013448;
    padding: 5% 5% 7%;
}

.speakfounder_heading {
    color: #fff;
    font-size: 28px;
    font-family: 'Aeonik';
    font-weight: 500;
    line-height: 43px;
    padding-bottom: 1rem;
    margin: 0;
    text-align: center;
    padding-bottom: 5%;
}

.speakfounder_heading strong {
    color: #ffcd31 !important;
}

.will_image_heading {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.will_image img {
    width: 270px;
    height: 250px;
    object-fit: cover;
}

.speakfounder_heading b {
    color: #FFCD31;
}

.william_position {
    color: #fff;
    font-size: 30px;
    padding-bottom: 10%;
}

.william_excellname {
    color: #fff;
    font-size: 30px;
    text-align: left;
    font-weight: 700;
    line-height: 25px;
}

.william_excellinformation {
    padding-left: 6%;
}

.william_email a,
.william_phone a {
    color: #FFCD31;
    text-decoration: none;
    font-size: 20px;
    font-weight: 600;
}

.william_email img,
.william_phone img {
    position: relative;
    top: 6px;
    margin-right: 5%;
    width: 24px;
    height: 24px;
}

.william_email {
    padding-bottom: 3%;
    display: flex;
}

.social_handles_william img {
    width: 20px;
    padding-top: 30px;
    margin-right: 20px;
}

#divider_ownstory svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 250px;
    transform: rotateY(0deg);
}

.careerblog-flex {
    display: flex !important;
    justify-content: center;
}

#carer_blogcard {
    border-radius: 5px;
}

.career-card-textarea {
    padding: 20px 9% 40px;
}

.career-card-textarea .blog-o-link {
    text-decoration: none;
}

.blog_bottom_title {
    font-family: 'Aeonik';
    padding-top: 10px;
    font-weight: 500;
    font-size: 18px;
    line-height: 30px;
}

.blog_author_name {
    font-family: 'Aeonik';
    padding-top: 10px;
    font-weight: 500;
    font-size: 18px;
}

.title_career_blogs {
    color: #013448;
    color: #013448;
    font-size: 20px;
    font-family: 'Aeonik';
    font-weight: 500;
    line-height: 43px;
    padding-bottom: 1rem;
    margin: 0;
}

.carrerblog-row {
    z-index: 9;
    position: relative;
}

.career_offer_slides {
    color: #fff;
    display: flex;
    width: 100%;
    position: relative;
    max-width: 100%;
    right: auto;
    margin-right: 0;
    padding: 0;
    bottom: 14px;
    flex-wrap: wrap;
    justify-content: center;
    right: 0;
    margin-left: 0;
}

.new_careertab {
    width: 50%;
}

.new_careertab_border {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 65px;
    width: 100%;
}

.obiza_tabsrow li.career_tabs {
    list-style-type: circle;
    padding-left: 11px;
    width: 20px;
    font-size: 30px !important;
    cursor: pointer;
    margin-left: 6px;
}

.obiza_tabsrow .career_tabs.active.intro {
    list-style-type: disc;
    font-size: 20px;
}

.border_img {
    width: 69%;
    margin-top: 5px;
    height: 3px;
    position: inherit;
    margin-left: -20px;
}

.careertab-flex .ap-shadow {
    position: absolute;
    width: 55%;
    height: 100%;
    background: rgb(1, 52, 72);
    background: linear-gradient(176deg, rgba(1, 52, 72, 1) 20%, rgba(1, 52, 72, 0) 100%);
    top: 0%;
    opacity: 1;
    right: 0;
}

.mainlive_roles_job .modal-content .gform_title {
    display: none;
}

.mainlive_roles_job .large::placeholder {
    color: #013448 !important;
    opacity: 1;
}

.mainlive_roles_job .ginput_container_fileupload .large {
    border: none !important;
    height: auto !important;
}

.mainlive_roles_job .gfield_label {
    color: #013448;
}

.mainlive_roles_job .large {
    border: 1px solid #013448 !important;
    border-radius: 3px !important;
    background: transparent;
    height: 54px !important;
    color: #013448 !important;
}

.mainlive_roles_job #gform_submit_button_2:hover {
    background: #013448 !important;
    color: #ffcd31 !important;
    border: solid 1px #ffcd31 !important;
}

.mainlive_roles_job #gform_submit_button_2 {
    background: #ffcd31;
    color: #013448 !important;
    border: none;
    border-radius: 3px;
    padding: 20px !important;
    width: 100%;
    font-weight: bold;
    cursor: pointer;
    font-family: 'Aeonik';
    transition: all .4s ease;
    border: solid 1px #ffcd31;
}

.apply_custom_popupform {
    padding: 0px 9%;
}

.mainlive_roles_job #gfield_upload_rules_2_6 {
    color: #013448;
    font-weight: 600;
    font-size: 16px;
}

.mainlive_roles_job #gform_submit_button_2:hover,
.heading_career_bottomchat #gform_submit_button_2:hover {
    background: #013448 !important;
    color: #ffcd31 !important;
    border: solid 1px #ffcd31;
}

.heading_career_bottomchat .gform_body.gform-body .large {
    font-size: 14px !important;
    padding: 5px 20px !important;
    color: white !important;
    border: 1px solid #013448 !important;
    border-radius: 3px !important;
    background: transparent;
    height: 43px;
}

.heading_career_bottomchat #gform_submit_button_1:hover,
.image_sam_ckerke .view_profe_career_bottom:hover {
    background: #013448 !important;
    color: #ffcd31 !important;
    border: solid 1px #ffcd31 !important;
}

.image_sam_ckerke .view_profe_career_bottom:hover a {
    color: #ffcd31 !important;
}

.heading_career_bottomchat #gform_submit_button_1 {
    background: #ffcd31;
    color: #013448 !important;
    border: none;
    border-radius: 3px;
    padding: 20px !important;
    width: 100%;
    font-weight: bold;
    cursor: pointer;
    font-family: 'Aeonik';
    transition: all .4s ease;
    border: solid 1px #ffcd31;
    margin-bottom: 0;
}

.shadow_line-tabs {
    position: absolute;
    width: 55%;
    height: 100%;
    background: rgb(1, 52, 72);
    background: linear-gradient(20deg, rgba(1, 52, 72, 1) 20%, rgba(1, 52, 72, 0) 100%);
    top: -0%;
    opacity: 1;
    right: 0;
}

.heading_career_bottomchat .gform_footer.top_label {
    padding-bottom: 0 !important;
}


/* When the height of the screen is less than 450 pixels, change the font-size of the links and position the close button again, so they don't overlap */

@media screen and (max-height: 450px) {
    .overlay a {
        font-size: 20px
    }
    .overlay .closebtn {
        font-size: 40px;
        top: 15px;
        right: 28px;
    }
}

header#masthead {
    position: fixed;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 4.5% 20px;
    z-index: 999999;
    transition: all .4s ease;
    box-sizing: border-box;
}

z .site-branding {
    padding-left: 0.5%;
}

.hamburger-inner,
.hamburger-inner:after,
.hamburger-inner:before {
    position: absolute;
    width: 30px;
    height: 4px;
    transition-timing-function: ease;
    transition-duration: .15s;
    transition-property: transform;
    border-radius: 4px;
    background-color: #ffcd31;
}

.hamburger-box {
    width: 30px;
}

.hamburger-box {
    position: relative;
    display: inline-block;
    width: 28px;
    height: 21px;
    margin-top: 8px;
    margin-left: 0px;
    left: -1px;
}

@keyframes block-reveal {
    0% {
        transform: translate(0, 110%);
    }
    45%,
    55% {
        transform: translate(0, 0);
    }
    100% {}
}

.main-navigation {
    display: block;
    width: auto;
}

#site-navigation ul li a {
    font-weight: 300;
    color: #fff;
    font-size: 15px;
    margin-bottom: 0;
    padding-right: 10px;
    font-family: 'Aeonik';
    padding-left: 20px;
    transition: all .4s ease;
}

.navigation-right {
    display: flex;
    align-items: center;
}

.nav-grid {
    display: grid;
    grid-template-columns: 60% 40%;
    grid-template-rows: 50% 50%;
    height: 100%;
}

.nav-grid-01 {
    grid-column: 1/4;
    background: #013448;
    grid-row: 1 / 4;
    animation: block-reveal 2s both;
    text-align: center;
}

.nav-grid-02 {
    background: #ffcd31;
    grid-column: 1 / 2;
    grid-row: 1 / 2;
    animation: block-reveal 3s both;
}

.nav-grid-03 {
    background: #F9F8F8;
    grid-column: 1 / 2;
    grid-row: 2 / 3;
    animation: block-reveal 4s both;
}

.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner:after,
.hamburger.is-active .hamburger-inner:before {
    background-color: #ffcd31;
}

.navigation-right {
    display: flex;
    align-items: center;
    padding-right: 100px;
}

.navigation-right a {
    font-family: 'Vazirmatn', sans-serif;
    font-weight: 500;
    color: #fff;
    font-size: 14px;
    margin: 0 12px;
    text-decoration: none;
}

.overlay-content {
    position: relative;
    width: 100%;
    text-align: center;
    margin-top: 30px;
}


/*Header Logo*/

.site-branding .custom-logo {
    max-width: 120px;
}


/*Hamburger*/

.hamburger.hamburger--emphatic {
    padding: 0;
}

.hamburger.hamburger--emphatic {
    background-image: url(/wp-content/uploads/2022/07/menu-yellow.svg);
    width: 80px;
    height: 80px;
    background-size: contain;
    background-repeat: no-repeat;
}


/*Main Top Banner*/

.Main_Banner {
    background: #013448;
    height: auto;
    position: relative;
    height: 900px;
    overflow: hidden;
}

h1 {
 font-family: 'Aeonik';
 font-weight: bold;
}

.left_sidebanner h1 {
    color: #fff;
    line-height: 60px;
    font-size: 45px;
    margin: 0;
}

img.hero-scroll-icon {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 200px;
    left: 4rem;
}

.hp-first-button {
    color: #013448;
    background: #FFCD31;
    border: 1px solid #FFCD31;
    padding: 15px 20px;
    font-weight: bold;
    width: 300px;
    cursor: pointer;
    transition: all .5s ease;
}

.hp-first-button:hover {
    color: #FFCD31;
    background: #013448;
    border: 1px solid #FFCD31;
}

.hp-second-button {
    color: #FFCD31;
    background: #013448;
    border: 1px solid #FFCD31;
    padding: 15px 20px;
    width: 300px;
    font-weight: bold;
    cursor: pointer;
    transition: all .4s ease;
}

.hp-second-button:hover {
    color: #013448;
    background: #FFCD31;
    border: 1px solid #013448;
}

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

.left_sidebanner {
    padding: 15rem 0% 10rem 6rem;
    position: relative;
    z-index: 9;
    padding-left: 5.7%;
}

.left_sidebanner,
.right_sidebanner {
    width: 50%;
}

.right_sidebanner {
    height: 100%;
}

.right_sidebanner img {
    max-width: 100% !important;
    opacity: 1;
    width: 100%;
    object-fit: cover;
    height: 100%;
}


/*homepage Second section*/

.main_animatedsectiom {
    background: #f9f9f9;
    padding: 4rem 15%;
    position: relative;
}

.main_animatedsectiom h2 {
    text-align: center;
    color: #013448;
    font-size: 45px;
    margin: 0;
}

img.tiro-mark-icon {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1338px;
    opacity: 0.4;
    z-index: 1;
    top: 0;
}

.hp-tab-container {
    position: relative;
    z-index: 9;
    width: auto;
    margin: auto;
}

h2 {
    font-family: 'Aeonik';
}

.main_animatedsectiom h2 {
    text-align: center;
    color: #013448;
    font-size: 28px;
    margin: 0;
}

.repeater_counters {
    display: flex;
    justify-content: space-between;
    padding: 1rem 5%;
    flex-wrap: wrap;
}

.counter_boxes h3 {
    color: #FFCD31;
    font-size: 65px;
    font-family: 'Aeonik';
    font-weight: bold;
    margin: 0;
    line-height: 75px;
    font-style: italic;
}

.counter_boxes {
    text-align: center;
    width: 19%;
}

.counter_boxes p {
    color: #013448;
    font-size: 17px;
    font-family: 'Aeonik';
    font-weight: 300;
    margin: 0;
    width: 80%;
    margin: auto;
    line-height: 15px;
}

.inner_animatedsectiom {
    padding-bottom: 50px;
}

.howwedo_it {
    text-align: center;
    padding-top: 8%;
}

.how_wedo-button {
    background: #FFCD31;
    color: #013448;
    font-family: 'Aeonik';
    font-weight: bold;
    border: none !important;
    cursor: pointer;
    padding: 15px 7%;
    transition: all .4s ease;
}

button.how_wedo-button:hover {
    background: #013448;
    color: #FFCD31;
}

#deep_expertise {
    padding-top: 10%;
}

.howwedo_it {
    text-align: center;
    padding-top: 8%;
    position: relative;
    z-index: 9;
}

.hp-tab-shadow {
    transition: all .4s ease;
}


/*Thriving IT Section*/

.thriving_itSection {
    background: #ffcd31;
    padding: 7rem 15%;
}

.first_textsection h3 {
    color: #013448;
    font-size: 28px;
    font-family: 'Aeonik';
    font-weight: 500;
    line-height: 47px;
    margin: 0;
}

.first_textsection {
    width: 48%;
    padding-top: 1rem;
    padding-bottom: 2rem;
}

.first_textsection p {
    color: #013448;
    font-family: 'Aeonik';
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 40px;
}

.four_sections {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.Get_inTouch {
    border: 1px solid #013448;
    text-decoration: none;
    padding: 10px 10%;
    color: #013448 !important;
    font-weight: 700;
}

.All_textunder h3,
.All_textunder p,
.All_textunder h4 {
    margin: 0;
}

.All_textunder {
    color: #fff;
}

.image_textcountry {
    background-size: cover;
    width: 49%;
    margin-right: 1%;
    margin-bottom: 10px;
    height: 350px;
    object-fit: cover;
    position: relative;
}

.All_textunder {
    color: #fff;
    position: absolute;
    top: auto;
    left: 30px;
    bottom: 2rem;
    z-index: 2;
}

.All_textunder h4 {
    font-size: 30px;
    padding-bottom: 10px;
    font-family: 'Aeonik';
}

.All_textunder h3 {
    font-size: 60px;
    font-family: 'Aeonik';
    line-height: 50px;
    font-weight: 600;
}

.together_flex {
    display: flex;
    flex-direction: column;
    align-items: baseline;
}

.together_flex p {
    padding-left: 0;
    font-family: 'Aeonik';
    font-size: 15px;
    line-height: 18px;
    padding-top: 8px;
}

.logo_slidermain {
    padding: 10rem 10%;
    background: #013448;
    position: relative;
}

.logo_sliderheading h2 {
    color: #fff;
    text-align: center;
    font-size: 31px;
    margin: 0;
    font-weight: 400;
    padding-bottom: 1rem;
}

.losos_slides {
    display: flex;
    margin-top: 50px;
}

.main_Experiance_touchpoint {
    padding: 5rem 15%;
    background: #f9f9f9;
    position: relative;
    overflow: hidden;
}

.inner_Experiance_touchpoint h2 {
    margin: 0;
    color: #013448;
    text-align: center;
    font-size: 30px;
}

.inner_Experiance_touchpoint h2 {
    text-align: center;
    margin: 0;
}

.inner_Experiance_touchpoint h2 {
    color: #013448 !important;
    font-size: 28px;
    margin-bottom: 60px;
}

.left_sideimage {
    display: flex;
}

.left_sideimage {
    display: flex;
    background: #013448;
    align-items: center;
    color: #fff;
}

.left_sideimage img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.right_sideimage h3 {
    font-size: 28px;
    font-weight: 500;
    margin-bottom: 10px;
}

.right_sideimage {
    padding: 40px;
}

.director_experiance {
    color: #ffcd31;
    font-size: 19px;
    margin: 0;
}

.director_description {
    width: 80%;
}

.social_media a {
    position: absolute;
    width: 100%;
    height: 100%;
}

.left_sideimage:nth-child(2n) {
    display: flex;
    flex-direction: row-reverse;
}

.left_sideimage {
    margin-bottom: 40px;
}

.looking_consult {
    color: #013448 !important;
    font-size: 28px;
    text-align: center;
    font-style: italic;
    margin-top: 70px;
}

.looking_consult_btn {
    text-align: center;
}

.looking_consult_btn .Get_inTouch {
    padding: 10px 5% !important;
}

.Requestcall_back {
    background: #013448;
}

.requestcall_Heading h2 {
    text-align: center;
    margin: 0;
    font-size: 30px;
}

.callback_description .gform_title {
    display: none;
}

.callback_description {
    width: 50%;
    padding: 0 4rem 0 0;
}

.callback_description input {
    font-size: 14px !important;
    padding: 5px 20px !important;
    color: white !important;
}

.callback_description textarea {
    font-size: 14px !important;
    padding: 5px 20px !important;
    color: white !important;
}

.callback_description input::placeholder {
    color: rgba(250, 250, 250, 0.3) !important;
}

.requestcall_Heading h2 {
    padding-bottom: 50px;
}

.callback_description h3 {
    font-family: 'Aeonik';
    font-size: 26px;
    margin: 0;
}

.callback_description .large {
    border: 1px solid rgba(250, 250, 250, 0.3) !important;
    border-radius: 3px !important;
    background: transparent;
    height: 43px;
}

.callback_description .textarea.large {
    height: 165px !important;
}

.callback_description .large::placeholder {
    color: #fff !important;
    opacity: 1 !important;
}

.callback_description .gform_button  {
    background: #ffcd31;
    color: #013448 !important;
    border: none;
    border-radius: 3px;
    padding: 20px !important;
    width: 100%;
    font-weight: bold;
    cursor: pointer;
    font-family: 'Aeonik';
    transition: all .4s ease;
    border: solid 1px #ffcd31;
}

.callback_description .gform_button:hover {
    background: #013448 !important;
    color: #ffcd31 !important;
    border: solid 1px #ffcd31 !important;
}

.callback_description #gform_submit_button_2 {
    background: #ffcd31;
    color: #013448 !important;
    border: none;
    border-radius: 3px;
    padding: 20px !important;
    width: 100%;
    font-weight: bold;
    cursor: pointer;
    font-family: 'Aeonik';
    transition: all .4s ease;
    border: solid 1px #ffcd31;
}

.callback_description #gform_submit_button_2:hover {
    background: #013448 !important;
    color: #ffcd31 !important;
    border: solid 1px #ffcd31 !important;
}

.callback_description input:focus {
    outline: solid 1px #ffcd31;
    border: solid 1px #ffcd31;
}

.callback_description textarea:focus {
    outline: solid 1px #ffcd31;
    border: solid 1px #ffcd31;
}

.callback_right {
    width: 50%;
}

.main_callback_description {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.requestcallback_right {
    width: 100%;
}

.requestcallback_right {
    width: 100%;
    background-size: cover;
    height: 200px;
    object-fit: cover;
    position: relative;
    margin-bottom: 20px;
    transition: all 2.9s ease;
    overflow: hidden;
}

.requestcallback_right h3 {
    color: #fff;
    font-family: 'Aeonik';
    font-size: 26px;
    position: absolute;
    bottom: 0;
    left: 2rem;
    z-index: 2;
}

footer#colophon {
    padding: 20rem 10% 10px;
    position: relative;
    background-size: cover;
}

.footer-first-row {
    position: relative;
    z-index: 7;
    display: flex;
    justify-content: space-between;
    color: white;
    font-family: 'Vazirmatn', sans-serif;
}

.kfoot-col {
    display: flex;
    flex-direction: column;
}

.footer-first-row .kf-foot-icon {
    width: 190px;
}

.fcol-link {
    display: flex;
    flex-direction: column;
    padding-bottom: 20px;
}

.footer-first-row a {
    transition: all .4s ease;
}

.fcol-link a {
    color: #D6D6D6;
    font-weight: 400;
    text-decoration: none;
    font-size: 15px;
    margin-bottom: 20px;
}

.kc-title {
    border-bottom: 2px solid #f5f5f58a;
    padding-bottom: 25px;
    font-size: 18px;
}

.footer-second-row {
    border-top: solid 1px rgba(250, 250, 250, 0.2);
}

.page {
    margin: 0 !important;
}

.footer-second-row {
    padding-bottom: 30px;
}

.Social_media.footer-social-link a {
    background: #FFCD31;
    border-radius: 50px;
    padding: 13px 13px;
    display: flex;
    margin-bottom: 15px;
}

.Social_media.footer-social-link {
    margin-top: 4.5rem;
}


/*Tech Page*/

.inner_techrow {
    display: flex;
    position: relative;
    background-size: cover;
    background-position: center;
    background: #083a4d;
}

.left_techrow {
    position: relative;
    z-index: 3;
}

.right_techrow {
    border-bottom-left-radius: 10rem;
    background-size: cover;
}

.left_techrow,
.right_techrow {
    width: 50%;
}

a.product-link {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 3;
}

.left_techrow,
.leftconsulant_pagebanner {
    padding: 10rem 6rem;
}

.left_techrow h1 {
    color: #fff;
    line-height: 50px;
    font-size: 40px;
    margin-bottom: 5rem;
}

.Techbuttonslider {
    cursor: pointer;
    background: #ffcd31;
    border: none !important;
    padding: 13px 10px;
    width: 50%;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Aeonik';
    font-weight: bold;
}

.banner_techtitle {
    font-family: 'Aeonik';
    font-size: 25px;
    font-weight: 400;
    margin-bottom: 5px;
}

.experiance_techbanner {
    color: #ffcd31;
    font-family: 'Aeonik';
    font-size: 18px;
    font-weight: 400;
}

.banner_techdescription p {
    font-family: 'Aeonik';
}

.right_techrow {
    position: relative;
}

.row_contenttech {
    position: absolute;
    color: #fff;
    width: 70%;
    border-left: 1px solid #e6e9ea !important;
    padding-left: 1rem;
    left: 10rem;
    bottom: 10rem;
    z-index: 2;
}

.techlogo_slidermain {
    padding: 4rem 15%;
    background: #f9f9f9;
}

.techlogo_slidermain h2 {
    color: #013448;
}

.product_slider {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.products_sliderheading {
    padding-top: 0rem;
    text-align: center;
    padding-bottom: 3rem;
}

.product_slider_inner {
    background-size: cover;
    height: 180px;
    object-fit: cover;
    width: 23%;
    margin-bottom: 15px;
    margin: 1%;
    overflow: hidden;
}

.sc-loc {
    flex-direction: row-reverse;
}

.product_abovetitle {
    font-size: 20px;
    color: #fff;
    font-family: 'Aeonik';
    width: 80%;
    line-height: 25px;
    position: absolute;
    bottom: 1rem;
    left: 1rem;
    z-index: 3;
}

.main_techstar_section {
    padding: 7rem 10%;
    background: #013448;
    text-align: center;
    color: #fff;
}

.inner_techstar_section h2 {
    color: #013448;
    font-size: 28px;
    font-family: 'Aeonik';
    font-weight: 500;
    line-height: 43px;
    margin-bottom: 4rem;
}

.main_techstar {
    color: #FFCD31;
    background: #013448;
    border: 1px solid #FFCD31;
    padding: 15px 20px;
    width: 300px;
    font-weight: bold;
    cursor: pointer;
    transition: all .4s ease;
}

.heading_meet_team h2 {
    margin: 0;
    font-size: 30px;
}

.heading_meet_team {
    margin-bottom: 60px;
    text-align: center;
    color: #013448;
}

.key-contact-widget {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.meet_teamheading {
    text-align: center;
    color: #013448;
    padding-bottom: 30px;
}

.meet_teamheading h2 {
    margin: 0;
    font-size: 30px;
}

.solicitor-card {
    width: 24%;
    position: relative;
    margin-bottom: 5px;
}

.sc-text-block {
    position: absolute;
    top: auto;
    color: #fff;
    bottom: 2rem;
    padding-left: 20px;
    z-index: 3;
    text-align: left;
}

.sc-text-block .sc-name {
    font-size: 25px;
    font-family: 'Aeonik';
}

.sc-text-block p {
    margin: 0;
}

.right_techrow {
    border-bottom-left-radius: 10rem;
}

.leftconsulant_pagebanner,
.right_consutant {
    width: 50%;
}

.right_consutant img {
    border-bottom-left-radius: 10rem;
}

.leftconsulant_pagebanner h1 {
    margin: 0;
    font-size: 30px;
    font-weight: 500;
    color: #ffff;
    font-family: 'Aeonik';
}

.leftconsulant_pagebanner h1 {
    margin: 0;
    font-size: 30px;
    font-weight: 500;
    color: #013448;
}

.leftconsulant_pagebanner h2 {
    margin: 0;
    color: #013448;
}

.yelow_bannertext {
    color: #ffcd31;
    font-weight: 600;
    animation: header-paragraph-reveal 1.4s ease;
}

.social_banner_buttons {
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    position: relative;
}

.social_banner_buttons:nth-child(1) {
    animation: header-paragraph-reveal 1.5s ease;
}

.social_banner_buttons:nth-child(2) {
    animation: header-paragraph-reveal 1.7s ease;
}

.social_banner_buttons:nth-child(3) {
    animation: header-paragraph-reveal 1.9s ease;
}

.social_banner_buttons img {
    margin-right: 19px;
}

.leftconsulant_pagebanner .social_media {
    padding-top: 30px;
}

.heading_expertsie h2 {
    text-align: center;
    font-size: 28px;
    color: #013446;
    font-family: 'Aeonik';
    padding-bottom: 2rem;
}

.expertise_buttonsrow a {
    background: #013448;
    color: #fff;
    text-decoration: none;
    padding: 18px 30px;
    border-radius: 4px;
    width: 290px !important;
    display: block;
    text-align: center;
    margin-bottom: 11px;
    font-weight: 600;
}

.Expertisebutton_repeater {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    margin-top: 60px;
}

.leftconsulant_pagebanner,
.right_consutant {
    background: #013448;
}

.view_allroles a {
    border: 1px solid #013448;
    color: #013448;
    text-decoration: none;
    padding: 11px 55px;
}

.view_allroles a {
    border: 2px solid #013448;
    color: #013448;
    text-decoration: none;
    padding: 11px 55px;
    font-weight: 600;
    width: 320px !important;
    display: block;
    margin: auto;
    text-align: center;
    font-size: 14px;
    transition: all .4s ease;
}

.not_quite h2 {
    text-align: center;
    font-size: 26px;
    font-weight: 400;
    color: #013446;
    font-style: italic;
}

.live_roles {
    padding: 3rem 15%;
    background: #F9F9F9;
}

.client-testimonials {
    padding: 5rem 10% 8rem;
    background: #013448;
    position: relative;
    overflow: hidden;
}

.innerclient-testimonials {
    position: relative;
    z-index: 2;
}

.heading_testimonails h2 {
    color: #fff;
    text-align: center;
    font-weight: 400;
    font-size: 30px;
}

.client_review {
    color: #fff;
    width: 42%;
    font-family: 'Aeonik';
}

.reviews_repeater {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.client_review h3 {
    font-weight: 400;
    font-style: italic;
}

.reviews_repeater .testimonias_image {
    border-radius: 50px;
}

.image_detailstestimonials {
    width: 10%;
    float: left;
    height: 100px;
    position: relative;
    bottom: -10px;
}

.clients_position {
    font-size: 13px;
    width: fit-content;
}

.heading_testimonails {
    padding-bottom: 30px;
}

.background_imgsubsector {
    width: auto;
    height: 800px;
    background-position: center;
    background-size: cover;
    position: relative;
}

.bgs-shadow {
    background: linear-gradient(9deg, #013448 23.71%, rgba(1, 52, 72, 0) 81.92%);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
}

.banner_textwhite h2,
.banner_textwhite h3 {
    margin: 0;
    color: #fff;
    line-height: normal;
}

.banner_textwhite h2 {
    font-size: 30px;
    font-weight: 300;
    font-family: 'Aeonik';
    color: #FFCD31 !important;
    animation: header-paragraph-reveal 1.3s ease;
}

.consultant-large-banner {
    height: 900px;
}

.description_leftconsultant {
    animation: header-paragraph-reveal 1.3s ease;
}

.description_leftconsultant p {
    color: white;
    width: 60%;
    font-family: 'Aeonik';
}

.social_media {
    padding-top: 1rem;
}

.social_media {
    padding-top: 1rem;
    color: white;
    font-family: 'Aeonik';
    position: relative;
}

.banner_textwhite h3 {
    font-size: 28px;
    font-style: italic;
    padding-top: 40px;
    font-family: 'Aeonik';
}

.banner_textwhite {
    width: 60%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    height: auto;
    align-items: baseline;
    padding: 20% 5%;
    position: relative;
    z-index: 3;
}

.subsector_button {
    margin-top: 5rem;
}

.hp-secondsector {
    width: 238px;
    border: 1px solid #FFFFFF;
    border-radius: 0;
    padding: 10px 10px;
    font-size: 17px !important;
    background: transparent;
    color: #fff;
    font-weight: 600;
    cursor: pointer;
}

.request_callback .hp-subsector-button {
    font-weight: bold;
}

.request_callback {
    text-align: center;
    margin-top: 3rem;
}

.Our-software_expertise {
    padding: 5rem 10%;
    text-align: center;
}

.all_textexpertise {
    width: 50%;
    margin: auto;
}

.all_textexpertise h3 {
    text-align: center;
    color: #013448;
    font-size: 28px;
    font-family: 'Aeonik';
    font-weight: 500;
    line-height: 43px;
    padding-bottom: 5rem;
    margin: 0;
}

.all_textexpertise p {
    color: #013446;
    font-family: 'Aeonik';
    font-size: 18px;
}

.three_country .together_flex p,
.three_country .All_textunder h4 {
    text-align: left;
}

.three_country {
    display: flex;
    padding-top: 4rem;
}

.location_about_section {
    padding: 5rem 6rem;
    background: #fff;
}

.rightbanner_image,
.about_uslocation {
    width: 49%;
}

.about_uslocation {
    color: #013448;
}

.about_uslocation h2 {
    font-size: 28px;
}

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

.rightbanner_image {
    text-align: center;
}

.about_uslocation p {
    font-weight: 600;
}

.about_uslocation {
    width: 45%;
}

.information-rightmap h2 {
    color: #013448;
    margin-bottom: 40px;
}

.information-rightmap,
.map_Locationpage {
    width: 49%;
}

.information-rightmap,
.map_Locationpage {
    width: 49%;
}

.innerlocation_map {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    z-index: 4;
}

.map_locatonsection {
    padding: 5rem 6rem;
    background: #f9f9f9;
}

.information-rightmap {
    padding: 0rem 0 6rem 6rem;
}

.information-rightmap .social_banner_buttons {
    display: flex;
}

.b-row-info {
    font-size: 20px;
    color: #013448;
    font-family: 'Aeonik';
    font-weight: 500;
}

.information-rightmap .social_media a {
    height: 36px;
    width: 36px;
    align-items: center;
    vertical-align: middle;
    display: flex;
}

.information-rightmap .social_banner_buttons {
    font-size: 20px;
    color: #013448;
    font-family: 'Aeonik';
    font-weight: 500;
}

.meet_teamheading {
    width: 60%;
    margin: auto;
}

.meet_teamheading p {
    font-weight: 600;
}

.counter_boxescarrer h3 {
    color: #FFCD31;
    font-size: 60px;
    font-family: 'Aeonik';
    font-weight: bold;
    margin: 0;
    line-height: 70px;
    text-align: center;
    font-family: 'Signature', cursive;
}

.counter_boxescarrer p {
    color: #013448;
    font-size: 17px;
    font-family: 'Aeonik';
    font-weight: 600;
    line-height: 16px;
    margin: 0;
    width: 80%;
    margin: auto;
    text-align: center;
}

.counter_boxescarrer {
    padding: 1rem 1rem;
    background: white;
    margin-bottom: 1rem;
    border: solid 3px #FFCD31;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 2px;
}

.bottom_video .wp-video {
    margin: auto;
}

.inner_software_expertise .social_media {
    display: flex;
    justify-content: center;
}

.inner_software_expertise .social_banner_buttons {
    margin-right: 2rem;
    padding-top: 2rem;
}

.Yesweoffer {
    background: #f9f9f9;
}

.yes_offerleft h2 {
    text-align: left;
    font-size: 30px;
    color: #013446;
    font-family: 'Aeonik';
    margin: 0;
}

.yes_offerleft h2 {
    font-weight: bold;
    color: #013446;
    font-family: 'Aeonik';
}

.yes_offerleft,
.yes_offerright {
    width: 50%;
}

.yes_offerleft p {
    font-weight: 600;
    color: #013446;
    font-family: 'Aeonik';
    padding-top: 1rem;
    padding-bottom: 2rem;
}

.inner_Yesweoffer {
    display: flex;
    align-items: center;
    background: white;
    overflow: hidden;
}

.yes_offerleft {
    padding: 5rem 10%;
}

.inner_whatweoffer {
    display: flex;
    padding: 7rem 5%;
    flex-direction: row-reverse;
    align-items: center;
    text-align: center;
    color: white;
    position: relative;
    z-index: 2;
}

.whatweoffer {
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
    position: relative;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.computer_logoleft {
    width: 50%;
    display: flex;
    flex-wrap: wrap;
}

.computer_logoleft {
    width: 50%;
}

.image_logocomputer {
    width: 25%;
    text-align: center;
    padding: 2rem;
}

.computer_logorighttext {
    width: 50%;
    padding: 0 0 0 0rem;
    text-align: center;
}

.logo_description_carrer {
    color: #FFCD31;
    font-weight: bold;
    font-family: 'Aeonik';
    padding-top: 15px;
}

.computer_logorighttext h2 {
    color: #013448;
    font-size: 30px;
    margin: 0;
}

.computer_logorighttext p {
    color: #013448;
    font-weight: 600;
}

.intro_to_tiro_recruitment {
    color: #013448;
    padding: 4rem 25% 6rem;
    background: #F9F9F9;
    text-align: center;
}

.text_field_tiro_recuitment h2 {
    font-size: 37px;
    margin: 0;
    padding-bottom: 3rem;
}

.text_field_tiro_recuitment p,
.Box-rightimages p {
    font-weight: 600;
}

.mainaboutUssection {
    color: #013448;
    padding: 5rem;
}

.Box-rightimages h3 {
    font-size: 30px;
    font-weight: 400;
}

.Box-rightimages {
    width: 40%;
}

.Box-rightimages img {
    width: 100%;
}

.losos_slides .Box-rightimages {
    width: 40%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.losos_slides img {
    width: 50px;
}

.aboutpage_sectionrepeater {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 5rem;
    position: relative;
    z-index: 2;
}

.aboutpage_sectionrepeater:nth-child(2n) {
    flex-direction: row-reverse;
}

.mainaboutUssection {
    color: #013448;
    padding: 5rem 5rem 0;
    background-image: url(http://tiro.searchstack.co.uk/wp-content/uploads/2022/05/Vector8.png);
    background-size: 50%;
    background-repeat: no-repeat;
}

.about_meet_team {
    background: #f9f9f9;
}

.aboutpage-video {
    width: 30%;
}

.aboutpage_sectionrepeater {
    padding: 5rem 13rem 8rem;
}

.empleyee_name {
    text-align: center;
    color: #013448;
    font-size: 25px;
    padding-top: 9px;
}

.three_country-container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.three_country-row {
    padding: 5rem;
    background: #F9F9F9;
}

.row-countrythree {
    background-repeat: no-repeat;
    background-size: cover;
    width: 49%;
    height: 397px;
    margin-bottom: 2rem;
    color: #fff;
    padding: 30px;
    background-position: center;
}

.office_countryname {
    font-size: 30px;
}

.offices_address,
.offices_email,
.offices_phone {
    display: flex;
    padding-top: 15px;
}

.row-countrythree img {
    background: #ffcd31;
    border-radius: 50px;
    padding: 12px;
    margin-right: 15px;
}

.row-countrythree a {
    position: relative;
    top: -7px;
}

.background_whitewehiring {
    background: #ffcd31;
}

.background_whitewehiring h2,
.background_whitewehiring .client_review {
    color: #013448 !important;
}

.main_wehiring {
    background: #013448;
    color: #fff;
}

.main_wehiring #gform_submit_button_1 {
    color: #013448;
    background: #fff;
}

.main_wehiring .large::placeholder,
.main_wehiring .large {
    color: rgba(255, 255, 255, 0.8) !important;
    height: 54px;
}

.main_wehiring .large {
    border: 1px solid rgba(255, 205, 49, 0.28) !important;
    border-radius: 7px !important;
    background: transparent;
    height: 43px;
}

.inner_Requestcall_back {
    padding: 5rem 10%;
}

.inner_Requestcall_back {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
    color: white;
}

.inner_contactform {
    padding: 5rem 10%;
}

.heading_expertsie h2 {
    margin-top: 0;
}

.product_slider_inner {
    position: relative;
}

.main_office_countryname {
    position: absolute;
    bottom: 2rem;
    z-index: 9;
}

.row-countrythree {
    position: relative;
}

.content-tab-row.row {
    position: relative;
}

.content-tab-row.row .tab {
    position: absolute;
    bottom: 0;
    padding: 7rem;
    height: auto;
    width: auto;
}

.tab-flex {
    display: flex;
}

.content-tab-row .tab button.intro {
    background-color: #FFCD31;
}

.tab-left {
    width: 100%;
    padding: 10rem 7rem;
}

.tab-content h3 {
    color: #013448;
    font-size: 29px;
    font-weight: 600;
}

.tab-content {
    color: #013448;
}

.tab-right {
    padding: 10rem 7rem;
    width: 50%;
    background: #FFCD31;
}

.testimonials_data {
    font-size: 20px;
    font-weight: 600;
    font-style: italic;
    padding-bottom: 2rem;
}

.tab-content p {
    font-size: 20px;
}

.testimonials_image img {
    border-radius: 50%;
}

.testimonials_name {
    font-size: 20px;
    font-weight: 600;
}

.bottom_datatetsimonials {
    display: flex;
    flex-wrap: wrap;
}

.clients_positiontech {
    font-size: 13px;
}

.tablinks {
    background: #fff4d4;
    border: none;
    padding: 0px 25px;
    height: 35px;
    line-height: 0;
    cursor: pointer;
    color: #90a097;
    font-weight: 600;
    border-radius: 5px !important;
}

.tablinks p {
    margin: 0;
}

.tablinks.intro {
    background: #FFCD31;
    color: #013448;
}

.left_content p {
    font-size: 16px;
}

button.job-card-button {
    position: absolute !important;
    bottom: 20px !important;
    left: 2rem !important;
    width: 80% !important;
}

.our_storyabout {
    text-align: center;
    color: #fff;
    background: rgba(1, 52, 72);
    padding: 10rem 15% 10rem;
    position: relative;
    overflow: hidden;
}

.our_storyabout h3 {
    font-size: 28px;
    margin-bottom: 5rem;
}

.our_storyabout h3 {
    font-size: 28px;
    margin-bottom: 2rem;
    font-weight: 600;
}

.our_storyabout .tab-content.left_content {
    text-align: center;
    margin: auto;
}

.our_storyabout .content-tab-row.row .tab {
    padding: 0 !important;
}

.our_storyabout .tab-left {
    align-items: center;
    display: flex;
}

.our_storyabout .tab-tag-flex img {
    width: 80%;
}

.our_storyabout .content-tab-row.row {
    position: relative;
}

.our_storyabout .content-tab-row.row .tab {
    position: absolute;
    bottom: -6rem;
    right: 0;
    left: 0;
}

.our_storyabout .tab-left {
    padding: 0 !important;
}

.our_storyabout .tab-tag-flex img {
    width: 450px;
    object-fit: cover;
    margin: auto;
    display: block;
    height: 335px;
}

.our_storyabout .aboutstory_side-right {
    width: 50%;
}

.numbers_wehiring_tabs {
    text-align: center;
    padding: 5rem 20rem 7rem;
}

.wehiring_page .content-tab-row.row .tab {
    left: 0;
    right: 0;
}

.wehiring_page .content-tab-row.row {
    text-align: center;
}

.numbers_wehiring_tabs .content-tab-row.row .tab {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

.numbers_wehiring_tabs .tab-content h3 {
    margin: 0;
    font-family: 'Aeonik';
}

.wehiring_page .tablinks {
    background: transparent;
    font-size: 40px;
    font-family: 'Aeonik';
    font-weight: bold;
    font-style: italic;
}

.wehiring_page .content-tab-row.row .tab {
    bottom: 1rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

.tab-content.left_content {
    padding-bottom: 5rem;
    position: relative;
    z-index: 4;
}

.not_quite {
    width: 70%;
    display: block;
    margin: auto;
    padding-top: 3rem;
}

.write_ownstory {
    padding: 5rem 6rem;
}

.inner_write_ownstory {
    text-align: center;
    width: 70%;
    margin: auto;
    padding-bottom: 3rem;
}

.inner_write_ownstory h2 {
    text-align: center;
    font-size: 31px;
    font-weight: 400;
    color: #013446;
}

.inner_write_ownstory p {
    font-weight: 400;
    color: #013446;
}

.inner_write_ownstory .service-content-container {
    justify-content: space-around;
    display: flex;
}

.write_ownstory .sc-name {
    padding: 0px 40px 3rem 0;
    line-height: 31px;
    width: 100%;
}

.write_ownstory .solicitor-card {
    width: 32% !important;
}

.write_ownstory .sc-text-block {
    bottom: 2rem !important;
    width: 100% !important;
}

.write_ownstory .blog_story_title {
    padding-bottom: 15px;
}

.menu-item-has-children:hover .sub-menu {
    height: 100% !important;
    transition: all .4s ease;
    padding-left: 20px !important;
}


/* Style the tab */


/* Style the buttons that are used to open the tab content */

.tab button {

}


/* Change background color of buttons on hover */

.tab button:hover {
    background-color: #ddd;
}


/* Create an active/current tablink class */


/* Style the tab content */

.tabcontent {
    animation: fadeEffect 1s;
    /* Fading effect takes 1 second */
}

.exp-tab-but {
    width: 49.7%;
    height: 500px;
    position: relative;
    padding: 0;
}

img.hp-tab-img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    transition: all .5s ease;
}

.hp-tab-txt {
    position: absolute;
    z-index: 3;
    text-align: left;
    color: white;
    bottom: 10%;
    left: 10%;
    font-family: 'Aeonik';
    font-weight: bold;
    height: 82px;
    opacity: 0.4;
}

p.tc-title {
    font-weight: 500;
    font-size: 30px;
    font-family: 'Aeonik';
}

img.hp-icon {
    height: 60px;
    position: relative;
    top: -30px;
}

.hp-tab-shadow {
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(61.79deg, #013448 15.68%, rgba(255, 205, 49, 0) 77.5%), linear-gradient(61.79deg, #013448 15.68%, rgba(255, 205, 49, 0) 77.5%);
    top: 0;
    left: 0;
    z-index: 2;
}

.tab-tech-flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 25px;
}

.tab-tech-button {
    background: #013448;
    border-radius: 10px;
    margin: 0;
    font-size: 14px;
    padding: 13px 54px;
    margin-left: 0;
    text-align: center;
    transition: all .4s ease;
    cursor: pointer;
}

.tab-tech-flex a {
    text-decoration: none;
    color: white;
    font-family: 'Aeonik';
    width: auto;
    margin-bottom: 20px;
    margin-top: 20px;
    margin-right: 0;
    margin: 12px;
}

.tab .exp-tab-but:nth-child(2) .hp-tab-txt {
    right: 10%;
    left: auto;
    text-align: right;
}

.tab .exp-tab-but:nth-child(2) .hp-tab-shadow {
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(328deg, #013448 15.68%, rgba(255, 205, 49, 0) 77.5%), linear-gradient(61.79deg, #013448 15.68%, rgba(255, 205, 49, 0) 77.5%);
    top: 0;
    left: 0;
    z-index: 2;
}

#deep_expertise h2 {
    padding-bottom: 5rem;
}

.active .hp-tab-txt {
    opacity: 1;
}

a.img-txt-link {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9;
}

.heading {
    margin: 0;
    font-size: 64px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    display: flex;
    flex-direction: column;
    padding-bottom: 40px;
}

.heading>div {
    overflow: hidden;
}

.heading>div>p {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    white-space: nowrap;
    margin: 0;
    line-height: 117%;
}

.green {
    color: #32c267;
}

.heading>div {
    -webkit-animation-delay: 0;
    animation-delay: 0;
}

.heading>div:nth-child(2)>h1 {
    -webkit-animation-delay: 0.05s;
    animation-delay: 0.05s;
}

.heading>div {
    -webkit-animation-delay: 0;
    animation-delay: 0;
}

div.heading>div:nth-child(3)>h1 {
    -webkit-animation-delay: 0.075s;
    animation-delay: 0.075s;
}

div.heading>div:nth-child(4)>h1 {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}

.slide-up {
    -webkit-animation: slide-up 0.9s cubic-bezier(0.65, 0, 0.35, 1) both;
    animation: slide-up 0.9s cubic-bezier(0.65, 0, 0.35, 1) both;
}

.bothbanner_button {
    position: relative;
    bottom: 0;
}

.tab {
    overflow: hidden;
    border: 0;
    background-color: #31252500;
    width: 1300px;
    height: 500px;
    position: relative;
    margin: auto;
}

.exp-tab-but:nth-child(1) {
    clip-path: polygon(0 0, 100% 0, 75% 100%, 0% 100%);
    width: 737px;
    position: absolute;
    left: 0;
}

.exp-tab-but:nth-child(2) {
    clip-path: polygon(25% 0, 100% 0, 100% 100%, 0 100%);
    width: 737px;
    position: absolute;
    right: 0;
}

.tab-tech-button:hover {
    background: #ffcd31;
    color: #013448;
}

.fs_locationov {
    flex-direction: column;
}

.fs_locationov .image_textcountry {
    background-size: cover;
    width: 100%;
    margin-right: 0%;
    margin-bottom: 10px;
    height: 400px;
    object-fit: cover;
    position: relative;
}

.imtx-shadow {
    background: linear-gradient(47.66deg, #013448 14.74%, rgba(1, 52, 72, 0) 90.29%);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}

.job-page-search {
    padding: 3rem 6.2%;
    background: #f9f9f9;
}

div#wpjb-top-search {
    padding: 0;
    background: transparent;
}

#site-navigation ul li a:hover {
    color: #ffcd31;
}

#site-navigation ul li:nth-child(1) a {
    animation: header-paragraph-reveal 1.1s ease;
}

#site-navigation ul li:nth-child(2) a {
    animation: header-paragraph-reveal 1.2s ease;
}

#site-navigation ul li:nth-child(3) a {
    animation: header-paragraph-reveal 1.3s ease;
}

#site-navigation ul li:nth-child(4) a {
    animation: header-paragraph-reveal 1.4s ease;
}

#site-navigation ul li:nth-child(5) a {
    animation: header-paragraph-reveal 1.5s ease;
}

#site-navigation ul li:nth-child(6) a {
    animation: header-paragraph-reveal 1.6s ease;
}

#site-navigation ul li:nth-child(7) a {
    animation: header-paragraph-reveal 1.7s ease;
}

#site-navigation ul li:nth-child(8) a {
    animation: header-paragraph-reveal 1.8s ease;
}

#site-navigation ul li:nth-child(9) a {
    animation: header-paragraph-reveal 1.9s ease;
}

#site-navigation ul li:nth-child(10) a {
    animation: header-paragraph-reveal 2s ease;
}

.job-page-search .wpjb.wpjb-page-index input {
    padding: 15px !important;
}

.job-page-search .wpjb-button.wpjb-button-search.wpjb-button-submit {
    background: #ffcd31;
    padding: 18px;
}

.job-page-search .wpjb-icon-search:before {
    content: '\e802';
    position: relative;
    left: -5px;
}

.job-page-search .wpjb-grid-col.wpjb-col-logo {
    display: none;
}

.job-page-search .wpjb-grid-row {
    box-shadow: 4px 4px 13px rgb(0 0 0 / 11%) !important;
    background: white !important;
    padding: 3rem !important;
}

.job-search {
    font-family: 'Aeonik';
}

.wpjb-title {
    color: #013448 !important;
    font-size: 30px !important;
    line-height: 30px !important;
    text-decoration: none;
    font-family: 'Aeonik';
}

span.wpjb-sub.wpjb-company_name {
    display: none !important;
}

span.wpjb-glyphs.wpjb-icon-location {
    color: #ffcd31;
    font-weight: 500;
    font-size: 15px;
}

.wpjb-search.wpjb-search-group-visible {
    display: flex;
    justify-content: space-between;
}

.wpjb-search .wpjb-input.wpjb-input-type-half.wpjb-input-type-half-left {
    width: 32% !important;
    margin: 0;
}

.wpjb-search .wpjb-input.wpjb-input-type-half.wpjb-input-type-half-right {
    width: 32% !important;
    margin: 0 !important;
}

.wpjb-search .wpjb-input.wpjb-input-type-half.wpjb-input-type-half-left {
    width: 32% !important;
    margin: 0 !important;
}

.live_roles #wpjb-top-search {
    display: none !important;
}

.live_roles .wpjb-grid-row {
    background: white;
    box-shadow: 4px 4px 13px rgb(0 0 0 / 11%) !important;
    width: 450px;
    padding: 2rem !important;
}

.blog-page-row {
    padding: 4rem 10%;
    background: #F9F9F9;
    text-align: center;
}

.blog-flex {
    display: flex;
    flex-wrap: wrap;
    text-align: left;
}

.homepage-blog-slider .blog-flex {
    justify-content: center;
}

.blog-card {
    width: 31%;
    margin: 1%;
    background: white;
    box-shadow: 4px 4px 13px rgba(0, 0, 0, 0.11);
    font-family: 'Aeonik';
    color: #013448;
}

.blog-page-row .how_wedo-button {
    margin-top: 4rem;
}

button.cs-card-cta {
    width: 85%;
    cursor: pointer;
    background: #FFCD31;
    font-family: 'Aeonik';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    padding: 15px;
    border: none;
    position: absolute;
    left: 2rem;
    bottom: 22px;
    transition: all .4s ease;
    color: #013448;
}

button.cs-card-cta:hover {
    background: #013448;
    color: #FFCD31;
}

.blog-featured-image {
    height: 277px;
    position: relative;
    overflow: hidden;
}

.blog-featured-image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    transition: all .7s ease;
}

.blog-card:hover .blog-featured-image img {
    transform: scale(1.1);
}

.blog-card ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

ul.post-categories {
    display: none;
}

span.blogo-entry-date {
    color: #ffcd31;
    font-weight: 500;
    font-size: 15px;
    position: relative;
    z-index: 2;
}

.cs-card-textarea {
    padding: 2rem;
}

span.cs-main-title {
    color: #013448;
    font-size: 28px;
    font-family: 'Aeonik';
    font-weight: 400;
    line-height: 30px;
    margin: 0;
}

span.cs-main-title {
    color: #013448;
    font-size: 28px;
    font-family: 'Aeonik';
    font-weight: 400;
    line-height: 30px;
    margin: 0;
    position: relative;
    top: -20px;
}

span.blogo-entry-date {
    color: #ffcd31;
    font-weight: 500;
    font-size: 15px;
    position: relative;
    z-index: 2;
    top: -65px;
}

.cs-card-textarea {
    padding: 2rem;
    position: relative;
    padding-bottom: 4rem;
    height: 308px;
}

.blog-excerpt {
    position: relative;
    top: -16px;
    font-size: 15px;
}

.post-content-row {
    padding: 4rem 15%;
    background: #F9F9F9;
    display: flex;
    justify-content: space-between;
}

.pcr-main {
    width: 60%;
    position: relative;
    z-index: 5;
    font-family: 'Aeonik';
    color: #013448;
}

.pcr-sidebar {
    width: 30%;
}

.blog-card-single {
    width: 100%;
}

.SubsectorMain_Banner {
    position: relative;
    overflow: hidden;
    background: #022331;
}

.sidebar-row {
    border-bottom: solid 1px rgba(1, 52, 72, 0.1);
    padding-bottom: 20px;
    margin-bottom: 30px;
}

.skewed {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #2c3e50;
    z-index: 0;
    transform: skewY(-4deg);
    transform-origin: top left;
}

.SubsectorMain_Banner .social-share-block-alt {
    position: absolute;
    bottom: 10px;
    z-index: 9;
    right: 15%;
}

.social-share-block button {
    background: transparent;
    border: none;
    cursor: pointer;
}

.post-content-block p {
    font-size: 16px;
    line-height: 32px;
}

.main-navigation ul {
    display: flex;
    list-style: none;
}

button.header-button {
    color: #013448;
    background: #FFCD31;
    border: 1px solid #FFCD31;
    padding: 15px 50px;
    font-weight: bold;
    border-radius: 3px;
    font-size: 14px;
    margin-left: 30px;
    animation: header-paragraph-reveal 2.1s ease;
    transition: all .4s ease;
    cursor: pointer;
}

.header-button a {
    text-decoration: none;
    color: #013448;
    font-weight: 600;
}

#let_talk :hover {
    color: #FFCD31 !important;
}

button.header-button:hover {
    color: #FFCD31;
    background: #013448;
    border: 1px solid #013448;
}

span.mobile-nav-button {
    display: none;
}

.main-navigation ul {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
}

.tab-content-block {
    width: 1300px;
}

#deep_expertise {
    padding-top: 6%;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

@keyframes header-paragraph-reveal {
    0% {
        transform: translate(0, 210%);
        opacity: 0
    }
    60% {
        opacity: 0
    }
    100% {
        transform: translate(0, 0);
        opacity: 1;
    }
}

@-webkit-keyframes slide-up {
    0% {
        transform: translateY(100px);
    }
    100% {
        transform: translateY(0);
    }
}

@keyframes slide-up {
    0% {
        transform: translateY(100px);
    }
    100% {
        transform: translateY(0);
    }
}


/* Go from zero to full opacity */

@keyframes fadeEffect {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.hp-first-button {
    animation: header-paragraph-reveal 2s ease;
}

.hp-second-button {
    animation: header-paragraph-reveal 2.5s ease;
}

.site-branding {
    animation: header-paragraph-reveal 1s ease;
}

.mobile-menu {
    animation: header-paragraph-reveal 1s ease;
}

.blog-image-container {
    position: absolute;
    width: 100%;
    height: 100%;
}

.blog-image-container img {
    position: absolute;
    width: 100%;
    height: 100%;
}

.blog-image-container img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.banner_textwhite h1 {
    color: #fff;
    font-size: 50px;
    font-family: 'Aeonik';
    font-weight: 400;
    line-height: 60px;
    margin: 0;
    position: relative;
    animation: header-paragraph-reveal 1.2s ease;
    padding-bottom: 2rem;
}

.background_imgsubsector-single {
    width: auto;
    height: 550px;
    background-size: cover;
    position: relative;
}

svg rect {
    fill: white;
    mask: url(#mask);
}

.kfoot-col:nth-child(1) .fcol-link {
    padding-top: 29px;
}

svg>rect {
    fill: #013448;
}

.right_sidebanner {
    width: 1022px;
    position: absolute;
    height: 1048px;
    overflow: hidden;
    right: 0;
    top: 0px;
    z-index: 1;
}

video#myvideo {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#svg-mask {
    position: absolute;
    top: -20%;
    height: 150%;
    width: 120%;
}

.heading span {
    color: #FFCD31;
}

.header-left-side {
    display: flex;
    align-items: center;
}

.video-shadow {
    background: rgb(255, 205, 49);
    background: linear-gradient(137deg, rgba(255, 205, 49, 1) 20%, rgba(255, 205, 49, 0) 100%);
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
}

.ap-shadow {
    position: absolute;
    width: 100%;
    height: 120%;
    background: rgb(1, 52, 72);
    background: linear-gradient(176deg, rgba(1, 52, 72, 1) 20%, rgba(1, 52, 72, 0) 100%);
    top: -10%;
    opacity: 1;
}

.custom-shape-divider-bottom-1658436464 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
    z-index: 2;
}

.custom-shape-divider-bottom-1658436464 svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 150px;
    transform: rotateY(180deg);
}

.custom-shape-divider-bottom-1658436464 .shape-fill {
    fill: #F9F9F9;
}

.expertise_buttonsrow a {
    background: #013448;
    color: #fff;
    text-decoration: none;
    padding: 18px 30px;
    border-radius: 4px;
    width: 290px !important;
    display: block;
    text-align: center;
    margin-bottom: 11px;
    font-family: 'Aeonik';
    font-size: 15px;
}

#primary-menu>li>.sub-menu {
    width: fit-content !important;
    display: flex;
    padding: 31px;
    align-items: center;
    z-index: 999;
}

#primary-menu>li>.sub-menu>li>.sub-menu {
    width: fit-content;
    top: 102%;
    padding: 10px;
}

#primary-menu>li>.sub-menu>li>.sub-menu {
    width: fit-content;
    top: 102%;
    padding: 10px;
    margin-top: 0px;
    border-top: solid 9.55px transparent;
}

#primary-menu>li>.sub-menu>li>.sub-menu>li {
    padding: 10px;
    position: relative;
    left: -40px;
    line-height: 17px;
    background: #083a4d;
    z-index: 998;
}

#primary-menu>li>.sub-menu>li>.sub-menu>li>a {
    font-size: 14px;
}

.job-consultant-card {
    position: relative;
    height: 350px;
}

img.solicitor-card-image {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    top: 0;
    left: 0;
    z-index: 1;
}

aside#secondary {
    DISPLAY: NONE;
}

img.consultant-wide-image {
    position: absolute;
    width: 60%;
    right: 0;
    height: 100%;
    z-index: 1;
    top: 0;
    object-fit: cover;
}

.single-team-shadow {
    position: absolute;
    width: 76%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 2;
    background: rgb(8, 58, 77);
    background: linear-gradient(90deg, rgba(8, 58, 77, 1) 53%, rgba(8, 58, 77, 0) 100%);
}

.inner_my_expertise {
    position: relative;
}

.my_expertise {
    padding: 6rem 15%;
    background: #F9F9F9;
    position: relative;
}

img.tiro-mark-graphic {
    position: absolute;
    top: 0px;
    height: 1500px;
    left: 0;
    opacity: 0.5;
    z-index: 1;
}

.inner_my_expertise {
    position: relative;
    z-index: 3;
}

.expertise_buttonsrow a:hover {
    background: rgb(255, 205, 49);
}

.expertise_buttonsrow a {
    transition: ALL .4S EASE;
}

.job-widget-card {
    background: #FFFFFF;
    box-shadow: 4px 4px 13px rgba(0, 0, 0, 0.11);
    width: 31rem;
    padding: 2rem;
    color: #013446;
    font-family: 'Aeonik';
    position: relative;
}

p.job-card-location a {
    color: #FFCD31 !important;
    text-decoration: none;
    font-size: 18px;
}

p.job-card-location {
    margin: 0;
}

p.job-card-title {
    margin: 0;
    font-size: 30px;
    line-height: 32px;
    padding-top: 15px;
    padding-bottom: 20px;
}

.job-excerpt p {
    font-size: 15px;
    line-height: 25px;
}

button.job-card-button {
    color: #013448;
    background: #FFCD31;
    border: 1px solid #FFCD31;
    padding: 15px 50px;
    font-weight: bold;
    border-radius: 3px;
    font-size: 14px;
    width: 100%;
    transition: all .4s ease;
    position: relative;
}

a.job-card-link {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 3;
}

.job-card-flex {
    display: inline-flex;
    justify-content: flex-start;
    flex-direction: column;
    height: 400px;
    width: 100%;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    flex-wrap: wrap;
    overflow: auto;
    cursor: grab;
}

.view_allroles a:hover {
    background: #ffcd31;
    border-color: #ffcd31;
}

.role-container {
    position: relative;
    z-index: 2;
}

.team-flex {
    display: flex;
    flex-wrap: wrap;
}

.team-flex .job-consultant-card {
    position: relative;
    height: 350px;
    width: 24%;
    margin: 0.5%;
    overflow: hidden;
    transition: all .4s ease;
}

.consultant-card-shadow {
    background: linear-gradient(43deg, #013448 11.71%, rgba(1, 52, 72, 0) 81.92%);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    transition: all .7s ease-in-out;
}

a.consultant-card-link {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    cursor: pointer;
    z-index: 5;
}

.consultant-card-link:hover .consultant-card-shadow {
    background: linear-gradient(43deg, #ffcd31 26.71%, rgba(1, 52, 72, 0) 90.92%);
}

.consultant-ap-shadow {
    position: absolute;
    width: 100%;
    height: 160%;
    background: rgb(1, 52, 72);
    background: linear-gradient(176deg, rgba(1, 52, 72, 1) 20%, rgba(1, 52, 72, 0) 100%);
    top: -62%;
    opacity: 1;
    z-index: 2;
}

input.application_button.button {
    color: #013448;
    background: #FFCD31;
    border: 1px solid #FFCD31;
    padding: 15px 50px;
    font-weight: bold;
    border-radius: 3px;
    font-size: 14px;
    margin-left: 0;
    animation: header-paragraph-reveal 2.1s ease;
    transition: all .4s ease;
    cursor: pointer;
    width: 100%;
}

.kfoot-col:nth-child(1) {
    position: relative;
    top: -7rem;
}

.footer-first-row .kf-foot-icon {
    width: 190px;
    position: relative;
    left: -20px;
}

.fcol-link a:hover {
    color: #FFCD31;
}

.search_jobs label {
    display: none;
}

.search_jobs {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.search_keywords {
    width: 20%;
}

.search_keywords input {
    width: 98%;
    padding: 14px;
    color: #013446;
    font-family: 'Aeonik';
    border-radius: 5px;
    border: solid 1px RGBA(1, 52, 70, 0.3);
}

.search_keywords input:focus {
    border: solid 1px #FFCD31;
    outline: solid 1px #FFCD31;
}

.search_location {
    width: 20%;
}

.search_location input {
    width: 98%;
    padding: 14px;
    color: #013446;
    font-family: 'Aeonik';
    border-radius: 3px;
    border: solid 1px RGBA(1, 52, 70, 0.3);
    margin-right: 0;
}

.search_location input:focus {
    border: solid 1px #FFCD31;
    outline: solid 1px #FFCD31;
}

.search_categories select {
    width: 100%;
    padding: 14px;
    color: #013446;
    font-family: 'Aeonik';
    border-radius: 5px;
    border: solid 1px RGBA(1, 52, 70, 0.3) !important;
    padding-right: 20px !important;
    height: 100%;
}

.search_categories select:focus {
    border: solid 1px #FFCD31;
    outline: solid 1px #FFCD31;
}

.search_submit {
    width: 20%;
}

.search_categories {
    width: 20%;
}

.search_submit input {
    width: 98%;
    color: #013448;
    background: #FFCD31;
    border: 1px solid #FFCD31;
    padding: 15px 50px;
    font-weight: bold;
    border-radius: 3px;
    font-size: 14px;
    margin-left: 20px;
    transition: all .4s ease;
    cursor: pointer;
    height: 100%;
    box-sizing: border-box;
    font-family: 'Aeonik';
}

.search_salary {
    width: 20%;
}

.search_salary input {
    width: 98%;
    padding: 14px;
    color: #013446;
    font-family: 'Aeonik';
    border-radius: 3px;
    border: solid 1px RGBA(1, 52, 70, 0.3);
    margin-right: 0;
}

.search_salary input:focus {
    border: solid 1px #FFCD31;
    outline: solid 1px #FFCD31;
}

ul.job_types {
    display: none;
}

ul.job_listings {
    display: flex;
    padding-top: 2rem;
    flex-wrap: wrap;
}

ul.job_listings .job-widget-card {
    width: 31%;
    margin: 1%;
    padding-bottom: 4rem;
}

.latest-roles-row .job_listings .job-widget-card {
    width: 31%;
    margin: 1%;
    padding-bottom: 4rem;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

input.button.wp_job_manager_send_application_button {
    color: #013448;
    background: #FFCD31;
    border: 1px solid #FFCD31;
    padding: 19px 50px;
    font-weight: bold;
    border-radius: 3px;
    font-size: 14px;
    margin-left: 0;
    transition: all .4s ease;
    cursor: pointer;
    width: 100%;
}

.job-excerpt {
    height: auto !important;
}

.job-card-date {
    font-size: 14px;
    opacity: 0.7;
    font-style: italic;
    position: absolute;
    right: 33px;
    top: 28px;
}

a.job-widget-card-link {
    width: 100%;
    height: 100%;
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 0;
}

button.job-card-button:hover {
    color: #FFCD31;
    background: #013448;
    border: 1px solid #013448;
}

.showing_jobs.wp-job-manager-showing-all {
    font-size: 12px;
    padding-top: 10px;
    padding-left: 2px;
    color: #013446;
    font-family: 'Aeonik';
}

.showing_jobs.wp-job-manager-showing-all a {
    color: #FFCD31;
    margin-left: 5px;
}

.job-page-search {
    padding: 3rem 5%;
    background: #f9f9f9;
}

form.job_filters {
    margin: 1%;
}

.job_listings .job-widget-card:nth-child(1) {
    animation: header-paragraph-reveal 0.5s ease;
}

.job_listings .job-widget-card:nth-child(2) {
    animation: header-paragraph-reveal 0.6s ease;
}

.job_listings .job-widget-card:nth-child(3) {
    animation: header-paragraph-reveal 0.7s ease;
}

.job_listings .job-widget-card:nth-child(4) {
    animation: header-paragraph-reveal 0.8s ease;
}

.job_listings .job-widget-card:nth-child(5) {
    animation: header-paragraph-reveal 0.9s ease;
}

.job_listings .job-widget-card:nth-child(6) {
    animation: header-paragraph-reveal 1s ease;
}

.job_listings .job-widget-card:nth-child(7) {
    animation: header-paragraph-reveal 1.1s ease;
}

.job_listings .job-widget-card:nth-child(8) {
    animation: header-paragraph-reveal 1.2s ease;
}

.job_listings .job-widget-card:nth-child(9) {
    animation: header-paragraph-reveal 1.3s ease;
}

.job_listings .job-widget-card:nth-child(10) {
    animation: header-paragraph-reveal 1.4s ease;
}

ul.job-listing-meta.meta li {
    color: white;
}

ul.job-listing-meta.meta a {
    color: white;
}

.losos_slides img {
    width: 100px;
    height: max-content;
    object-fit: contain;
}

.slick-prev:before {
    content: url("/wp-content/uploads/2022/07/icons8-forward-button-2.svg");
}

.slick-next:before {
    content: url("/wp-content/uploads/2022/07/icons8-forward-button-2.svg");
}

.slick-prev:before {
    content: url("/wp-content/uploads/2022/07/icons8-forward-button-2.svg");
    position: relative;
    display: inline-block;
    position: absolute;
    right: 41px;
    top: -13px;
    width: 28px;
    height: 28px;
    color: #ffffff;
    z-index: 10000;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -moz-transform: rotate(50deg) translateY(-50%);
    -ms-transform: rotate(50deg) translateY(-50%);
}

.slick-next:before {
    content: url("/wp-content/uploads/2022/07/icons8-forward-button-2.svg");
    position: relative;
    display: inline-block;
    position: absolute;
    right: -41px;
    top: -13px;
    width: 28px;
    height: 28px;
    color: #ffffff;
    z-index: 10000;
}

.slick-list.draggable {
    position: relative;
    z-index: 1;
}

.logo_slidermain {
    padding: 5rem 10%;
    background: #013448;
    position: relative;
}

.logo-slider-shadow {
    background: rgb(1, 52, 72);
    background: linear-gradient(90deg, rgba(1, 52, 72, 1) 0%, rgba(21, 79, 102, 0) 47%, rgba(1, 52, 72, 1) 100%);
    width: 100%;
    display: block;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    position: absolute;
}

.slick-slider {
    position: relative;
    z-index: inherit;
}

.slick-prev,
.slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    z-index: 99;
    outline: none;
    background: transparent;
}

.logo_sliderheading {
    position: relative;
    z-index: 2;
}

.logo_slidermain {
    padding: 7rem 10%;
    background: #013448;
    position: relative;
}

.thriving_itSection {
    background: #f9f9f9;
    padding: 7rem 15%;
}

.thriving_itSection {
    background: #f9f9f9;
    padding: 10rem 15%;
}

.first_textsection {
    width: 49%;
    padding-top: 1rem;
    padding-bottom: 2rem;
    background: white;
    margin-bottom: 10px;
    padding: 2rem;
}

#deep_expertise h2 {
    padding-bottom: 5rem;
    color: #013448;
    font-size: 28px;
    font-family: 'Aeonik';
    font-weight: 500;
    line-height: 47px;
    margin: 0;
}

.main_animatedsectiom h2 {
    text-align: center;
    color: #013448;
    font-size: 28px;
    font-family: 'Aeonik';
    font-weight: 500;
    line-height: 47px;
    margin: 0;
}

.first_textsection h3 {
    color: #013448;
    font-size: 30px;
    font-family: 'Aeonik';
    font-weight: 500;
    line-height: 40px;
    margin: 0;
}

.inner_Experiance_touchpoint h2 {
    text-align: center;
    margin: 0;
    color: #013448;
    font-size: 28px !important;
    font-family: 'Aeonik';
    font-weight: 500;
    line-height: 40px;
    margin: 0;
}

.main_Experiance_touchpoint {
    padding: 10rem 15%;
    background: #f9f9f9;
    position: relative;
    overflow: hidden;
}

.inner_Experiance_touchpoint h2 {
    text-align: center;
    margin: 0;
    color: #013448;
    font-size: 28px !important;
    font-family: 'Aeonik';
    font-weight: 500;
    line-height: 40px;
    margin: 0 !important;
    padding-bottom: 5rem;
}

.inner_animatedsectiom {
    padding-bottom: 3rem;
}

.hp-gradient-shadow {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
    background: rgb(1, 52, 72);
    background: linear-gradient(180deg, rgba(1, 52, 72, 0) 0%, rgba(21, 79, 102, 0) 47%, rgba(1, 52, 72, 1) 100%);
}

.site-branding .custom-logo {
    max-width: 130px;
}

.counter_boxes {
    text-align: center;
    width: 19%;
    position: relative;
    z-index: 99;
}

.single_job_listing .background_imgsubsector {
    width: auto;
    height: 600px;
    background-size: cover;
    position: relative;
}

.single_job_listing .banner_textwhite {
    width: 60%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    height: auto;
    align-items: baseline;
    padding: 16% 5%;
    position: relative;
    z-index: 3;
}

.single_job_listing .background_imgsubsector {
    height: 600px;
}

.post-content-block ul {
    padding: 0;
    margin: 0;
    border-bottom: solid 1px rgba(1, 52, 72, 0.1);
    margin-bottom: 3rem;
}

.post-content-block p {
    font-size: 16px;
    line-height: 40px;
    color: rgba(1, 52, 72, 1);
}

ul.job-listing-meta li {
    font-family: 'Aeonik';
    color: rgba(1, 52, 72, 1) !important;
    margin-bottom: 20px;
    list-style: none;
    border-left: solid 1px #FFCD31;
    padding-left: 16px;
}

.social-share-block {
    position: relative;
    bottom: 10px;
    z-index: 9;
    right: 6%;
}

.pcr-sidebar {
    width: 30%;
    position: relative;
    top: 0;
    z-index: 2;
}

img.sirius-icon {
    width: 17px;
    margin-right: 9px;
}

.testimonial-content {
    width: 50%;
    font-family: 'Source Sans Pro', sans-serif;
    color: #414950;
    line-height: 29px;
    font-size: 15px;
}

a.sc-phone {
    color: #FFCD31;
    text-decoration: none;
    position: relative;
    bottom: -6px;
}

ul.job-listing-meta.meta a {
    color: white;
    color: rgba(1, 52, 72, 1);
}

.latest-roles-row .job_filters {
    display: none;
}

.latest-roles-row {
    padding: 4rem 15%;
    background: #F9F9F9;
}

.yes_offerleft h2 {
    color: #013448;
    font-size: 30px;
    font-family: 'Aeonik';
    font-weight: 500;
    line-height: 40px;
    margin: 0;
}

.testimonial-quote {
    background: rgba(143, 189, 17, 0.2);
    padding: 2rem;
    border: solid 1px rgb(143 189 17);
    border-radius: 5px;
}

.Box-rightimages.img-rep-graphic {
    position: relative;
    animation: header-paragraph-reveal 2.3s ease;
}

.img-rep-accent-01 {
    content: "";
    position: absolute;
    width: 200px;
    height: 200px;
    background: #FFCD31;
    border-radius: 28px;
    transform: rotate(30deg);
    bottom: -44px;
    z-index: -1;
    left: -50px;
}

.img-rep-accent-02 {
    content: "";
    position: absolute;
    width: 150px;
    height: 150px;
    background: transparent;
    border: solid 2px #FFCD31;
    border-radius: 28px;
    transform: rotate(327deg);
    top: -158px;
    z-index: 2;
    right: -50px;
}

.page-template-wearehiring-template .img-rep-accent-02 {
    content: "";
    position: absolute;
    width: 150px;
    height: 150px;
    background: transparent;
    border: solid 2px #FFCD31;
    border-radius: 28px;
    transform: rotate(327deg);
    top: -207px;
    z-index: 2;
    right: -50px;
}

.aboutpage_sectionrepeater {
    padding: 12rem 0rem 11rem;
}

.aboutpage_sectionrepeater:nth-child(odd) .img-rep-accent-02 {
    left: -50px !important;
    left: auto;
}

.aboutpage_sectionrepeater:nth-child(odd) .img-rep-accent-01 {
    right: -42px !important;
    left: auto;
}

.img-rep-container.rellax {
    position: relative;
    z-index: -1;
    bottom: -100px;
}

.Box-rightimages h3 {
    color: #013448;
    font-size: 28px;
    font-family: 'Aeonik';
    font-weight: 500;
    line-height: 43px;
    padding-bottom: 1rem;
    margin: 0;
}

.Box-rightimages p {
    color: #013448;
    font-family: 'Aeonik';
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
}

button.bri-button {
    color: #013448;
    background: #FFCD31;
    border: 1px solid #FFCD31;
    padding: 15px 80px;
    font-weight: bold;
    border-radius: 3px;
    font-size: 14px;
    margin-left: 0;
    transition: all .4s ease;
    cursor: pointer;
}

.bri-button:hover {
    color: #FFCD31;
    background: #013448;
    border: 1px solid #013448;
    padding: 15px 80px;
    font-weight: bold;
    border-radius: 3px;
    font-size: 14px;
    margin-left: 0;
    transition: all .4s ease;
    cursor: pointer;
}

.mainaboutUssection {
    color: #013448;
    padding: 0 15%;
    background-image: none;
    background-size: 50%;
    background-repeat: no-repeat;
    overflow: hidden;
}

.aboutpage_sectionrepeater {
    padding: 10rem 0rem 8rem;
}

.our_storyabout {
    text-align: center;
    color: #fff;
    background: rgba(1, 52, 72);
    padding: 2rem 7rem 8rem 5rem;
}

.tab-content {
    color: #fff;
}

.our_storyabout {
    text-align: center;
    color: #fff;
    background: rgba(1, 52, 72);
    padding: 10rem 15% 10rem;
}

.text_field_tiro_recuitment p {
    color: #013448;
    font-family: 'Aeonik';
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
}

.meet_teamheading h2 {
    color: #013448;
    font-size: 28px;
    font-family: 'Aeonik';
    font-weight: 500;
    line-height: 43px;
    padding-bottom: 1rem;
    margin: 0;
}

.meet_teamheading p {
    color: #013448;
    font-family: 'Aeonik';
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
}

.service-content-container .job-consultant-card {
    position: relative;
    height: 340px;
    width: 31%;
    overflow: hidden;
    margin: 0.5%;
}

.service-content-row {
    padding: 7rem 15%;
    background: #F9F9F9;
}

.our_storyabout h3 {
    font-size: 28px;
    font-family: 'Aeonik';
    font-weight: 500;
    line-height: 43px;
    padding-bottom: 1rem;
    margin: 0;
    position: relative;
    top: -3rem;
    color: #fff;
}

img.story-mark {
    position: absolute;
    bottom: -504px;
    opacity: 0.2;
}

.all_textexpertise h3 {
    text-align: center;
    color: #013448;
    font-size: 28px;
    font-family: 'Aeonik';
    font-weight: 500;
    line-height: 43px;
    padding-bottom: 1rem;
    margin: 0;
}

.all_textexpertise p {
    color: #013448;
    font-family: 'Aeonik';
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    padding-bottom: 3rem;
}

.our_storyabout .tablinks {
    font-size: 30px;
    background: transparent;
    font-style: italic;
    font-family: 'Aeonik';
    transition: all .4s ease;
}

.description_leftconsultant {
    animation: header-paragraph-reveal 1.3s ease;
    height: 217px;
    overflow-y: scroll;
    width: 500px;
    padding-right: 2rem;
    margin-top: 20px;
    margin-bottom: 40px;
    position: relative;
}

.description_leftconsultant p {
    width: 100%;
}

.description_leftconsultant::-webkit-scrollbar-track {
    background: rgba(250, 250, 250, 0.2);
    border-radius: 5px;
}

.description_leftconsultant::-webkit-scrollbar-thumb {
    background: #FFCD31;
}

.description_leftconsultant::-webkit-scrollbar {
    width: 3px;
    height: 7px;
}

.description_leftconsultant p {
    font-family: 'Aeonik';
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    opacity: 0.9;
}

.job-consultant-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.job-consultant-card:hover img {
    transform: scale(1.1);
}

.team-flex .job-consultant-card {
    position: relative;
    height: 350px;
    width: 24%;
    margin: 0.5%;
    overflow: hidden;
    transition: all .4s ease;
}

.job-consultant-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .6s ease-in-out;
}

.single-job_listing .job-consultant-card:nth-child(1) {
    animation: none;
}

.job-consultant-card:nth-child(1) {
    animation: header-paragraph-reveal 2.6s ease;
}

.job-consultant-card:nth-child(2) {
    animation: header-paragraph-reveal 2.7s ease;
}

.job-consultant-card:nth-child(3) {
    animation: header-paragraph-reveal 2.8s ease;
}

.job-consultant-card:nth-child(4) {
    animation: header-paragraph-reveal 2.9s ease;
}

.job-consultant-card:nth-child(5) {
    animation: header-paragraph-reveal 3.0s ease;
}

.job-consultant-card:nth-child(6) {
    animation: header-paragraph-reveal 3.1s ease;
}

.job-consultant-card:nth-child(7) {
    animation: header-paragraph-reveal 3.2s ease;
}

.job-consultant-card:nth-child(8) {
    animation: header-paragraph-reveal 3.3s ease;
}

.job-consultant-card:nth-child(n+8) {
    animation: header-paragraph-reveal 3.5s ease;
}

.consultant-banner-text {
    padding-top: 14%;
}

.inner_animatedsectiom h2 {
    color: #013448;
    font-size: 28px;
    font-family: 'Aeonik';
    font-weight: 500;
    line-height: 43px;
}

.mainaboutUssection {
    color: #013448;
    padding: 0 15%;
    background-image: none;
    background-size: 50%;
    background-repeat: no-repeat;
    overflow: hidden;
    position: relative;
}

.page-template-wearehiring-template #deep_expertise {
    padding-top: 6%;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: #F9F9F9;
}

.background_whitewehiring {
    background: #013448;
    color: white;
}

.background_whitewehiring h2 {
    color: #fff!important;
    font-size: 28px!important;
    ;
    font-family: 'Aeonik'!important;
    ;
    font-weight: 500!important;
    ;
    line-height: 43px!important;
    ;
}

.background_whitewehiring h2,
.background_whitewehiring .client_review {
    color: #fff!important;
}

.client_name {
    font-size: 20px;
    font-family: 'Aeonik';
    font-weight: 500;
    line-height: 43px;
    color: #FFCD31;
    position: relative;
    right: -9px;
    bottom: 0px;
    display: flex;
    flex-direction: column;
}

.clients_position {
    font-size: 13px;
    width: fit-content;
    font-size: 14px;
    font-family: 'Aeonik';
    font-weight: 500;
    line-height: 20px;
    position: relative;
    right: -10px;
    top: -7px;
}

.client_review p {
    font-size: 15px;
    font-family: 'Aeonik';
    font-weight: 400;
    opacity: 0.8;
    line-height: 31px;
}

img.tb-bg-img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transition: all .4s ease;
}

.product_slider_inner:hover .tb-bg-img {
    transform: scale(1.1);
}

.client-testimonials {
    padding: 10rem 15% 12rem;
    background: #013448;
}

.heading_testimonails {
    padding-bottom: 4rem;
}

.makes-different-row.wehiring_page {
    padding: 10rem 15%;
}

.latest-roles-row .job_listings {
    display: inline-flex;
    justify-content: flex-start;
    flex-direction: column;
    height: 520px;
    width: 100%;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    flex-wrap: wrap;
    overflow: auto;
    cursor: grab;
    border: none;
    padding-bottom: 10px;
}

.latest-roles-row .job_listings::-webkit-scrollbar-track {
    background: rgba(1, 52, 72, 0.05);
    border-radius: 5px;
}

.latest-roles-row .job_listings::-webkit-scrollbar-thumb {
    background: #FFCD31;
}

.latest-roles-row .job_listings::-webkit-scrollbar {
    width: 3px;
    height: 7px;
}

.job-type {
    font-family: 'Aeonik';
    color: #013448;
}

.job-consultant-card {
    position: relative;
    height: 550px;
    overflow: hidden;
}

.location_about_section {
    background: #f9f9f9;
    padding: 10rem 15%;
    position: relative;
}

.about_uslocation p {
    color: #013448;
    font-family: 'Aeonik';
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
}

.about_uslocation h2 {
    color: #013448;
    font-size: 28px;
    font-family: 'Aeonik';
    font-weight: 500;
    line-height: 43px;
}

.information-rightmap h2 {
    color: #013448;
    font-size: 28px;
    font-family: 'Aeonik';
    font-weight: 500;
    line-height: 43px;
    padding-bottom: 0rem;
    margin-top: -3%;
}

.loc-contact-block {
    color: #013448;
    font-size: 25px;
    font-family: 'Aeonik';
    font-weight: 500;
    display: flex;
    align-items: baseline;
    padding-bottom: 0.5rem;
    color: #013448;
    font-family: 'Aeonik';
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
}

.loc-contact-block img {
    position: relative;
    bottom: -5px;
}

img.loc-contact-icon {
    margin-right: 15px;
}

.map_locatonsection {
    padding: 0rem 15%;
    background: #f9f9f9;
    padding-bottom: 1rem;
}

.loc-video_container {
    width: 100%;
    position: relative;
    height: 320px;
}

a.video-lightbox-link {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 6;
}

img.video-background {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

img.play-icon {
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
    height: 50px;
}

.location_about_section .loc-video_container {
    width: 100%;
    position: relative;
    height: 320px;
    z-index: 5;
}

.location_about_section .img-rep-container.rellax {
    position: relative;
    z-index: 1;
    bottom: -100px;
}

.location_about_section .img-rep-accent-02 {
    z-index: 9;
}

.img-rep-container-02.rellax {
    position: relative;
    z-index: 9;
}

.about_uslocation {
    width: 45%;
    position: relative;
    z-index: 5;
    animation: header-paragraph-reveal 2.2s ease;
}

.makes-different-row .tab-content p {
    color: #ffff;
    font-family: 'Aeonik';
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
}

.tab-right {
    padding: 10rem 7rem;
    width: 50%;
    background: #013448;
}

.makes-different-row .tab-content p {
    color: #013448;
    font-family: 'Aeonik';
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
}

.testimonials_data p {
    color: white !important;
    font-size: 25px !important;
    line-height: 40px !important;
    font-weight: 400;
}

.inner_live_roles .job_filters {
    display: none;
}

button.hp-subsector-button {
    color: #013448;
    background: #FFCD31;
    border: 1px solid #FFCD31;
    padding: 20px 50px;
    font-weight: bold;
    border-radius: 3px;
    font-size: 14px;
    margin-left: 0;
    transition: all .4s ease;
    cursor: pointer;
    width: 350px;
}

button.hp-subsector-button:hover {
    color: #FFCD31;
    background: #013448;
    border: 1px solid #013448;
}

.page-template-subsectorpage-template .service-content-row {
    padding: 3rem 15%;
    background: #F9F9F9;
}

.meet_teamheading {
    width: 70%;
    margin: auto;
    position: relative;
    top: -1rem;
}

.techlogo_slidermain h2 {
    color: #013448;
    color: #013448;
    font-size: 28px;
    font-family: 'Aeonik';
    font-weight: 500;
    line-height: 43px;
}

.right_techrow {
    position: absolute;
    right: 0;
    bottom: 90px;
    animation: header-paragraph-reveal 1.2s ease;
}

.tablinks:hover .hp-tab-img {
    transform: scale(1.1);
}

.left_sideimage img {
    object-fit: cover;
    object-position: center;
}

.our_storyabout .tab-left h3 {
    top: 2rem;
}

.our_storyabout .tab button:hover {
    background-color: transparent;
    color: white;
    background-color: #FFCD31;
}

.makes-different-row .tab-left {
    width: 100%;
    padding: 10rem 4rem;
    padding-top: 10.5rem;
}

.our_storyabout .tab-left {
    width: 100%;
    padding: 10rem 7rem;
}

.main_techstar_section {
    padding: 5rem 10%;
    background: #FFCD31;
    text-align: center;
    color: #013448;
}

a.call-back-link {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    cursor: pointer;
    z-index: 5;
}

.inner_whatweoffer {
    display: flex;
    padding: 15rem 15%;
    flex-direction: column;
    align-items: center;
    text-align: center;
    color: white;
    position: relative;
    z-index: 2;
}

.inner_whatweoffer h2 {
    margin: 0;
    font-family: 'Signature', cursive;
    font-size: 35px;
    font-family: 'Aeonik';
    font-weight: 500;
    line-height: 55px;
    padding-bottom: 0rem;
}

.inner_whatweoffer h2 {
    font-size: 70px;
    font-family: 'Aeonik';
    font-weight: 500;
    line-height: 72px;
    margin: 0;
    padding-bottom: 3rem;
    font-family: 'Signature', cursive;
}

.yes_offerleft h2 {
    font-size: 28px;
    font-family: 'Aeonik';
    font-weight: 500;
    line-height: 47px;
    margin: 0;
    padding-bottom: 1rem;
}

.computer_logoleft {
    width: 100%;
    padding-bottom: 5rem;
}

.bg-shadow-career {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #013448;
    top: 0;
    left: 0;
    opacity: 0.9;
    z-index: 1;
}

.inner_whatweoffer p {
    font-family: 'Aeonik';
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 40px;
}

.logo_description_carrer {
    color: #FFCD31;
    font-weight: bold;
    font-family: 'Aeonik';
    padding-top: 15px;
    font-weight: 400;
    font-size: 18px;
    margin-bottom: 40px;
}

img.wwo-icon {
    height: 140px;
}

.bww-head {
    width: 70%;
    padding-bottom: 2rem;
}

.counter_boxescarrer:nth-child(1) {
    width: 24%;
}

.counter_boxescarrer:nth-child(2) {
    width: 24%;
}

.counter_boxescarrer:nth-child(3) {
    width: 24%;
}

.counter_boxescarrer:nth-child(4) {
    width: 24%;
}

.counter_boxescarrer:nth-child(5) {
    width: 24%;
}

.counter_boxescarrer:nth-child(6) {
    width: 24%;
}

.counter_boxescarrer:nth-child(7) {
    width: 49%;
}

.career-head h1 {
    color: #fff;
    font-size: 70px !important;
    font-family: 'Aeonik';
    font-weight: 400;
    line-height: 70px !important;
    margin: 0;
    position: relative;
    animation: header-paragraph-reveal 1.2s ease;
    padding-bottom: 2rem;
    font-family: 'Signature', cursive;
    text-align: center;
    margin: auto;
}

.career-head {
    margin: auto;
}

.tech-team-row {
    padding-top: 5rem !important;
}

.gallery-slider-row {
    padding: 2rem 10%;
    height: 400px;
    position: relative;
    top: -50px;
    overflow: hidden;
}

.gallery-slider-row img {
    width: 350px;
    height: 350px;
    margin-right: 1rem;
    object-fit: cover;
}

.yes_offerleft h2 {
    font-size: 70px;
    font-family: 'Aeonik';
    font-weight: 500;
    line-height: 72px;
    margin: 0;
    padding-bottom: 1rem;
    font-family: 'Signature', cursive;
}

.gallery-slider-row .slick-next.slick-arrow {
    display: none !important;
}

.gallery-slider-row .slick-prev.slick-arrow {
    display: none !important;
}

.counter_boxes h3:after {
    content: "%";
}

.counter_boxes:nth-child(4) h3:after {
    content: "+";
}

img.request-cb-image {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .7s ease;
}

.requestcallback_right:hover .request-cb-image {
    transform: scale(1.1);
}

.miami-tech-banner {
    background-size: cover;
    padding: 3rem 10%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.mt-b-left {
    width: 50%;
}

.br-b-right {
    width: 40%;
}

img.mt-logo {
    height: 200px;
}

p.mt-title {
    color: white;
    font-size: 45px;
    font-weight: bold;
    font-family: 'Aeonik';
    line-height: 55px;
    margin: 0;
    padding-top: 25px;
    padding-bottom: 25px;
}

.right_sideimage {
    padding: 3rem;
    width: 70%;
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.director-image-cont {
    width: 40%;
    height: auto;
    position: relative;
}

.left_sideimage {
    display: flex;
    background: #013448;
    align-items: center;
    color: #fff;
    align-items: stretch;
}

.d-img-shadow {
    background: rgb(1, 52, 72);
    background: linear-gradient(270deg, rgba(1, 52, 72, 1) 20%, rgba(1, 52, 72, 0) 100%);
    position: absolute;
    width: 122%;
    height: 100%;
    top: 0;
    right: -87px;
}

.left_sideimage:nth-child(2) .d-img-shadow {
    background: rgb(1, 52, 72);
    background: linear-gradient(90deg, rgba(1, 52, 72, 1) 20%, rgba(1, 52, 72, 0) 100%);
    position: absolute;
    width: 122%;
    height: 100%;
    top: 0;
    left: -87px;
}

.page-template-locationpage-template .bothbanner_button {
    position: relative;
    bottom: -30px;
}

.page-template-locationpage-template .tab-content {
    color: #013448;
}

.makes-different-row {
    display: flex;
    justify-content: space-between;
}

.testimonials_data p {
    color: white !important;
    font-size: 20px !important;
    line-height: 40px !important;
    font-weight: 400;
}

p.client-title {
    margin: 0;
    font-size: 16px;
    color: white;
    line-height: 15px;
}

p.client-company {
    margin: 0;
    font-size: 16px;
    color: #dbdbdb;
    line-height: 20px;
    padding-top: 5px;
}

.content-tab-row.row {
    position: relative;
    width: 50%;
}

.content-tab-row.row .tab {
    position: absolute;
    bottom: 8rem;
    padding: 4rem;
    height: auto;
    width: auto;
    z-index: 5;
}

.tab button:hover {
    background-color: #013448;
    color: white;
}

.our_storyabout .content-tab-row.row {
    position: relative;
    width: 100%;
}

.page-template-wearehiring-template .content-tab-row.row {
    position: relative;
    width: 100%;
}

.page-template-wearehiring-template .numbers_wehiring_tabs {
    text-align: center;
    padding: 5rem 13rem 7rem;
}

img.tab-number-bg {
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    height: 280px;
    top: 20px;
    z-index: 1;
    opacity: 0.5;
}

.Yesweoffer {
    background: #f9f9f9;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.gallery-slider-row {
    padding: 0rem 0%;
    position: relative;
    top: 0;
    overflow: hidden;
    width: 50%;
}

.inner_Yesweoffer {
    display: flex;
    align-items: center;
    background: white;
    overflow: hidden;
    width: 50%;
}

.yes_offerleft {
    padding: 0rem 0%;
    padding-right: 6rem;
}

.yes_offerleft,
.yes_offerright {
    width: 100%;
}

.Yesweoffer {
    background: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 7rem 5%;
}

.inner_whatweoffer {
    display: flex;
    padding: 7rem 5%;
    flex-direction: row-reverse;
    align-items: center;
    text-align: center;
    color: white;
    position: relative;
    z-index: 2;
    justify-content: space-between;
}

.computer_logoleft {
    width: 50%;
    padding-bottom: 0;
}

.bww-head {
    width: 50%;
    padding-bottom: 0;
    text-align: left;
    padding-left: 3em;
}

.whatweoffer {
    background-color: #013448;
}

img.wwo-icon {
    height: 60px;
}

.image_logocomputer {
    width: 47%;
    padding: 2rem;
    text-align: left;
    padding: 2rem;
    display: flex;
    align-items: center;
}

.logo_description_carrer {
    color: #FFCD31;
    font-weight: bold;
    font-family: 'Aeonik';
    padding-top: 0px;
    font-weight: 400;
    font-size: 17px;
    line-height: 19px;
    margin-bottom: 0;
    margin-left: 20px;
}

.career-call-back .callback_description {
    width: 50%;
    padding: 0;
    margin: auto;
}

html {
    scroll-behavior: smooth;
}

html {
    scroll-behavior: smooth;
}

.mab-cta-block {
    margin: auto;
    text-align: center;
    margin-bottom: 5rem;
    position: relative;
    bottom: -2rem;
}

.mab-cta-block .bri-button {
    width: 300px;
}

.blog-page-row h2 {
    padding-bottom: 3rem;
    color: #013448;
    font-size: 28px;
    font-family: 'Aeonik';
    font-weight: 500;
    line-height: 47px;
    margin: 0;
    text-align: center;
    padding-top: 0rem;
}

.empty-menu>a:hover {
    color: #fff !important;
}

.current-menu-item>a {
    color: #FFCD31 !important;
}

.job-excerpt {
    height: 130px;
}

.job-manager .full-time,
.job_listing .full-time,
.job-types .full-time {
    color: black;
}

.job-manager .full-time,
.job_listing .full-time,
.job-types .full-time {
    color: black;
}

.job-manager .job-type,
.job_listing .job-type,
.job-types .job-type {
    color: black;
}

.error-page-row {
    padding: 20rem 10%;
    text-align: center;
    color: white;
    position: relative;
}

.error-page-content {
    position: relative;
    z-index: 3;
    width: 800px;
    margin: auto;
}

.error-page-shadow {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
    background: rgb(1, 52, 72);
    background: linear-gradient(180deg, rgba(1, 52, 72, 0) 0%, rgba(21, 79, 102, 0) 47%, rgba(1, 52, 72, 1) 100%);
}

.error-page-content h1 {
    font-family: 'Aeonik';
    font-size: 180px;
    margin: 0;
    font-weight: 900;
    color: #FFCD31 !important;
}

.error-page-content p {
    font-family: 'Aeonik';
    font-size: 20px;
}

.error-page-content a {
    color: #FFCD31 !important;
}

ul.job_listings {
    display: flex;
    padding-top: 2rem;
    flex-wrap: wrap;
    display: inline-flex;
    justify-content: flex-start;
    flex-direction: column;
    height: 492px;
    width: 100%;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    flex-wrap: wrap;
    overflow: auto;
    cursor: grab;
}

ul.job_listings .job-widget-card {
    width: 31%;
    margin: 1%;
    padding-bottom: 4rem;
    height: 25rem;
}

.job_listings::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.job_listings::-webkit-scrollbar-thumb {
    background: #FFCD31;
}

.job_listings::-webkit-scrollbar {
    width: 5px;
    height: 7px;
}

a.load_more_jobs {
    display: none !important;
}

.founder_left_row {
    background: #f9f9f9;
    padding: 4rem 15%;
    position: relative;
    display: flex;
    justify-content: space-between;
}

.founder_left {
    width: 45%;
}
.founder_left {
	background-image: url(/wp-content/uploads/2022/12/image-1.png);
	background-position: center;
	width: 560px;
	height: 340px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-position: center;
	background-size: cover;
	position: relative;
	background-size: cover;
}

.founder_left img:hover {
    transform: scale(1.1);
}

.founder_left img {
    position: relative;
    z-index: 2;
    transition: all .4s ease;
}

.main_animatedsectiom img.tiro-mark-icon {
    height: auto !important;
}

.careertab-flex {
    display: flex;
}

.careertab-left {
    width: 45%;
}

.career_side-right {
    width: 55%;
}

.careertab-left {
    width: 45%;
    background: #FFCD31;
    padding: 5% 10%;
}

.careertab-left h3 {
    color: #013448;
    font-size: 28px;
    font-family: 'Aeonik';
    font-weight: 500;
    line-height: 43px;
    padding-bottom: 0rem;
    margin: 0;
}

.careertab-content.careerleft_content p {
    color: #013448;
    font-family: 'Aeonik';
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
}

.career_side-right img {
    width: 100%;
    height: 500px;
    object-fit: cover;
}

.careertab-flex {
    display: flex;
    height: 500px;
}

.obiza_tabsrow {
    position: relative;
}

.new_careertab {
    position: absolute;
    bottom: 0;
    right: 0;
}

.career_tab-content .tabcontent {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
    animation: none !important;
}

.lity {
    z-index: 999999 !important;
}

.page-template-carrerspage-template .counter_boxes:nth-child(3) h3:after {
    content: "";
}

.page-template-carrerspage-template .counter_boxes:nth-child(4) h3:after {
    content: "k";
}

.page-template-carrerspage-template .counter_boxes:nth-child(4) h3:before {
    content: "£";
}

.page-template-carrerspage-template .requestcallback_right:nth-child(3) {
    display: none;
}

.page-template-job-page-template .job_listings {
    display: flex;
    padding-top: 2rem;
    flex-wrap: wrap;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    height: auto;
    width: 100%;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    flex-wrap: wrap;
    overflow: auto;
    cursor: grab;
}

.job-page-search .load_more_jobs {
    display: block !important;
}

a.load_more_jobs {
    color: #013448;
    text-decoration: none;
    color: #013448;
    background: #FFCD31;
    border: 1px solid #FFCD31;
    padding: 15px 50px;
    font-weight: bold;
    border-radius: 3px;
    font-size: 14px;
    margin-left: 30px;
    animation: header-paragraph-reveal 2.1s ease;
    transition: all .4s ease;
    cursor: pointer;
    width: 100%;
    text-align: center;
}

form.job_filters {
    width: 100%;
}

li.salary {
    display: none;
}

li.date-posted {
    display: none;
}

.job-card-date {
    display: none;
}
.page-id-2256 .counter_boxes h3::after {
    content: "" !important;
}






@media (max-width: 1350px) {
    .tab {
        width: 900px;
    }
    .exp-tab-but:nth-child(2) {
        clip-path: polygon(25% 0, 100% 0, 100% 100%, 0 100%);
        width: 510px;
        position: absolute;
        right: 0;
    }
    .exp-tab-but:nth-child(1) {
        clip-path: polygon(0 0, 100% 0, 75% 100%, 0% 100%);
        width: 510px;
        position: absolute;
        left: 0;
    }
    .tab-content-block {
        width: 900px;
    }
    .thriving_itSection {
        background: #f9f9f9;
        padding: 10rem 3%;
    }
    .tab-tech-button {
        padding: 13px 41px;
    }
    .tab-tech-flex a {
        margin: 7px;
    }
    .main_Experiance_touchpoint {
        padding: 6rem 5%;
    }
    .inner_Requestcall_back {
        padding: 5rem 5%;
    }
    .inner_Requestcall_back {
        padding: 5rem 5%;
    }
    .blog-page-row {
        padding: 4rem 5%;
        background: #F9F9F9;
    }
}

@media screen and (max-width: 1600px) {
    .banner_textwhite h1 {
        font-size: 43px;
        line-height: 54px;
    }
    .techlogo_slidermain {
        padding: 4rem 5%;
        background: #f9f9f9;
    }
    .background_imgsubsector {
        height: 700px;
    }
    .hp-first-button {
        font-size: 15px;
        padding: 15px 17px;
        width: 260px;
    }
    .hp-second-button {
        font-size: 15px;
        padding: 15px 17px;
        width: 260px;
    }
    .Main_Banner {
        background: #013448;
        height: auto;
        position: relative;
        height: 800px;
        overflow: hidden;
    }
    img.hero-scroll-icon {
        position: absolute;
        bottom: -80px;
        left: 0;
        height: 200px;
        left: 3rem;
    }
    .counter_boxes h3 {
        color: #FFCD31;
        font-size: 50px;
    }
    .counter_boxes p {
        font-size: 15px;
    }
    button.how_wedo-button {
        font-size: 15px;
    }
    .aboutpage_sectionrepeater {
        padding: 7rem 0rem 5rem;
    }
    .img-rep-accent-01 {
        content: "";
        position: absolute;
        width: 150px;
        height: 150px;
        background: #FFCD31;
        border-radius: 28px;
        transform: rotate(30deg);
        bottom: 21px;
        z-index: -1;
        left: -50px;
    }
    .page-template-wearehiring-template .img-rep-accent-02 {
        width: 120px;
        height: 120px;
    }
    .map_locatonsection {
        padding: 0rem 5%;
        background: #f9f9f9;
        padding-bottom: 5rem;
    }
    .location_about_section {
        background: #f9f9f9;
        padding: 5rem 5%;
        position: relative;
    }
    .service-content-row {
        padding: 1rem 5% 5rem;
        background: #F9F9F9;
    }
    .page-template-aboutpage-template .service-content-row {
        padding: 6rem 5% 5rem;
        background: #F9F9F9;
    }
    .page-template-subsectorpage-template .service-content-row {
        padding: 3rem 5%;
        background: #F9F9F9;
    }
    .live_roles {
        padding: 4rem 5%;
        background: #F9F9F9;
    }
    .Our-software_expertise {
        padding: 5rem 5%;
        text-align: center;
        background: #F9F9F9;
    }
    .mainaboutUssection {
        padding: 0 5%;
    }
    .our_storyabout {
        text-align: center;
        color: #fff;
        background: rgba(1, 52, 72);
        padding: 7rem 5% 10rem;
    }
    footer#colophon {
        padding: 14rem 5% 10px;
        position: relative;
        background-size: cover;
    }
    .client-testimonials {
        padding: 4rem 5% 7rem;
        background: #013448;
    }
    .makes-different-row.wehiring_page {
        padding: 4rem 5%;
    }
    .single-team .background_imgsubsector {
        height: 900px;
    }
    .blog-page-row {
        padding: 4rem 5%;
    }
    .All_textunder h3 {
        font-size: 40px;
        font-family: 'Aeonik';
        line-height: 45px;
        font-weight: 600;
    }
    .All_textunder h4 {
        font-size: 20px;
        padding-bottom: 10px;
        font-family: 'Aeonik';
    }
}

@media screen and (max-width: 1100px) {
    .sub-menu {
        display: none !important;
    }
    .header-left-side {
        display: none;
    }
    .mobile-nav-button {
        display: block;
    }
    #primary-menu {
        padding: 5px !important;
        margin: 0;
    }
    .error-page-content {
        position: relative;
        z-index: 3;
        width: 100%;
        margin: auto;
    }
    .error-page-row {
        padding: 15rem 5%;
        text-align: center;
        color: white;
        position: relative;
    }
    #primary-menu li a {
        padding: 5px;
        font-size: 16px;
        color: #fff;
    }
    .overlay-content {
        top: 10rem !important;
    }
    #primary-menu li {
        list-style: none;
        color: #fff;
    }
    #primary-menu>li>.sub-menu li {
        width: 100% !important;
        padding: 0 5px!important;
        color: #fff;
        margin: 0;
    }
    #primary-menu>li>.sub-menu {
        width: 100% !important;
        color: #fff;
        margin: 0;
    }
    .overlay-content .menu-primary-navigation-container ul li {
        color: #fff !important;
        width: 100%;
        padding: 10px 3px;
    }
    .menu li.menu-item-has-children>a::after {
        color: #fff;
        content: ' ▼';
        font-size: 10px;
        vertical-align: 1px;
        position: relative;
        left: 20px;
    }
    #primary-menu .sub-menu a {
        padding: 5px 0;
        color: #fff;
        text-decoration: none;
        display: block;
        font-size: 13px !important;
    }
    .overlay-content {
        position: relative;
        width: 100%;
        text-align: left;
        padding: 0px 30px !important;
        margin-top: 0px;
    }
    .menu-item-has-children:hover>.sub-menu {
        display: block !important;
    }
    .menu li li.menu-item-has-children>a::after {
        color: #fff;
        content: ' ►';
        font-size: 10px;
        vertical-align: 1px;
    }
    .menu-item-has-children:hover .sub-menu,
    #primary-menu>li>.sub-menu>li>.sub-menu>li {
        padding: 0 5px!important;
        font-size: 16px;
        color: #fff;
        text-decoration: none;
        display: block;
        font-size: 13px !important;
    }
    #primary-menu>li>.sub-menu>li>.sub-menu>li {
        padding: 0 20px!important;
        background: transparent !important;
    }
    #primary-menu>li>.sub-menu>li>.sub-menu {
        margin-top: 0px;
        border-top: 0 !important;
    }
    .tab {
        width: 700px;
        height: 500px;
    }
    .exp-tab-but:nth-child(2) {
        clip-path: polygon(25% 0, 100% 0, 100% 100%, 0 100%);
        width: 397px;
        position: absolute;
        right: 0;
    }
    .exp-tab-but:nth-child(1) {
        clip-path: polygon(0 0, 100% 0, 75% 100%, 0% 100%);
        width: 397px;
        position: absolute;
        left: 0;
    }
    .tab-content-block {
        width: 700px;
    }
    .background_imgsubsector {
        height: 600px;
    }
    .intro_to_tiro_recruitment {
        padding: 4rem 5% 6rem;
    }
    .all_textexpertise {
        width: 100%;
        margin: auto;
    }
    .our_storyabout .tablinks {
        margin-bottom: 1rem;
    }
    .our_storyabout .tablinks {
        font-size: 20px;
        background: transparent;
        font-style: italic;
        font-family: 'Aeonik';
        transition: all .4s ease;
        margin-bottom: 1rem;
        padding: 0px 20px;
    }
    .team-flex .job-consultant-card {
        height: 300px;
        width: 32%;
    }
    .my_expertise {
        padding: 2rem 5%;
        background: #F9F9F9;
        position: relative;
    }
    .expertise_buttonsrow a {
        background: #013448;
        color: #fff;
        text-decoration: none;
        padding: 18px 60px;
        border-radius: 4px;
        width: 100% !important;
        display: block;
        text-align: center;
        margin-bottom: 11px;
        font-family: 'Aeonik';
        font-size: 15px;
    }
    .job-excerpt {
        height: 130px;
    }
    .main_animatedsectiom {
        background: #f9f9f9;
        padding: 2rem 5%;
        position: relative;
    }
    .Box-rightimages {
        width: 45%;
    }
    .page-template-wearehiring-template .numbers_wehiring_tabs {
        text-align: center;
        padding: 5rem 0rem 7rem;
    }
    .search_categories,
    .search_salary,
    .search_location,
    .search_keywords {
        width: 33.3% !important;
        margin-bottom: 1rem !important;
    }
    .search_submit {
        width: 65% !important;
        height: 51px;
    }
    ul.job_listings .job-widget-card {
        width: 48%;
        margin: 1%;
        padding-bottom: 4rem;
    }
    .single_job_listing .background_imgsubsector {
        height: 450px;
    }
    .post-content-row {
        padding: 1rem 5%;
    }
    .social-share-block {
        position: relative;
        bottom: 10px;
        z-index: 9;
        right: unset;
        display: flex;
        justify-content: space-between;
    }
    .latest-roles-row {
        padding: 3rem 3%;
        background: #F9F9F9;
    }
    .latest-roles-row .job_listings {
        height: 485px;
    }
    .information-rightmap {
        padding: 0;
    }
    .product_abovetitle {
        font-size: 17px !important;
        width: 100% !important;
        line-height: 17px;
    }
    .pcr-main {
        width: 100%;
    }
    .pcr-sidebar {
        width: 100%;
    }
    .post-content-row {
        flex-wrap: wrap;
    }
}

@media screen and (max-width: 750px) {
    .blog-card {
        width: 100% !important;
    }
    .blog-page-row span.cs-main-title {
        font-size: 21px !important;
        line-height: 23px;
    }
    .innerlocation_map {
        display: block !important;
    }
    .information-rightmap {
        padding: 0 !important;
    }
    .map_locatonsection {
        padding: 0rem 5% !important;
        padding-bottom: 0rem !important;
    }
    .live_roles {
        padding: 3rem 5%;
        background: #F9F9F9;
    }
    .information-rightmap,
    .map_Locationpage {
        width: 100% !important;
    }
    .three_country {
        display: block !important;
    }
    .our_storyabout .tab-left,
    .tab-flex {
        display: block !important;
    }
    .our_storyabout .aboutstory_side-right {
        width: 100% !important;
    }
    .our_storyabout {
        padding: 6rem 10% 12rem !important;
    }
    .tab-left {
        width: 100% !important;
    }
    .tab-content.left_content {
        padding-bottom: 0rem !important;
    }
    .our_storyabout .tab-tag-flex img {
        width: auto !important;
        height: auto !important;
    }
    .our_storyabout .content-tab-row.row .tab {
        bottom: -10rem !important;
    }
    .our_storyabout .tablinks {
        font-size: 20px !important;
    }
    .slick-arrow {
        display: none !important;
    }
    .service-content-container .job-consultant-card {
        width: auto !important;
    }
    .key-contact-widget {
        display: block !important;
    }
    .request_callback button.hp-subsector-button {
        margin-left: 0 !important;
        width: auto !important;
    }
    .team-flex .job-consultant-card {
        height: 400px !important;
        width: 100% !important;
    }
}

@media screen and (min-width: 641px) and (max-width: 768px) {
    .blog-card {
        width: 48% !important;
    }
    span.cs-main-title {
        font-size: 18px !important;
    }
    .innerlocation_map {
        display: block !important;
    }
    .information-rightmap,
    .map_Locationpage {
        width: 100% !important;
    }
    .information-rightmap {
        padding: 0rem !important;
    }
    .information-rightmap {
        padding: 0rem !important;
    }
    .map_locatonsection {
        padding: 0rem 15% 0 !important;
    }
    .service-content-container .job-consultant-card {
        width: 48% !important;
    }
    .our_storyabout .content-tab-row.row .tab {
        bottom: -7rem !important;
    }
    .our_storyabout .tablinks {
        font-size: 20px !important;
    }
    .All_textunder h3 {
        font-size: 25px !important;
    }
    .team-flex .job-consultant-card {
        height: 300px !important;
        width: 47% !important;
    }
}

@media screen and (max-width: 768px) {
    .page-id-2256 .background_imgsubsector{
        height: 350px !important;
    }  
    .page-template-meta-page-template-php .background_imgsubsector-single {
        height: 300px !important;
    }    
    .page-id-2256 .background_imgsubsector .hp-first-button {
        width: auto !important;
    }
    .text_csr-row, .add_image_row {
        width: 100% !important;
    }
    .inner_csr_repeater_text {
        display: block !important;
    }
    .new_careertab {
        left: 0 !important;
    }
    .shadow_line-tabs {
        width: 100% !important;
        height: 50% !important;
        /* background: rgb(1, 52, 72); */
        background: linear-gradient(20deg, rgba(1, 52, 72, 1) 20%, rgba(1, 52, 72, 0) 100%) !important;
        top: auto !important;
        right: 0 !important;
        bottom: 0 !important;
    }
    .page-template-techpage-template .row_contenttech {
        bottom: -6rem !important;
    }
    .right_techrow {
        right: 0 !important;
        bottom: 13rem !important;
        width: 100% !important;
        top: auto !important;
    }
    .products_sliderheading {
        padding-top: 2rem !important;
    }
    .product_slider_inner {
        width: 48% !important;
    }
    .row_contenttech {
        position: absolute !important;
        width: 100% !important;
        left: 0rem !important;
        bottom: 0rem !important;
    }
    .makes-different-row .tab-left {
        padding: 0rem 2rem 2rem !important;
        width: 100% !important;
    }
    .makes-different-row .tab {
        text-align: center;
    }
    .makes-different-row .tab-flex {
        display: block;
    }
    .makes-different-row .tab-right {
        padding: 3rem 2rem 8rem!important;
        width: 100% !important;
    }
    .makes-different-row .tab {
        padding: 1rem !important;
        bottom: -1rem !important;
    }
    .makes-different-row .tab .tablinks {
        margin-bottom: 10px !important;
    }
    .innerlocation_about_section {
        display: block !important;
    }
    .location_about_section {
        padding: 2rem 5% !important;
    }
    .about_uslocation {
        width: 100% !important;
    }
    .search_jobs {
        display: block !important;
    }
    .search_submit,
    .search_categories,
    .search_salary,
    .search_location,
    .search_keywords {
        width: 100% !important;
        margin-bottom: 1rem;
    }
    .search_submit input {
        margin-left: 0 !important;
    }
    ul.job_listings .job-widget-card {
        width: 100% !important;
    }
    .numbers_wehiring_tabs {
        padding: 1rem 1rem 2rem !important;
    }
    .makes-different-row.wehiring_page {
        padding: 2rem 2% !important;
    }
    .numbers_wehiring_tabs {
        padding: 1rem 1rem 2rem !important;
    }
    .wehiring_page .content-tab-row.row .tab {
        bottom: 0rem !important;
        padding: 0 !important;
    }
    .wehiring_page .tablinks {
        font-size: 20px !important;
    }
    .client-testimonials {
        padding: 3rem 5% 5rem !important;
    }
    .reviews_repeater {
        display: block !important;
    }
    .client_review {
        width: 100% !important;
    }
    .heading_testimonails {
        padding-bottom: 1rem !important;
    }
    .Our-software_expertise {
        padding: 4rem 5% !important;
    }
    .all_textexpertise {
        width: 100% !important;
    }
    .left_sideimage img {
        width: auto !important;
    }
    .right_sidebanner {
        width: 622px !important;
        height: 906px;
    }
    .inner_mainbanner {
        display: block !important;
    }
    .left_sidebanner {
        padding: 11rem 1rem 8rem 1rem !important;
        box-sizing: border-box;
        width: 100%;
    }
    .hp-gradient-shadow {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 2;
        background: rgb(1, 52, 72);
        background: linear-gradient(242deg, rgba(1, 52, 72, 0) 0%, rgba(1, 52, 72, 1) 100%);
    }
    .Main_Banner {
        height: 650px;
    }
    .heading {
        display: block !important;
        width: 100%;
    }
    .heading h1 {
        font-size: 25px !important;
        line-height: 31px !important;
    }
    .hp-first-button {
        width: 100%;
        font-size: 14px;
    }
    .hp-second-button {
        width: 100%;
        font-size: 14px;
    }
    .bothbanner_button .hp-first-button {
        margin-bottom: 1rem;
    }
    .main_animatedsectiom {
        padding: 4rem 5% !important;
    }
    .inner_animatedsectiom {
        padding-bottom: 1rem !important;
    }
    .repeater_counters {
        display: block !important;
        z-index: 9;
        position: relative;
    }
    .counter_boxes {
        width: 100% !important;
        padding-bottom: 1rem;
    }
    .exp-tab-but:nth-child(1) {
        clip-path: polygon(0 0, 100% 0, 75% 100%, 0% 100%);
        width: 55%;
        position: absolute;
        left: 0;
        height: 100%;
    }
    .exp-tab-but:nth-child(1) {
        width: 55% !important;
        height: 100% !important;
    }
    .tab {
        width: 100% !important;
    }
    #deep_expertise {
        display: block !important;
    }
    .exp-tab-but:nth-child(2) {
        width: 55% !important;
    }
    p.tc-title {
        font-size: 22px !important;
    }
    .tab-content-block {
        width: auto !important;
    }
    .thriving_itSection {
        padding: 3rem 0rem !important;
    }
    .four_sections {
        display: block !important;
    }
    .first_textsection,
    .image_textcountry {
        width: 100% !important;
    }
    .main_Experiance_touchpoint {
        padding: 4rem 2rem !important;
    }
    .left_sideimage,
    .left_sideimage:nth-child(2n) {
        display: block !important;
    }
    .right_sideimage h3 {
        margin: 0 !important;
    }
    .inner_Requestcall_back {
        padding: 3rem 0rem !important;
    }
    .main_callback_description {
        display: block !important;
    }
    .callback_description,
    .callback_right {
        width: 100% !important;
    }
    .right_sideimage {
        padding: 30px !important;
    }
    footer#colophon {
        padding: 3rem 10% 10px !important;
    }
    .footer-first-row {
        display: block !important;
    }
    .kfoot-col:nth-child(1) {
        top: 0 !important;
    }
    .Social_media.footer-social-link {
        margin-top: 0 !important;
    }
    .Social_media.footer-social-link {
        display: flex;
    }
    .Social_media.footer-social-link a {
        margin-right: 15px !important;
    }
    .banner_textwhite {
        width: 100% !important;
        display: block !important;
        padding: 20px !important;
        top: 8rem;
    }
    .banner_textwhite h1 {
        font-size: 28px !important;
        line-height: 50px !important;
        padding-bottom: 0rem !important;
    }
    .intro_to_tiro_recruitment {
        padding: 3rem 5% 2rem !important;
    }
    .mainaboutUssection {
        padding: 0 10% !important;
    }
    .aboutpage_sectionrepeater {
        padding: 2rem 0rem 2rem !important;
        display: block !important;
    }
    .Box-rightimages {
        width: 100% !important;
    }
    .bri-button {
        margin-bottom: 2rem;
    }
    .service-content-row {
        padding: 2rem 5% !important;
    }
    .meet_teamheading {
        width: 100% !important;
        top: 0 !important;
    }
    .right_sidebanner {
        width: 751px !important;
        height: 998px;
    }
}

@media screen and (max-width: 768px) {
    .carrer_smalllogos {
        display: block !important;
    }
    .carrer_smalllogos .computer_logoleft {
        width: 100% !important;
    }
    .innerlive_roles_job {
        width: 48% !important;
    }
    #applyjob_popup {
        font-size: 14px !important;
    }
    .heading_ownstory {
        width: 100% !important;
    }
    .careerblog-flex {
        display: block !important;
    }
    .inner_chat_uscareer {
        display: block !important;
    }
    .feelfree_career-row {
        width: 100% !important;
        padding-top: 7%;
    }
    .person_imagetext {
        display: block !important;
    }
    .image_sam_ckerke {
        width: 100% !important;
    }
    .right_profile_person {
        width: 100% !important;
        padding-top: 5%;
    }
    .sidetext_image-col {
        display: block !important;
    }
    .left_more-column {
        width: 100% !important;
    }
    .apply_jobs_new {
        padding: 5% 7% 13% !important;
    }
    .inner_speak_tofounder,
    .carrer_smalllogos .bww-head {
        padding: 10% 5% 7% !important;
    }
    .heading_career_bottomchat {
        width: 100% !important;
    }
    .heading_career_bottomchat h3,
    .heading_career_bottomchat p {
        width: 100% !important;
    }
    .heading_career_bottomchat #gform_submit_button_1 {
        width: auto !important;
    }
    .william_excellinformation {
        padding-left: 0 !important;
        padding-top: 10%;
    }
    .right_more-column {
        width: 100% !important;
    }
    .Write_yourownstory {
        padding: 10% 5% 0% !important;
    }
    .not_quote_lookingcarrer br {
        display: none;
    }
    .innerlive_roles_job img {
        height: auto !important;
    }
    .bww-head {
        width: 100% !important;
    }
    .carrer_smalllogos .image_logocomputer {
        width: 50% !important;
    }
    .founder_left_row {
        display: block !important;
        padding: 2rem !important;
    }
    .founder_left {
        width: 100% !important;
    }
    .careertab-flex {
        display: block !important;
        height: auto !important;
    }
    .careertab-left {
        width: 100% !important;
        padding: 5% 10% !important;
    }
    .career_side-right {
        width: 100% !important;
    }
    .team-flex .job-consultant-card {
        height: 450px !important;
        width: 47% !important;
    }
    .three_country-row {
        padding: 1rem;
    }
    .three_country-container {
        flex-direction: column;
    }
    .row-countrythree {
        background-repeat: no-repeat;
        background-size: cover;
        width: 100%;
        height: 397px;
        color: #fff;
        padding: 17px;
        margin-bottom: 1rem;
    }
    .main_animatedsectiom {
        padding: 4rem 0% !important;
    }
    .exp-tab-but:nth-child(2) {
        width: 55% !important;
    }
    .exp-tab-but:nth-child(1) {
        width: 55% !important;
    }
    .tab,
    .tab-content-block {
        width: auto !important;
    }
    .thriving_itSection {
        padding: 1rem 5% !important;
    }
    .main_Experiance_touchpoint {
        padding: 6rem 0% !important;
    }
    .right_sideimage {
        width: 100%;
    }
    .inner_Requestcall_back {
        padding: 5rem 5% !important;
    }
    .callback_description {
        padding: 0 1rem !important;
    }
    #deep_expertise {
        display: block !important;
        padding: 2rem 5%;
    }
    #deep_expertise .tab {
        flex-direction: column;
        display: flex;
    }
    .exp-tab-but:nth-child(1) {
        width: 100% !important;
        position: relative;
        clip-path: inherit;
    }
    .exp-tab-but:nth-child(2) {
        width: 100% !important;
        position: relative;
        clip-path: inherit;
    }
    .losos_slides {
        flex-direction: column;
    }
    .losos_slides img {
        width: 80px;
        height: 50px;
        object-fit: contain;
    }
    .banner_textwhite h1 {
        font-size: 28px !important;
        line-height: 37px !important;
        padding-bottom: 2rem !important;
    }
    .description_leftconsultant {
        width: 80%;
    }
    .background_imgsubsector {
        height: 600px;
    }
    .hp-first-button {
        width: 100%;
        font-size: 13px;
        padding: 14px 17px;
    }
    .hp-second-button {
        width: 100%;
        font-size: 13px;
        padding: 14px 17px;
    }
    .text_field_tiro_recuitment {
        text-align: left;
        position: relative;
        z-index: 8;
    }
    .mainaboutUssection {
        padding: 0 5% !important;
    }
    .aboutpage_sectionrepeater:nth-child(odd) .img-rep-accent-02 {
        left: -1px !important;
        left: auto;
        width: 100px;
        height: 100px;
    }
    .aboutpage_sectionrepeater:nth-child(odd) .img-rep-accent-01 {
        right: -1px !important;
        left: auto;
        width: 120px;
        height: 120px;
        bottom: 10px;
    }
    .tab-tech-flex a {
        margin: 3px;
    }
    .tab-tech-button {
        padding: 10px 30px;
        font-size: 12px;
    }
    .Expertisebutton_repeater {
        margin-top: 0;
    }
    .expertise_buttonsrow a {
        font-size: 14px;
        padding: 10px 30px;
        font-weight: 500;
    }
    .banner_textwhite h2 {
        font-size: 20px;
        width: 70%;
        font-weight: 300;
        font-family: 'Aeonik';
        color: #FFCD31 !important;
        animation: header-paragraph-reveal 1.3s ease;
    }
    .makes-different-row {
        flex-direction: column;
    }
    .content-tab-row.row {
        position: relative;
        width: 100%;
        padding-top: 2rem;
    }
    .tab-content {
        color: #fff;
        padding-bottom: 5rem;
    }
    .client_name {
        right: -23px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1000px) {
    .not_quote_lookingcarrer br {
        display: none !important;
    }
    .careertab-flex {
        height: auto !important;
    }
    .careertab-left {
        padding: 5% 5% !important;
    }
    .title_career_blogs {
        font-size: 22px !important;
        height: auto !important;
    }
    .left_more-column h3 {
        font-size: 35px !important;
    }
    .blog-featured-image {
        height: auto !important;
    }
    .counter_boxes p {
        font-size: 12px !important;
        line-height: 18px !important;
        letter-spacing: 0.1px !important;
    }
    .blog-card {
        width: 48% !important;
    }
    .row_contenttech {
        position: absolute !important;
        width: 100% !important;
        left: 0rem !important;
        bottom: 0rem !important;
    }
    .right_techrow {
        right: 0 !important;
        bottom: 13rem !important;
        width: 100% !important;
        top: auto !important;
    }
    .search_jobs {
        justify-content: flex-start !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1208px) {
    .banner_textwhite {
        width: 100% !important;
    }
    .service-content-container .job-consultant-card {
        width: 48% !important;
    }
    .blog-page-row span.cs-main-title {
        font-size: 21px !important;
        line-height: 23px;
    }
}
@media screen and (min-width: 1500px){
    .page-template-meta-page-template .banner_textwhite {
        padding: 15% 5% !important; 
    }
}