html:not(.avoid) {
    scroll-behavior: smooth;
    overflow-x: hidden;
    margin-top: 0px !important;
}

div#wpadminbar {
    display: none !important;
}

body {
    width: 100vw;
    overflow-x: hidden;
    margin: 0;
    font-size: 14px;
    line-height: 26px;
    font-weight: 500;
    font-family: stevie-sans, sans-serif;
    color: #013B40;
}

body>div {
    scroll-margin-top: 150px;
}

input:focus,
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s linear, color 5000s linear;
}

p,
h6,
h5,
h4,
h3,
h2,
h1,
ul {
    margin-block-start: 0;
    margin-block-end: 0;
}

img {
    display: block;
}

body {
    position: relative;
}

p,
li,
a.button,
input,
textarea {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    font-family: stevie-sans, sans-serif;
    margin-block-start: 0;
    margin-block-end: 0;
}

strong *,
strong,
b *,
b {
    font-weight: 600;
}

h6 {
    font-size: 16px;
    line-height: 22px;
    font-family: stevie-sans, sans-serif;
    font-weight: 400;
}

h5 {
    font-size: 19px;
    line-height: 25px;
    font-family: stevie-sans, sans-serif;
    font-weight: 500;
    margin-block-start: 0;
    margin-block-end: 0;
}

h4 {
    font-size: 19px;
    line-height: 25px;
    font-family: poppins, sans-serif;
    font-weight: 500;
    margin-block-start: 0;
    margin-block-end: 0;
}

h3 {
    font-size: 25px;
    line-height: 32px;
    font-family: poppins, sans-serif;
    font-weight: 500;
    margin-block-start: 0;
    margin-block-end: 0;
}

h2 {
    font-size: 40px;
    line-height: 46px;
    font-family: poppins, sans-serif;
    font-weight: 500;
    margin-block-start: 0;
    margin-block-end: 0;
}

h2 em {
    font-size: 36px;
    line-height: 46px;
    font-family: Monotail, sans-serif;
    font-weight: 600;
    margin-block-start: 0;
    margin-block-end: 0;
    font-style: normal;
}

h1 {
    font-size: 55px;
    line-height: 65px;
    font-family: poppins, sans-serif;
    font-weight: 500;
    margin-block-start: 0;
    margin-block-end: 0;
}

h1 em {
    font-size: 74px;
    line-height: 87px;
    font-family: Monotail, sans-serif;
    font-weight: 600;
    margin-block-start: 0;
    margin-block-end: 0;
    font-style: normal;
    color: #92d400;
}

.textarea>* {
    margin-bottom: 15px;
}

.textarea>*:last-child {
    margin-bottom: 0px;
}

.header {
    position: fixed;
    top: 10px;
    left: 0;
    width: 100%;
    z-index: 20;
}

.header .inner {
    width: calc(80% - 40px);
    max-width: 1300px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #ffffffb5;
    backdrop-filter: grayscale(1) blur(20px);
    -webkit-backdrop-filter: grayscale(1) blur(20px);
    padding: 20px;
    border-radius: 20px;
}

.header .inner a:not(.button) {
    color: black;
    text-decoration: none;
    font-size: 15px;
    line-height: 20px;
    display: block;
}

.header .inner a.logo,
.header .inner a.logo img {
    width: 270px;
}

.header .inner .links {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header .inner .links>a,
.header .inner .links>div {
    margin: 0 10px;
}

.header .inner .links>a.button {
    padding: 4px 25px;
}

.page-id-88 .header .inner .links>a:nth-child(2),
.page-id-110 .header .inner .links>a:nth-child(3),
.page-id-166 .header .inner .links>a:nth-child(5) {
    padding: 2px 10px;
    background: #D1F481;
    border-radius: 20px;
}

.page-id-57 .header .inner .links>div:nth-child(1),
.page-id-136 .header .inner .links>div:nth-child(4) {
    padding: 2px 25px 2px 10px;
    background: #D1F481;
    border-radius: 20px;
}

.header .inner .links .dropdown {
    position: relative;
    padding-right: 25px;
}

.header .inner .links .dropdown>a {
    position: relative;

}

.header .inner .links .dropdown>a::after {
    content: "";
    background: url(/wp-content/uploads/2025/10/Group-1875@2x.png);
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    position: absolute;
    left: calc(100% + 5px);
    top: calc(50% - 8px);
    width: 16px;
    height: 16px;
    transition: all 0.2s ease-out 0.1s;
    transform: rotate(-90deg);
}

.header .inner .links .dropdown:hover>a::after {
    transform: rotate(0deg);
}

.header .inner .links .dropdown .drop {
    background: #b3ce99;
    position: absolute;
    top: calc(100% + 10px);
    width: 200px;
    border-radius: 10px;
    max-height: 0px;
    padding: 0 20px;
    transition: all 0.4s ease-in-out;
    overflow: hidden;
}

.header .inner .links .dropdown:hover .drop {
    padding: 20px;
    max-height: 120px;
}

.header .inner .links .dropdown .drop a {
    font-size: 14px;
    line-height: 17px;
}

.header .inner .links .dropdown .drop a:not(:first-child) {
    padding-top: 10px;
    margin-top: 10px;
    border-top: 1px solid #92d400;
}

#headerWatch {
    position: relative;
    width: 100%;
    height: 102px;
}

.homeIntro {
    position: relative;
    width: 100%;
    display: flex;
    align-items: stretch;
    height: calc(100vh - 105px);
    min-height: 700px;
    max-height: 1500px;
    justify-content: space-between;
    overflow: hidden;
    border-radius: 20px;
}

.homeIntro .bg {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}

.homeIntro::after {
    /*
    content: "";
    background: #1b322c;
    border-radius: 20px;
    position: absolute;
    top: 0;
    right: 0;
    width: 63.5%;
    height: 100%;*/
}

.homeIntro .fullinner {
    width: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    max-width: 1300px;
    margin: 0 auto;
}

.homeIntro .fullinner>img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
    top: 0;
    left: 0;
}

.homeIntro .fullinner .textarea {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 800px;
    color: white;
    padding: 100px 0;
}

.homeIntro .fullinner .textarea img {
    width: 100%;
    max-width: 400px;
    margin-bottom: 15px;
}

.homeIntro .inner {
    width: 80%;
    z-index: 2;
    position: relative;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    border-radius: 20px;
    max-width: 1300px;
    margin: 0 auto;
}

.homeIntro .inner>.textarea {
    width: 50%;
    padding: 50px 0;
    max-width: 650px;
    color: white;
}

h2 em,
h3 em,
h4 em,
h5 em,
h6 em {
    color: #91D400;
}

.textarea>p:first-child>em {
    color: #C8C8C8;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.3px;
}

.homeIntro .formArea {
    width: calc(36% - 80px);
    padding: 40px;
    background-size: cover !important;
    background-position: 50% 50% !important;
    display: flex;
    align-items: flex-end;
    background-size: cover !important;
    border-radius: 20px;
    background-position: 50% 50% !important;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    height: calc(100% - 80px);
}

.homeIntro .formArea::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, #00000059, transparent, transparent);
}

.homeIntro .formArea .textarea {
    padding: 50px;
    width: calc(100% - 100px);
    color: white;
    background: #0000001c;
    border-radius: 20px;
    backdrop-filter: saturate(0) grayscale(1) blur(32px);
    -webkit-backdrop-filter: saturate(0) grayscale(1) blur(32px);
    position: relative;
    z-index: 2;
    display: none;
}

.homeIntro .formArea .textarea .form {
    margin-top: 10px;
    width: 100%;
}

.homeIntro .formArea .textarea .form form {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    position: relative;
}

.homeIntro .formArea .textarea .form form>p:nth-child(2) {
    width: calc(100% - 60px);
}

.homeIntro .formArea .textarea .form form>p:nth-child(3) {
    width: 40px;
}

.homeIntro .formArea .textarea .form form input {
    font-size: 14px;
    line-height: 20px;
    background: white;
    outline: 0px;
    border: 0px;
    border-radius: 10px;
    padding: 8px 20px;
    width: calc(100% - 40px);
}

.homeIntro .formArea .textarea .form form .wpcf7-not-valid-tip {
    display: none;
}

.homeIntro .formArea .textarea .form form .wpcf7-not-valid {
    outline: 1px solid red;
}

.homeIntro .formArea .textarea .form form input.wpcf7-submit {
    font-size: 0px;
    background: url(/wp-content/uploads/2025/09/Group-1679@2x.png);
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    cursor: pointer;
    width: 40px;
    height: 40px;
    padding: 0px;
    margin: 0px;
}

.homeIntro .formArea .textarea .form form ::placeholder {
    color: #8EA3A2;
    font-weight: 400;
}

.homeIntro .formArea .textarea .form form .wpcf7-spinner {
    position: absolute;
    bottom: 10px;
    right: -55px;
}

.homeIntro .formArea .textarea .form form .wpcf7-response-output {
    margin: 10px 0 0 0;
}

.textarea>a,
.textarea>p>a,
.buttonArea>a,
.button {
    padding: 6px 15px;
    background: #91D400;
    color: white;
    text-decoration: none;
    font-size: 15px;
    line-height: 18px;
    cursor: pointer;
    border-radius: 20px;
    min-width: 100px;
    text-align: center;
    display: block;
    width: fit-content;
    border: 2px solid #91D400;
    transition: all 0.2s linear;
}

.textarea>p>a {
    display: inline-block;
    margin: 10px 15px 0 0;
}



.textarea>a:hover,
.textarea>p>a:hover,
.buttonArea>a:hover,
.button:hover {
    background: #1b322c;
    color: white;
    border: 2px solid #1b322c;
}

.buttonArea {
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
}

.buttonArea>a:nth-child(2n),
.textarea>p>a:nth-child(2) {
    background: transparent;
    color: white;
    border: 2px solid white;
    padding: 6px 40px 6px 15px;
    position: relative;
}

.buttonArea>a:nth-child(2n)::after,
.textarea>p>a:nth-child(2)::after {
    content: "";
    background: url(/wp-content/uploads/2025/10/Group-1667@2x.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 15px;
    height: 15px;
    display: block;
    position: absolute;
    right: 15px;
    top: calc(50% - 7px);
}

.buttonArea>a:nth-child(2n):hover,
.textarea>p>a:nth-child(2):hover {
    border: 2px solid #91D400;
    background: #91D400;
    color: white;
}

.buttonArea>a,
.buttonArea>div {
    margin-right: 20px;
}

.textblock {
    width: 100%;
    margin: 100px 0;
    border-radius: 20px;
    scroll-margin-top: 100px;
}

.textblock.hasBg {
    margin: 0px;
    padding: 100px 0;
}

.textblock .inner {
    width: 80%;
    max-width: 1300px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.textblock .inner .textarea {
    width: 50%;
}

.textblock .inner .textarea .form#priveeForm,
.textblock .inner .textarea.priveeForm .form:not(#priveeForm) {
    display: none;
}

.textblock .inner .textarea.priveeForm .form#priveeForm {
    display: block;
}


.textblock.whiteshadow .inner>img {
    width: calc(40% - 70px);
    border-radius: 20px;
    box-shadow: 95px -70px #F7F6EF;
    margin: 95px 70px 0 0;
}

.textblock.greenshadow .inner>img {
    width: calc(45% - 50px);
    border-radius: 20px;
    box-shadow: 50px -50px #1D382A;
    margin: 50px 50px 0 0;
}

.textblock .inner>img {
    /*max-height: 45vh;*/
    object-fit: cover;
    object-position: 50% 50%;
}

.textblock.Left .inner {
    flex-direction: row-reverse;
}


.ourservices {
    width: 100%;
    margin: 110px 0 150px 0;
    position: relative;
}

.ourservices::after {
    content: "";
    position: absolute;
    width: 25px;
    height: 5px;
    background: url(/wp-content/uploads/2025/10/outro.png);
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    bottom: -80px;
    left: calc(50% - 12px);
}

.ourservices .inner {
    width: 80%;
    max-width: 1300px;
    margin: 0 auto;
}

.ourservices .inner>.textarea {
    width: 100%;
    max-width: 700px;
    margin: 0 auto 40px auto;
    text-align: center;
}

.ourservices .inner .services {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
}

.ourservices .inner .services>a {
    padding: 40px 130px 40px 40px;
    width: calc(49% - 170px);
    text-decoration: none;
    color: white;
    background: #1B322C;
    margin-bottom: 30px;
    border-radius: 20px;
    min-height: 203px;
    position: relative;
}



.ourservices.coreservices .inner .services>a:nth-child(6n - 4) {
    background: #265148;
}

.ourservices.coreservices .inner .services>a:nth-child(6n - 2) {
    background: #254A33;
}

.ourservices.coreservices .inner .services>a:nth-child(6n) {
    background: #1B322C;
}

.ourservices.coreservices .inner .services>a:nth-child(2n - 2)::before,
.ourservices.coreservices .inner .services>a:nth-child(2n - 2)::after {
    display: none;
}

.ourservices .inner .services>a:nth-child(3n - 2),
.ourservices.coreservices .inner .services>a:nth-child(2n - 1) {
    overflow: hidden;
}

.ourservices .inner .services>a:nth-child(3n - 2)>*,
.ourservices.coreservices .inner .services>a:nth-child(2n - 1)>* {
    z-index: 3;
    position: relative;
}

.ourservices .inner .services>a:nth-child(3n - 2)::before,
.ourservices.coreservices .inner .services>a:nth-child(2n - 1)::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #1b322c00;
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
    z-index: 2;
}

.ourservices .inner .services>a:nth-child(3n - 2)::after,
.ourservices.coreservices .inner .services>a:nth-child(2n - 1)::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(/wp-content/uploads/2025/09/Anabas-44_enhanced@2x.jpg);
    background-size: cover;
    z-index: 1;
}

.ourservices .inner .services>a .arrow {
    position: absolute !important;
    bottom: 10px;
    right: 10px;
    width: 40px;
    height: 40px;
    background: url(/wp-content/uploads/2025/09/Group-1667@2x.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.ourservices .inner .push {
    padding: 20px 60px 10px 40px;
    background: #265148;
    text-decoration: none;
    width: calc(100% - 100px);
    display: block;
    color: white;
    position: relative;
    border-radius: 20px;
}


.ourservices .inner .push::after {
    content: "";
    position: absolute;
    bottom: calc(50% - 20px);
    right: 10px;
    width: 40px;
    height: 40px;
    background: url(/wp-content/uploads/2025/09/Group-1667@2x.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.clientQuotes {
    width: 100%;
    background-size: cover !important;
    background-position: 50% 0% !important;
    padding: 100px 0;
    margin: 100px 0;
    border-radius: 20px;
}

.clientQuotes .inner {
    width: 80%;
    margin: 0 auto;
    max-width: 1300px;
}

.clientQuotes .inner .carousel {
    width: 100%;
    margin: 20px 0;
    position: relative;
}

.clientQuotes .inner .carousel .textarea {
    width: 100%;
    min-height: 260px;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: all 0.2s linear;
    pointer-events: none;
}

.clientQuotes .inner .carousel .textarea.selected {
    position: relative;
    opacity: 1;
    pointer-events: all;
}

.clientQuotes .inner .carouselButtons {
    width: 100%;
    margin-top: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.clientQuotes .inner .carouselButtons div {
    cursor: pointer;
    width: 11px;
    height: 11px;
    background-color: #b6baba;
    transition: all 0.2s linear;
    border-radius: 100%;
    margin: 0 10px;
}

.clientQuotes .inner .carouselButtons div.selected,
.clientQuotes .inner .carouselButtons div:hover {
    background: #8a9392;
}

.clientQuotes .inner>.textarea {
    padding: 40px;
    width: calc(100% - 80px);
    max-width: 540px;
    background: #ffffffb5;
    border-radius: 20px;
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
}

.whereWeWork {
    width: 100%;
    margin: 100px 0 150px 0;
    position: relative;
}

.whereWeWork::after {
    content: "";
    position: absolute;
    width: 25px;
    height: 5px;
    background: url(/wp-content/uploads/2025/10/outro.png);
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    bottom: -50px;
    left: calc(50% - 12px);
}

.whereWeWork .inner {
    width: 80%;
    max-width: 1300px;
    margin: 0 auto;
}

.whereWeWork .inner>.textarea {
    width: 100%;
    max-width: 700px;
    margin: 0 auto 40px auto;
    text-align: center;
}

.whereWeWork .inner .where {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.whereWeWork .inner .where .single {
    width: 32%;

}

.whereWeWork .inner .where .single img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    border-radius: 20px;
    overflow: hidden;
    margin-bottom: 20px;
}

.whereWeWork .inner .where .single .textarea {
    width: 100%;
    text-align: center;
}

.whyAnabas {
    width: 100%;
    margin: 100px 0;
}

.whyAnabas.outroDots {
    position: relative;
    margin: 100px 0 140px 0;
}

.whyAnabas.outroDots::after {
    content: "";
    position: absolute;
    width: 25px;
    height: 5px;
    background: url(/wp-content/uploads/2025/10/outro.png);
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    bottom: -20px;
    left: calc(50% - 12px);
}

.whyAnabas.outroDots .inner .why .single {
    margin-bottom: 40px;
}

.whyAnabas .inner {
    width: 80%;
    margin: 0 auto;
    max-width: 1300px;
}

.whyAnabas .inner>.textarea {
    width: 100%;
    max-width: 700px;
    text-align: center;
    margin: 0 auto 40px auto;
}

.whyAnabas .inner .why {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}

.whyAnabas .inner .why .single {
    width: 48%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 60px;
}

.whyAnabas .inner .why .single img {
    width: 50px;
    margin-top: 20px;
}

.whyAnabas .inner .why .single .textarea {
    width: calc(100% - 110px);
    padding: 30px 20px;
    background: #F7F6EF;
    border-radius: 20px;
}

.latestInsights {
    width: 100%;
    background: url(/wp-content/uploads/2025/09/Group-1778@2x.png);
    background-size: contain;
    background-repeat: repeat;
    padding: 150px 0;
}

.latestInsights .inner {
    width: calc(80% - 100px);
    padding: 50px;
    max-width: 1300px;
    margin: 0 auto;
    box-shadow: 0px 13px 16px #0000000D;
    background: white;
    border-radius: 20px;
}

.latestInsights .inner .latest {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.latestInsights .inner .latest a {
    text-decoration: none;
    color: black;
    width: 32%;
}

.latestInsights .inner .latest a img {
    width: 100%;
    border-radius: 20px;
    height: 250px;
    object-fit: cover;
    margin-bottom: 20px;
}

.latestInsights .inner>.textarea {
    width: 100%;
    margin: 0 auto 60px auto;
    max-width: 800px;
    text-align: center;
}

.latestInsights .inner>.textarea a {
    margin: 10px auto;
}

.latestInsights .inner .latest a .button {
    background: transparent;
    color: #92d400;
}

.latestInsights .inner .latest a .button:hover {
    background: #92d400;
    color: white;
    border: 2px solid #92d400;
}

.footer {
    background: #1B322C;
    width: 100%;
    padding: 100px 0;
}

.footer .inner {
    width: 80%;
    max-width: 1300px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}

.footer .inner .logos {
    width: 270px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: space-between;
}

.footer .inner .logos a.armonia {
    text-align: center;
    color: white;
    text-decoration: none;
    width: 200px;
    margin-top: 30px;
    line-height: 20px;
}

.footer .inner .logos a.armonia img {
    width: 100%;
    max-width: 110px;
    margin: 5px auto 0 auto;
}

.footer .inner .logo,
.footer .inner .logo img {
    width: 250px;
    margin: 10px 0;
}

.footer .inner .logo:first-child {
    margin-top: 0px;
}

.footer .inner .links {
    width: calc(100% - 350px);
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.footer .inner .links div {
    color: white;
    width: 24%;
}



.footer .inner .links a {
    color: white;
    display: block;
    text-decoration: none;
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 5px;
    font-weight: 100;
}

.footer .inner .links a:hover {
    text-decoration: underline;
}

.footer .inner .links>div:last-child h6 {
    margin-bottom: 10px;
    font-weight: 100;
}

.footer .inner .links h6 {
    font-weight: 100;
}

.footer .inner .links h6:first-child {
    margin-bottom: 20px;
    font-weight: 500;
}

.miniHeader {
    width: 100%;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: 50% 0% !important;
    min-height: 300px;
    padding: 100px 0 50px 0;
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    color: white;
    border-radius: 20px;
    overflow: hidden;
}

.miniHeader .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, black, #0000000f, transparent);
    z-index: 1;
}

.miniHeader .inner {
    width: 80%;
    max-width: 1300px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

.miniHeader .inner .textarea {
    width: 100%;
}

.miniHeader .inner .textarea h4 {
    font-family: stevie-sans, sans-serif;
    font-weight: 300;
}

.ourservices.coreservices .inner>.textarea {
    max-width: 850px;
}

.ourservices.coreservices .inner .services>a {
    width: calc(32% - 40px);
    min-height: 190px;
    padding: 20px;
}



.largeServices {
    width: 100%;
    margin: 130px 0 150px 0;
    position: relative;
}

.largeServices::after {
    content: "";
    position: absolute;
    width: 25px;
    height: 5px;
    background: url(/wp-content/uploads/2025/10/outro.png);
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    bottom: -80px;
    left: calc(50% - 12px);
}

.largeServices .inner {
    width: 80%;
    max-width: 1300px;
    margin: 0 auto;
}

.largeServices .inner .single {
    width: 100%;
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    background: #f7f6ef;
    border-radius: 20px;
    overflow: hidden;
    scroll-margin-top: calc(50vh - 150px);
}

.largeServices .inner .single .textarea {
    width: calc(50% - 80px);
    padding: 40px;
    background-color: #F7F6EF;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
}

.largeServices .inner .single .textarea a {
    margin-top: 10px;
}

.largeServices .inner .single .textarea>*:not(a) {
    width: 100%;
}

.largeServices .inner .single .imageArea {
    width: 47%;
    position: relative;
}

.largeServices .inner .single .imageArea .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, #F7F6EF, transparent, transparent);
}

.largeServices .inner .single .imageArea img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
    min-height: 300px;
}

.casestudies {
    width: 100%;
    margin: 100px 0;
}

.casestudies .inner {
    width: 80%;
    max-width: 1300px;
    margin: 0 auto;
}

.casestudies .inner>.textarea {
    width: 100%;
    max-width: 700px;
    margin: 0 auto 40px auto;
    text-align: center;
}

.casestudies .inner .blocks {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
}

.casestudies .inner .blocks a {
    width: calc(31% - 60px);
    padding: 30px;
    background-size: cover !important;
    background-position: 50% 50% !important;
    margin: 0 0 30px 0;
    text-decoration: none;
    color: white;
    min-height: 310px;
    display: flex;
    align-items: flex-end;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
}

.casestudies .inner .blocks a:nth-child(3n - 1) {
    margin: 0 2% 30px 2%;
}

.casestudies .inner .blocks a::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, #0000003b, transparent, transparent);
    z-index: 1;
}

.casestudies .inner .blocks a .textarea {
    width: calc(100% - 70px);
    position: relative;
    z-index: 2;
}

.casestudies .inner .blocks a .textarea::after {
    content: "";
    position: absolute;
    left: calc(100% + 20px);
    bottom: 0;
    width: 40px;
    height: 40px;
    background: url(/wp-content/uploads/2025/09/Group-1679@2x.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.comparisons {
    width: 100%;
    margin: 100px 0;
}

.comparisons .inner {
    width: 80%;
    margin: 0 auto;
    max-width: 1300px;
}

.comparisons .inner>.textarea {
    width: 100%;
    max-width: 700px;
    margin: 0 auto 30px auto;
    text-align: center;
}

.comparisons .inner .compare {
    width: 100%;
}

.comparisons .inner .compare>.textarea {
    width: calc(80% - 80px);
    padding: 30px 40px;
    background: #254A33;
    color: white;
    text-align: center;
    margin: 0 auto;
    border-radius: 20px;
    position: relative;
    z-index: 2;
    max-width: 550px;
}

.comparisons .inner .compare .content {
    width: calc(100% - 80px);
    padding: 110px 40px 40px 40px;
    background: #F7F6EF;
    position: relative;
    z-index: 1;
    top: -50px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    border-radius: 20px;
}

.comparisons .inner .compare .content .single {
    width: 48%;
    margin: 0 0 70px 0;
}



.comparisons .inner .compare .content .single .title {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 10px;
}

.comparisons .inner .compare .content .single img {
    width: 42px;
    height: 42px;
    margin: 0 15px;
}

.textblock.ourvalues .valuesCarousel {
    width: 100%;
    margin-top: 50px;
}

.textblock.ourvalues .valuesCarousel .carousel {
    width: 100%;
    position: relative;
    margin: 20px 0;

}

.textblock.ourvalues .valuesCarousel .carousel .single {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.textblock.ourvalues .valuesCarousel .carousel .single.selected {
    position: relative;
    opacity: 1;
}

.textblock.ourvalues .valuesCarousel .carouselButtons {
    width: 100%;
    margin-top: 20px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.textblock.ourvalues .valuesCarousel .carouselButtons div {
    width: 16px;
    height: 16px;
    cursor: pointer;
    background: #eaf7ce;
    transition: all 0.2s linear;
    border-radius: 100%;
    margin-right: 20px;
}

.textblock.ourvalues .valuesCarousel .carouselButtons div:hover,
.textblock.ourvalues .valuesCarousel .carouselButtons div.selected {
    background: #92d400;
}

.textblock.ourvalues .valuesCarousel .carousel .single img {
    width: 70px;
    margin-right: 20px;
}

.clientReviews {
    width: 100%;
    padding: 100px 0;
    background: url(/wp-content/uploads/2025/09/Group-1778@2x.png);
    background-size: contain;
    background-repeat: repeat;
}

.clientReviews .inner {
    width: 80%;
    max-width: 1300px;
    margin: 0 auto;
}

.clientReviews .inner>.textarea {
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
    text-align: center;
}

.clientReviews .inner .content {
    width: 100%;
    margin-top: 50px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}

.clientReviews .inner .content .carousel {
    width: 100%;
    display: flex;
    position: relative;
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
    min-height: 410px;
    align-items: flex-start;
}

.clientReviews .inner .content .carousel .textarea {
    width: calc(100% - 40px);
    padding: 30px 20px;
    display: none;
    box-shadow: 0px 13px 16px #0000000D;
    background: white;
    border-radius: 20px;
}

.clientReviews .inner .content .carousel .textarea.selected {
    display: block;
}

.clientReviews .inner .content .carouselButtons {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 50px;
}

.clientReviews .inner .content .carouselButtons img:first-child {
    width: 22px;
    object-fit: contain;
    transform: rotate(90deg);
}

.clientReviews .inner .content .carouselButtons img:last-child {
    width: 22px;
    object-fit: contain;
    transform: rotate(-90deg);
}

.clientReviews .inner .content .carouselButtons>div {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 5px;
}

.clientReviews .inner .content .carouselButtons>div div {
    cursor: pointer;
    width: 11px;
    height: 11px;
    background-color: #92d40082;
    transition: all 0.2s linear;
    border-radius: 100%;
    margin: 0 10px;
}

.clientReviews .inner .content .carouselButtons>div div.selected,
.clientReviews .inner .content .carouselButtons>div div:hover {
    background: #92d400;
}

.clientReviews .inner .content .right {
    width: 48%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: space-between;
}

.clientReviews .inner .content .right .textarea {
    width: calc(100% - 40px);
    padding: 20px;
    margin-bottom: 30px;
    background: #F7F6EF;
    border-radius: 20px;
}

.clientReviews .inner .content .right .textarea:last-child {
    margin-bottom: 0px;
}

.clientReviews .inner .content .right .textarea em {
    font-style: normal;
    font-weight: 600;
}

.meetourteam {
    width: 100%;
    margin: 100px 0 120px 0;
    position: relative;
}

.meetourteam::after {
    content: "";
    position: absolute;
    width: 25px;
    height: 5px;
    background: url(/wp-content/uploads/2025/10/outro.png);
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    bottom: -30px;
    left: calc(50% - 12px);
}

.meetourteam .inner {
    width: 80%;
    margin: 0 auto;
    max-width: 1300px;
}

.meetourteam .inner>.textarea {
    width: 100%;
    max-width: 850px;
    margin: 0 auto 120px auto;
    text-align: center;
    position: relative;
}

.meetourteam .inner>.textarea::after {
    content: "";
    position: absolute;
    width: 25px;
    height: 5px;
    background: url(/wp-content/uploads/2025/10/outro.png);
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    bottom: -30px;
    left: calc(50% - 12px);
}

.meetourteam .inner .team {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
}

.meetourteam .inner .team .single {
    width: 24%;
    margin: 0 1% 30px 0;
    color: black;
    text-decoration: none;
    position: relative;
    transition: all 0.1s linear;
}

.meetourteam .inner .team .single:hover {
    transform: scale(1.02);
}

.meetourteam .inner .team .single img {
    width: 100%;
    height: 320px;
    object-fit: cover;
    object-position: 50% 0%;
    margin-bottom: 20px;
    border-radius: 20px;
}

.meetourteam .inner .team .single img.hover {
    position: absolute;
    top: 0;
    left: 0;
    transition: opacity 0.1s linear;
    opacity: 0;
}

/*
.meetourteam .inner .team .single:hover img.hover {
    opacity: 1;
}
*/
.meetourteam .inner .team .single .textarea {
    width: 100%;
    text-align: center;
}

.meetourteam .inner .team .single .textarea>*:first-child {
    margin-bottom: 0px;
}

.ourRoles {
    width: 100%;
    padding: 100px 0;
    margin: 100px 0;
    background: #1B322C;
    color: #F7F6F2;
}

.ourRoles .inner {
    width: 80%;
    max-width: 1300px;
    margin: 0 auto;
}

.ourRoles .inner>.textarea {
    margin: 0 auto;
    max-width: 1000px;
    text-align: center;
    width: 100%;
}

.ourRoles .inner>.textarea a {
    margin: 10px auto;
}

.ourRoles .inner>.textarea:last-child a {
    background: transparent;
    color: #92d400;
}

.ourRoles .inner>.textarea:last-child a:hover {
    background: #92d400;
    color: white;
}

.ourRoles .inner .roles {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    margin: 30px 0 0 0;
}

.ourRoles .inner .roles a {
    color: black;
    text-decoration: none;
    width: calc(48% - 40px);
    padding: 30px 20px;
    background: #F7F6EF;
    border-radius: 20px;
    margin: 0 0 50px 0;
}

.textblock.noImg .inner .textarea {
    margin: 0 auto;
    text-align: center;
    width: 100%;
    max-width: 700px;
}

.textblock.noImg .inner .textarea a {
    margin: 10px auto;
}

.textblock.noImg .inner .textarea {
    max-width: 1300px;
}

.textblock.noImg.smallText .inner .textarea {
    max-width: 700px;
}

.textblock.noImg .inner>img {
    display: none;
}

.careerForm {
    width: 100%;
    margin: 100px 0;
}

.careerForm .inner {
    width: 80%;
    max-width: 1300px;
    margin: 0 auto;
}

.careerForm .inner form .wpcf7-not-valid-tip {
    display: none;
}

.careerForm .inner form .wpcf7-not-valid {
    outline: 2px solid red;
}

.careerForm .inner form input,
.careerForm .inner form select {
    font-size: 21px;
    line-height: 32px;
    padding: 20px;
    width: calc(100% + 10px);
    background: #F7F6EF;
    border: 0px;
    outline: 0px;
    border-radius: 20px;
    margin-bottom: 50px;
    position: relative;
    left: -50px;
}

.careerForm .inner form select {
    max-width: 150px;
}

.careerForm .inner form input.wpcf7-submit {
    display: block;
    cursor: pointer;
    width: 150px;
    left: 0;
    background: #92d400;
    color: white;
    font-size: 16px;
    line-height: 21px;
    transition: all 0.2s linear;
}

.careerForm .inner form input.wpcf7-submit:hover {
    background: #1b322c;
}

.careerForm .inner form label {
    font-size: 21px;
    line-height: 32px;
    display: block;
    margin-bottom: 10px;
    padding-left: 50px;
    position: relative;
    font-family: 'poppins', sans-serif;
    font-weight: 500;
}

.careerForm .inner form>p:nth-child(2) label::before {
    content: "*1.";
    color: #91D400;
    position: absolute;
    left: 0;
}

.careerForm .inner form>p:nth-child(3) label::before {
    content: "*2.";
    color: #91D400;
    position: absolute;
    left: 0;
}

.careerForm .inner form>p:nth-child(4) label::before {
    content: "*3.";
    color: #91D400;
    position: absolute;
    left: 0;
}

.careerForm .inner form>p:nth-child(5) label::before {
    content: "*4.";
    color: #91D400;
    position: absolute;
    left: 0;
}

.careerForm .inner form>p:nth-child(6) label::before {
    content: "*5.";
    color: #91D400;
    position: absolute;
    left: 0;
}

.careerForm .inner form span[data-name="yourTitle"]::after {
    content: "";
    width: 50px;
    height: 30px;
    background: url(/wp-content/uploads/2025/10/Group-1875@2x.png);
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    position: absolute;
    right: 50px;
    top: calc(50% - 15px);
    display: block;
    background-color: #f7f6ef;
    pointer-events: none;
    border-radius: 20px;
}

.successStories {
    width: 100%;
    margin: 150px 0 180px 0;
    position: relative;
}

.successStories::after {
    content: "";
    position: absolute;
    width: 25px;
    height: 5px;
    background: url(/wp-content/uploads/2025/10/outro.png);
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    bottom: -100px;
    left: calc(50% - 12px);
}

.successStories .inner {
    width: 80%;
    max-width: 1300px;
    margin: 0 auto;
}

.successStories .inner>.textarea {
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
    text-align: center;
}

.successStories .inner .stories {
    width: 100%;
    margin-top: 50px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.successStories .inner .stories a {
    width: 31%;
    color: black;
    text-decoration: none;
}

.successStories .inner .stories a em {
    font-style: normal;
}

.successStories .inner .stories a .button {
    color: #91D400;
    background: transparent;
    border: 2px solid #91D400;
}

.successStories .inner .stories a .button:hover {
    background: #91D400;
    color: white;
}

.successStories .inner .stories a img {
    width: 100%;
    height: 300px;
    object-fit: cover;
    object-position: 50% 0%;
    border-radius: 20px;
    margin-bottom: 30px;
}

.largeServices.learning .content>.button {
    font-size: 13px;
    line-height: 14px;
    text-align: left;
    position: relative;
    min-width: 98px;
}

.largeServices.learning .content>.button::after {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    top: calc(50% - 10px);
    right: 20px;
    background: url(/wp-content/uploads/2025/10/Group-1875@2x-1.png);
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    transform: rotate(0deg);
    transition: all 0.2s linear;
}

.largeServices.learning .single.selected .content>.button::after,
.largeServices.learning .content>.button:hover::after {
    transform: rotate(180deg);
}

.largeServices.learning .content {
    width: calc(50% - 80px);
    padding: 50px 40px;
    background-color: #F7F6EF;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
}

.largeServices.learning .content .textarea {
    padding: 0px;
    width: 100%;
    display: block;
}

.largeServices.learning .content .textarea.upper {
    margin-bottom: 20px;
}

.largeServices.learning .content .textarea.dropdown {
    display: grid;
    grid-template-rows: 0fr;
    transition: all 0.4s ease-out;
    overflow: hidden;
}

.largeServices.learning .content .textarea.dropdown>div {
    display: grid;
    overflow: hidden;
}

.largeServices.learning .single.selected .content .textarea.dropdown {
    grid-template-rows: 1fr;
    margin-bottom: 20px;
}

.largeServices.learning .inner .single .imageArea img {
    max-height: 250px;
    min-height: unset;
}

.largeServices.learning .inner .single.selected .imageArea img {
    max-height: 100%;
}

.latestNews {
    width: 100%;
    margin: 100px 0;
}

.latestNews .inner {
    width: 80%;
    max-width: 1300px;
    margin: 0 auto;
}

.latestNews .inner>.textarea {
    width: 100%;
    max-width: 700px;
    margin-bottom: 30px;
}

.latestNews .inner .categories {
    width: 100%;
    margin: 30px 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    display: none;
}

.latestNews .inner .categories .button::after {
    content: "";
    width: 16px;
    height: 16px;
    position: absolute;
    top: calc(50% - 8px);
    right: 15px;
    background: url(/wp-content/uploads/2025/10/Group-1875@2x-1.png);
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    transform: rotate(0deg);
    transition: all 0.2s linear;
}

.latestNews .inner .categories .button {
    margin-right: 10px;
    position: relative;
    padding: 7px 40px 7px 20px;
    text-align: left;
    min-width: 0;
}

.latestNews .inner .content {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
}


.latestNews .inner .content a {
    width: 31%;
    margin: 0 2% 50px 0;
    color: black;
    text-decoration: none;
}

.latestNews .inner.sorting .content a {
    display: none;
}

.latestNews .inner .content a img {
    width: 100%;
    height: 250px;
    border-radius: 20px;
    margin-bottom: 20px;
    object-fit: cover;
}

.textblock.getintouch .textarea .form {
    width: 100%;
    margin-top: 30px;
}

.textblock.getintouch .textarea .form form {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}

.textblock.getintouch .textarea .form form>p {
    width: 100%;
}

.textblock.getintouch .textarea .form form>p:nth-child(2),
.textblock.getintouch .textarea .form form>p:nth-child(3) {
    width: 49%;
}

.textblock.getintouch .textarea .form textarea {
    height: 150px;
}

.textblock.getintouch .textarea .form input,
.textblock.getintouch .textarea .form textarea {
    width: calc(100% - 40px);
    padding: 15px 20px;
    background: #F7F6EF;
    color: black;
    font-size: 16px;
    line-height: 21px;
    margin-bottom: 20px;
    outline: 0px;
    border: 0px;
    border-radius: 20px;
    resize: none;
}

.textblock.getintouch .textarea .form ::placeholder {
    color: rgba(0, 0, 0, 0.322);
}

.textblock.getintouch .textarea .form input.wpcf7-submit {
    width: 150px;
    padding: 10px 20px;
    background: #92d400;
    cursor: pointer;
    color: white;
    transition: all 0.2s linear;
}

.textblock.getintouch .textarea .form input.wpcf7-submit:hover {
    background: #1b322c;
}

.textblock.getintouch .textarea .form .wpcf7-not-valid-tip {
    display: none;
}

.textblock.getintouch .textarea .form .wpcf7-not-valid {
    outline: 1px solid red;
}

.findus {
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    padding: 150px 0;
    min-height: 500px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.findus .map {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.findus .map gmp-map {
    width: 150%;
    height: 100%;
    position: relative;
}

.findus .inner {
    width: 80%;
    max-width: 1300px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
    pointer-events: none;
}

.findus .inner .textarea {
    width: calc(100% - 100px);
    padding: 50px;
    background: #254A33;
    color: #F7F6F2;
    border-radius: 20px;
    max-width: 450px;
    pointer-events: all;
    min-height: 400px;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
}

.findus .inner .textarea>* {
    width: 100%;
}

.newsContent {
    width: 100%;
    margin: 100px 0;
}

.newsContent .inner {
    width: 80%;
    max-width: 1300px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.newsContent .inner>.textarea {
    width: 60%;
    max-width: 800px;
}

.newsContent .inner>.textarea a {
    padding: 0;
    background: 0;
    color: #92d400;
    border: 0px;
    border-radius: 0;
    text-decoration: underline;
    margin: 0;
    min-width: 0;
}

.newsContent .inner>.textarea>p>a:nth-child(2)::after {
    display: none;
}

.newsContent .inner .others {
    width: 35%;
}

.newsContent .inner .others>h2 {
    width: 100%;
    margin-bottom: 30px;
}

.newsContent .inner .others a {
    width: 100%;
    margin-bottom: 50px;
    color: black;
    text-decoration: none;
    display: block;
}

.newsContent .inner .others a img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    object-position: 50% 50%;
    margin-bottom: 20px;
    border-radius: 20px;
}

.textblock.includeOutro {
    position: relative;
}

.textblock.includeOutro::after {
    content: "";
    position: absolute;
    width: 25px;
    height: 5px;
    background: url(/wp-content/uploads/2025/10/outro.png);
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    bottom: -50px;
    left: calc(50% - 12px);
}

.header .inner .burger {
    cursor: pointer;
    height: 24px;
    width: 36px;
    display: none;
}

.header .inner .burger>div {
    width: 100%;
    height: 3px;
    margin-bottom: 8px;
    background: black;
    position: relative;
    transition-delay: 1s;
    animation-fill-mode: forwards;
    animation-duration: 1s;
    transition: all 0.3s ease-in-out;
}

.header.open .burger>div {
    background: white;
}

.header.closed .inner .burger>div:nth-child(1) {
    animation-name: headerAnimOne2;
}

.header.closed .inner .burger>div:nth-child(2) {
    animation-name: headerAnimTwo2;
}

.header.closed .inner .burger>div:nth-child(3) {
    animation-name: headerAnimThree2;
}

.header.begin .inner .burger>div:nth-child(1) {
    animation-name: headerAnimOne;
}

.header.begin .inner .burger>div:nth-child(2) {
    animation-name: headerAnimTwo;
}

.header.begin .inner .burger>div:nth-child(3) {
    animation-name: headerAnimThree;
}

@keyframes headerAnimOne {
    0% {
        top: 0;
    }

    50% {
        top: 11px;
        transform: rotate(0deg);
    }

    100% {
        top: 11px;
        transform: rotate(-45deg);
    }
}

@keyframes headerAnimOne2 {
    0% {
        top: 11px;
        transform: rotate(-45deg);
    }

    50% {
        top: 11px;
        transform: rotate(0deg);
    }

    100% {
        top: 0;
        transform: rotate(0deg);
    }
}

@keyframes headerAnimTwo {
    50% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(-45deg);
    }
}

@keyframes headerAnimTwo2 {
    0% {
        transform: rotate(-45deg);
    }

    50% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

@keyframes headerAnimThree {
    0% {
        top: 0;
    }

    50% {
        top: -11px;
        transform: rotate(0deg);
    }

    100% {
        top: -11px;
        transform: rotate(45deg);
    }
}

@keyframes headerAnimThree2 {
    0% {
        top: -11px;
        transform: rotate(45deg);
    }

    50% {
        top: -11px;
        transform: rotate(0deg);
    }

    100% {
        top: 0;
    }
}

.header .mobileDrop {
    position: relative;
    right: 5%;
    margin-top: 10px;
    width: 320px;
    display: block;
    background: #ffffffb5;
    backdrop-filter: grayscale(1) blur(20px);
    -webkit-backdrop-filter: grayscale(1) blur(20px);
    border-radius: 20px;
    padding: 0 20px;
    max-height: 0px;
    overflow: hidden;
    pointer-events: none;
    transition: all ease-out 0.6s;
}

.header.begin .mobileDrop {
    padding: 20px;
    overflow-y: scroll;
    max-height: calc(100vh - 150px);
    pointer-events: all;
}

.header .mobileDrop a:not(.button) {
    display: block;
    color: black;
    text-decoration: none;
    margin-bottom: 10px;
}

.header .mobileDrop .drop {
    padding-left: 10px;
    border-left: 1px solid black;
}

.footer .inner .links div img {
    width: 30px;
    border-radius: 5px;
}

.footer .inner .links div .socials {
    width: 100%;
    display: flex;
}

.footer .inner .links div .socials>a {
    margin-right: 5px;
}

.textblock.greenshadow p>a:first-child:hover,
.buttonArea>a:first-child:hover {
    background: #f7f6ef;
    color: black;
    border: 2px solid #f7f6ef;
}

.ourservices .inner .services>a,
.largeServices .inner .single,
.whyAnabas .inner .why .single {
    position: relative;
    left: 50px;
    opacity: 0;
    transition: all 0.4s ease-out;
}

.ourservices.visible .inner .services>a,
.largeServices .inner .single.visible,
.whyAnabas.visible .inner .why .single {
    opacity: 1;
    left: 0;
}

.single-ourteam #meettheteam {
    margin: 50px auto;
}

.single-ourteam #individualbio {
    margin-top: 50px;
}

.single-ourteam #meettheteam .inner,
.single-ourteam #individualbio .inner {
    max-width: 1000px;
}

.textarea table {
    margin: 20px auto;
}

.textarea table th,
.textarea table td {
    outline: 1px solid black;
    padding: 5px 10px;
}

.textblock#largecontent .textarea {
    text-align: left;
}

.availableRoles {
    width: 100%;
    padding: 100px 0;
    background: #F4F4F4;
}

.availableRoles .inner {
    width: 80%;
    margin: 0 auto;
    max-width: 1300px;
}

.availableRoles .list {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    width: 100%;
    margin-top: 30px;
}

.availableRoles .list .left {
    width: 50%;
}

.availableRoles .list>.right {
    width: 45%;
}

.availableRoles .list>.right .enquiry a.whiteButton {
    padding: 5px 15px;
    border: 2px solid white;
    color: white;
    text-decoration: none;
    transition: all 0.1s linear;
    border-radius: 5px;
    font-weight: bold;
    white-space: nowrap;
    display: block;
    width: fit-content;
    margin-top: 10px;
}

.availableRoles .list>.right .enquiry a.whiteButton:hover {
    color: #00b2a9;
    background: white;
}

.availableRoles .list>.right .enquiry {
    padding: 20px;
    background: #265148;
    color: white;
    border-radius: 20px;
}

.availableRoles .list>.right .enquiry h1 {
    font-size: 45px;
    line-height: 50px;
    margin-bottom: 10px;
}

.availableRoles .list>.right>img {
    object-fit: cover;
    object-position: 50% 0;
    border-radius: 20px;
    width: 100%;
    margin-top: 30px;
}

.availableRoles .list .left .filter {
    text-align: right;
    margin-bottom: 3%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.availableRoles .list .left .filter .jobFilter {
    width: fit-content;
    text-align: left;
    position: absolute;
    padding: 0 1%;
    background: #ededed;
    margin-top: 25px;
    transition: all 0.5s ease-out;
    max-height: 0px;
    overflow: hidden;
}

.availableRoles .list .left .filter .jobFilter.visible {
    padding: 1%;
    max-height: 200px;
}

.availableRoles .list .left .filter .hover {
    color: #14252F;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.availableRoles .list .left .filter .hover.visible .open {
    opacity: 0;
}

.availableRoles .list .left .filter .hover.visible .closed {
    opacity: 1;
}

.availableRoles .list .left .filter .hover>div {
    margin-left: 5px;
    display: flex;
    align-items: center;
    width: 20px;
}

.availableRoles .list .left .filter .hover img {
    position: absolute;
    opacity: 0;
    transition: all 0.2s linear;
}

.availableRoles .list .left .filter .hover img.open {
    opacity: 1;
}

.availableRoles .list .left .filter .jobFilter>div {
    margin-bottom: 4px;
    cursor: pointer;
}

.availableRoles .list .left .filter .jobFilter>div:hover,
.availableRoles .list .left .filter .jobFilter>div.selected {
    color: #00B2A9;
}

.availableRoles .list .left .roles {
    width: 100%;
    overflow: scroll;
    margin-bottom: 3%;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
}

.availableRoles .list .left .roles .single {
    width: 100%;
    margin-bottom: 0px;
    max-height: 0px;
    overflow: hidden;
    transition: all 0.5s ease-out;
}

.availableRoles .list .left .roles .single>a {
    text-decoration: none;
    color: black;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
    padding-bottom: 15px;
    border-bottom: 1px solid gray;
}

.availableRoles .list .left .roles .single .right {
    height: 25px;
}

.availableRoles .list .left .roles.location->div,
.availableRoles .list .left .roles.location-London>div.location-London,
.availableRoles .list .left .roles.location-birmingham>div.location-Birmingham,
.availableRoles .list .left .roles.location-cambridge>div.location-Cambridge,
.availableRoles .list .left .roles.location-greaterLondon>div.location-CentralLondon,
.availableRoles .list .left .roles.location-home>div.location-HomeBased,
.availableRoles .list .left .roles.location-darlington>div.location-Darlington,
.availableRoles .list .left .roles.location-warwick>div.location-Warwick,
.availableRoles .list .left .roles.location-manchester>div.location-Manchester {
    margin-bottom: 40px;
    max-height: 80px;
}

.availableRoles .list .left .rolename {
    font-weight: bold;
}

.availableRoles .list .left .rolelocation .img2,
.availableRoles .list .left .rolelocation:hover .img1 {
    display: none;
}

.availableRoles .list .left .rolelocation:hover .img2 {
    display: block;
}

.footer .inner .links br {
    display: none;
}

@media(max-width: 1300px) {
    .header .inner {
        width: calc(90% - 40px);
    }
}

@media(max-width: 1200px) {
    .casestudies .inner .blocks a .textarea {
        width: 100%;
        padding-bottom: 50px;
    }

    .casestudies .inner .blocks a .textarea::after {
        left: 0;
    }

    .header .inner .links>.button {
        min-width: 0px;
        padding: 5px 20px;
    }

    .homeIntro {
        min-height: 0px;
        flex-wrap: wrap;
        height: auto;
    }

    .homeIntro::after {
        display: none;
    }

    .homeIntro .inner {
        background: #1b322c;
        margin: 0 auto;
        padding: 40px;
        width: calc(90% - 80px);
    }

    .homeIntro .inner>.textarea {
        width: 100%;
        max-width: 100%;
    }

    .homeIntro .formArea {
        position: relative;
        width: calc(90% - 80px);
        background-position: 50% 50% !important;
        margin: 10px auto;
        min-height: 50vh;
    }

    .textblock .inner,
    .whyAnabas .inner,
    .whereWeWork .inner,
    .clientQuotes .inner,
    .ourservices .inner,
    .casestudies .inner,
    .comparisons .inner,
    .clientReviews .inner,
    .meetourteam .inner,
    .ourRoles .inner,
    .largeServices .inner,
    .successStories .inner,
    .latestNews .inner,
    .newsContent .inner {
        width: 90%;
    }

    .latestInsights .inner {
        width: calc(90% - 100px);
    }

}

@media(max-width: 1000px) {
    .homeIntro .fullinner {
        width: 90%;
    }

    .homeIntro .fullinner .textarea {
        width: 80%;
    }

    .homeIntro .fullinner>img {
        object-position: 70% 50%;
    }

    .availableRoles .list {
        flex-wrap: wrap;
    }

    .availableRoles .list .left {
        width: 100%;
    }

    .availableRoles .list>.right {
        width: 100%;
        margin-top: 30px;
    }

    .newsContent .inner {
        flex-wrap: wrap;
    }

    .newsContent .inner>.textarea {
        width: 100%;
        max-width: 100%;
    }

    .newsContent .inner .others {
        width: 100%;
        margin-top: 50px;
    }

    .latestNews .inner .content a {
        width: 48%;
    }

    .latestNews .inner .categories {
        flex-wrap: wrap;
    }

    .latestNews .inner .categories .button {
        margin-bottom: 10px;
    }

    .meetourteam .inner .team .single {
        width: 48%;
    }

    .clientReviews .inner .content {
        flex-wrap: wrap;
    }

    .clientReviews .inner .content .right {
        width: 100%;
        margin-top: 30px;
    }

    .clientReviews .inner .content>.textarea {
        width: calc(100% - 40px);
    }

    .comparisons .inner .compare .content .single {
        width: 100%;
        margin: 0 0 30px 0;
    }

    .comparisons .inner .compare .content .single:last-child {
        margin-bottom: 0px;
    }

    .casestudies .inner .blocks a {
        width: calc(48% - 60px);
        min-height: 0px;
    }

    .casestudies .inner .blocks a::after {
        background: #00000063;
    }

    .largeServices .inner .single {
        flex-direction: column-reverse;
        flex-wrap: wrap;
    }

    .largeServices .inner .single .textarea {
        width: calc(100% - 80px);
    }

    .largeServices .inner .single .imageArea {
        width: 100%;
    }

    .largeServices.learning .content {
        width: calc(100% - 80px);
    }

    .largeServices .inner .single .imageArea .bg {
        background: linear-gradient(0deg, #F7F6EF, transparent, transparent);
    }

    .ourservices.coreservices .inner .services>a {
        width: calc(49% - 40px);
    }

    .header .inner .links {
        display: none;
    }

    .whyAnabas .inner .why .single {
        width: 100%;
        margin-bottom: 30px;
    }

    .whereWeWork .inner .where {
        flex-wrap: wrap;
    }

    .whereWeWork .inner .where .single {
        width: 100%;
        margin-bottom: 50px;
    }

    h5 {
        font-size: 19px;
        line-height: 25px;
    }

    h4 {
        font-size: 20px;
        line-height: 25px;
    }

    h3 {
        font-size: 21px;
        line-height: 30px;
    }

    h2,
    h2 em {
        font-size: 32px;
        line-height: 40px;
    }

    h1,
    h1 em {
        font-size: 50px;
        line-height: 60px;
    }

    .textblock .inner {
        flex-wrap: wrap;
        justify-content: center;
    }

    .textblock .inner>img,
    .textblock.whiteshadow .inner>img,
    .textblock.greenshadow .inner>img {
        width: calc(90% - 70px);
        max-height: 60vh;
        object-fit: cover;
        margin-top: 70px;
    }

    .textblock.whiteshadow .inner>img {
        margin-top: 110px;
    }

    .textblock .inner .textarea {
        width: 100%;
    }

    .ourservices .inner .services>a {
        width: calc(100% - 170px);
        min-height: 0px;
    }

    .latestInsights .inner .latest {
        flex-wrap: wrap;
    }

    .latestInsights .inner .latest a {
        width: 100%;
        margin-bottom: 50px;
    }

    .footer .inner,
    .footer .inner .links {
        flex-wrap: wrap;
    }

    .footer .inner .links {
        width: 100%;
        margin-top: 30px;
    }

    .header .inner .burger {
        display: block;
    }

    .header {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
    }
}

@media(max-width: 600px) {
    .comparisons .inner .compare .content .single .title {
        flex-wrap: wrap;
    }

    .comparisons .inner .compare .content .single .title h4 {
        width: 100%;
        margin: 5px 0;
    }

    .footer .inner .logos {
        justify-content: flex-start;
    }

    .textblock.includeOutro::after {
        bottom: -30px;
    }

    .newsContent {
        margin: 50px 0;
    }

    .latestNews .inner .content a img {
        height: 20vh;
    }

    .successStories .inner .stories {
        flex-wrap: wrap;
    }

    .largeServices,
    .successStories {
        margin: 50px 0;
    }

    .largeServices::after {
        bottom: -30px;
    }

    .successStories .inner .stories a img {
        height: 40vh;
    }

    .successStories .inner .stories a {
        width: 100%;
        margin-bottom: 50px;
    }

    .meetourteam .inner .team .single img {
        height: 30vh;
    }

    .ourRoles .inner>.textarea {
        margin-top: 30px;
    }

    .ourRoles {
        padding: 50px 0;
        margin: 50px 0;
    }

    .ourRoles .inner .roles a {
        width: calc(100% - 40px);
        margin-bottom: 20px;
    }

    .casestudies,
    .comparisons,
    .clientReviews,
    .meetourteam {
        margin: 50px 0;
    }

    .meetourteam::after {
        bottom: -10px;
    }

    .textarea br {
        display: none;
    }

    .casestudies .inner .blocks a {
        width: calc(100% - 60px);
    }

    .whyAnabas.outroDots {
        margin: 50px 0;
    }

    .whyAnabas.outroDots::after {
        bottom: -10px;
    }

    .largeServices .inner .single .imageArea img {
        height: 40vh;
        min-height: 0px;
    }

    .ourservices.coreservices {
        margin: 50px 0;
    }

    .ourservices.coreservices::after {
        bottom: 0;
    }

    .ourservices.coreservices .inner .services>a {
        width: calc(100% - 40px);
        min-height: 0;
    }

    .ourservices.coreservices .inner .services>a .arrow {
        bottom: 15px;
    }

    .ourservices {
        margin: 50px 0 150px 0;
    }

    .textblock.hasBg,
    .latestInsights {
        padding: 50px 0;
    }

    .whyAnabas,
    .whereWeWork,
    .clientQuotes,
    .textblock {
        margin: 50px 0;
    }

    .whereWeWork::after {
        bottom: 0;
    }

    .footer .inner .links div {
        width: 100%;
        margin-top: 30px;
    }

    .ourservices .inner .services>a {
        padding: 20px 50px 50px 20px;
        width: calc(100% - 70px);
    }

    h2,
    h2 em {
        font-size: 28px;
        line-height: 35px;
    }

    h1,
    h1 em {
        font-size: 30px;
        line-height: 40px;
    }

    .homeIntro .inner>.textarea {
        padding: 0px;
    }

    .homeIntro .formArea .textarea {
        padding: 20px;
        width: calc(100% - 40px);
    }

    .buttonArea>a,
    .buttonArea>div {
        margin: 0 20px 10px 0;
    }
}

@media(max-width: 400px) {
    .header .mobileDrop {
        width: calc(90% - 40px);
    }
}