@charset "UTF-8";

@font-face {
    font-family: 'Hanken Grotesk';
    src: url('/wp-content/themes/Starfish/assets/css/fonts/HankenGrotesk-VariableFont_wght.ttf') format('truetype');
    font-weight: 100 900; 
    font-style: normal;
}

h2
.hidden {
    overflow-y: hidden !important;
    overflow-x: hidden;
}

.hide {
    visibility: hidden;
    height: 0;
    margin: 0;
    overflow: hidden;
    opacity: 0;
}

header {
    transition: 0.5s;
}

.top-fixed {
    top: 0 !important;
}

body {
    margin: 0;
}

:root {
    scroll-behavior: auto !important;
}

.offcanvas-backdrop.show {
    opacity: 0;
}

.accordion {
    --bs-accordion-bg: transparent;
}

.services-canvas {
    transition: transform .9s ease-in-out !important;
}


.services-canvas .offcanvas-close {
    position: absolute;
    right: 91px;
    top: 28px;
}

button {
    border: none;
    background: transparent;
}

.offcanvas.offcanvas-end {
    width: 50%;
    border-left: none;
}

.offcanvas-header, .offcanvas-body {
    padding: 0;
}

.navbar-social {
    display: flex;
    flex-direction: column;
    padding-left: 73.03px;
}

.accordion-button:not(.collapsed) {
    box-shadow: none;
}

.services-canvas .offcanvas-body {
    background: #E3E3E3;
    padding: 30px 92px 30px 30px;
}

.accordion-mobile {
    display: none;
}

.accordion-item {
    border: none;
}

.accordion-button:focus {
    border-top: 1px solid #fff;
}

.accordion-button {
    border-top: 1px solid #fff;
    background: transparent !important;
    color: #fff !important;
}

.accordion-header .accordion-button {
    color: #fff;
    font-size: 20px;
    line-height: 30px;
    padding-top: 24px;
    padding-left: 22px;
    padding-bottom: 23px;
}

.accordion-button::after {
    transform: none !important;
    background-image: url('../img/+.svg');
}

.accordion-button:not(.collapsed)::after {
    background-image: url('../img/minus.svg');

}

.accordion-button span {
    width: var(--bs-accordion-btn-icon-width);
    margin-left: auto;
}

.accordion-button span svg {
    transition: var(--bs-accordion-btn-icon-transition);
}

.accordion-button .minus {
    display: none;
}

.accordion-button::after {
    display: none;
}

.accordion-button:not(.collapsed) .minus {
    display: block;
}


.accordion-button:not(.collapsed) .plus {
    display: none;
}

.accordion-body {
    padding-bottom: 24px;
    color: #fff;
}

.accordion-item:last-child {
    border-bottom: 1px solid #fff !important;
}


.services-canvas .services-item__title {
    margin-bottom: 17.55px;
}

.services-canvas__header {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-bottom: 83.3px;
    gap: 30px;
}

.services-canvas__header p {
    max-width: 380px;
}

.services-canvas__header img {
    width: 100%;
}

button:focus {
    box-shadow: none !important;
}

.offcanvas-backdrop.fade.show:nth-child(1) {
    display: none !important;
}

body {
    background: #ffff;
    padding-right: 0 !important;
}

@media (min-width: 768px) {
    .container {
        max-width: 650px;
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 760px;
    }
}

@media (min-width: 1200px) {
    .post-single__content .container {
        max-width: 931px;
    }
}

@media (min-width: 1400px) {
    .container {
        max-width: 1127px;
    }
}

@media (min-width: 1920px) {
    .post-single__content .container {
        max-width: 85%;
    }
}


/*@media (min-width: 1920px){
.container {
max-width: 1716px;
}
}*/

/* Scrollbar */

/* width */
::-webkit-scrollbar {
    width: 5px;
}

.offcanvas-body::-webkit-scrollbar {
    width: 1px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #555;
}

/* end Scrollbar */


::-moz-selection {
    background: #007589;
    color: #fff;
}

::selection {
    background: #007589;
    color: #fff;
}


h2 {
    font-size: 119px;
    line-height: 130px;
    font-weight: bold;
    margin: 0;
}

.header-big {
    letter-spacing: 0px;
    color: #352A20;
    font-size: 119px;
    font-weight: bold;
    line-height: 130px;
    margin-bottom: 160px;
}

.header-big__center {
    text-align: center;
}

.header-big__left {
    text-align: left;
}

.header-big__right {
    text-align: right;
}

.header-medium {
    letter-spacing: 0px;
    color: #352A20;
    font-size: 95px;
    line-height: 105px;
    margin-bottom: 160px;
}

.header-medium__center {
    text-align: center;
}

.header-medium__left {
    text-align: left;
}

.header-medium__right {
    text-align: right;
}

.header-small {
    letter-spacing: 0px;
    color: #000000;
    font-size: 61px;
    line-height: 70px;
    margin-bottom: 160px;
    max-width: 58%;
    font-weight: 400;
}

.header-small__center {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.header-small__left {
    text-align: left;
}

.header-small__right {
    text-align: right;
    margin-left: auto;
}

.header-xs {
    letter-spacing: 0px;
    color: #352A20;
    font-weight: 400;
    font-size: 25px;
    margin-bottom: 160px;
    line-height: 35px;
    max-width: 44%;
}

.header-xs__center {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.header-xs__right {
    margin-left: auto;
    text-align: right;
}

.header-xs__left {
    margin-right: auto;
    text-align: left;
}

.copy-large {
    letter-spacing: 0px;
    color: #352A20;
    font-size: 20px;
    max-width: 44%;
    margin-bottom: 160px;
    line-height: 30px;
}

.copy-large__center {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.copy-large__left {
    margin-right: auto;
    text-align: left;
}

.copy-large__right {
    margin-left: auto;
    text-align: right;
}

.copy-regular {
    letter-spacing: 0px;
    color: #352A20;
    font-size: 16px;
    max-width: 44%;
    margin-bottom: 160px;
    line-height: 24px;
}

.copy-regular__center {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.copy-regular__left {
    margin-right: auto;
    text-align: left;
}

.copy-regular__right {
    margin-left: auto;
    text-align: right;
}

.copy-small {
    letter-spacing: 0px;
    color: #352A20;
    font-size: 14px;
    max-width: 44%;
    margin-bottom: 160px;
    line-height: 19px;
}

.copy-small__center {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.copy-small__left {
    margin-right: auto;
    text-align: left;
}

.copy-small__right {
    margin-left: auto;
    text-align: right;
}

h3 {
    text-transform: uppercase;
    font-size: 25px;
    letter-spacing: 0;
    color: #000;
    font-weight: initial;
}

a {
    letter-spacing: 0px;
    font-size: 20px;
    display: block;
    color: #000;
    transition: all .3s linear;
    position: relative;
    padding-bottom: 10.5px;
    width: fit-content;
}

a:hover {
    color: initial;
}

.padding-left-right {
    padding-left: 106px;
    padding-right: 107px;
}


.btn-general {
    font-size: 20px;
    padding-bottom: 10.5px;
    position: relative;
    display: block;
    width: fit-content;
    transition: all .3s linear;
}

.btn-general::before {
    content: "";
    position: absolute;
    bottom: 0;
    height: 2px;
    background: #000;
    width: 38px;
    left: 50%;
    transform: translateX(-50%);
    transition: all .3s linear;
}

.btn-general:hover::before {
    width: 100%;
}

.btn-general:hover {
    color: #1A9CAB !important;
}

.main-apps {
    padding: 50px 0 180px;
}

.main-apps .container-grid {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.main-apps__img {
    width: 20%;
    margin-bottom: 50px;
}

.main-apps__img img {
    width: 85%;
    height: 49px;
    object-fit: contain;
}

.main-text__animation {
    padding-top: 80px;
    padding-bottom: 80px;
}

.main-text__animation h2 {
    font-size: 70px;
    text-align: center;
    font-weight: 900;
}

@media (min-width: 0px) and (max-width: 600px) {
    .main-text__animation h2 {
        font-size: 37px;
    }
}

@media (min-width: 0px) and (max-width: 600px) {
    .main-apps__img, .main-apps__img img {
        width: 70%;
    }


    .main-apps__img {
        width: 33.33%;
        display: flex;
        justify-content: center;
    }

    .main-apps {
        padding-top: 0;
        padding-bottom: 50px;
    }
}

@media (min-width: 601px) and (max-width: 767px) {
    .main-apps__img {
        width: 33.33%;
        display: flex;
        justify-content: center;
    }

    .main-apps__img img {
        width: 70%;
    }
}

.error-404 {
    padding-top: 160px;
}

.error-404 h1 {
    font-size: 65px;
    line-height: 64px;
    letter-spacing: -.01em;
    font-weight: 900;
    margin-bottom: 40px;
    color: #000;
}

.error-404 h1 span {
    color: #b17650;
}

.error-404 p {
    margin-bottom: 90px;
    font-size: 18px;
    line-height: 150%;
    color: #000;
}

.error-404 .general-btn__shadow {
    box-shadow: 0 19px 40px -10px #f0c49f;
    width: 200px;
    margin-bottom: 54px;
}

.btn_custom {
    display: inline-block;
    width: auto;
    margin: 0;
    font-size: 14px;
    line-height: 1.5em;
    letter-spacing: 0;
    font-weight: 600;
    outline: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
    -webkit-transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
    -o-transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
    transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
    padding: 13px 50px;
    cursor: pointer;
}

.btn--small {
    padding: 8px 12px;
    min-width: 65px;
    font-size: 12px;
}

.btn--medium {
    padding: 10px 14px;
    min-width: 85px;
    font-size: 14px;
}

.btn--large {
    padding: 12px 16px;
    min-width: 105px;
    font-size: 18px;
}

.btn--filled {
    color: #ff6726;
    background-color: rgba(223, 130, 57, 0.18);
    border: 1px solid transparent;
    transition: 0.3s ease-in-out;
}

.btn--filled:hover {
    background-color: rgba(223, 130, 57, 0.18);
    color: #ff6726;
    -webkit-box-shadow: 0px 5px 40px -10px rgba(0, 0, 0, 0.57);
    -moz-box-shadow: 0px 5px 40px -10px rgba(0, 0, 0, 0.57);
    box-shadow: 5px 40px 10px rgba(0, 0, 0, 0.57);
    transition: 0.3s ease-in-out;
}


.fixed-top {
    top: 0;
    transition: all .3s linear;
    width: 100%;
}

.hidden #navbar {
    top: 0 !important;
}

.fixed-top.fixed {
    position: fixed;
    transition: all .5s linear;
}

.fixed-top nav {
    padding-top: 17px;
    padding-bottom: 17px;
}

.offcanvas-collapse {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 100%;
    height: 100vh;
    width: 100%;
    padding-right: 0;
    padding-left: 0;
    overflow-y: hidden;
    visibility: hidden;
    background: #000 !important;
    transition-timing-function: ease-in-out;
    transition-duration: .5s;
    transition-property: left, visibility;
    padding-top: 38px;
    align-items: flex-start;
    justify-content: flex-start;
}

#navbar .offcanvas-collapse {
    padding-top: 17px;
}


.off-canvas__flex {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.menu-about-menu-container {
}


.off-canvas-container {
    /* height: 100%; */
    display: flex;
    flex-direction: column;
    /* justify-content: center; */
    width: 100%;
}

.offcanvas-center {
    min-height: calc(92vh - 50px);
    margin-top: 50px;
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
}


@media (max-width: 768px) and (min-width: 768px) and (max-width: 991px) {
    .offcanvas-collapse {
        top: 0;
    }
}

.offcanvas-collapse.open {
    left: 0;
    visibility: visible;
    background: #000;
}

.offcanvas-collapse.open a {
    color: #fff;
}

.offcanvas-collapse.open .custom-logo {
    filter: brightness(0) invert(1);

}

.scroll-down header {
    visibility: visible !important;
}

.scroll-down nav {
    transform: none !important;
}

.nav-scroller {
    position: relative;
    z-index: 2;
    height: 2.75rem;
    overflow-y: hidden;
}

.nav-scroller .nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding-bottom: 1rem;
    margin-top: -1px;
    overflow-x: auto;
    color: rgba(255, 255, 255, 0.75);
    text-align: center;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
}

.nav-underline .nav-link {
    padding-top: .75rem;
    padding-bottom: .75rem;
    font-size: .875rem;
    color: #6c757d;
}

.nav-underline .nav-link:hover {
    color: #007bff;
}

.nav-underline .active {
    font-weight: 500;
    color: #343a40;
}

.text-white-50 {
    color: rgba(255, 255, 255, 0.5);
}

.bg-purple {
    background-color: #6f42c1;
}

.lh-100 {
    line-height: 1;
}

.lh-125 {
    line-height: 1.25;
}

.lh-150 {
    line-height: 1.5;
}

.hamburger-box {
    width: 40px;
    height: 24px;
    display: inline-block;
    position: relative;
}

.hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -2px;
}

.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
    width: 35px;
    height: 3px;
    background-color: #007844;
    border-radius: 3px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease;
}

.hamburger-inner::before,
.hamburger-inner::after {
    content: "";
    display: block;
}

.hamburger-inner::before {
    top: -10px;
}

.hamburger-inner::after {
    bottom: -10px;
}

.hamburger--elastic .hamburger-inner {
    top: 1.7rem;
    transition-duration: 0.275s;
    transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.hamburger--elastic .hamburger-inner::before {
    top: 10px;
    transition: opacity 0.125s 0.275s ease;
}

.hamburger--elastic .hamburger-inner::after {
    top: 20px;
    transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.hamburger--elastic.is-active .hamburger-inner {
    transform: translate3d(0, 10px, 0) rotate(135deg);
    transition-delay: 0.075s;
}

.hamburger--elastic.is-active .hamburger-inner::before {
    transition-delay: 0s;
    opacity: 0;
}

.hamburger--elastic.is-active .hamburger-inner::after {
    transform: translate3d(0, -20px, 0) rotate(-270deg);
    transition-delay: 0.075s;
}

.main-banner__content .slick-prev {
    z-index: 2;
    top: 55%;
    left: 0%;
    transition: all .5s;
    background-color: #7f7f7f;
    width: 44px;
    height: 78px;
    cursor: pointer;
}

.main-banner__content .slick-prev:before {
    font-size: 14px;
    color: #fff;
    content: "\f053";
    font-family: 'FontAwesome';
    z-index: 3;
}

.main-banner__content .slick-prev:hover {
    outline: none;
    transition: all .5s;
    background: #000;
    color: #fff;
}

.main-banner__content .slick-next {
    right: 0%;
    z-index: 2;
    cursor: pointer;
    transition: all .5s;
    top: 55%;
    background-color: #7f7f7f;
    width: 44px;
    height: 78px;
}

.main-banner__content .slick-next:before {
    font-size: 14px;
    color: #fff;
    content: "\f054";
    font-family: 'FontAwesome';
}

.main-banner__content .slick-next:hover {
    outline: none;
    background: #000;
    color: #fff;
    transition: all .5s;
}

.main-banner__content .slick-dots {
    z-index: 2;
    display: flex;
    position: absolute;
    bottom: 5%;
    right: 53%;
    width: 0%;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .main-banner__content .slick-dots {
        left: 45%;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .main-banner__content .slick-dots {
        left: 45%;
    }

    /*.paginator-content--prev:hover img, .paginator-content--next:hover img {
		display: none;
	}*/
}

@media (min-width: 0px) and (max-width: 767px) {
    .main-banner__content .slick-dots {
        left: 35%;
    }
}

.main-banner__content .slick-dots .slick-active button:before {
    color: #00b050;
    opacity: 0.75;
    width: 35px;
    margin: 0;
}

.main-banner__content .slick-dots li {
    margin: 0 10px;
}

.main-banner__content .slick-dots li button:before {
    color: gray;
    content: '';
    height: 12px;
    width: 12px;
    display: inline-block;
    background: #ff6726;
    border-radius: 6px;
    cursor: pointer;
    transition: all 300ms ease;
}

.main-banner__content .slick-dots li button:hover:before,
.main-banner__content .slick-dots li button:focus:before {
    color: #00b050;
}

html {
    font-size: 14px;
    /*scroll-behavior: smooth;*/
}

body, * {
    scroll-behavior: smooth;

}

@media (min-width: 0px) and (max-width: 767px) {
    html {
        font-size: 12px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    html {
        font-size: 13px;
    }
}

*,
*:hover,
*:focus {
    outline: none !important;
    text-decoration: none !important;
}
/*
@font-face {
    font-family: 'Roboto';
    src: url('https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7GxP.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4mxP.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4WxP.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
*/

.main-brand__fixed {
    display: none;
}

/* @media (min-width: 768px) and (max-width: 991px) {
.main-brand__fixed {
display: none !important;
}
} */

body {
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    color: #000;
    font-size: 16px;
}

body :focus {
    outline: none;
}

.mt-btn {
    margin-top: 2.2rem;
}

.padding-top-bottom {
    padding-top: 5rem;
    padding-bottom: 5rem;
}

.container-grid {
    display: grid;
}

.main-general__button {
    border-radius: 3px;
    box-shadow: 0 12px 31px 0 rgba(157, 204, 73, 0.43);
    background-color: #9dcc49;
    font-weight: bold;
    transition: .5s;
    padding: .8rem 2rem;
    color: #fff;
}

.main-general__button:hover {
    box-shadow: 0 12px 31px 0 rgba(157, 204, 73, 0.56);
    background-color: #007844;
    transition: .5s;
}

.navbar-expand-lg .navbar-toggler {
    display: block;
    position: relative;
}

@media (min-width: 0px) and (max-width: 767px) {
    .brand-responsive {
        display: initial;
    }
}

button:focus {
    outline: 5px auto transparent;
}

.img-round {
    border-radius: 5px;
}

a:hover {
    opacity: .9;
}

.navbar {
    padding: 0;
    background-color: transparent;
    transition: .3s ease-in-out;
    display: flex;
    flex-direction: column;
}

.brand-about {
    display: flex;
    justify-content: space-between;
    margin-left: -13px;
}

.brand-about .navbar-toggler {
    margin-top: -9px;
}

.navbar .container {
    padding: 0;
    height: 100%;
    max-width: 100%;
    padding-left: 42.97px;
    padding-right: 33.35px;
}

.navbar .container-about {
    display: grid;
    gap: 144px;
    height: fit-content;
    grid-template-columns: 1fr minmax(800px, 59%);
}


/*@media (min-width: 768px) and (max-width: 991px) {*/
/*	.navbar {*/


/*	}*/
/*}*/

/*@media (min-width: 0px) and (max-width: 767px) {*/
/*	.navbar {*/

/*	}*/
/*}*/

.navbar.fixed {
    background-color: #fff;
    box-shadow: rgba(191, 191, 191, 0.72) 2px 1px 8px;
    transition: .3s ease-in-out;
}

.navbar .main-rrss__responsive {
    display: none;
}

@media (min-width: 0px) and (max-width: 767px) {
    .navbar .main-rrss__responsive {
        display: flex;
        list-style: none;
        margin-top: 1rem;
        padding-left: 0;
        justify-content: space-around;
        flex-wrap: wrap;
    }
}

@media (min-width: 0px) and (max-width: 767px) and (min-width: 0px) and (max-width: 767px) {
    .navbar .main-rrss__responsive img {
        width: 54px;
        height: 54px;
    }
}

.navbar-toggler {
    font-size: 16px;
    padding: 0 !important;
    transition: all .2s linear;
    display: flex !important;
    gap: 12px;
    align-items: center;
    color: #000;
}

.navbar-toggler--open p {
    margin-bottom: 0;
    margin-top: 4px;
}

.navbar-toggler--close p {
    margin-bottom: 0;
}

.navbar-toggler--open span {
    display: inline-block;
    width: 54px;
    /*border-bottom: 2px solid;*/
    /*margin-bottom: 9px;*/
    margin: 0;
    /*background-color: #000;*/
    vertical-align: middle;
    content: "";

    height: 11px;
    /* background: 50%/100% 100% no-repeat;
	background-image: url("../img/menu.svg"); */
    transition: all .2s linear;
    margin-right: 0;
}

.navbar-toggler--open span:nth-child(1) {
    margin-left: auto;
    display: block;
    top: 0;
    right: 0;
    width: 100%;
}

.navbar-toggler--open span:nth-child(2) {

}

.navbar-toggler--open:hover span:nth-child(1) {
    width: 50%;
}


.navbar-toggler--open:hover span:nth-child(3) {
    width: 50%;
    transform: translateX(100%);
}


.navbar-toggler--open span:last-child {
    width: 23.5px;
    overflow: hidden;
}

.navbar-toggler__content {
    display: flex;
    position: relative;
    flex-direction: column;
    transition: all .2s linear;
    margin-bottom: 0;
    align-items: flex-start;
}

.navbar-toggler .close {
    background-image: url("../img/menu-hover.svg");
    position: absolute;
    left: 0;
    opacity: 0;
}

.navbar-toggler:hover .close {
    opacity: 1;
}

.navbar-toggler:hover .open {
    opacity: 0;
}


.navbar-toggler--close {
    color: #fff;
    font-size: 16px;
}

.navbar-toggler--close span {
    background-image: url("../img/close.svg");
    width: 26px;
    height: 26px;
    margin-right: 13px;
}

.navbar-toggler--close svg {
    width: 26px;
    height: 26px;
}

.nav-item .main-general__button {
    color: #fff !important;
}

.dropdown-toggle::after {
    content: "\f107";
    font: normal normal normal 18px/1 FontAwesome;
    border: none !important;
    font-weight: 600;
}

header ul {
    display: flex;
    align-items: center;
    padding-left: 0;
    list-style: none;
    width: max-content;
    flex-direction: column;
    position: relative;
    z-index: 999;
}

#menu-about-menu {
    flex-direction: row;
    margin-bottom: 0;
    width: 100%;

}

.offcanvas-collapse #menu-about-menu-1 {
    width: 100%;
}

#menu-about-menu li:first-child {
    margin-left: 0;
}

#menu-about-menu li {
    margin-right: 17.5px;
    position: relative;
    margin-left: 18px;
}

#menu-about-menu a {
    font-size: 16px;
    padding-bottom: 0;
    transition: all .3s linear;
    opacity: .75;
    position: relative;
    line-height: 24px;
    color: #000;
}

#menu-about-menu a::before {
    position: absolute;
    bottom: 0;
    width: 0;
    background: #006B7E;
    content: "";
    height: 2px;
    transition: all .6s ease-out;
}

#menu-about-menu a:hover::before {
    width: 100%;
}

#menu-item-941 a::after,
#menu-item-519 a::after,
#menu-item-524 a::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    /**content: "\f107";*/
    font: normal normal normal 18px/1 FontAwesome;
    border: none !important;
    font-weight: 600;
}

.menu a {
    display: flex;
    align-items: center;
}

.sub-menu a::after {
    display: none !important;
}

.scroll-down .sub-menu {
    opacity: 0;
    visibility: hidden;
}

.navbar-nav a {
    color: #000;
    font-weight: 600;
    font-size: 82px;
    transition: .3s;
    line-height: 82px;
    text-transform: uppercase;
    text-align: center
}

.custom-logo-link {
    line-height: 1 !important;
}


.navbar-nav a:hover {
    color: #383838;
    transition: .3s;
}

.navbar li {
    margin-right: 40px;
    position: relative;
}

.navbar li.active > .sub-menu {
    display: flex !important;
}

.navbar .sub-menu {
    flex-direction: column;
    padding-left: 0;
    padding: 20px;
    border-radius: 20px;
    border: none;
    position: absolute;
    min-width: 17rem;
    box-shadow: 0 19px 40px -10px #ffe0d2;
    background: #fff;
    right: auto;
    align-items: flex-start;
    left: 0;
    display: none;
}

.is-activ {
    display: flex;
}

.navbar .sub-menu li {
    margin-right: 0;
}

.sub-menu a {
    padding: 0;
    margin-bottom: 20px;
    width: auto;
    font-weight: 600;
    font-size: 20px;
    line-height: 23px;
    color: #000;
    outline: none;
}

.menu-main-menu-right-en-container li:nth-child(1) a, .menu-main-menu-right-en-french-container li:nth-child(1) a {
    width: auto;
    padding: 14px 24px;
    box-shadow: 0 19px 40px -10px #f0c49f;
    background: #b17650;
    color: #fff !important;
    margin-right: 0;
    border-radius: 32px;
    font-weight: 800;
    font-size: 17px;
    text-align: center;
    letter-spacing: -.02em;
    cursor: pointer;
    outline: none;
    border: none;
    display: inline-block;
    white-space: nowrap;
    -webkit-flex-basis: auto;
    flex-basis: auto;
    text-align: center;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.menu-main-menu-right-en-french-container li:nth-child(2),
.menu-main-menu-right-en-french-container li:nth-child(3),
.menu-main-menu-right-en-container li:nth-child(2),
.menu-main-menu-right-en-container li:nth-child(3) {
    margin-right: 0;
}

.menu-main-menu-right-en-container li:nth-child(3) a, .menu-main-menu-right-en-french-container li:nth-child(3) a {
    margin-left: 16px;
    width: auto;
    background: #ff6726;
    color: #fff;
    margin-right: 0;
    font-weight: 800;
    font-size: 17px;
    text-align: center;
    letter-spacing: -.02em;
    cursor: pointer;
    text-align: center;
    border-radius: 32px;
    padding: 14px 24px;
}

.nav-item {
    display: flex;
    align-items: center;
}

@media (min-width: 0px) and (max-width: 767px) {
    .nav-item {
        margin-bottom: 16px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .nav-item {
        margin-bottom: 16px;
    }
}

.nav-item a {
    justify-content: center;
    display: flex;
    padding-left: 0 !important;
    color: #000;
    font-weight: 600;
    font-size: 16px;
    padding-right: 40px !important;
    align-items: center;
}

.nav-item a:hover {
    opacity: .9;
}

@media (min-width: 0px) and (max-width: 767px) {
    .nav-item a {
        padding-right: 0 !important;
        padding: 10px 0;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .nav-item a {
        padding-right: 0 !important;
        padding: 10px 0;
    }
}

.main-brand {
    margin-right: 0;
}

.main-brand a {
    font-size: initial;
    margin-bottom: 0;
    padding-bottom: 0;
}


.main-social {
    margin-bottom: 50px;
    margin-top: 85px;
    display: flex;
    gap: 30px;
}

.main-social img {
    filter: brightness(0) invert(1);
    height: 32px;
    width: auto;
}

.off-canvas-container .btn-general::before {
    background-color: #fff;
}

.off-canvas-container .menu-item {
    display: flex;
    width: 100%;
    justify-content: center;
}

.main-social a {
    margin-right: 0;
    font-size: initial;
}

.main-social a:last-child {
    order: -1;
    margin-right: 0 !important;
}

/* @media (min-width: 768px) and (max-width: 991px) {
.main-brand {
width: 100%;
display: flex;
margin-right: 0;
justify-content: space-between;
}
}

@media (min-width: 0px) and (max-width: 767px) {
.main-brand {
width: 100%;
margin-right: 0;
display: flex;
justify-content: space-between;
}
} */

.fixed nav {
    background: #ffffff6e;
    backdrop-filter: blur(30px);
}

.nav-link {
    transition: .3s ease-in-out;
}

.nav-link.fixed-color {
    transition: .3s ease-in-out;
}

@media (min-width: 0px) and (max-width: 767px) {
    .nav-link:hover {
        color: #fff;
    }
}

.fixed--link {
    color: #4a4a4a !important;
}

.fixed--white {
    background: #fff;
}

.navbar-brand {
    display: flex;
    align-items: center;
    margin-right: 0;
    padding-bottom: 0;
    padding-top: 0;
    margin-bottom: 4px;
}

.custom-logo {
    width: fit-content;
    height: 35px;
}

.navbar-brand img {
    max-width: 250px;
    height: auto;
    object-fit: contain;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .navbar-brand img {
        width: 11rem;
        height: 4rem;
        object-fit: contain;
    }
}

@media (min-width: 0px) and (max-width: 767px) {
    .navbar-brand {
        width: initial;
        margin-left: 10px;
    }

    .navbar-brand img {
        max-width: 191px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .navbar-brand {
        width: initial;
    }
}

/* @media (min-width: 0px) and (max-width: 767px) {
.main-brand__top {
display: none !important;
}
} */

/* @media (min-width: 768px) and (max-width: 991px) {
.main-brand__top {
display: none !important;
}
} */

.navbar-nav {
    width: 100%;
    justify-content: space-between;
    align-items: center;
    flex-direction: column !important;
}

.navbar-collapse {
    justify-content: flex-end;
}

.nav-top__header {
    width: 100%;
    background-color: #0B1A1C;
    padding: 10px;
    transition: .3s ease-in-out;
}

.nav-top__header.nav-top__header--detele {
    display: none !important;
    transition: .3s ease-in-out;
}

@media (min-width: 768px) and (max-width: 991px) {
    .nav-top__header {
        display: none;
    }
}

@media (min-width: 0px) and (max-width: 767px) {
    .nav-top__header {
        display: none;
    }
}

.nav-top__content {
    padding: 0 100px;
}

.main-nav__contact a {
    color: #F7FCF9;
    text-decoration: none;
}


@media (min-width: 768px) and (max-width: 991px) {
    .scroll-down .is-activee {
        transform: none !important;
    }
}

@media (min-width: 0px) and (max-width: 767px) {
    .scroll-down .is-activee {
        transform: none !important;
    }
}

.general-btn {
    padding: 16px 24px;
    width: auto;
    background: #fff;
    border-radius: 32px;
    color: #b17650;
    font-weight: 800;
    font-size: 17px;
    text-align: center;
    letter-spacing: -.02em;
    cursor: pointer;
    outline: none;
    border: none;
    display: inline-block;
    white-space: nowrap;
    -webkit-flex-basis: auto;
    flex-basis: auto;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: .3s;
}


.general-title {
    font-weight: 900;
    font-size: 50px;
    line-height: 50px;
    letter-spacing: -.01em;
    color: #000;
    margin-bottom: 24px;
}

@media (min-width: 0px) and (max-width: 767px) {
    .general-title {
        font-size: 35px;
        line-height: 35px;
    }
}

.general-title__center {
    text-align: center;
}


.general-description {
    font-size: 18px;
    margin-bottom: 32px;
    line-height: 21px;
    color: #000;
}

.general-description__center {
    text-align: center;
    font-size: 20px;
}

.main-banner {
    /* overflow: hidden;
	padding: 170px 0 30px; */
    height: auto;
    background-color: #fff;
    z-index: 9;
    position: relative;
    margin-bottom: 82px;
}

.main-banner video {
    height: 100vh;
    object-fit: cover;
    pointer-events: none;
}


.main-case__see {
    width: 70px;
    padding-bottom: 0;
    background: #00000061;
    height: 70px;
    display: flex;
    border-radius: 38px;
    justify-content: center;
    align-items: center;
    bottom: 53px;
    z-index: 5;
    margin: 0 auto;
    transition: width .6s linear;
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    top: initial;
    text-align: center;
}

.main-case__see:hover {
    width: 153px;
    border-radius: 37px;
}

.main-case__see img {
    transition: all .6s linear;
}

.main-case__see:hover img {
    transition: all .6s linear;
    opacity: 0;
    width: 0;
}

.main-case__see:hover p {
    opacity: 1;
    width: 100%;
}

.main-case__see p {
    font-size: 14px;
    color: #fff;
    width: 0;
    margin-bottom: 0;
    opacity: 0;
}

.main-layer {
    position: absolute;
    height: 100%;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    display: flex;
    justify-content: center;
    width: 78px;
}

.main-layer a {
    position: absolute;
    bottom: 62px;
    opacity: 1;
}

.main-layer lottie-player {
    pointer-events: none;
}

.main-layer_post-mobile {
    display: none;
}

.main-layer--mobile {
    bottom: 0;
}

.main-layer__contact {
    position: absolute;
    width: 30px;
    max-height: 100vh;
    height: 100%;
    top: 0;
    margin: 0 auto;
    left: 50%;
    transform: translateX(-50%);
}

.main-layer__contact .main-layer {

}

.main-footer {
    border-top: 1px solid #000;
    padding-top: 52.5px;
    padding-bottom: 83.5px;
    margin: 0;
}

.main-case {
    padding-left: 49px;
    padding-right: 48px;
}

.main-case__item {
    position: relative;
    height: 875px;
    border-top: 50px solid transparent;
    overflow: hidden;
    transition: all .3s linear;
}

.main-case__item::before {
    /*background: transparent linear-gradient(180deg, #000000 0%, #00000000 100%) 0% 0% no-repeat padding-box;*/
    background: transparent linear-gradient(91deg, #000000 0%, #00000000 100%) 0% 0% no-repeat padding-box;
    opacity: 0.19;
    position: absolute;
    content: "";
    z-index: 2;
    pointer-events: none;
    /*transform: matrix(0, -1, 1, 0, 0, 0);*/
    width: 100%;
    height: 100%;
}

.main-case__item:hover img {
    transform: scale(1.1);
}


.main-case h3 {
    color: #fff;
    margin-bottom: 0;
    line-height: 35px;
    font-weight: 400;
}

.main-case img, .main-case video {
    height: 100%;
    position: relative;
    object-fit: cover;
    transition: all .6s ease-out;
    width: 100%;
    z-index: 1;
    position: relative;
}

.main-case h2 {
    color: #fff;
    font-size: 119px;
    line-height: 130px;
    font-weight: bold;
    margin: 0;
}

.main-case a, .main-case a:hover {
    color: #fff
}

.main-case a::before {
    position: absolute;
    bottom: 0;
    width: 0;
    background: #fff;
    content: "";
    height: 2px;
    transition: all .6s ease-out;
}

.main-case a:hover::before {
    width: 98%;

}

.main-case__content {
    position: absolute;
    top: 0;
    width: 62%;
    display: flex;
    align-items: center;
    height: 100%;
    z-index: 2;
}


.main-case__count {
    display: inline-flex;
    position: absolute;
    left: 48px;
    top: 48px;
}

.main-case__count span {
    display: block;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    padding: 0 9px;
}

.main-case__count span:nth-child(1) {
    padding-left: 0;
}

.main-case__count span:nth-child(2) {
    border-left: 2px solid #fff;
}

.main-case__text {
    padding: 48px 48px;
    position: relative;

}

.main-case__content-bg {
    width: 38.286rem;
    content: "";
    display: block;
    position: absolute;
    height: 100%;
}


.main-contact .padding-top-bottom {
    padding-top: 150px;
    padding-bottom: 110px;
}

/*.main-contact .padding-left-right {
    padding-left: 140px;
    padding-right: 140px;
}

.main-footer .padding-left-right {
    padding-left: 105.5px;
    padding-right: 107.5px;
}
*/
.main-footer__flex {
    display: flex;
    justify-content: space-between;
}

.main-footer__social, .main-footer__links {
    display: flex;
}

.main-footer__social img {
    width: auto;
    height: 23px;
    object-fit: contain;
}

.main-footer__social a {
    margin-right: 17.21px;
}

.main-footer__social a:last-child {
    margin-right: 0;
}

.main-footer__links a {
    color: #352A20;
    margin-right: 100px;
    font-size: 16px;
    padding-bottom: 0;
}

.main-contact {
    position: relative;
    z-index: 6;
    background-color: #fff;
    transition: all .3s linear;
}

.main-contact img, .main-contact svg {
    width: 45px;
    height: auto;
    object-fit: contain;
    margin-top: 29px;
    margin-left: -23px;
    transition: all .3s linear;
    transform: rotate(45deg);
}

.main-contact__title:hover img, .main-contact__title:hover svg {
    margin-left: 0;
}


.main-footer {
    background: #fff;
    position: relative;
    z-index: 6;
}

.main-contact__text-small {
    margin-bottom: 0;
    letter-spacing: 0px;
    color: #000000;
    font-size: 20px;
    margin-left: 7px;
    font-weight: 400;
}

.main-contact__title {
    text-align: left;
    letter-spacing: 0px;
    margin-bottom: 0;
    font-weight: normal;
    font-size: 119px;
    padding-bottom: 0;
    line-height: 130px;
    color: #000;
}

.main-contact__mail {
    background: transparent linear-gradient(266deg, #00D1E5 0%, #034F5D 100%) 0% 0% no-repeat padding-box;
    -webkit-background-clip: text;
    color: transparent;
    font-size: 43px;
    line-height: 36px;
    margin-top: 15.55px;
    display: block;
    transition: all .3s linear;
    width: fit-content;
}

.main-contact__mail:hover {
    color: #237481;
}

.post-banner {
    position: relative;
    margin-top: 60px;
    margin-bottom: 0;
}

.post-banner .main-layer {
    z-index: 1;
    top: 42vh;
}

.post-header {
    display: grid;
    grid-template-columns: 1fr auto;
    justify-content: space-between;
    gap: 0 90px;
    margin-bottom: 18px;
}

.post-title {
    font-size: 61px;
    line-height: 70px;
    color: #000000;
    font-weight: bold;
    margin-bottom: 0;
}

.post-header p {
    margin-bottom: 0;
    font-size: 25px;
    color: #352A20;
    margin-top: 14px;
}

.post-single .post-banner {
    margin-bottom: 51px;
    margin-top: 63px;
}

.post-single .post-header {
    padding-top: 174px;
}

.post-single__content ul {
    margin-top: 30px;
    margin-bottom: 30px;
}

.post-single__content li {
    font-size: 16px;
    color: #352A20;
}

.post-single__content .has-large-font-size {
    font-size: 20px !important;
}

.rt-reading-time {
    margin-bottom: 0;
    color: #9D9D9D;
    font-size: 16px;
}

.post-single__content h2 {
    font-size: 25px;
    line-height: 35px;
    font-weight: bold;
    margin-bottom: 20px;
}

.post-single__content p {
    margin-bottom: 20px;
    font-size: 20px;
}

.post-single__content {
    padding-bottom: 0px;
}

.general-header h1 {
    letter-spacing: 0px;
    color: #000000;
    font-size: 119px;
    line-height: 144px;
    font-weight: bold;
    margin-bottom: 65px;
}

.services-header h1 {
    text-align: left;
    font-weight: bold;
    font-size: 61px;
    line-height: 70px;
    letter-spacing: 0px;
    color: #000000;
}

.services-header {
    padding-bottom: 0 !important;
}

.general-header__center h1 {
    margin-left: auto;
    margin-right: auto;
    max-width: 44%;
}

.services-banner {
    margin-bottom: 65px;
}


.services-banner img {
    height: 500px;
    width: 100%;
    object-fit: cover;
}

.services-single__content h2 {
    font-size: 25px;
    line-height: 35px;
    margin-bottom: 20px;
}

.services-single__content figure {
    margin-bottom: 65px;
    margin-top: 38px;
}

.services-single__content p {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 27px;
}


.general-header p {
    margin-bottom: 0;
}

.general-header__center h1 {
    margin-left: auto;
    margin-right: auto;
    max-width: 44%;
}

.general-header__center h1, .general-header__center p, .general-header__center h3 {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    max-width: 44%;
}

.general-header__right h1, .general-header__right p, .general-header__right h3 {
    margin-left: auto;
    text-align: right;
    max-width: 44%;
}

.general-header__left h1, .general-header__left p, .general-header__left h3 {
    margin-right: auto;
    text-align: left;
    max-width: 44%;
}

.general-header__xs h2 {
    font-size: 31px;
    line-height: 41px;
    margin-bottom: 22.91px;
}

.general-header__xs p {
    font-size: 16px;
    line-height: 24px;
}

.general-header__xs p, .general-header__xs h2 {
    max-width: 29%;
}

.general-header__xs-right p, .general-header__xs-right h2 {
    margin-left: auto;
    text-align: right;
}

.general-header__xs-left p, .general-header__xs-left h2 {
    margin-right: auto;
    text-align: left;
}

.general-header__xs-center p, .general-header__xs-center h2 {
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}


.general-header {
    padding-bottom: 61px;
    padding-top: 174px;
}

.general-header .selected-header {
    padding-bottom: 86px;
}

.thinking-principal {
    padding-bottom: 111px;
}

.thinking-header h1 {
    margin-bottom: 0;
}

.thinking-principal__text {
    padding-left: 57px;
    padding-right: 57px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    transition: all .3s linear;
}

.thinking-principal__title {
    font-size: 61px;
    line-height: 70px;
    font-weight: bold;
}

.thinking-principal__date {
    font-size: 25px;
    line-height: 35px;
    margin-bottom: 53.72px;
}

.thinking-principal__description {
    font-size: 25px;
    line-height: 35px;
    margin-bottom: 47.5px;
}

.thinking-principal__img {
    height: 798px;
}

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

.thinking-principal__grid {
    display: grid;
    position: relative;
    grid-template-columns: 62.859% 1fr;
    transition: all .3s linear;
}

.thinking-principal__link {
    position: absolute;
    width: 100%;
    height: 100%;
    padding-bottom: 0 !important;
}

.button-arrow {
    display: block;
    width: fit-content;
    transition: all .3s linear;
    font-size: 16px;
    color: #000;
    padding-bottom: 0;
}

.button-arrow img, .button-arrow svg {
    transform: rotate(-45deg);
    transition: all .3s linear;
}

.button-arrow:hover img, .button-arrow:hover svg {
    transform: rotate(0);
    transition: all .3s linear;
}

.thinking-principal__grid .button-arrow svg {
    display: none;
}

.thinking-principal__grid:hover .thinking-principal__text {
    background: #E3E3E3;
    transition: all .3s linear;
}

.button-arrow img {
    width: 51px;
    height: 44px;
}

.thinking-principal__grid:hover .button-arrow img {
    transform: rotate(0);
    transition: all .3s linear;
}

.thinking-aditional {
    padding-bottom: 160px;
}

.thinking-aditional .btn-general {
    margin-top: 93.25px;
    margin-left: auto;
    margin-right: auto;
}

.thinking-aditional__item {
    display: grid;
    padding-bottom: 53px;
    padding-top: 74px;
    gap: 95px;
    grid-template-columns: 340px 1fr auto;
    border-bottom: 1px solid #000;
    padding-right: 19px;
    padding-left: 33px;
    transition: all .3s linear;
    position: relative;
    margin-left: 50px;
    margin-right: 50px;
}

.thinking-aditional__item:hover {
    background-color: #DFDFDF;
}

.thinking-aditional__item:hover .button-arrow img {
    transform: rotate(0);
    transition: all .3s linear;
}

.thinking-aditional__item .button-arrow svg {
    display: none;
}

.thinking-aditional__title {
    font-size: 61px;
    line-height: 70px;
    margin-bottom: 50px;
    font-weight: 400;
}

.thinking-aditional__data > * {
    font-size: 25px;
    line-height: 35px;
    margin-bottom: 5px;
}


.thinking-aditional__data p {
    margin-bottom: 0;
}

.thinking-aditional__description {
    font-size: 20px;
}

.thinking-aditional__description p {
    margin-bottom: 0;
}

.selected-header__description {
    font-size: 25px;
    line-height: 35px;
    max-width: 628px;
}

.filter-header {
    padding-bottom: 69.67px;
    padding-top: 75.5px;
}

.filter-header p {
    font-size: 20px;
    text-transform: uppercase;
    margin-right: 47px;
    margin-bottom: 0;
    padding-bottom: 30px;

}

.filter-header ul {
    display: flex;
    padding: 0;
    list-style: none;
    margin-bottom: 0;
    overflow-x: scroll;
}

.filter-header ul::-webkit-scrollbar {
    display: none !important;
}

.filter-content {
    display: flex;
    align-items: center;
}

.filter-header ul li {
    margin-right: 40.5px;
}


.filter-header ul a {
    font-size: 16px;
    color: #707070;
    padding-bottom: 30px;
    transition: all .3s linear;
}

.filter-header ul a::before, .cat-filter-up a::before {
    content: "";
    position: absolute;
    background: #0093A1;
    width: 0;
    bottom: 30px;
    height: 2px;
    transition: all .3s linear;
}

.cat-filter-up a::before {
    bottom: -1px !important;
    background: #000000;
    height: 1px;
}

.filter-content ul li.active a::before, .cat-filter-up li.active a::before {
    width: 99%;
}

.cat-filter-up li.active a {
    color: #000;
}

.filter-header ul a:hover::before, .cat-filter-up a:hover::before {
    width: 99%;

}

.cat-filter-up a:hover {
    color: #000;
}

.selected-post {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 72px 41px;
}

.selected-section {
    /* padding-bottom: 157px; */
    overflow-x: hidden;
}


.selected-section .btn-general {
    margin-top: 90px;
    margin-left: auto;
    margin-right: auto;
}


.selected-post__img {
    margin-bottom: 27px;
    position: relative;
    overflow: hidden;
    padding-bottom: 0;
    transition: all .6s ease-out;
}

.selected-post__item:hover .selected-post__img img {
    transform: scale(1.1);
}

.selected-post__img::after {
    background: transparent linear-gradient(46deg, #DF85A8 0%, #df85a800 30%) 0% 0% no-repeat padding-box;
    content: "";
    position: absolute;
    width: 100%;
    left: 0;
    height: 100%;
    opacity: 0;
    transition: all 1.2s ease;
}


.selected-post__item:hover .selected-post__img::after {
    opacity: 1;
}

.selected-post__img img, .selected-post__img video {
    width: 100%;
    transition: all .6s ease-out;
    height: 795px;
    object-fit: cover;
}

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

.selected-post__title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 24.5px;
    border-bottom: 1px solid #000;
    margin-bottom: 24.5px;
}

.selected-post__title h2 {
    font-size: 39.06px;
    line-height: 49px;
}

.selected-post__item {
    position: relative;
    transition: all 1.2s ease;

}

.selected-post__item p br {
    display: none;
}

.selected-post__item:hover .button-arrow img, .selected-post__item:hover .button-arrow svg {
    transform: rotate(0);
    margin-left: 25px;
}

.selected-post__title .button-arrow img, .selected-post__title .button-arrow svg {
    width: 18px;
    height: 18px;
    margin-left: 9px;
}

.selected-header .padding-left-right {
    gap: 70px;
    display: flex;
    justify-content: space-between;
}

.work-header {
    position: relative;
    z-index: 9;
    padding-bottom: 0;
}

.work-header h1 {
    margin-bottom: 24px;
}

.work-header h3 {
    font-size: 20px;
    line-height: 30px;
}

.work-textimonials__text {
    font-size: 39px;
    color: #007589;
    line-height: 49px;
    text-align: center;
    position: relative;
    padding-bottom: 34.22px;
    padding-top: 78.22px;
    font-weight: 500;
    margin-bottom: 34.22px;
    max-width: 66%;
    margin-right: auto;
    margin-left: auto;
}

.slick-next__testimonial, .slick-prev__testimonial {
    background-color: transparent !important;
    width: 27px !important;
    height: 51px !important;
    border-radius: 0 !important;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 40% !important;
    transform: none !important;

}

.slick-next__testimonial {
    background-image: url('../img/arrow-right.png');
    right: 0;

}

.slick-prev__testimonial {
    background-image: url('../img/arrow-left.png');
    left: 0;
}

.work-textimonials__text::after {
    content: "";
    height: 2px;
    width: 53px;
    background: #707070;
    bottom: 0;
    left: 50%;
    transform: translatex(-50%);
    position: absolute;
}

.work-textimonials__text::before {
    background-image: url('../img/comillas.png');
    content: "";
    height: 55px;
    width: 56px;
    /* background: #707070; */
    top: 0;
    left: 50%;
    transform: translatex(-50%);
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
}

.work-textimonials__name, .work-textimonials__position {
    text-align: center;
    font-size: 16px;
    margin: 0;
}

.work-textimonials__name {
    font-weight: bold;
    margin-bottom: 8px;
}

.work-textimonials__position {
    color: #848484;
}

.work-img-text-big .container-grid {
    grid-template-columns: 1fr 1fr;
}

.work-img__right img, .work-img__left img, .work-img__right video, .work-img__left video {
    height: 1246px;
    width: 100%;
    object-fit: cover;
}

.work-text__left, .work-text__right {
    font-size: 49px;
    color: #352A20;
    line-height: 58px;
}

.work-text__left {
    padding-right: 67px;
}

.work-text__right {
    padding-left: 67px;
}

.cat-filter-up {
    list-style: none;
    padding-left: 0;
    margin-left: 0;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 1px solid #DFDFDF;
    justify-content: center;
}

.cat-filter-up li a {
    text-transform: uppercase;
    color: #AFAFAF;
    display: block;
    margin: 0 33.5px;
    padding-bottom: 17px;
}

.work-slider {
    position: relative;
}

.work-slider__item {
    margin: 5px;
    height: 900px;
    object-fit: cover;
}

.work-slider .slick-arrow {
    position: absolute;
}

.slick-arrow {
    width: 86px;
    height: 86px;
    background-color: #000000;
    border-radius: 100%;
    z-index: 1;
    cursor: pointer;
    top: 50%;
    transform: translate(-34%, -50%);
}

.slick-prev {
    left: 34%;
}

.slick-next {
    right: 30.7%;
}

.small-slider__item img, .small-slider__item video {
    /*height: 624px;*/
    height:auto;
    object-fit: cover;
    width: 100%;
}


.work-slider-no-arrow .slick-arrow {
    display: none !important;
}

.work-slider .slick-prev, .work-slider .slick-next, .small-slider__carousel .slick-next, .small-slider__carousel .slick-prev {
    width: 50%;
    background: none !important;
    border-radius: 0 !important;
    height: 100%;
    transform: none;
    z-index: 99999999999999999999999999999999999;
    top: 0;
}

.small-slider__carousel .slick-next, .small-slider__carousel .slick-prev {
    position: absolute;
}

.work-slider .slick-prev:hover, .work-slider .slick-next:hover {
}

.work-slider .slick-prev, .small-slider__carousel .slick-prev {
    left: 0;
    cursor: url(../img/slick-prev.svg), pointer;
}

.work-slider .slick-next, .small-slider__carousel .slick-next {
    right: 0;
    cursor: url(../img/slick-next.svg), pointer;
}

.small-slider__carousel {
    width: calc(100% - 107px);
    margin-left: auto;
}

.small-slider__carousel.left {
    margin-left: 0;
}

.center .slick-list.draggable {
    padding: 0 98px !important;
}

.work-banner__full {

}

.work-banner-bottom {

}

.padding-left-right-v2 {
    padding-left: 110px;
    padding-right: 110px;
}

.work-banner__padding img {
    height: 1021px;
    width: 100%;
    object-fit: cover;
}

.work-banner__padding--any img, .work-banner__padding--any video {
    width: 100%;
    height: auto;
}

.work-banner__padding .padding-left-right {
    padding-left: 110px;
    padding-right: 110px;
}

.work-banner__full {
}

.work-banner__full img {
    width: 100%;
    object-fit: cover;
    height: auto;
    max-height: 100vh;
}

.work-banner__full-any img, .work-banner__full-any video {
    width: 100%;
    object-fit: cover;
    height: auto;
}

.work-img-for {

}

.work-banner__full--small {

}

.work-banner__full--small img {
    width: 100%;
    object-fit: cover;
    height: 624px;
}


.work-grid__two {

}

.work-grid__two img, .work-grid__two video {
    width: 100%;
    object-fit: cover;
    height: 1246px;
}

.work-grid__two--small img, .work-grid__two--small video {
    height: 624px;
}

.work-grid__two .container-grid {
    grid-template-columns: 1fr 1fr;
    gap: 35px;
}


.work-grid__two.work-grid__two--small .container-grid {
    gap: 35px;
}

.work-grid__one--end, .work-grid__one--first {
    margin-bottom: 50px;
}

.work-grid__one--end .container-grid {
    grid-template-columns: calc(50% - 17.5px);
    justify-content: end;
}

.work-grid__one--first .container-grid {
    grid-template-columns: calc(50% - 17.5px);
    justify-content: flex-start;
}

.work-grid__one--end img, .work-grid__one--first img, .work-grid__one--end video, .work-grid__one--first video {
    width: 100%;
    height: 1246px;
    object-fit: cover;
}

.work-text-img {
    margin-bottom: 40px;
}

.work-text-img.work-text-full .work-text-img__left {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 146px;
}

.work-text-img.work-text-full .container-grid {
    gap: 80px;
}

.work-text-img .container-grid {
    grid-template-columns: 1fr 57.47%;
    gap: 34px;
}

.small-right .container-grid {
    grid-template-columns: 57.47% 1fr;
}

.work-text-img img, .work-text-img video {
    width: 100%;
}


.work-text-img__left img, .work-text-img__left video {
    height: 511px;
    width: 100%;
    object-fit: cover;
}

.work-text-img__left > div {
    height: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.work-img-three {
    margin-bottom: 40px;
}

.work-img-three .container-grid {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 32px;
}

.work-img-three img, .work-img-three video {
    width: 100%;
    height: 624px;
    object-fit: cover;
}

.work-img-for .container-grid {
    grid-template-columns: 1fr 1fr;
    gap: 28px 33px;
}


.work-img-for img {
    height: 624px;
    width: 100%;
    object-fit: cover;
}

.work-text-img__right img, .work-text-img__right video {
    height: 1246px;
    object-fit: cover;
}

.work-text-img.work-text-full img, .work-text-img.work-text-full video {
    height: 1246px;
}

.work-text-img.work-text-full .container-grid {
    gap: 35px;
    grid-template-columns: 1fr 1fr;
}

.work-text-img.work-text-full .work-text-img__left p {
    max-width: 547px;
}

.small-right .work-text-img__left img, .small-right .work-text-img__left video {
    height: 1021px;
}

.small-left .work-text-img__right img, .small-left .work-text-img__right video {
    height: 1021px;
}

.small-right .work-text-img__right img, .small-right .work-text-img__right video {
    height: 511px;
}

.work-text-img__left h2 {
    font-size: 31px;
    line-height: 41px;
    padding-top: 20px;
    color: #000000;
    margin-bottom: 22.01px;
}

.work-text-img__left p {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 0;
}

.work-img-two__space {
    margin-bottom: 160px;
}

.work-img-two__space .container-grid {
    grid-template-columns: 1fr 1fr;
    gap: calc(16% - 16.12px);
    align-items: end;
}

.work-img-two__space img, .work-img-two__space video {
    width: 100%;
    object-fit: cover;
}

.work-img-two__space img:nth-child(1) {
    height: 1080px;
}

.work-img-two__space video:nth-child(1) {
    height: 1080px;
}

.work-img-two__space img:nth-child(2) {
    height: 890px;
}

.work-img-two__space video:nth-child(2) {
    height: 890px;
}

.work-img-two__space--invert img:nth-child(2) {
    height: 1080px;
}

.work-img-two__space--invert video:nth-child(2) {
    height: 1080px;
}

.work-img-two__space--invert img:nth-child(1) {
    height: 890px;
}

.work-img-two__space--invert video:nth-child(1) {
    height: 890px;
}

.paginator {
    padding-top: 50px;
    /* padding-bottom: 82px; */
    position: relative;
    z-index: 9;
    background: #fff;
}

.paginator-content--next img {
    height: 256px;
    width: 0;
    object-fit: cover;
    position: absolute;
    right: 0;
    z-index: -1;
    transition: all .6s ease-out;
}

.paginator-content--prev img {
    height: 256px;
    width: 0;
    object-fit: cover;
    position: absolute;
    left: 0;
    z-index: -1;
    transition: all .6s ease-out;
}


.paginator-content {
    display: flex;
    height: 100%;
    align-items: center;
    transition: all .6s ease-out;
    background: #fff;
    position: relative;

}

.paginator-content img {
    object-fit: cover;
}

.paginator-content--next:hover img {
    transition: all .6s ease-out;
    width: 427px;
    right: 107%;
}

.paginator-content--prev:hover img {
    transition: all .6s ease-out;
    left: 107%;
    width: 427px;

}

.paginator ul {
    display: flex;
    justify-content: space-between;
    list-style: none;
    padding-left: 0;
    align-items: center;
    margin-left: 0;
    height: 256px;
}

.paginator a {
    letter-spacing: 0px;
    font-size: 49px;
    font-weight: 500;
}

.slick-dots {
    display: flex;
    justify-content: center;
    padding: 0;
    list-style: none;
}

.slick-dots li button, .slick-dots li {
    width: 8px;
    height: 8px;
    padding: 0 !important;
    color: transparent;
}

.slick-dots li {
    margin: 0 1.5px;
}

.slick-dots li button {
    border-radius: 100%;
    background: #000;
}

.slick-dots li button:before {
    display: none;
}

.slick-dots .slick-active button {
    background: #fff;
    border: 1px solid #000;
}

.work-text .padding-left-right {
    padding-left: 218px;
    padding-right: 258px;
}

.work-flex {

    grid-template-columns: 1fr 58%;
    display: grid;
}

.work-text__description p {
    font-size: 61px;
    line-height: 70px;
    margin-top: 0;

    margin-bottom: 0;
}

.word-text__services {
    font-size: 16px;
}

.word-text__services ul {
    list-style: none;
    padding-left: 0;
    margin-top: 7px;
}

.word-text__services p {
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 11px;
}

.work-text {
    padding-top: 100px;
    padding-bottom: 73.22px;
}

.word-text__description {

    margin-bottom: 0 !important;
}

.work-text .btn-general {
    margin-top: 162.28px;
}

.work-grid {
    grid-template-columns: 1fr 1fr;
    gap: 61px;
    background: #EDEDED;
    display: grid;
    padding-left: 218px;
    padding-right: 247px;
    padding-top: 111px;
    padding-bottom: 111px;
    margin-bottom: 0;
}

.paragraphs {
    display: none;
}

.work-grid__title {
    font-size: 25px;
    line-height: 25px;
    font-weight: bold;
    margin-bottom: 13px;
}

.word-grid__description {
    font-size: 20px;
    line-height: 30px;
    color: #352A20;
    margin-bottom: 0;
}

.contact-header {
    background-image: url('../img/bg-contact.png');
    padding-bottom: 108px;
    position: relative;
    padding-top: 133px;
    background-size: cover;
    background-repeat: no-repeat;
}

.contact-form label {
    color: #fff !important;
    border-bottom: 1px solid rgb(255 255 255 / 100%) !important;
    font-size: 14px;
    padding-left: 14px;
    font-weight: bold;
    width: 100%;
    line-height: 19px;
    padding-top: 8.5px;
    padding-bottom: 8.5px;
    display: none;
}

.contact-form #frm_field_5_container label {
    display: block;
}

.contact-form .wpcf7-submit {
    border: 1px solid #FFFFFF !important;
    color: #fff;
    width: 160px;
    text-align: left;
    padding: 17.5px;
    position: relative;
    padding-left: 38.8px;
    border-radius: 4px;
    height: 55px;
}

.contact-form .btn-submit p::before {
    content: "";
    width: 20px;
    height: 55px;
    background-repeat: no-repeat;
    top: 50%;
    transform: translatey(-50%);
    position: absolute;
    right: 42.99px;
    background-size: contain;
    background-image: url('../img/arrow-form.svg');
}

.wpcf7-submit {
    margin-bottom: 0 !important;
    display: block;
    border: 0 !important;
}

.btn-submit p {
    width: 160px;
    position: relative;
}

.contact-form input {
    padding-bottom: 8.5px;
    padding-top: 8.5px;
    margin-bottom: 25.5px;
}

.contact-form {
    margin-top: 52px;
    position: relative;
    z-index: 1;
}

.check {
    margin-bottom: 36px;
    margin-top: 18px;
}

.frm_button_submit {
    border: 1px solid #FFFFFF !important;
    color: #fff;
    width: 160px;
    text-align: left;
    padding: 17.5px;
    position: relative;
    padding-left: 38.8px;
    border-radius: 4px;
    height: 55px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.check input, .check label {
    line-height: 1;
    border: none !important;
    width: auto !important;
    display: flex !important;
    align-items: center;
    margin-bottom: 0 !important;
    padding-bottom: 0;
    padding-left: 0;
    font-weight: initial;
}

.check input {
    width: 20px !important;
    height: 20px;
    margin-right: 11px;
    padding-left: 0;
}

.check .frm_checkbox {
    display: inline-block;
    margin-left: 0 !important;
    margin-right: 30.5px !important;
}

.check input[type="checkbox"] {
    margin-top: 0;

    /* ...existing styles */
    display: grid;
    place-content: center;
    visibility: hidden;
}

.check input[type="checkbox"]::before {
    content: "";
    position: absolute;
    display: block;
    width: 20px;
    visibility: initial;
    background-color: transparent;
    height: 20px;
    border: 1px solid #ffff;
    transition: 120ms transform ease-in-out;
    box-shadow: inset 1em 1em var(--form-control-color);
}

.check input[type="checkbox"]:checked::before {
    transform: scale(1);
    background-image: url('../img/check.svg');
    background-size: 10px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
}


.contact-form input, .contact-form textarea {
    background: transparent !important;
    border-radius: 0 !important;
    border: none;
    border-bottom: 1px solid rgb(255 255 255 / 100%) !important;
    box-shadow: none !important;
    width: 100%;
    font-size: 14px;
    color: #fff;
    line-height: 19px;
    padding-left: 14px;
    outline: none !important;
}

.contact-form textarea {
    height: 206.24px;
    resize: none;
    padding-top: 8.5px;
}

.frm_error, .frm_error_style {
    color: red;
    position: absolute;
    font-size: 14px;
    top: -17px;
}

.check .frm_error, .check .frm_error_style {
    top: -21px;
}

.frm_fields_container > .frm_form_field {
    position: relative;
}

.frm_error_style {
    display: none;
}

.contact-form input::placeholder, .contact-form textarea::placeholder {
    color: #fff !important;
    font-size: 14px;
    line-height: 19px;
}

.contact-header .main-layer {
    bottom: 0;
    height: 100%;
    top: 0;
    z-index: 0;
}

.contact-header .main-layer a {
    position: absolute;
}

.contact-header .main-layer
.contact-header > * {
    color: #fff;
}

/* .contact-header .padding-left-right {
    padding-left: 140px;
    padding-right: 140px;
} */

.contact-header h1, .contact-header h3 {
    color: #fff !important;
}

.contact-header h3 {
    margin-left: 8px;
    margin-bottom: 18px;
}

.contact-header h1 {
    margin-bottom: 62.06px;
}

.contact-header .main-contact__mail::after {
    background: #4d4d4d;
    width: 0;
    height: 2px;
    opacity: 0;
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    transition: all .4s linear;
}

.contact-header .main-contact__text-small {
    color: #fff;
}

.contact-header .main-contact__mail {
    background: transparent linear-gradient(266deg, #00D1E5 0%, #034F5D 100%) 0% 0% no-repeat padding-box;
    color: transparent;
    -webkit-background-clip: text;
}

.contact-header__item p {
    font-size: 31px;
    line-height: 41px;
    font-weight: bold;
    margin-bottom: 15px;
    color: #fff;
}

.contact-header__item li {
    color: #fff;
}

.contact-header__item ul {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

.contact-header__item a {
    font-size: 16px;
    color: #fff;
    padding-bottom: 0;
}

.contact-header__social p {
    margin-bottom: 25px;
    font-size: 20px;
    color: #fff;
}

.contact-header__social ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0 91px;
}

.contact-header__social a {
    font-size: 31px;
    color: #fff;
    line-height: 41px;
    padding: 0;
}

.contact-header__social li {
    margin-bottom: 16px;
}

.contact-header__item {
    margin-bottom: 65px;
}


.contact-header .main-contact__mail:hover::after {
    opacity: 1;
    width: 100%;
}

.contact-header__grid {
    display: grid;
    gap: 87px;
    margin-top: 0;
    grid-template-columns: 50% 1fr;
}

.contact-header__social {
    padding-left: 0;
    margin-top: -8px;
}

.contact-header__info {
    display: grid;
    height: fit-content;
    grid-template-columns: auto 1fr;
    gap: 111px;
}

.careers {
    padding-top: 60.13px;
    padding-bottom: 157.06px;
}

.careers h2 {
    margin-bottom: 79.81px;
}

.careers-item {
    border-top: 1px solid #E6E6E6;
    display: grid;
    grid-template-columns: 1fr auto;
}

.careers-item__content {
    padding-top: 55px;
    padding-bottom: 26px;
    padding-left: 91px;
    padding-right: 30px;
}

.careers-item__img {
    overflow: hidden;
}

.careers-item__img img {
    transform: translatex(-100%);
    transition: all .5s linear;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.careers-item:hover .careers-item__img img {
    transform: translatex(0);
}

.careers-item:last-child {
    border-bottom: 1px solid #E6E6E6;
}

.careers-item__title {
    letter-spacing: 0px;
    color: #000000;
    font-weight: bold;
    font-size: 49px;
    line-height: 58px;
    margin-bottom: 74px;
    text-transform: initial;
}

.careers-item__titlexs {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 8px;
    text-transform: uppercase;
}

.careers-item__description {
    font-size: 16px;
    line-height: 24px;
    max-width: 536px;
    margin-bottom: 131.5px;
}

.caarers-item__btn {
    font-size: 20px;
    transition: all .3s linear;
    color: #000 !important;
}

.caarers-item__btn:hover img {
    transition: all .5s linear;
    margin-left: 21px;
}

.caarers-item__btn img {
    width: 17px;
    height: 17px;
    transition: all .5s linear;
    margin-left: 7px;
}

.clients {
    padding-top: 229px;
    padding-bottom: 241px;
}

.clients-filter__dropdown {
    position: relative;
}

.clients-filter__dropdown li {
    margin: 0 !important;
    position: relative;
}

.clients-filter__dropdown li a {
    opacity: 0.75;
    font-size: 16px;
    padding-bottom: 0;
    line-height: 24px;
    margin-bottom: 23px;
    text-transform: initial;
}

.clients-filter__dropdown:hover ul {
    opacity: 1;
    visibility: visible;
    z-index: 999;

}

.clients-filter__dropdown a::before {
    display: none !important;
}

.clients-filter__dropdown a.active::before {
    display: block !important;
    width: 100%;
    bottom: 0;
}

.clients-filter__dropdown ul {
    list-style: none;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 16px #00000029;
    grid-template-columns: 1fr 1fr;
    padding: 26.8px 34.6px;
    display: grid;
    position: absolute;
    top: 40px;
    width: 612px;
    /*overflow-x:*/
    gap: 0 78px;
    opacity: 0;
    visibility: hidden;
    /*overflow: overlay;*/
    transition: all .2s linear;
}

/* .clients .padding-left-right {
    padding-left: 250.93px;
    padding-right: 250.93px;
} */

.clients-title {
    font-size: 61px;
    line-height: 70px;
    margin-bottom: 46px;
    text-transform: uppercase;
    text-align: center;
    font-weight: normal;
}

.clients-filter {
    display: flex;
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
    justify-content: center;
    margin-bottom: 100px;
    text-transform: uppercase;
}

.clients-list {
    column-count: 3;
    list-style: none;
    gap: 0 60px;
    padding: 0;
}

.clients-list ul {
    list-style: none;
    padding: 0;
    margin-bottom: 0;
}

.clients-list li {
    font-size: 20px;
    line-height: 35px;
    color: #000000;
    opacity: 0.75;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 12.36px;
}

.clients-list li a {
    font-size: 20px;
    line-height: 35px;
    color: #000000;
    text-decoration: underline !important;
    text-decoration-color: #007589 !important;
}

.clients-filter li {
    margin: 0 27px
}

.clients-filter a {
    color: #352A20;
    transition: all .3s linear;
    padding-bottom: 30px;
}

.clients-filter a.active::before {
    width: 100%;
}

.clients-filter a::before {
    content: "";
    position: absolute;
    background: #0093A1;
    bottom: 30px;
    width: 0;
    height: 2px;
    transition: all .3s linear;
}

.clients-filter a:hover::before {
    width: 100%;
}

.services-grid {
    display: grid;
    gap: 177px;
    grid-template-columns: 1fr 59%;
}

.about-genetal__title {
    margin-bottom: 30.55px;
}


.about-genetal__description {
    font-size: 39px;
    line-height: 49px;
    color: #352A20;
    margin-bottom: 0;
    transition: all .3s linear;
}

.about-genetal__description > p {
    margin-bottom: 14px;
}

.about .about-genetal__description {
    font-size: 61px;
    line-height: 70px;
}


.about-experience {
    padding-top: 230px;
    background-color: #0b343e;
    padding-bottom: 227px;
    background-image: url('../img/bg-experience-1.webp');
    background-size: cover;
    background-repeat: no-repeat;
}

.about-experience__text {
    letter-spacing: 0px;
    text-align: center;;
    color: #FFFFFF;
    font-size: 39px;
    max-width: 961px;
    margin: 0 auto;
    line-height: 49px;
}

.services {
    background-image: url('../img/bg-services-1.png');
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    background-position-y: top;
    padding-top: 128.43px;
    color: #fff;
    padding-bottom: 134px;
    background-position-x: left;
    overflow: hidden;
}

.services-circle__top {
    position: absolute;
    left: 54px;
    width: 721px;
    top: 0;
}

.services-circle__bottom {
    position: absolute;
    bottom: 0;
    right: -88px;
}

.service-tab {
    flex: 1;
}

.service-tab span {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 7.5px;
    color: #FFFFFF;
}

.service-tab h2 {
    font-size: 31px;
    line-height: 41px;
    color: #fff;
    font-weight: normal;
}

.services .about-genetal__title {
    text-align: center;
    color: #fff;
}

.services .about-genetal__description {
    text-align: center;
    margin-bottom: 141px;
    color: #fff;
    width: 60%;
    margin-left: auto;
    margin-right: auto;
}

.services-item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 50vh;
    padding: 30px 30px 23.84px 30px;
    overflow: hidden;
    transition: all .3s linear;
    position: relative;
}

.services-item .button-arrow {
    font-size: 17px;
}

.services .padding-left-right {

}

a.services-item__link {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1;
    height: 100%;
}

.services-left {
    padding-left: 106px;
    padding-top: 130px;
    padding-bottom: 130px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.services-item__img img {
    width: 100%;
    height: 100%;
    margin-bottom: 33px;
    object-fit: cover;
}

.services-item__description p {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 0;
}

.nav-tabs {
    border: none !important;
    padding: 0 87px 0 93px;
    margin-bottom: 72.3px;
}

.service-tab .nav-link {
    width: 100%;
}

.service-tab__title {
    border-radius: 0 !important;
    width: 100%;
    -webkit-appearance: none !important;
    border: none;
    border-right: 1px solid #fff;
    text-align: left;
    border-radius: 0 !important;
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: flex-start;
    padding: 24.5px 26.26px;
    padding-bottom: 56.25px;
    background: #ffffff36;
    position: relative;
    opacity: 1;
}

.service-tab:last-child .service-tab__title {
    border-right: 1px solid transparent !important;
}

.service-tab .service-tab__title.active {
    background: transparent linear-gradient(111deg, #008096 0%, var(--unnamed-color-000000) 75%, var(--unnamed-color-000000) 100%) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(111deg, #008096 0%, #000000 75%, #000000 100%) 0% 0% no-repeat padding-box;
    opacity: 1;;
}

.service-tab .nav-link {
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    background: none !important;
}

.service-tab .service-tab__title.active svg, .service-tab .service-tab__title:hover svg {
    transform: rotate(90deg);
    transition: all .2s linear;
}

.service-tab .service-tab__title.active svg path, .service-tab .service-tab__title:hover svg path {
    fill: #fff;
}


.tab-grid {
    grid-template-columns: 30.8788% 1fr;
    gap: 92px;
    display: grid;
    padding-left: 154px;
    padding-right: 150.5px;
}

.tab-right {
    margin-top: 59px;
}

.services-item:hover .button-arrow svg {
    transform: translate(0);
}

.services-item__title {
    font-size: 31px;
    line-height: 41px;
    text-transform: uppercase;
    margin-bottom: 18.7px;
    font-weight: bold;
}

.service-tab__title svg {
    transition: all .2s linear;
    width: 15px;
    margin-top: 11px;
    height: 27px;
}

.service-tab__title svg path {
    fill: #aaaaaaff;
}

.services-item .button-arrow svg {
    width: 18px;
    height: 18px;
    margin-left: 5px;
    margin-top: -3px;
}


.services-right {
    display: grid;
    grid-template-columns: 1fr 1fr;
    height: fit-content;
}

.collapse-section {
    position: relative;
    overflow: hidden;
    padding: 0;
    padding-top: 187.2px;
    padding-bottom: 209.25px;
    background-image: url('../img/bg-we_do.png');
    background-size: cover;
}

.collapse-section .accordion-button::after {
    display: none;
}


.collapse-bg lottie-player {
    width: 60%;
    height: 100%;
    opacity: 0 !important;
}

.collapse-section .accordion-item:last-child {
    border-color: #fff !important;
}

.accordion-item .collapsed
.collapse-section .accordion-button {
    border-color: #fff !important;
    font-size: 39px;
    line-height: 49px;
}

.collapse-section .accordion {
    --bs-accordion-bg: transparent;
}

.collapse-section h2 {

    font-weight: 400;
    font-size: 39px;
    line-height: 49px;
    width: 70%;
}

.collapse-section .accordion-header .accordion-button {
    padding-top: 40px;
    padding-bottom: 37px;

}

.collapse-section .accordion-button {

    color: #fff !important;
}

.collapse-section .accordion-body {
    color: #fff;
    padding-left: 24px;
    max-width: 79.576%;
    padding-top: 0;
    padding-bottom: 33.95px;
    margin-top: -6px;
    font-size: 20px;
    line-height: 30px;
}

.collapse-section .padding-left-right {
    padding-right: 252px;
}

.collapse-section .about-genetal__title, .collapse-section .about-genetal__description {
}

.collapse-flex {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 93px;
    align-items: center;
    position: relative;
}

.collapse-right p {
    font-size: 20px;
    margin-left: auto;
    line-height: 30px;
    margin-bottom: 30px;
    max-width: 88.606%;
}

.collapse-right p:last-child {
    margin-bottom: 0;
}

.collapse-section .about-genetal__description {
    max-width: 100%;
    font-size: 61px;
    line-height: 70px;
    margin-top: 29.55px;
}

.collapse-left {
    /*padding-top: 14.78px;*/
}

.collapse-icon {
    position: absolute;
    right: -71px;
}

.collapse-left {
    margin-top: 0;
}

.about {
    position: relative;
}

.about-img {
    height: 100%;
    position: relative;
}

.about-img .main-layer {
    top: 182px;
    bottom: initial;
}

.about-grid {
    display: grid;
    grid-template-columns: 1fr  59%;
    gap: 144px;
    height: 100vh;
    align-items: center;
    overflow: hidden;
}

/*.about .main-layer {*/
/*	bottom: 39px;*/
/*}*/

.about-text {
    padding-right: 252px;
}

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

.people {
    background-image: url('../img/bg-people-2.png');
    margin-bottom: 157px;
    background-size: cover;
    padding-top: 77px;
    background-position: bottom;
    position: relative;
    padding-bottom: 167px;
}

.people .padding-left-right {
    padding-left: 73.5px;
    padding-right: 0;
}

.people h2 {
    color: #fff;

}

.people-header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
    align-items: center;
}

.people-circle-sm, .people-circle-xs {
    position: absolute;
}

.people-circle-xs {
    top: 241px;
    right: 453px;
    width: 123px;
    height: 123px;
}

.people-circle-sm {
    right: 0;
    top: 162px;
    object-fit: contain;
}

.people-slider .slick-list {
    margin-left: -20px;
    padding-left: 0 !important;
    padding-right: 91px !important;
}

.people-slider {
    margin-top: 33px;
    padding-left: 73.5px;

}

.people-slider .slick-arrow {
    width: 19px;
    height: 19px;
    object-fit: contain;
    background: none;
    position: absolute;
    top: 0;
}


.about-next {
    left: 150px;
}

.people-img {
    overflow: hidden;
    display: flex;
    justify-content: center;
    padding-top: 0 !important;
    margin-top: 60px;
    margin-bottom: 19px;
    transition: all .7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.people-slider__item:hover .people-img {
    /*transform: translatey(-16px);
	transition: all .7s cubic-bezier(0.25, 0.46, 0.45, 0.94);*/
}

.people-slider__item:hover .people-img img {
    transform: scale(1.10775);
    /*transition: all .7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	height: 329px;*/
}

.people-img img {
    object-fit: cover;
    transition: all .3s linear;
    height: auto;
    width: 100%;
}

.people-slider__item {
    margin: 0 20px;
    position: relative;
    padding-top: 53.5px;
    border-bottom: 1px solid #fff;
    transition: all .3s linear;
}

.people-slider .slick-list {
    margin-left: -20px;
}


.people-slider__item:nth-child(odd) .people-slider__item--lottie {
    background-image: url('../img/gif3.gif');
}

.people-slider__item--lottie {
    background-image: url('../img/gif2.gif');
    position: absolute;
    transition: all .3s linear;
    top: 0;
    width: 100%;
    opacity: 0;
    height: 100%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    z-index: -1;
}

.people-slider__item:hover .people-slider__item--lottie {
    opacity: 1;

}

.people-slider__item lottie-player {
    width: 100%;
    height: 100%;
}

.people-slider__item:hover .button-arrow img {
    transform: rotate(0);
}

.people-link {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.people .button-arrow {
    color: #fff;
    font-size: 17px;
    margin-bottom: 0;
    display: flex;
    align-items: center;
}

.people .button-arrow img {
    filter: brightness(0) invert(1);
    width: 28px;
    margin-left: 14px;
    height: 28px;
}

.people-position {
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    line-height: 19px;
    margin-bottom: 33px;
}

.people-position__mobile {
    display: none;
}

.people-name {
    font-size: 25px;
    line-height: 35px;
    color: #fff;
    font-weight: bold;
    margin-bottom: 0;
    text-transform: uppercase;
}

.offcanvas-people__title {
    font-size: 39px;
    margin-bottom: 34px;
    line-height: 49px;
    color: #fff;
    font-weight: bold;
    text-transform: capitalize;
}

.offcanvas-social {
    margin-top: 20px;
}

.offcanvas-social img {
    width: 38px;
    height: 38px;
    object-fit: contain;
}

.offcanvas-people .offcanvas-close svg {
    filter: brightness(0) invert(1);
}

.offcanvas-people .offcanvas-close {
    position: absolute;
    top: 30px;
    right: 30px;
}

.offcanvas-people {
    background-color: #000;
    color: #fff;
    transition: transform .9s ease-in-out !important;
}


.offcanvas-people > * {
    color: #fff;
}

.offcanvas-people .offcanvas-body {
    padding-left: 89px;
    padding-right: 167px;
    padding-top: 111px;
    padding-bottom: 72px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.offcanvas-people__text-large {
    font-size: 25px;
    line-height: 35px;
    margin-bottom: 12px;
}

.offcanvas-people__text-small {
    font-size: 16px;
    line-height: 24px;
}

.small-slider__carousel .small-slider__item {
    padding-bottom: 10px;
}

.service-arrow--desktop {
    width: 15px;
    height: 27px;
}

.service-arrow--mobile {
    display: none;
    width: 20.37px !important;
    height: 15.41px !important;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.invalid .wpcf7-response-output {
    margin: 0;
    border: none;
    padding: 0;
    COLOR: #fff;
}

.wpcf7 form .wpcf7-response-output {
    margin: 0;
    border: none;
    padding: 0;
    COLOR: #007589;
}

.frm-show-form {
    display: flex;
    flex-direction: column;
    position: relative;
}

.frm_message {
    order: 1;
    margin-top: 19px;
    position: absolute;
    bottom: -7px;
    max-width: 322px;
    left: 215px;
}

.frm_message p {
    color: #007589;
    font-size: 14px;
    line-height: 19px;
}

.frm_message b {
    color: #FFFFFF;
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
    width: 100%;
    display: block;
    margin-bottom: 6px;
}

.main-404 {
    height: 100vh;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url('../img/bg-404.png');
    margin: 0 !important;
}

.main-404__title {
    color: #FFFFFF;
    font-size: 180px;
    line-height: 197px;
    text-align: center;
    margin-bottom: 0;
}

.main-404 p {
    color: #FFFFFF;
    margin-bottom: 0;
    font-size: 39px;
    line-height: 49px;
    text-align: center;
}

.main-404 .container {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.privacy-grid {
    padding-top: 174px;
    padding-bottom: 265px;
}

.privacy-single .padding-left-right {
    padding-left: 106px;
    padding-right: 252px;
}

.privacy-grid {
    display: grid;
    gap: 206px;
    grid-template-columns: 1fr 50%;
}

.privacy-title {
    font-size: 61px;
    font-weight: bold;
    line-height: 70px;
    margin-bottom: 0;
}

.privacy-single__content h2, .privacy-single__content h3, .privacy-single__content h4 {
    color: #352A20;
    font-size: 20px;
    line-height: 30px;
    font-weight: bold;
    margin-bottom: 8px;
}

.privacy-single__content p, .privacy-single__content span {
    color: #352A20;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 22px;
}


.post-banner img {
    width: 100%;
    height: 800px;
    object-fit: cover;
}


@media (min-width: 0px) and (max-width: 600px) {
    .privacy-grid {
        gap: 16px;
        grid-template-columns: 100%;
    }

    .contact-form input, .contact-form textarea, .contact-form label {
        padding-left: 7px;
        border-color: #a4a2aa;
    }

    .contact-header__item li {
        width: 76%;
    }

    .contact-header__item li br {
        display: none;
    }

    .check input, .check label {
        padding-top: 0 !important;
        padding-left: 0 !important;
    }

    .check input[type="checkbox"]:checked::before {
        background-size: 10px;
    }

    .privacy-title {
        font-size: 31px;
        line-height: 41px;
    }

    .privacy-single__content h2, .privacy-single__content h3, .privacy-single__content h4 {
        font-size: 16px;
        line-height: 24px;
    }

    .privacy-single__content p, .privacy-single__content span {
        font-size: 14px;
        line-height: 19px;
    }

    .privacy-single .padding-left-right {
        padding-left: 29px;
        padding-right: 30px;
    }

    .privacy-grid {
        padding-top: 105px;
        padding-bottom: 125px;
    }

    .filter-header ul {
        width: 100%;
    }

    .people-circle-sm, .people-circle-xs {
        display: none;
    }

    .main-social a:last-child {
        order: 0;
    }

    .filter-header.filter-header-down .padding-left-right {
        padding-right: 0 !important;
    }

    .main-404 {
        height: 100vh;
        background-image: url('../img/bg-404-3.png');
    }

    .main-404__title {
        font-size: 95px;
        line-height: 105px;
    }

    .main-404 p {
        font-size: 25px;
        line-height: 35px;
    }

    .tab-right {
        margin-top: 0;
    }

    .accordion-body, .accordion-body a {
        font-size: 14px;
        line-height: 19px;
    }

    .accordion-body {
        padding-top: 0;
        padding-left: 0;
        padding-right: 0;
    }

    .main-contact img, .main-contact svg {
        margin-top: 7px;
        margin-left: -10px;
        width: 21.12px;
    }

    .services-circle__top, .services-circle__bottom {
        display: none !important;
    }

    .word-text__services p {
        margin-bottom: 11px;
        margin-top: 0;
    }

    .word-text__services ul {
        margin-bottom: 71px;
        margin-top: 0;
    }

    .work-textimonials__text {
        font-size: 20px;
        line-height: 30px;
        padding-top: 53.22px;
        padding-bottom: 34.22px;
        padding-left: 44.31px;
        padding-right: 42.31px;
        max-width: 100%;
    }

    .check .frm_checkbox {
        width: 100%;
        margin-bottom: 12.5px !important;
    }

    .frm_checkbox:last-child {
        margin-bottom: 0 !important;
    }

    .contact-header__social {
        margin-top: 12px;
    }

    .work-text .btn-general {
        margin-top: 43.75px;
        font-size: 16px;
        line-height: 24px;
    }

    .slick-next__testimonial, .slick-prev__testimonial {
        width: 11px !important;
        height: 20px !important;
    }

    .work-textimonials .padding-left-right {
        padding-left: 17.69px;
        padding-right: 18.69px;
    }

    .work-textimonials__name {
        margin-bottom: 5px;
    }

    .work-textimonials__text::before {
        height: 19px;
        width: 29px;
    }

    .work-flex {
        grid-template-columns: 100%;
        padding-bottom: 0;
    }

    .work-img-text-big .container-grid {
        grid-template-columns: 100%;
        gap: 27px;
    }

    .work-text__left, .work-text__right {
        color: #352A20;
        padding-left: 0;
        padding-right: 0;
        font-size: 20px;
        line-height: 30px;
    }

    .work-img__right img, .work-img__left img, .work-img__right video, .work-img__left video {
        height: 485px;
        width: 100%;
    }

    .people-slider__item--lottie {
        display: none !important;
    }

    .people-header {
        margin-bottom: 23.42px;
    }

    .main-layer_post-mobile {
        display: block !important;
        height: 100% !important;
    }

    .post-single .post-banner img {
        height: 235px;
    }

    /*.main-banner .main-layer a {*/
    /*	bottom: 100px;*/
    /*}*/
    .collapse-section {
        background-image: url('../img/bg-we_do-2.png')
    }

    .collapse-section .accordion-body {
        max-width: 100%;
    }

    .collapse-section .padding-left-right {
        padding-right: 30px;
    }

    .collapse-right p {
        max-width: 100%;
    }

    .services-item .button-arrow svg {
        width: 20px;
        height: 20px;
        margin-top: -5px;
        margin-left: 5px;
    }

    .work-text-img .container-grid {
        grid-template-columns: 100%;
    }

    .navbar-toggler--open span:nth-child(1) {
        width: 50%;
    }

    .navbar-toggler--open:hover span:nth-child(1) {
        width: 100%;
    }


    .navbar-toggler--open span:nth-child(3) {
        width: 50%;
        margin-left: auto;
        transform: none;
    }

    .navbar-toggler--open:hover span:nth-child(3) {
        width: 47%;
        transform: none;

    }

    .main-social a {
        margin-right: 0;
    }

    .main-social {
        gap: 17.21px;
    }

    .main-social img {
        height: 21.23px;
    }

    .offcanvas-collapse .btn-general {
        font-size: 16px;
        line-height: 24px;
    }

    .paginator ul {
        height: auto;
    }

    .main-contact p {
        margin-top: 56px;
    }

    .main-contact h2 {
        font-size: 39px;
        line-height: 49px;
    }

    .thinking-principal__grid:hover .thinking-principal__text {
        background: transparent !important;
    }

    .thinking-principal__text {
        padding: 0 !important;
    }

    .thinking-header {
        padding-bottom: 0 !important;
        padding-top: 100px;
    }

    .thinking-aditional__item .button-arrow img, .thinking-principal__grid .button-arrow img {
        display: none;
    }

    .thinking-aditional__item .button-arrow svg {
        display: block;
        width: 15px;
        height: 15px;
        margin-top: 5px;
    }

    .thinking-principal__grid .button-arrow svg {
        display: block;
        width: 15px;
        height: 15px;
    }

    .work-banner__full img {
        height: 230px;
    }

    .work-banner__padding img {
        height: 229.93px;
    }

    .work-banner__full-any img, .work-banner__full-any video {
        height: auto;
    }

    .contact-header h1 {
        margin-bottom: 57px;
    }

    .brand-about .navbar-toggler {
        margin-top: 0;
    }

    .work-header .main-layer_post-mobile a {
        bottom: 0 !important;
        padding-bottom: 0 !important;
    }

    .main-case h2 {
        font-size: 31.25px;
        line-height: 41px;
    }

    .clients-filter__dropdown ul {
        grid-template-columns: 100%;
        height: 500px;
    }

    .clients-filter__dropdown ul {
        grid-template-columns: 100%;
    }

    .navbar .container-about {
        grid-template-columns: 1fr 1fr;
    }

    .main-case__see {
        bottom: 25px;
        width: 48px;
        height: 48px;
        transition: all .4s linear;
    }

    .main-case__see:hover {
        padding: 0;
        width: 48px;
    }

    .main-case__see:hover img {
        opacity: 1;
        width: 70px;
    }

    .main-case__see p {
        display: none;
    }

    .offcanvas-collapse {
        padding-top: 18px;
    }

    .navbar-social {
        padding-left: 0;
    }

    .custom-logo {
        width: 111.66px;
        height: 24px;
    }

    .navbar-toggler--close span {
        margin-right: 0;
    }

    .main-footer .padding-left-right /*, .clients .padding-left-right*/
    {
        padding-left: 29px;
        padding-right: 30px;
    }

    .contact-header .padding-left-right {
        padding-left: 29px;
        padding-right: 30px;
    }

    .padding-left-right, .padding-left-right-v2 {
        padding-left: 28px;
        padding-right: 30px;
    }

    .about-experience .padding-left-right {
        padding-left: 29px;
        padding-right: 29px;
    }

    .work-banner__padding .padding-left-right, .work-banner__padding--any .padding-left-right {
        padding-left: 29px;
        padding-right: 30px;
    }

    .main-case__text {
        padding: 16px;
    }

    h3 {
        font-size: 16px;
    }

    h2 {
        font-size: 31.25px;
        line-height: 41px;
    }

    .main-case__item {
        display: flex;
        height: 100%;
        flex-direction: column;
    }

    .main-case__content {
        position: relative;
        width: 100%;
        order: -1;
        min-height: 222px;
    }

    .main-case img, .main-case video {
        height: 220px;
    }

    .main-case__content-bg {
        width: 100%;
        opacity: 1;
    }

    .main-case {
        padding-left: 13px;
        padding-right: 12px;
    }

    .main-contact .padding-left-right {
        padding-left: 29px;
        padding-right: 30px;
    }

    .main-case__item {
        border-top: 42px solid transparent;
    }

    .main-contact__mail {
        font-size: 29px;
        margin-top: 17.5px;
    }

    .main-contact__title {
        margin-bottom: 0;
        font-size: 48px;
        line-height: 58px;
    }

    .main-contact .padding-top-bottom {
        padding-top: 111px;
        padding-bottom: 113.12px;
    }

    .contact-header h3 {
        margin-left: 0px;
        margin-top: 0;
        margin-bottom: 0px;
    }

    .main-footer__links a {
        font-size: 14px;
        width: 100%;
        margin-bottom: 14px;
    }

    .main-footer__links a:last-child {
        margin-bottom: 0;
    }

    .main-footer__social img {
        height: 20px;
    }

    .main-footer__social a {
        margin-right: 10.64px;
    }

    .main-footer__links {
        flex-direction: column-reverse;
        gap: 10px;
    }

    .main-footer {
        padding-top: 37px;
        padding-bottom: 67px;
    }

    .navbar-toggler--open p {
        display: none;
    }

    .navbar-toggler--close p {
        display: none;
    }

    .main-brand {
        margin-right: 0;
        margin-left: 0;
    }

    .fixed-top nav {
        padding-top: 11px !important;
        padding-bottom: 11px !important;
    }

    #navbar .offcanvas-collapse {
        padding-top: 11px !important;
    }


    .off-canvas-container {
        min-height: calc(92vh - 50px);
        height: 100%;
        justify-content: space-around;
    }

    .navbar-toggler--open span {
        width: 39px;
    }

    .main-case__content {
        position: relative;
        width: 100%;
        order: -1;
        min-height: 222px;
    }

    .post-header {
        grid-template-columns: 100%;
    }

    .post-title {
        font-size: 31px;
        line-height: 41px;
        margin-bottom: 13px;
    }

    .post-single .post-header {
        padding-top: 105px;
        margin-bottom: 0;
    }

    .post-header p {
        font-size: 20px;
        margin-bottom: 17px;
        margin-top: 0;
    }

    .post-banner {
        margin-top: 3px;
        margin-bottom: 0;
    }

    .work-header .post-banner {
        margin-top: 36px;
    }

    .work-header h3 {
        font-size: 14px;
        line-height: 19px;
    }

    .work-header h1 {
        font-size: 39px !important;
        line-height: 49px !important;
        margin-bottom: 11px !important;
    }

    .work-header {
        padding-top: 89px !important;
        margin-bottom: 0 !important;
    }

    .post-single__content h2 {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 3px;
    }

    .post-single__content p {
        font-size: 16px !important;
    }

    .post-single .container {
        padding-top: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .post-single__content {
        padding-bottom: 0px;
    }

    .general-header h1 {
        font-size: 39.06px;
        margin-top: 0;
        margin-bottom: 41px;
        line-height: 49px;
    }

    .services-header h1 {
        font-size: 31px;
        line-height: 41px;
        margin-bottom: 25px;
    }

    .services-banner {
        margin-bottom: 25px;
    }

    .services-single__content .container {
        padding-left: 29px;
        padding-right: 30px;
    }

    .services-banner img {
        height: 235px;
    }

    .services-single__content h2 {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 15px;
    }

    .services-single__content figure {
        margin-bottom: 25px;
        line-height: 25px;
    }

    .thinking-header h1 {
        margin-bottom: 21px !important;
    }


    .thinking-principal__img {
        height: 235px;
    }

    .thinking-principal__date {
        font-size: 20px;
        line-height: 30px;
    }

    .thinking-aditional__item {
        margin-left: 0;
        margin-right: 0;
        padding-right: 0;
        padding-left: 0;
        padding-top: 28px;
        padding-bottom: 28px;
    }

    .general-header, .contact-header {
        padding-top: 103px;
    }

    .selected-header h1 {
        margin-bottom: 16px;
    }


    .thinking-principal__text {
        padding-left: 0;
        padding-right: 0;
        padding-top: 35px;
        padding-bottom: 35px;
    }


    .thinking-principal__title {
        font-size: 25px;
        line-height: 35px;
    }

    .thinking-principal__date {
        margin-bottom: 36.5px;
    }

    .thinking-principal__description {
        margin-bottom: 20px;
        font-size: 16px;
        line-height: 24px;
    }

    .thinking-principal__grid {
        grid-template-columns: 100%;
        gap: 35px;
        margin-bottom: 42.8px;
    }

    .thinking-aditional__item .button-arrow {
        position: absolute;
        top: 28px;
        right: 0;
    }

    .button-arrow img {
        width: 29.7px;
        height: 29.7px;
    }

    .thinking-principal {
        padding-bottom: 0;
    }

    .thinking-aditional__title {
        font-size: 25px;
        line-height: 35px;
        padding-bottom: 24px;
        margin-bottom: 0;
        border-bottom: 1px solid #000;
    }

    .thinking-aditional__item {
        margin-left: 0;
        margin-right: 0;
        padding-right: 0;
        gap: 0;
        display: grid !important;
        padding-left: 0;
        padding-top: 28.78px;
        padding-bottom: 26.43px;
        grid-template-columns: 100%;

    }

    .thinking-aditional__data > * {
        font-size: 16px;
        line-height: 24px;
    }

    .thinking-aditional__data h2 {
        margin-bottom: 5px;
        max-width: 78.867%;
    }

    .thinking-aditional__data p {
        margin-bottom: 26px;
    }

    .thinking-aditional__description {
        font-size: 16px;
        text-align: left;
    }

    .thinking-aditional {
        padding-bottom: 82px;
    }

    .thinking-aditional .btn-general {
        display: block;
    }

    .post-single .post-banner {
        margin-bottom: 19px;
        margin-top: 19px;
    }

    .selected-post {
        grid-template-columns: 100%;
        /*grid-column: 100%;*/
        gap: 42px 41px;
    }

    .selected-post__item {
        grid-column: initial !important;
    }

    .filter-content {
        flex-direction: column;
        align-items: flex-start;
    }

    .filter-header p {
        margin-bottom: 0;
        padding-bottom: 20px;
    }

    .filter-header ul a {
        font-size: 16px;
    }

    .filter-header ul li {
        margin-right: 9.2px;
    }

    .selected-header .padding-left-right {
        display: block;
    }

    .selected-header__description {
        font-size: 20px;
        line-height: 30px;
        margin-top: 17px;
        color: #352A20;
    }

    .cat-filter-up li a {
        font-size: 20px;
        padding-bottom: 14.5px;
        line-height: 30px;
        margin: 0px 0px;
    }

    .cat-filter-up {
        justify-content: space-between;
        gap: 10px 22px;
        width: 100%;
        margin: 0 auto;
    }

    .filter-header {
        padding-top: 55.5px;
        padding-bottom: 12.54px;
    }

    .selected-post__title {
        flex-direction: column;
        align-items: flex-start;
    }

    .selected-post__title .button-arrow {
        position: initial;
        padding-bottom: 0;
    }

    .selected-post__title h2 {
        font-size: 31px;
        line-height: 41px;
        margin-bottom: 26px;
    }

    .selected-post__img {
        margin-bottom: 25.91px;
    }

    .selected-post__title .button-arrow img, .selected-post__title .button-arrow svg {
        width: 18px;
        height: 18px;
        margin-top: -7px;
        margin-left: 10px;
    }

    .selected-post__item:hover .button-arrow svg {
        transform: rotate(-45deg);
        margin-left: 10px;
    }

    .selected-section {
        /* padding-bottom: 99px; */
    }

    .main-layer lottie-player {
        width: 68px !important;
        height: 68px !important;
    }

    .selected-section .btn-general {
        margin-top: 80px;
        font-size: 16px;
        line-height: 24px;
    }

    .navbar .container {
        padding-left: 17.97px;
        padding-right: 18px;
        width: 100%;
    }

    .selected-post__img::after {
        opacity: 1;
    }


    .paginator a {
        letter-spacing: 0px;
        font-size: 20px;
        font-weight: bold;
    }

    .paginator {
        padding-bottom: 80px;
    }

    .paginator {
        padding-bottom: 53px;
    }

    .work-text {
        padding-bottom: 41.75px !important;
        padding-top: 42px;
        margin-bottom: 0 !important;
    }

    .work-text .padding-left-right {
        padding-left: 28px;
        padding-right: 28px;
    }


    .work-text__description p {
        font-size: 31px;
        line-height: 41px;
    }

    .contact-header__grid, .contact-header__info {
        grid-template-columns: 100%;
        gap: 0;
    }

    .contact-header__grid {
        margin-top: 0;
    }

    .contact-header__item p {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 8px;
    }

    .contact-header__item {
        margin-bottom: 25px;
    }

    .contact-header__social a {
        font-size: 25px;
        line-height: 35px;
    }

    .contact-form {
        margin-top: 0;
        position: initial;
    }

    .contact-header__grid {
        gap: 37.43px;
    }

    .check {
        margin-top: 22px;
        margin-bottom: 22.5px;
    }

    .contact-header__social p {
        margin-top: 0;
    }

    .frm_message {
        left: 0;
        right: 0;
        width: 100%;
        bottom: 46px;
        max-width: 100%;
        margin-top: 0;
        padding-left: 29px;
        padding-right: 30px;
    }

    .frm_button_submit {
        gap: 0 !important;
    }

    .frm_button_submit svg {
        margin-left: 12px;
    }

    .frm-show-form {
        position: initial;
    }


    .contact-header .main-contact__mail::after {
        width: 100%;
        opacity: 1;
    }

    .main-contact__text-small {
        font-size: 16px;
        margin: 0;
    }

    .contact-header .main-contact__mail::after {
        background: #fff;
    }

    .contact-form textarea {
        height: 142.24px;
    }

    .contact-header {
        padding-bottom: 153px;
        background-position: bottom;
        background-image: url('../img/bg-contact-2.png');
    }

    .contact-header .main-layer {
        display: none;
    }

    .contact-header__social ul {
        gap: 34.5px;
    }

    .careers-item__content {
        padding-left: 12.25px;
        padding-right: 63.75px;
    }

    .careers h2 {
        font-size: 39px;
        line-height: 49px;
        margin-bottom: 18px;
    }

    .careers {
        padding-top: 26.38px;
        padding-bottom: 58px;
    }

    .careers-item {
        grid-template-columns: 100%;
    }

    .careers-item__title {
        font-size: 25px;
        line-height: 35px;
        margin-bottom: 23px;
    }

    .careers-item__description {
        margin-bottom: 35px;
        max-width: 100%;
    }

    .caarers-item__btn {
        font-size: 16px;
        padding-bottom: 0;
    }

    .careers-item__img {
        display: none;
    }

    .careers-item__titlexs {
        font-size: 16px;
        margin-top: 0;
        line-height: 24px;
        margin-bottom: 11px;
    }

    .careers-item__content {
        padding-top: 40px;
        padding-bottom: 44px;
    }

    .clients-list {
        column-count: 1;
        gap: 0;
        justify-items: center;
    }

    .clients-list ul {
        width: 100%;
    }

    .clients-list li {
        width: fit-content;
        margin-bottom: 13.36px;
        font-size: 20px;
        line-height: 30px;
    }

    .clients-list li a {
        font-size: 20px;
        line-height: 30px;
        padding: 0 !important;
        margin: 0 !important;
    }

    .clients-title {
        font-size: 39px;
        line-height: 49px;
        margin-bottom: 22px;
    }

    .clients-filter__dropdown ul {
        width: 100%;
        right: -11.5px !important;
        top: 60px;
        padding: 23.5px 17.5px;
        left: -11.5px;
        column-count: 2;
        display: block;
        top: 41px !important;
        height: auto;
        padding-bottom: 28.83px;
    }

    .clients-filter__dropdown li a {
        margin-bottom: 10.27px !important;
        font-size: 14px !important;
        opacity: 1;
        color: #000 !important;
        line-height: 19px !important;
    }

    .clients-filter__dropdown {
        position: initial;
    }

    .clients-filter a {
        font-size: 16px;
    }

    .clients-filter li {
        margin: 0 19px;
    }

    .clients-filter {
        margin-bottom: 16.51px;
        position: relative;
    }

    .services-grid {
        grid-template-columns: 100%;
        gap: 0;
    }

    .services-right {
        grid-template-columns: 100%;
    }

    .offcanvas.offcanvas-end {
        width: 100%;
    }

    .about-genetal__description, .about .about-genetal__description, .collapse-section .about-genetal__description {
        font-size: 31px;
        line-height: 41px;
    }

    .about-genetal__title {
        margin-bottom: 16px;
    }

    .collapse-grid {
        grid-template-columns: 100%;
        gap: 83px;
    }

    .services-left {
        padding-top: 60px;
        padding-bottom: 42px;
    }

    .collapse-section {
        padding-top: 84px;
        background-position: bottom;
        padding-bottom: 84px;
    }

    .services .padding-left-right {
        padding-left: 28px;
        padding-right: 30px;
    }

    .services .about-genetal__title {
        text-align: left;
    }

    .services .about-genetal__description {
        text-align: left;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 93px;
    }

    .services-left {
        padding-left: 28px;
        padding-right: 30px;
    }

    .services-item {
        height: 47vh;
    }


    .about-grid {
        grid-template-columns: 100%;
        gap: 42px;
        height: 100vh;
    }

    .about-text {
        padding-left: 28px;
        padding-right: 30px;
        order: -1;
    }

    .collapse-section .accordion-button h2 {
        font-size: 25px;
        line-height: 35px;
    }

    .about {
        height: 100vh;
    }

    .about-grid {
        padding-top: 105px;
    }

    .about-img img {
        height: 100%;
    }

    .main-layer--mobile {
        display: block;
    }

    .about .main-layer.main-layer--mobile {
        bottom: 100px;
        top: initial;
    }

    .about-img {
        height: 100%;
        overflow: hidden;
    }

    .main-banner {
        margin-bottom: 8px;
    }

    .main-banner .main-layer {
        bottom: 14px;
    }

    .selected-header {
        padding-bottom: 50px;
    }

    .services-canvas__header img {
        display: none;
    }

    .services-canvas__header {
        grid-template-columns: 100%;
        gap: 0;
    }

    .services-canvas .services-item__title {
        margin-bottom: 14px;
    }

    .services-canvas__header {
        margin-bottom: 26.66px;
    }

    .services-canvas .offcanvas-body {
        padding: 71px 30px 40px 29px;
    }

    .services-canvas .offcanvas-close {
        right: 21px;
        top: 18px;
    }

    .clients {
        padding-top: 59.53px;
        padding-bottom: 59px;
    }

    .people .padding-left-right {
        padding-left: 28px;
        padding-right: 29px;
    }

    .people-slider {
        padding-top: 0;
        padding-left: 29px;
    }

    .people-slider .slick-list {
        padding-right: 93px !important;
    }

    .people-img img {
        /*height: 191px;*/
    }

    .people-img {
        margin-bottom: 31px;
        padding-top: 0;
    }

    .people-slider__item {
        padding-top: 48px;
        margin-right: 19.5px;
        margin-left: 0;
    }

    .people-slider .slick-list {
        margin-left: 0;
    }

    .people-header {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .people-position {
        display: none;
    }

    .people-position__mobile {
        display: block;
        margin-bottom: 20px;
    }

    .people .button-arrow {
        font-size: 14px;
    }

    .people .button-arrow img {
        width: 14.85px;
        height: 14.85px;
    }

    .people {
        padding-top: 60px;
        padding-bottom: 83.4px;
        margin-bottom: 60px;
        background-image: url('../img/bg-people-1.png');
        background-color: transparent;
        background-size: cover;
    }

    .people-name {
        font-size: 16px;
        line-height: 24px;
    }

    .about-prev {
        left: 34px;
    }

    .about-next {
        left: 76px;
    }

    .people h2 {
        font-size: 48px;
        line-height: 58px;
    }

    .offcanvas-people .offcanvas-close {
        right: 18px;
        top: 21px;
    }

    .offcanvas-people .offcanvas-body {
        padding-top: 88px;
        padding-left: 29px;
        padding-right: 30px;
    }

    .offcanvas-people__title {
        font-size: 25px;
        margin-bottom: 20px;
        line-height: 35px;
    }

    .offcanvas-people__text-large {
        font-size: 20px;
        line-height: 30px;
    }

    .work-grid__title {
        font-size: 20px;
        line-height: 30px;
    }

    .word-grid__description {
        font-size: 16px;
        line-height: 24px;
    }

    .work-grid {
        grid-template-columns: 100%;
        padding-left: 29px;
        padding-right: 30px;
        gap: 40px;
        padding-top: 40px;
        padding-bottom: 40px;
        margin-bottom: 44px;

    }

    .main-case__count {
        display: none;
    }

    .main-case h3 {
        line-height: 24px;
        margin-bottom: 7px;
    }

    .main-case a {
        font-size: 14px;
        padding-bottom: 0;
        line-height: 19.2px;
        margin-top: 3px;
    }

    .navbar-toggler--open span:last-child {
        width: 47%;
        margin-bottom: 0;
    }

    .navbar-toggler--open span:nth-child(2) {

    }

    .navbar-toggler--open span {
        margin-bottom: 0;
    }

    .copy-large, .header-small, .header-xs, .header-small, .header-medium, .header-big {
        max-width: 100%;
    }

    .work-img-three img, .work-img-three video {
        height: 360px;
    }

    .people-slider__item--lottie {
        background-position: top;
    }

    .work-text-img.work-text-one__img .padding-left-right {
        padding-right: 31px;
    }

    .work-img-two__space .padding-left-right {
        padding-right: 29px;
    }

    .work-slider__item {
        height: 250px;
        margin: 0 2.5px;
    }

    .post-banner img {
        height: 200px;
    }


    .work-grid__two img, .work-grid__two video {
        height: 470px;
    }

    .work-grid__one--end img, .work-grid__one--end video {
        height: 373px;
        width: 79.433%;
        margin-left: auto;
    }

    .work-grid__one--first img, .work-grid__one--first video {
        height: 373px;
        width: 79.433%;
    }


    .work-img-three .container-grid {
        grid-template-columns: 100%;
        gap: 17px;
    }

    .work-grid__two.work-grid__two--small img, .work-grid__two.work-grid__two--small video {
        height: 236px;
    }

    .work-grid__two.work-grid__two--small .container-grid {
        gap: 17px !important;
    }

    .about-experience {
        padding-top: 84px;
        padding-bottom: 84px;
        background-image: url('../img/bg-experience.png');
        background-color: transparent;
        background-size: cover;
    }

    .collapse-flex {
        grid-template-columns: 100%;
        gap: 0;
    }

    .accordion-mobile {
        display: none;
    }

    .tab-content {
        display: none;
    }

    .service-tab__title.active ~ .accordion-mobile {
        display: block;
        margin-bottom: 54.7px;
    }

    .nav-tabs {
        padding: 0 30px 0 29px;
    }

    .service-tab__title {
        padding: 18.25px 10.52px 30.22px 21.26px !important;
        margin-bottom: 0;
    }

    .service-tab span {
        font-size: 16px;
        margin-bottom: 7px;
        display: block;
        line-height: 24px;
    }

    .service-tab h2 {
        font-size: 25px;
        line-height: 35px;
    }

    .service-arrow--desktop {
        display: none !important;
    }

    .service-arrow--mobile {
        display: block;
    }

    .service-tab {
        margin-bottom: 0;
        flex: initial;
        width: 100%;
    }

    .services {
        background-image: url('../img/bg-services.png');
        padding-top: 84px;
        padding-bottom: 93px;
        background-size: cover;
        background-color: transparent;
        background-repeat: no-repeat;
        background-position: top;
    }

    .services .nav-tabs {
        margin-bottom: 0;
    }

    .services-item__title {
        color: #fff;
        font-size: 25px;
        line-height: 35px;
        font-weight: 500;
        margin-top: 21px;
        margin-bottom: 14.64px;

    }

    .service-tab__title {
        border: none !important;
    }

    .service-tab__title:after {
        content: "";
        height: 1px;
        width: 100%;
        background: #fff;
        position: absolute;
        bottom: 0;
    }

    .service-tab__title:last-child .service-tab__title::after {
        display: none;
    }

    .service-tab .service-tab__title.active::after {
        display: none;
    }

    .services-item__description {
        margin-bottom: 26.66px;
    }

    .services-item__description p {
        color: #fff;
        font-size: 16px;
        line-height: 24px;
    }

    .accordion-header .accordion-button {
        color: #fff;
        font-size: 20px;
        line-height: 30px;
        padding-top: 24px;
        padding-left: 0;
        padding-bottom: 28px;
        padding-right: 5px;
    }

    .collapse-section .about-genetal__description {
        margin-bottom: 30px;
        margin-top: 0;
    }

    .collapse-section .about-genetal__description br:last-child {
        display: none;
    }

    .collapse-right p:last-child {
        margin-bottom: 0;
    }

    .about-experience__text {
        font-size: 31px;
        line-height: 41px;
    }
}

.offcanvas-collapse #menu-about-menu-1 {
    display: none;
}

@media (min-width: 0px) and (max-width: 768px) {
    .main-layer__contact {
        display: none;
    }

    .navbar-nav a {
        font-size: 48px;
        line-height: 58px;
        margin-right: 0;
    }

    .navbar li {
        margin-right: 0;
    }

    .main-social {
        justify-content: center;
        margin-top: 34px;
        margin-bottom: 0;
    }

    .offcanvas-collapse .btn-header {
        margin-left: auto;
        margin-right: auto;
        order: -1;
    }

    .navbar-social {
        margin-top: 0;
        padding-left: 0;
        margin-bottom: 48px;
    }

    .offcanvas-center {
        align-items: center;
        padding: 0;
    }

    .offcanvas-footer {
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        margin-top: 100px;
    }

    .work-text .btn-general {
        margin-left: 0;
        margin-right: 0;
    }

    .work-header h1 {
        margin-bottom: 31px;
    }


    .work-header h1 {
        margin-top: 0;
    }

    .work-text {
        padding-bottom: 83.75px;
    }

    h3 {
        font-size: 16px;
        line-height: 24px;
    }

    .about .main-layer.main-layer--mobile {
        height: fit-content;
    }

}

.about .main-layer.main-layer--mobile {
    display: none;
}

@media (min-width: 0px) and (max-width: 898px) {
    .about .main-layer.main-layer--mobile {
        display: block;
        width: fit-content;
    }

    .about .main-layer {
        display: none;
    }


    .clients-filter__dropdown ul {
        width: auto;
        right: 0;
        top: 60px;
    }

    .work-header .main-layer {
        display: none;
    }


    .post-banner .main-layer {
        display: none !important;
    }


    h2 {
        font-size: 31.25px;
        line-height: 41px;
    }

    .main-case__item {
        display: flex;
        height: 100%;
        flex-direction: column;
    }

    .main-case__content-bg {
        width: 100%;
        opacity: 1;
    }

    .paginator a {
        letter-spacing: 0px;
        font-size: 20px;
        font-weight: bold;
    }

    .main-layer__contact {
        display: none;
    }

    .main-case__item::before {
        display: none;
    }

    .work-grid__two .container-grid {
        gap: 17px;
        grid-template-columns: 100%;
    }

    .work-grid__one--end .container-grid, .work-grid__one--first .container-grid {
        grid-template-columns: 100%;
    }

    .work-text-img .container-grid {
        gap: 31.54px;
    }


    .work-img-for .container-grid {
        grid-template-columns: 100%;
    }

    .center .slick-dots {
        bottom: -22px;
        margin-bottom: 0;
        position: absolute;
        width: 100%;
    }

    .center .slick-list.draggable {
        padding-left: 24.5px !important;
        padding-right: 23.5px !important;
    }


    .work-text-img__left > div {
        height: auto;
    }

    .work-text-img__right img, .work-text-img.work-text-full img, .work-text-img__right video, .work-text-img.work-text-full video {
        height: 471px;
    }

    .work-text-img.work-text-full .work-text-img__left {
        padding-left: 0;
    }

    .small-slider__item img, .small-slider__item video {
        /*height: 192px;*/
    }


    .work-img-two__space .container-grid {
        grid-template-columns: 100%;
        gap: 15px;
    }

    .work-img-two__space.work-img-two__space--invert .container-grid {
        gap: 17px;
    }

    .work-img-two__space img:nth-child(1) {

        height: 473px;
        width: 100%;
    }

    .work-img-two__space video:nth-child(1) {

        height: 473px;
        width: 100%;
    }


    .work-img-two__space img:nth-child(2) {
        height: 285px;
        margin-left: auto;
        width: calc(100% - 84px);
    }

    .work-img-two__space video:nth-child(2) {
        height: 285px;
        margin-left: auto;
        width: calc(100% - 84px);
    }


    .work-img-two__space--invert img:nth-child(1) {
        height: 285px;
        margin-right: auto;
        width: calc(100% - 84px);

    }

    .work-img-two__space--invert video:nth-child(1) {
        height: 285px;
        margin-right: auto;
        width: calc(100% - 84px);

    }

    .work-img-two__space--invert img:nth-child(2) {
        height: 473px;
        width: 100%;
    }

    .work-img-two__space--invert video:nth-child(2) {
        height: 473px;
        width: 100%;
    }


    .work-text-img.work-text-full .container-grid {
        grid-template-columns: 100%;
        gap: 31.5px !important;
    }

    .work-text-img.work-text-full {
        gap: 31.54px;
    }

    .work-text-img__left h2 {
        padding-top: .5px;
    }

    .small-slider__carousel .small-slider__wrap .small-slider__item {
        margin: 0 5px;
    }

    .small-slider__carousel .slick-list.draggable {
        padding-right: 44px !important;

    }

    .small-slider__carousel.left .slick-list.draggable {
        padding-left: 44px !important;
        padding-right: 0 !important;
    }

    .small-slider__carousel .small-slider__wrap .small-slider__item {
        margin: 0;
        margin-right: 10px !important;
        margin-left: 0 !important;
    }

    .small-slider__carousel.left .small-slider__wrap .small-slider__item {
        margin-left: 10px !important;
        margin-right: 0 !important;
    }

    .small-slider__carousel.left, .small-slider__carousel {
        margin: 0 !important;
        padding: 0 !important;
    }

    .small-slider__carousel {
        width: calc(100% - 29px);
        padding-bottom: 17px;
        margin-left: auto !important;
    }

    .small-slider__carousel .slick-dots {
        width: calc(100% - 44px);
        margin-top: 17px;
    }

    .small-slider__carousel.left .slick-dots {
        width: 100%;
    }

    .small-slider__carousel.left {
        margin-right: auto !important;
        margin-left: 0 !important;
    }

    .small-left .work-text-img__left img, .small-left .work-text-img__left video {
        height: 172px;
        float: none;
        width: 73.97%;
    }

    .work-text-img.work-text-one__img.small-right .container-grid {
        gap: 17px;
    }


    .work-text-img.work-text-one__img.small-left .container-grid {
        gap: 17px;
    }

    .small-left .work-text-img__right img, .small-left .work-text-img__right video {
        height: 328px;
    }

    .small-right .work-text-img__left img, .small-right .work-text-img__left video {
        height: 328px;
    }

    .small-right .work-text-img__right img, .small-right .work-text-img__right video {
        height: 172px;
        float: right;
        width: 73.97%;
    }
}

@media (min-width: 601px) and (max-width: 898px) {
    .main-404 {
        background-image: url('../img/bg-404-2.png');
    }

    .privacy-grid {
        padding-top: 117px;
        padding-bottom: 144px;
    }

    .privacy-grid {
        grid-template-columns: 100%;
        gap: 25px;
    }

    .privacy-title {
        color: #352A20;
        font-size: 39px;
        line-height: 49px;
    }

    .privacy-single .padding-left-right {
        padding-left: 60px;
        padding-right: 61px;
    }

    .people-circle-sm, .people-circle-xs {
        display: none;
    }

    .main-404__title {
        font-size: 119px;
        line-height: 130px;
    }

    .main-404 p {
        font-size: 25px;
        line-height: 35px;
    }

    .contact-header .main-contact__text-small {
        margin-left: 0;
    }

    .main-contact__title {
        font-size: 95px;
        line-height: 105px;
    }

    .check input {
        width: 17px !important;
        height: 17px;
        padding-right: 7px;
    }

    .check {
        margin-bottom: 30px;
        margin-top: 13px;
    }

    .check input, .check label {
        padding-top: 0 !important;

    }

    .post-banner {
        margin-top: 45px;
    }

    .work-header h1 {
        margin-bottom: 14px !important;
    }

    .work-header .padding-left-right, .thinking-header .padding-left-right {
        padding-left: 25px !important;
        padding-right: 26px !important;
    }

    .work-header h3 {
        font-size: 16px;
        line-height: 24px;
    }

    .check input[type="checkbox"]::before {
        width: 16.5px;
        height: 16.5px;
    }

    .main-contact img, .main-contact svg {
        width: 37.91px;
        height: auto;
        object-fit: contain;
        margin-top: 24px;
        margin-left: -23px;
    }

    .main-footer__social a {
        margin-right: 17.21px;
    }

    .main-footer__social img {
        height: 23px;
    }

    .tab-grid {
        padding-left: 65px !important;
    }

    .services-circle__top {
        position: absolute;
        left: 24px;
        width: 415px;
        top: 0;
        height: auto;
    }

    .services-circle__bottom {

    }

    .work-text__left, .work-text__right {
        font-size: 25px;
        line-height: 35px;
    }

    .work-img__right img, .work-img__left img, .work-img__right video, .work-img__left video {
        height: 500px;
    }

    .work-text__right {
        padding-left: 31px;
    }

    .work-text__left {
        padding-right: 31px;
    }

    .work-textimonials__name {
        margin-bottom: 5px;
    }

    .work-textimonials__text {
        font-size: 25px;
        line-height: 35px;
        max-width: 100%;
        padding-left: 61px;
        padding-right: 61px;
        padding-top: 53.22px;
    }

    .slick-next__testimonial, .slick-prev__testimonial {
        width: 15px !important;
        height: 27px !important;
        top: 48% !important;
        transform: translateY(-50%) !important;

    }

    .work-textimonials__text::before {
        width: 29px;
        height: 19px;
    }

    .work-slider__item {
        height: 459.83px;
        margin: 0 4px;
    }

    .center .slick-list.draggable {
        padding-left: 38.5px !important;
        padding-right: 38.5px !important;
    }

    .slick-dots li button, .slick-dots li {
        width: 9px;
        height: 9px;
    }

    .small-slider__carousel {
        width: calc(100% - 22px);
    }

    .work-grid__one--end img, .work-grid__one--end video {
        height: 460px;
        width: calc(50% - 7.5px);
        margin-left: auto;
    }

    .work-text-img.work-text-full .container-grid {
        grid-template-columns: 1fr 1fr !important;
        gap: 15px !important;
    }

    .work-text-img__left h2 {
        font-size: 20px;
        line-height: 30px;
    }

    .work-text-img.work-text-full .work-text-img__left {
        padding: 0 23px 0 23px !important;
    }

    .work-img-two__space .container-grid, .work-img-two__space.work-img-two__space--invert .container-grid {
        grid-template-columns: 1fr 1fr !important;
        gap: 14.922%;
    }

    .work-img-two__space.work-img-two__space--invert img:nth-child(2) {
        height: 460px;
        width: 100%;
    }

    .work-img-two__space.work-img-two__space--invert video:nth-child(2) {
        height: 460px;
        width: 100%;
    }

    .work-img-two__space.work-img-two__space--invert img:nth-child(1) {
        height: 400px;
        margin-right: auto;
        width: 100%;
    }

    .work-img-two__space.work-img-two__space--invert video:nth-child(1) {
        height: 400px;
        margin-right: auto;
        width: 100%;
    }

    .work-img-two__space img:nth-child(2) {
        height: 400px;
        width: 100%;
    }

    .work-img-two__space video:nth-child(2) {
        height: 400px;
        width: 100%;
    }

    .work-img-two__space img:nth-child(1) {
        height: 460px;
        width: 100%;
    }

    .work-img-two__space video:nth-child(1) {
        height: 460px;
        width: 100%;
    }

    .paginator a {
        font-size: 31px !important;
    }


    .small-slider__carousel.left .slick-list.draggable {
        padding-left: 139px !important;
    }

    .small-slider__carousel .slick-list.draggable {
        padding-right: 139px !important;
    }

    .small-slider__carousel .small-slider__item {
        margin: 0 4px !important;
    }

    .work-grid__one--first img, .work-grid__one--first video {
        height: 460px;
        width: calc(50% - 7.5px);
    }

    .small-slider__item img, .small-slider__item video {
        /*height: 415px;*/
    }


    .thinking-principal__title {
        font-size: 48px;
        line-height: 58px;
        margin-bottom: 14px;
        color: #352A20;
    }

    .thinking-principal__description {
        margin-bottom: 46.52px;
        max-width: 86%;
    }

    .thinking-principal__text .button-arrow img {
        width: 33.94px !important;
        transform: none !important;
    }

    .thinking-principal__date {
        margin-bottom: 36.72px;
        font-size: 20px;
        line-height: 30px;
        color: #352A20;
    }

    .small-left .work-text-img__left img, .small-left .work-text-img__left video {
        height: 218px;
        float: right;
        width: 100%;
    }

    .work-text-img.work-text-one__img.small-right .container-grid {
        gap: 17px;
    }

    .work-text-img.work-text-one__img.small-left .container-grid {
        gap: 17px;
    }

    .small-left .work-text-img__right img, .small-left .work-text-img__right video {
        height: 460px;
    }

    .small-right .work-text-img__left img, .small-right .work-text-img__left video {
        height: 460px;
    }

    .small-right .work-text-img__right img, .small-right .work-text-img__right video {
        height: 218px;
        float: right;
        width: 100%;
    }


    .work-img-three .container-grid {
        gap: 13.49px;
    }

    .work-img-three img, .work-img-three video {
        height: 262px;
    }

    .work-grid__two .container-grid {
        grid-template-columns: 1fr 1fr !important;
        gap: 15px;
    }

    .work-grid__two img, .work-grid__two video {
        height: 460px;
    }

    .work-grid__two.work-grid__two--small img, .work-grid__two.work-grid__two--small video {
        height: 262px;
    }

    .work-grid__two.work-grid__two--small .container-grid {
        gap: 17px;
    }

    .post-banner img {
        height: 320px;
    }

    .work-banner__full img {
        height: 520px;
    }

    .work-banner__padding img {
        height: 499.83px;
    }

    h1, .general-header h1 {
        font-size: 76px;
        line-height: 90px;
    }

    .work-text__description p {
        font-size: 39px;
        line-height: 49px;
    }

    .word-text__services li {
        font-size: 14px;
    }

    .word-text__services p {
        margin-bottom: 13px;
    }

    h2 {
        font-size: 52px;
        line-height: 58px;
    }

    .main-case__content {
        position: relative;
        width: 100%;
        order: -1;
    }

    .main-case a {
        font-size: 16px;
        line-height: 24px;
    }

    .main-banner {
        margin-bottom: 8px;
    }

    .padding-left-right, .work-banner__padding .padding-left-right {
        padding-left: 25px;
        padding-right: 26px;;
    }

    .thinking-principal .padding-left-right, .thinking-aditional .padding-left-right {
        padding-left: 25px !important;
        padding-right: 25px !important;
    }

    .people {
        padding-bottom: 133px;
        background-image: url('../img/bg-people-3.png');
    }

    .about .main-layer {
        bottom: 100px;
        top: initial;
        height: fit-content;
        padding: 0;
        margin: 0;
    }

    .about .main-layer lottie-player {
        width: 78px !important;
        height: 78px !important;
        margin: 0 !important;
    }

    .about-prev {
        left: 71px;
    }

    .about-next {
        left: 110px;
    }

    .people-slider .slick-arrow {
        width: 14px;
        height: 14px;
    }

    .contact-header__info {
        gap: 30px;
    }

    .contact-header {
        padding-top: 117px !important;
    }

    .contact-header__grid {
        grid-template-columns: 42.353% 1fr;
        gap: 0;
        margin-top: 0;
    }

    .contact-header .padding-left-right {
        padding-left: 36px !important;
        padding-right: 26px !important;
    }

    .frm_message {
        left: 193px;
        width: 100%;
        max-width: 188px;
        bottom: -43px;
    }

    .contact-header h1 {
        margin-bottom: 32px !important;
    }

    .contact-header h1 {
        margin-left: -4px;
        font-size: 76px;
        font-weight: 400;
        line-height: 101px;
    }

    .contact-header__social ul {
        grid-template-columns: 100% !important;
    }

    .contact-form {
        margin-top: 170px;
    }

    .contact-form textarea {
        height: 152.24px;
    }

    .contact-header__social p {
        margin-bottom: 19.6px;
    }

    .contact-header__social {
        padding-left: 0px;
    }

    .careers {
        padding-top: 47px;
        padding-bottom: 146.5px;
    }

    .careers h2 {
        margin-bottom: 44px;
        font-size: 70.29px;
        color: #000000;
        line-height: 114px;
    }

    .careers-item__content {
        padding-left: 15.75px;
        padding-bottom: 40.13px;
        padding-top: 46.13px;
    }

    .careers-item {
        grid-template-columns: 1fr 48.118%;
    }

    .careers-item__titlexs {
        font-size: 16px;
        line-height: 24px;
        margin-top: 0;
        margin-bottom: 8.6px;
    }

    .careers-item__title {
        font-size: 31.25px;
        line-height: 41px;
        color: #352A20;
        margin-bottom: 35px;
    }

    .careers-item__description {
        margin-bottom: 35px;
        font-size: 14px;
        line-height: 19.2px;
        max-width: 81.84%;
        margin-bottom: 96.3px;
    }

    .caarers-item__btn {
        font-size: 16px;
        line-height: 24px;
        padding: 0;
    }

    .careers-item__img img {
        transform: none;
        height: 100%;
    }

    .contact-header__social a {
        font-size: 20px;
        line-height: 30px;
    }

    .contact-header__social p {
        margin-bottom: 16px;
    }

    .collapse-grid {
        grid-template-columns: 100%;
        gap: 40px;
    }

    .collapse-section {
        padding-top: 126.45px;
        padding-bottom: 126.45px;
    }


    .contact-header__item {
        margin-bottom: 36.65px !important;
    }

    .contact-header__item:first-child a {
        font-size: 14px;
        line-height: 19px;
    }

    .collapse-section .about-genetal__title {
        font-size: 25px;
        line-height: 35px;
    }

    .collapse-right p {
        max-width: 100%;
    }

    .collapse-section .about-genetal__description {
        max-width: 100%;
        font-size: 39px;
        line-height: 49px;
        margin-bottom: 29.55px;
    }

    .services .about-genetal__title {
        font-size: 25px;
        line-height: 35px;
        margin-bottom: 32.77px;
    }

    .services-grid {
        grid-template-columns: 100%;
        gap: 0;
    }

    .services .about-genetal__description {
        font-size: 31px !important;
        line-height: 41px;
        padding: 0 60px;
        width: 100% !important;
    }

    .nav-tabs {
        padding-left: 26px !important;
        padding-right: 26px !important;
    }

    .service-tab h2 {
        font-size: 20px;
        line-height: 30px;
    }

    .service-tab span {
        font-size: 16px;
        line-height: 24px;
    }

    .service-tab__title svg {
        width: 11px !important;
        height: 20px;
        margin-top: 3px;
    }

    .contact-header__social li {
        margin-bottom: 13.6px;
    }

    .contact-header__social p {
        margin-bottom: 13.6px !important;
        margin-top: 11px;
    }

    .services {
        padding-bottom: 50.73px;
    }

    .nav-tabs {
        margin-bottom: 0 !important;
    }

    .service-tab__title {
        align-items: initial;
        padding: 14.09px 21.93px 21px 14.5px;
        padding-bottom: 21px;
    }

    .services-left {
        padding-bottom: 70px;
        padding-left: 80px;
        padding-right: 80px;
    }

    .services-item {
        height: 46vh;
    }

    .offcanvas.offcanvas-end {
        width: 90%;
    }

    .about-grid {
        grid-template-columns: 100%;
        gap: 50px;
        height: 100vh;
    }

    .about-text {
        order: -1;
        padding-left: 25px !important;
        padding-right: 26px !important;
        width: 60%;
        margin: 0 auto;
    }


    .about-grid {
        padding-top: 132.5px;
    }

    .about .about-genetal__description {
        text-align: center;
        font-size: 39px;
        line-height: 49px;
    }


    .main-layer lottie-player {
        width: 78px !important;
        height: 78px !important;
    }

    .about-experience {
        padding-top: 132px;
        padding-bottom: 132px;
        background-image: url('../img/bg-about-experience.png');
    }

    .about-experience__text {
        font-size: 31px;
        max-width: 643px;
        line-height: 41px;
    }

    .collapse-flex {
        grid-template-columns: 100%;
        gap: 0;
    }

    .clients-title {
        font-size: 39px;
        margin-bottom: 21.11px;
        line-height: 49px;
    }

    .tab-right {
        margin-top: 0;
    }

    .people-header {
        flex-direction: column;
        align-items: flex-start;
        margin: 0;
        justify-content: flex-start;
    }

    .people-position {
        display: none;
    }

    .people-slider__item {
        padding-top: 15px;
        margin: 0 13px;
    }

    .people-slider .slick-list {
        margin-left: -13px;
    }

    .people h2 {
        font-size: 95px;
        line-height: 105px;
    }

    /*
        .people-img img {
            height: 232px;
        }
    */
    .people-img {
        margin-top: 0;
        padding-top: 0;
        margin-bottom: 16px;
    }

    .people .button-arrow {
        margin-bottom: 25.49px;
        font-size: 14px;
    }

    .people .padding-left-right {
        padding-left: 60px;
    }

    .people-name {
        font-size: 20px;
        line-height: 30px;
    }

    .people .button-arrow img {
        width: 15px;
        height: 15px;
    }

    .people-position__mobile {
        display: block !important;
        font-size: 16px;
        margin-bottom: 24px;
        line-height: 24px;
    }

    .people-slider .slick-list {
        padding-right: 156px !important;
    }

    .clients-filter {
        margin-bottom: 40px;
    }

    .clients {
        padding-top: 122px;
    }

    .collapse-section {
        background-image: url('../img/bg-wa-we.png');
    }

    .collapse-section .padding-left-right {
        padding-left: 60px !important;
        padding-right: 61px;
    }

    /* .clients .padding-left-right {
        padding-left: 77px !important;
        padding-right: 77px !important;
    } */
    .clients-filter__dropdown ul {
        right: 0;
        left: 0;
    }

    .clients-filter {
        position: relative;
    }

    .clients-filter li {
        position: initial;
    }

    .people-slider {
        padding-top: 62px;
        padding-left: 60px;
    }

    .services .padding-left-right {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .work-grid {
        padding-left: 80px;
        padding-right: 80px;
    }


    .general-header {
        padding-top: 117px;
    }

    .general-header.thinking-header {
        padding-bottom: 42px;
    }

    .general-header.thinking-header h2 {
        margin-bottom: 0;
    }

    .thinking-principal__img {
        height: 395px;
    }

    .thinking-principal__grid {
        grid-template-columns: 100%;
        gap: 0;
        margin-bottom: 0;
    }

    .thinking-principal {
        padding-bottom: 58.23px;
    }

    .thinking-aditional__title {
        font-size: 39px;
        line-height: 49px;
        color: #352A20;
        margin-bottom: 23px;
    }

    .thinking-principal__text {
        padding-top: 41.12px !important;
        padding-left: 35px !important;
        padding-right: 35px !important;
        padding-bottom: 41.12px !important;
        background: #e3e3e380;
    }

    .thinking-aditional__data > * {
        font-size: 20px;
        color: #352A20;
        line-height: 30px;
        margin-bottom: 10px;
    }

    .thinking-aditional__description {
        font-size: 16px;
        line-height: 24px;
        color: #352A20;
        margin-top: 0;
    }

    .thinking-aditional__item .button-arrow img {
        width: 28px !important;
        height: auto;
    }

    .thinking-aditional__item .button-arrow {
        margin-top: -8px;
    }

    .thinking-aditional .btn-general {
        margin-top: 101.22px;
    }

    .thinking-aditional {
        padding-bottom: 101.28px;
    }

    .thinking-aditional__item {
        margin-left: 0;
        margin-right: 0;
        align-items: start !important;
        gap: 43px;
        grid-template-columns: 39.662% 1fr auto;
        padding-left: 11px;
        padding-right: 9px;
        padding-top: 74.48px;
        padding-bottom: 58.22px;
    }

    .selected-header .padding-left-right {
        gap: 26px;
    }

    .selected-header__description {
        font-size: 20px;
        line-height: 30px;
        max-width: 100%;
    }

    .selected-post__title .button-arrow img, .selected-post__title .button-arrow svg {
        margin-left: 30px;
        width: 18px;
        height: 18px;
    }

    .selected-post__item:hover .button-arrow svg {
        transform: rotate(-45deg);
        margin-left: 30px;

    }

    .selected-post__item .button-arrow {
        display: flex;
        align-items: center;
    }


    .filter-header {
        padding-bottom: 50px;
        padding-top: 34px;
    }

    .selected-section {
        /* padding-bottom: 112.61px; */
    }

    .general-header {
        padding-bottom: 62px;
    }

    .general-header.selected-header h1 {
        color: #352A20;
    }

    .general-header.contact-header {
        padding-bottom: 188px;
        background-image: url('../img/bg-contact-3.png');
    }

    .check .frm_checkbox {
        margin-right: 15.5px !important;
    }

    .check .frm_checkbox:last-child {
        margin-right: 0px !important;
    }


    .main-layer {
        height: 100%;
    }

    .selected-post__title h2 {
        font-size: 31px;
        line-height: 41px;
    }

    .selected-post__img {
        margin-bottom: 28.83px;
    }

    .selected-post__title {
        padding-bottom: 27.5px;
    }

    .selected-post__item p {
        font-size: 20px;
        line-height: 30px;
    }

    .selected-post {
        gap: 62.55px;
    }

    .post-single .post-banner img {
        height: 395px;
    }

    .post-title {
        font-size: 39.06px;
        line-height: 49px;
        margin-bottom: 18px;
    }

    .post-header p {
        font-size: 20px;
        margin-top: 0;
        line-height: 30px;
    }

    .post-header {
        flex-direction: column;
        align-items: flex-start;
    }

    .post-single .post-header {
        padding-top: 117px;
        grid-template-columns: 100%;
    }

    .post-single .post-title {
        margin-top: 0;
    }

    .post-single .post-banner {
        margin-bottom: 33px;
        margin-top: 33px;
    }

    .post-single__content h2 {
        font-size: 20px !important;
        line-height: 30px !important;
        margin-bottom: 15px;
    }

    .post-single__content p {
        font-size: 16px;
        margin-bottom: 15px;
        line-height: 24px;
    }

    .post-single__content ul {
        margin-bottom: 33px;
        margin-top: 33px;
    }

    .post-single__content {
        padding-bottom: 0px;
    }

    .main-footer__links a {
        margin-right: 50.6px;
    }

    .paginator-content--next:hover img, .paginator-content--prev:hover img {
        width: 240px;
    }

    .paginator-content--prev:hover img, .paginator-content--next:hover img {
        display: block !important;
    }

    .paginator ul {
        height: 185px;
    }

    .paginator-content img {
        height: auto;
        aspect-ratio: 16 / 9;
    }
}

@media (min-width: 601px) and (max-width: 768px) {

    .custom-logo {
        height: 24.81px !important;
    }

    .clients-list {
        column-count: 2;
        gap: 40px 20px;
    }

    .work-grid {
        grid-template-columns: 100%;
        padding-left: 80px;
        padding-right: 80px;
        padding-top: 90px;
        padding-bottom: 90px;
    }

    .main-case__content {
        height: 455px;
    }

    .navbar-toggler {
        gap: 0;
    }

    .navbar-toggler p {
        display: none;
    }

    .main-case img, .main-case video {
        height: 452px;
    }

    .main-case__item {
        border-top: 28px solid transparent !important;
    }

    .main-case h2 {
        font-size: 61px;
        margin-bottom: 16px;
        line-height: 70px;
    }

    .main-case h3 {
        font-size: 20px;
        line-height: 30px;
        margin-top: 0;
        margin-bottom: 8px;
    }

    .main-case__text {
        padding: 48px 33px;
    }

    .main-case__count {
        display: none !important;
    }

    .main-contact h2 {
        font-size: 95PX;
        line-height: 107PX;
        margin-bottom: 0px;
    }

    .main-contact .padding-top-bottom {
        padding-top: 100.67px;
        padding-bottom: 120px;
    }

    .main-contact p {
        font-size: 20px;
        line-height: 30px;
        margin-left: 5px;
    }

    .main-case {
        padding-left: 26px;
        padding-right: 25.5px;
    }

    .navbar .container {
        padding-left: 25px !important;
        padding-right: 26px !important;
    }

}

@media (min-width: 769px) and (max-width: 991px) {
    .main-case__content {
        height: 455px;
    }

    .navbar .container {
        padding-left: 25px !important;
        padding-right: 26px !important;
    }

    .navbar-toggler {
        gap: 0;
    }

    .navbar-toggler p {
        display: none;
    }

    .main-contact p {
        font-size: 20px;
        line-height: 30px;
        margin-left: 5px;
    }

    .main-case {
        padding-left: 26px;
        padding-right: 25.5px;
    }

    .main-case__text {
        padding: 48px 33px;
    }

    .main-contact h2 {
        font-size: 61px;
        line-height: 70px;
        margin-bottom: 44px;
    }

    .main-contact h3 {
        font-size: 20px;
        line-height: 35px;
    }

    .main-case h3 {
        font-size: 20px;
        line-height: 30px;
        margin-top: 0;
        margin-bottom: 8px;
    }

    .main-case__count {
        display: none !important;
    }

    .main-case h2 {
        font-size: 61px;
        margin-bottom: 16px;
        line-height: 70px;
    }

    .main-case img, .main-case video {
        height: 452px;
    }

    .main-case__item {
        border-top: 28px solid transparent !important;
    }

    .main-contact h2 {
        font-size: 61px;
        line-height: 70px;
    }

    .main-contact .padding-top-bottom {
        padding-top: 100.67px;
        padding-bottom: 137px;
    }
}

@media (min-width: 601px) and (max-width: 1024px) {


    .main-contact h3 {
        font-size: 20px;
        line-height: 35px;
    }


    .contact-header__info {
        grid-template-columns: 100%;
        gap: 0;
    }

    .fixed-top nav {
        padding-top: 17px;
    }

    #navbar .offcanvas-collapse {
        padding-top: 17px !important;
    }

    .custom-logo {
        height: 27px;
    }

    .main-layer lottie-player {
        width: 60px !important;
        height: 60px !important;
    }

    .contact-header h3 {
        font-size: 20px;
        line-height: 30px;
        margin-left: 0;
        margin-top: 0;
        margin-bottom: 10px;
    }

    .contact-header {
        padding-top: 133px;
    }

    .contact-header h1 {
        margin-bottom: 22px;
    }

    .navbar .container {
        padding-left: 31px;
        padding-right: 28px;
    }


    .contact-header__item {
        margin-bottom: 48px;
    }


    .contact-header__item p {
        font-size: 25px;
        line-height: 35px;
        margin-bottom: 10.6px;
    }

    .contact-header .main-contact__mail {
        font-size: 32px;
        line-height: 42px;
    }

    .contact-header__social ul {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 0 95px;
    }

    .tab-grid {
        grid-template-columns: 100%;
        padding-left: 25px;
        padding-right: 26px;
        gap: 45.53px;
    }

    .nav-tabs {
        padding-left: 25px;
        padding-right: 26px;
    }

    .service-tab {
        flex: auto;
    }

    .service-tab__title svg {
        width: 35px;
    }

    .services-item__img {
        display: none;
    }

    .services .about-genetal__description {
        margin-bottom: 78px;
        width: 90%;
    }
}

@media (min-width: 992px) and (max-width: 1024px) {
    .main-case__content {
        height: 380px;
    }

    .main-case img, .main-case video {
        height: 380px;
    }
}

@media (min-width: 1025px) and (max-width: 1440px) {
    .work-img__right img, .work-img__left img, .work-img__right video, .work-img__left video {
        height: 880px;
    }

    .padding-left-right {

    }

    .main-case__item {
        height: 600px;
    }

    .main-case__content-bg {
        width: 55%;
    }


}

@media (min-width: 0px) and (max-width: 991px) {

    .thinking-aditional__item:hover {
        background: transparent;
    }

    .thinking-principal__text .button-arrow img, .thinking-aditional__item .button-arrow img {
        width: 19.85px;
        height: auto;
    }

    .main-layer__contact {
        display: none;
    }


    .thinking-principal__text {
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 35px;
        padding-bottom: 35px;
    }

    .clients {
        padding-bottom: 80px;
    }
}

@media (max-width: 1024px) {
    .service-tab__title svg path {
        fill: #fff;
    }

    .service-tab__title svg {
        margin-top: 0 !important;
    }

    .post-banner .main-layer, .work-header .main-layer--mobile {
        display: none !important;
    }

    .selected-post__item.post-big {
        grid-column: initial !important;
    }

    #menu-about-menu {
        display: none;
    }

    .navbar-toggler--open p {
        display: none;
    }

    .navbar-toggler--open span:nth-child(1) {
        width: 50%;
    }

    .navbar-toggler--open:hover span:nth-child(1) {
        width: 100%;
    }

    .navbar-toggler--open span:nth-child(3) {
        width: 100%;
        transform: translateX(50%)

    }

    .navbar-toggler--open:hover span:nth-child(3) {
        transform: translateX(0);

    }

    .offcanvas-collapse #menu-about-menu-1 {
        display: flex;
    }

    .selected-post {
        grid-template-columns: 100%;
        /*grid-column: 100%;*/
    }

    .selected-post__item {
        grid-column: initial !important;
    }

    .selected-header .padding-left-right {
        flex-direction: column;
        justify-content: flex-start;
    }

    .main-case__item {
        height: 100%;
        display: flex;
        flex-direction: column;
    }

    .main-case__content {
        width: 100%;
        order: -1;
        position: relative;
    }

    .main-case__content-bg {
        width: 100%;
    }


}

@media (min-width: 899px) and (max-width: 1024px) {

    .work-text__left, .work-text__right {
        font-size: 30px;
        line-height: 40px;
    }

    .main-contact img, .main-contact svg {
        margin-top: 22px;
        margin-left: -22px;
    }

    .work-img__right img, .work-img__left img, .work-img__right video, .work-img__left video {
        height: 600px;
    }

    .contact-header__social a {
        font-size: 25px;
        line-height: 35px;
    }

    .contact-header h1 {
        font-size: 76px;
        font-weight: 400;
        line-height: 101px;
    }

    .work-img-two__space .container-grid {
        gap: 80px;
    }

    .work-text-img.work-text-full .work-text-img__left {
        padding-left: 0;
    }

    .work-img-three .container-grid {
        gap: 15px;
    }

    .work-img-three img, .work-img-three video {
        height: 350px;
    }

    .main-case h2 {
        font-size: 76px;
        line-height: 86px;
    }

    .work-text-img.work-text-full img, .work-text-img.work-text-full video {
        height: 600px;
    }

    .clients-filter__dropdown ul {
        width: auto;
    }

    h2, .thinking-header h1 {
        font-size: 97px;
        line-height: 100px;
        font-weight: bold;
    }


    .thinking-aditional__item {
        margin-left: 0;
        margin-right: 0;
    }

    .thinking-principal__text {
        padding-left: 46px;
        padding-right: 0;
    }

    .work-grid {
        padding-left: 80px;
        padding-right: 80px;
    }

    .post-banner img {
        height: 508px;
    }

    .work-banner__padding img {
        height: 450px;
    }

    .work-banner__full img {
        height: 514px;
    }

    .general-header h1 {
        font-size: 95px;
        line-height: 114px;
        color: #000000;
    }

    .work-slider__item {
        height: 406px;
    }


    .work-grid__two.work-grid__two--small .container-grid, .work-grid__two .container-grid {
        gap: 15px;
    }


    .work-grid__two--small img, .work-grid__two--small video {
        height: 350px;
    }

    .work-grid__two img, .work-grid__two video {
        height: 600px;
    }

    .work-grid__one--end img, .work-grid__one--first img, .work-grid__one--end video, .work-grid__one--first video {
        height: 600px;
    }

    .small-left .work-text-img__right img, .small-right .work-text-img__left img, .small-left .work-text-img__right video, .small-right .work-text-img__left video {
        height: 511px;
    }

    .work-text-img__left img, .small-right .work-text-img__right img, .work-text-img__left video, .small-right .work-text-img__right video {
        height: 230px;
    }

    .main-footer .padding-left-right {
        padding-left: 48px;
        padding-right: 48px;
    }

    .main-contact .padding-left-right {
        padding-left: 48px;
        padding-right: 48px
    }

    .general-header {
        padding-top: 127px;
    }

    .work-img-two__space.work-img-two__space--invert img:nth-child(2) {
        height: 660px;
        width: 100%;
    }

    .work-img-two__space.work-img-two__space--invert video:nth-child(2) {
        height: 660px;
        width: 100%;
    }

    .work-img-two__space.work-img-two__space--invert img:nth-child(1) {
        height: 600px;
        margin-right: auto;
        width: 100%;
    }

    .work-img-two__space.work-img-two__space--invert video:nth-child(1) {
        height: 600px;
        margin-right: auto;
        width: 100%;
    }

    .work-img-two__space img:nth-child(2) {
        height: 600px;
        width: 100%;
    }

    .work-img-two__space video:nth-child(2) {
        height: 600px;
        width: 100%;
    }

    .work-img-two__space img:nth-child(1) {
        height: 660px;
        width: 100%;
    }

    .work-img-two__space video:nth-child(1) {
        height: 660px;
        width: 100%;
    }


}

@media (min-width: 898px) and (max-width: 1194px) {
    .navbar .container-about {
        grid-template-columns: 1fr 1fr;
    }

    .selected-post__title .button-arrow img, .selected-post__title .button-arrow svg {
        width: 18px;
        height: 18px;
        margin-left: 28px !important;
        transform: rotate(-45deg) !important;
    }

    .thinking-principal .padding-left-right, .thinking-aditional .padding-left-right, .thinking-header .padding-left-right {
        padding-left: 25px !important;
        padding-right: 25px !important;
    }

    .thinking-aditional__item {
        padding-left: 11px;
        padding-right: 9px;
    }

    .frm_message {
        bottom: -44px;
    }

    .thinking-principal__grid {
        grid-template-columns: 100%;
        gap: 0;
        margin-bottom: 0;
    }

    .selected-header .padding-left-right {
        flex-direction: column;
        justify-content: flex-start;
    }

    .thinking-aditional__item .button-arrow img {
        width: 28px !important;
    }

    .button-arrow img {
        width: 33.94px !important;
        transform: none !important;
        object-fit: contain;
    }

    .thinking-principal {
        padding-bottom: 58.23px;
    }

    .thinking-principal__img {
        height: 395px;
    }

    .thinking-principal__text {
        padding-top: 41.12px !important;
        padding-left: 35px !important;
        padding-right: 35px !important;
        padding-bottom: 41.12px !important;
        background: #e3e3e380;
    }

    .thinking-principal__title {
        font-size: 48px;
        line-height: 58px;
        margin-bottom: 14px;
        color: #352A20;
    }

    .thinking-principal__date {
        margin-bottom: 36.72px;
        font-size: 20px;
        line-height: 30px;
        color: #352A20;
    }

    .thinking-principal__description {
        margin-bottom: 46.52px;
        max-width: 86%;
    }

    .thinking-principal {
        padding-bottom: 58.23px;
    }

    .thinking-aditional__title {
        font-size: 39px;
        line-height: 49px;
        color: #352A20;
        margin-bottom: 23px;
    }

    .thinking-aditional__item {
        margin-left: 0;
        margin-right: 0;
        padding-right: 0;
        align-items: start !important;
        gap: 43px;
        grid-template-columns: 39.662% 1fr auto;
        padding-left: 0;
        padding-top: 74.48px;
        padding-bottom: 58.22px;
    }

    .thinking-aditional__data > * {
        font-size: 20px;
        color: #352A20;
        line-height: 30px;
        margin-bottom: 12px;
    }

    .thinking-aditional__description {
        font-size: 16px;
        line-height: 24px;
        color: #352A20;
        margin-top: 0;
    }


    .work-text .btn-general {
        margin-top: 99px;
    }

    .work-text__description p {
        font-size: 48px;
        line-height: 58px;
    }

    .work-text {
        padding-top: 79px;
        padding-bottom: 89px;
    }

    .work-text .btn-general {
        margin-top: 99px;
    }

    .work-text .padding-left-right {
        padding-left: 48px;
        padding-right: 107px;
    }

    .about .about-genetal__description {
        font-size: 39px;
        line-height: 49px;
    }

    .about-experience__text {
        font-size: 31px;
        line-height: 41px;
    }

    .about-experience {
        padding-top: 207px;
        padding-bottom: 206px;
    }

    .about-experience__text {
        max-width: 770px;
    }

    .collapse-flex {
        grid-template-columns: 100%;
        gap: 0;
    }

    .services-item__img img {
        height: 271px;
        margin-bottom: 0;
    }

    .collapse-right p {
        max-width: 100%;
        margin-top: 0;
        margin-bottom: 29.55px;
    }

    .collapse-section .about-genetal__description {
        max-width: 647px;
        font-size: 39px;
        line-height: 49px;
        margin-top: 0;
        margin-bottom: 29.55px;
    }

    .collapse-section .padding-left-right {
        padding-left: 107px;
        padding-right: 270px;
    }

    .clients {
        padding-top: 122px;
        padding-bottom: 122px;
    }

    .clients-title {
        font-size: 39px;
        line-height: 49px;
        margin-bottom: 21.11px;
    }

    .clients-filter {
        margin-bottom: 38px;
    }

    .clients-list {
        column-count: 3;
        gap: 122px;
    }

    .about .main-layer a {
        bottom: 60px;
        padding: 0;
        filter: invert(1);
    }

    .offcanvas-people__title {
        font-size: 31px;
        line-height: 41px;
    }

    .offcanvas-people__text-large {
        font-size: 20px;
        line-height: 30px;
    }

    .offcanvas-people__text-small {
        font-size: 16px;
        line-height: 24px;
    }

    .offcanvas-people .offcanvas-body {
        padding-left: 61px;
        padding-right: 61px;
        padding-top: 101px;
    }

    .services .about-genetal__description {
        font-size: 31px !important;
        line-height: 41px !important;
    }

    .about .main-layer lottie-player {
        width: 78px !important;
        height: 78px !important;
    }

    .service-tab h2 {
        font-size: 20px;
        line-height: 30px;
    }

    .service-tab span {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 9.9px;
    }

    .service-tab__title {
        padding-bottom: 18px;
        padding-left: 14.5px;
        padding-right: 19.02px;
        padding-top: 18px;
    }

    .people-header {
        flex-direction: column;
        align-items: flex-start;
        margin: 0;
        justify-content: flex-start;
    }

    .people-position {
        display: none;
    }

    .people .button-arrow {
        margin-bottom: 23.42px;
        font-size: 14px;
    }

    .people .button-arrow img {
        width: 15px;
        height: 15px;
    }

    .people-position__mobile {
        display: block !important;
        font-size: 16px;
        margin-bottom: 24px;
        line-height: 24px;
    }

    .service-tab__title svg {
        width: 11px !important;
        height: 20px !important;
    }

    .services {
        padding-bottom: 56.54px;
    }

    .nav-tabs {
        margin-bottom: 0 !important;
    }

    .service-tab__title {
        align-items: flex-start;
    }

    .people h2 {
        font-size: 95px;
        line-height: 105px;
    }

    .people-name {
        font-size: 20px;
        line-height: 30px;
    }

    /*
        .people-img img {
            height: 252px;
        }
    */
    .people .padding-left-right {
        padding-left: 37px;
    }

    .people-slider__item {
        margin: 0 9px;
    }

    .people-slider .slick-list {
        margin-left: -9px;
    }

    .people-slider {
        padding-left: 48px;
    }

    .selected-header .padding-left-right {
        padding-left: 41px;
        padding-right: 48px;
        gap: 0;
    }

    .about-genetal__title {
        margin-bottom: 29.55px;
    }

    .offcanvas-people .offcanvas-body {

    }

    .people-slider__item {
        padding-top: 89px;
    }

    .people-img {
        margin-bottom: 30px;
        padding-top: 0;
    }

    .people {
        padding-top: 101px;
        padding-bottom: 128px;
        margin-bottom: 74px;
        background-image: url('../img/bg-people-4.png');
    }

    .people-circle-xs {
        display: none;
    }

    .people-circle-sm {
        top: 279px;
        width: 363px;
        height: 628px;
    }

    .paginator-content--prev:hover img, .paginator-content--next:hover img {
        width: 350px;
        height: 230px;
    }

    .padding-left-right, .padding-left-right-v2, .work-banner__padding .padding-left-right, .work-banner__padding--any .padding-left-right {
        padding-left: 46.5px;
        padding-right: 48px;
    }

    .work-grid {
        padding-left: 80px;
        padding-right: 80px;
    }

    .contact-header__social {
        padding-left: 0;
    }


    .contact-header__grid {
        margin-top: 0;
    }

    .contact-header__grid {
        grid-template-columns: 53% 1fr;
        gap: 31.82px;
        margin-top: 0;
    }

    .contact-header .padding-left-right {
        padding-left: 56px;
        padding-right: 56px;
    }

    .contact-header__info {
        grid-template-columns: auto 1fr !important;
        gap: 69px;
    }

    .contact-header__item p {
        margin-top: 0 !important;
    }

    /* .clients .padding-left-right {
        padding-left: 191px;
        padding-right: 191px;
    } */
    .clients-list li {
        margin-left: 0;
        margin-right: 0;
    }

    .collapse-grid {
        grid-template-columns: 100%;
    }

    .collapse-bg lottie-layer {
        width: 100%;
    }

    .people-slider .slick-list {
        padding-right: 51px;
    }


    .contact-header__item {
        margin-bottom: 41px;
    }

    .contact-header__social p {
        margin-bottom: 27px;
        font-size: 20px;
        line-height: 30px;
    }

    .people-slider .slick-arrow.about-next {
        left: 87px;
    }

    .collapse-section {
        padding-top: 126.45px;
        padding-bottom: 126.45px;
    }

    .collapse-grid {
        gap: 70px;
    }

    .services-grid {
        grid-template-columns: 100%;
        gap: 70px;
    }

    .tab-grid {
        margin-top: 55.3px;
        grid-template-columns: 100%;
        gap: 46px;
    }

    .services-circle__bottom {
        display: none !important;
    }

    .tab-right {
        margin-top: 0;
    }

    .tab-left {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 20px;
    }

    .nav-tabs {
        padding-left: 44px !important;
        padding-right: 44px !important;
    }

    .accordion-header .accordion-button {
        padding-left: 20px;
    }

    .accordion-body {
        padding-top: 4px;
        max-width: 671px;
    }

    .services-item__description {
        margin-top: 58px;
    }

    .services-item__title {
        margin-bottom: 16.7px;
    }

    .tab-grid {
        padding-left: 48px !important;
        padding-right: 48px !important;
    }

    .services-item__img {
        display: block !important;
    }

    .services-item__description p {
        font-size: 16px;
        line-height: 24px;
    }

    .services .padding-left-right {
        padding-left: 127px;
        padding-right: 127px;
    }

    .services .about-genetal__description {
        width: 100% !important;
        margin-bottom: 101.96px !important;
    }

    .services-left {
        padding-left: 106px;
        padding-right: 107px;
        padding-bottom: 0;

    }

    .offcanvas.offcanvas-end {
        width: 100%;
    }

    .offcanvas-people.offcanvas-end {
        width: 60%;
    }

    .about-grid {
        grid-template-columns: 41.31% 50%;
        gap: 79px;
        align-items: center;
    }

    .services-circle__top {
        width: 450px;
        height: auto;
    }

    .about-text {
        padding-right: 40px;
        padding-top: 51px;
        padding-bottom: 65px;
    }

    .about-grid {
        padding-top: 132.5px;
    }


    .selected-header__description {
        max-width: 91.23%;
    }

    .general-header h1 {
        font-size: 95px;
        line-height: 115px;
        color: #000000;
    }

    .contact-header h1 {
        font-size: 76px;
        line-height: 114px;
    }

    .selected-post__title {
        font-size: 31px;
        line-height: 41px;
    }

    /*.selected-section {
        padding-bottom: 119.11px;
    }*/
    .general-header.selected-header {
        padding-bottom: 72.55px;
    }

    .filter-header {
        padding-bottom: 26px;
        padding-top: 34.5px;
    }


    .selected-post__item p {
        font-size: 16px;
        line-height: 30px;
    }

    .selected-post__link {
        padding-bottom: 0;
    }

    .main-footer__links a {
        margin-right: 54px;
    }

    .careers-item {
        grid-template-columns: 1fr 48.118%;
    }

    .careers-item__content {
        padding-left: 30px;
    }

    .careers-item__description {
        margin-bottom: 96.3px;
    }

    .careers-item__title {
        margin-bottom: 35px;
    }

    .careers-item__img img {
        transform: none;
        height: 100%;
    }

    .contact-header {
        background-image: url('../img/bg-contact-3.png');
        background-position: bottom;
    }


    .contact-header__social ul {
        grid-template-columns: auto 1fr !important;
        gap: 52.5px;
    }

    .contact-form textarea {
        height: 96.76px;
    }

    .check .frm_checkbox {
        margin-right: 15px !important;
    }

    .check .frm_checkbox:last-child {
        margin-right: 0;
    }

    .check input {
        margin-right: 7px;
    }

    .check input[type="checkbox"]::before {
        width: 16px;
        height: 16px;
    }

    .contact-form {
        margin-top: 0;
    }

    .privacy-grid {
        padding-top: 117px;
        padding-bottom: 144px;
    }

    .privacy-grid {
        grid-template-columns: 100%;
        gap: 25px;
    }

    .privacy-title {
        color: #352A20;
        font-size: 39px;
        line-height: 49px;
    }

    .privacy-single .padding-left-right {
        padding-left: 60px;
        padding-right: 61px;
    }
}

@media screen and (max-width:1280px) {
    #menu-about-menu {
        display: none;
    }
}

@media (min-width: 0px) and (max-width: 1194px) {

    .offcanvas-collapse #menu-about-menu-1 {
        display: flex;
    }


    .menu-about-menu-container {
        width: 100%;
    }

    .collapse-left {
        padding-top: 0;
    }

}

@media (min-width: 1195px) and (max-width: 1440px) {

    .paginator-content--prev:hover img {
        width: 304px;
    }

    .contact-header__grid {
        gap: 85px;
        margin-top: 0 !important;
        grid-template-columns: 42% 1fr;
    }

    .contact-form {
        margin-top: 0;
    }

    .contact-header__item {
        margin-bottom: 34px !important;
    }

    .contact-header__social p {
        margin-bottom: 23.8px !important;
    }

    .contact-form textarea {
        height: 96.76px;
    }

    .general-header.selected-header {
        padding-bottom: 34px;
    }

    .filter-header {
        padding-bottom: 40px;
    }

    .padding-left-right {
        padding-left: 77px !important;
        padding-right: 77px !important;
    }

    .contact-header .padding-left-right {
        padding-left: 76px !important;
        padding-right: 76px !important;
    }

    .work-text .padding-left-right {
        padding-left: 90px;
        padding-right: 90px;
    }

    .collapse-left {
        padding-top: 0;
    }

    .paginator-content--prev:hover img, .paginator-content--next:hover img {
        width: 375px;
        height: 250px;
    }

    .collapse-grid {
        grid-template-columns: 100%;
        gap: 90px;

    }

    .collapse-section {
        padding-top: 130px;
        padding-bottom: 130px;
    }

    .services .padding-left-right {
        padding-left: 0;
    }

    .services-left {
        padding-top: 130px;
        padding-bottom: 0;
        padding-left: 106px;
        padding-right: 107px;
    }

    .services-grid {
        gap: 90px;

        grid-template-columns: 100%;
    }

    .about-text {
        padding-top: 62px;
        padding-bottom: 131px;
        padding-right: 120px;
    }

    .about-grid {
        gap: 100px;
    }

    /* .clients .padding-left-right {
        padding-left: 120px;
        padding-right: 120px;
    } */
    .menu-about-menu-container {
    }
}

@media (min-width: 899px) and (max-width: 1440px) {

    .main-case h2 {
        font-size: 76px;
        line-height: 86px;
    }
}

/*{*/
/*	transform: translate(0px, 0px); transition: transform 1000ms cubic-bezier(0.23, 1, 0.32, 1) 0s;*/
/*}*/


@media (min-width: 991px) {
    .contact-header {
        min-height: 100vh;
    }
}


@media (min-width: 1025px) and (max-width: 1440px) {
    .contact-header {
        padding-top: 133px;
    }


    .contact-header .padding-left-right {
        padding-left: 77px;
        padding-right: 77px;
    }

    .contact-header h1 {
        font-size: 76px;
        line-height: 101px;
        font-weight: 400;
        margin-bottom: 30px;
    }

    .main-contact__mail {
        margin-top: 16.49px;
        font-size: 33px;
    }

    .contact-header__social ul {
        display: grid;
        grid-template-columns: auto 1fr;
        gap: 0 91px;
    }

    .contact-header__grid {
        margin-top: 45px;
    }

    .contact-header__item p {
        margin-bottom: 8.6px;
        font-size: 25px;
        line-height: 35px;
    }

    .contact-header__item {
        margin-bottom: 44px;
    }

    .contact-header__social p {
        margin-bottom: 32px;
    }

    .contact-header__social li {
        margin-bottom: 22px;
    }

    .contact-header .main-contact__text-small {
        margin-left: 0;
    }

    .contact-header__item p {

    }

    .contact-header h3 {
        margin-left: 0;
        margin-bottom: 10px;
        font-size: 20px;
        line-height: 30px;
    }

    .contact-header__social a {
        font-size: 25px;
        line-height: 35px;
    }

    .contact-header__info {
        grid-template-columns: auto 1fr;
        gap: 0 121px;
    }

    .custom-logo {
        height: 27.46px;
    }

    .fixed-top nav {
        padding-top: 17px;
    }

    #navbar .offcanvas-collapse {
        padding-top: 17px !important;
    }

    .navbar .container {
        padding-left: 31px;
        padding-right: 31px;
    }

    .post-banner img {
        height: 600px;
    }

    .work-banner__full img {
        height: auto;
    }

    .work-grid__two img, .work-grid__two video {
        height: 880px;
    }

    .work-banner__padding img {
        height: 730px;
    }

    .work-grid__one--end img, .work-grid__one--first img, .work-grid__one--end video, .work-grid__one--first video {
        height: 880px;
    }


    .small-left .work-text-img__right img, .small-left .work-text-img__right video {
        height: 732px;
    }

    .work-text-img__left img, .work-text-img__left video {
        height: 359px;
    }

    .work-slider__item {
        height: 623px;
    }
}


@media (min-width: 769px) and (max-width: 1024px) {
    .navbar-social {
        align-items: center;
        padding-left: 0;
    }

    .main-layer a {
        bottom: 7vh;
    }
}

@media (min-width: 601px) and (max-width: 898px) {
    .tab-left {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 27px;
    }

    .work-header {
        padding-bottom: 0;
    }

    .work-text {
        padding-top: 77px;
        padding-bottom: 77px;
    }

    .work-text .btn-general {
        font-size: 14px;
    }

    .work-text .btn-general {
        margin-top: 91px;
    }

    .work-text .padding-left-right {
        padding-left: 39px !important;
        padding-right: 61px !important;

    }

    .services-item__img {
        display: block !important;
    }

    .services-item__title {
        font-size: 20px;
        line-height: 30px;
    }

    .services-item__img img {
        height: 206px;
        margin: 0;
    }

    .services-item__description p {
        font-size: 16px;
        line-height: 24px;
    }

    .services-item__description {
        margin-top: 42px
    }

    .tab-grid {
        margin-top: 42px;
    }

    .accordion-header .accordion-button {
        padding-top: 24.7px;
        padding-left: 20px;
        padding-bottom: 24.7px;
    }
}


.post-single .post-banner .service-thumbnail-image {
    height: 500px !important;
    width: 100% !important;
}

@media (min-width: 0px) and (max-width: 600px) {
    .post-single .post-banner .service-thumbnail-image {
        width: 100%;
        height: 235px !important;
    }
}

@media (min-width: 601px) and (max-width: 900px) {
    .post-single .post-banner .service-thumbnail-image {
        width: 100%;
        height: 240px !important;
    }
}

/*@media (min-width: 0px) and (max-width: 600px) {
    .ios-13-up .mouse-down-animation {
        bottom: 15vh !important;
    }
}

/*@media (min-width: 0px) and (max-width: 600px) {*/
/*	.ios-13-lower .mouse-down-animation {*/
/*		bottom: 18vh !important;*/
/*	}*/
/*}*/


@media (min-width: 0px) and (max-width: 600px) {
    .selected-post__title .button-arrow img, .selected-post__title .button-arrow svg {
        margin-top: -3px !important;
        height: 20px !important;
        width: 20px !important;
        margin-left: 5px !important;
    }
}

@media (min-width: 0px) and (max-width: 600px) {
    .filter-header {
        width: 90%;
        margin-right: 4px !important;
    }
}

.nextprev {
    font-size: 49px !important;
    font-weight: 500;
}

@media (min-width: 0px) and (max-width: 600px) {
    .nextprev {
        font-size: 20px !important;
        font-weight: 500;
    }
}

.paginator a {
    text-transform: capitalize;
}

.your-message {
    margin-bottom: 36px;
}

@media (min-width: 898px) and (max-width: 1194px) {
    .contact-header .main-layer a {
        bottom: 8vh !important;
        padding: 0 !important;
    }
}

@media (min-width: 0px) and (max-width: 600px) {
    .frm_form_field.frm_three_col .frm_opt_container {
        grid-template-columns: repeat(1, 3fr);
    }
}

@media (min-width: 0px) and (max-width: 808px) {
    .frm_form_field.frm_three_col .frm_opt_container {
        grid-template-columns: repeat(1, 3fr);
    }
}

@media (min-width: 0px) and (max-width: 808px) {
    .frm_checkbox {
        padding-bottom: 20px;
    }
}

@media (min-width: 0px) and (max-width: 600px) {
    .frm_checkbox {
        padding-bottom: 0px;
    }
}

.frm_checkbox {
    white-space: nowrap;
}

@media (min-width: 890px) and (max-width: 1000px) {
    .frm_form_field.frm_three_col .frm_opt_container {
        grid-template-columns: repeat(1, 3fr);
    }
}

@media (min-width: 890px) and (max-width: 1000px) {
    .frm_checkbox {
        padding-bottom: 30px;
    }
}

@media (min-width: 600px) and (max-width: 991px) {
    .main-case__see {
        height: 59px;
        width: 59px;
    }
}

@media (min-width: 0px) and (max-width: 1440px) {
    .read-more, .read-less, .word-grid__description, .clients-filter a {
        font-size: 16px;
    }
}

@media (min-width: 898px) and (max-width: 1440px) {
    .paginator a {
        font-size: 39px;
    }
}

@media (min-width: 898px) and (max-width: 1194px) {
    .collapse-flex {
        grid-template-columns: 1fr 1fr !important;
        gap: 50px !important;
    }

    .collapse-section .padding-left-right {
        padding-left: 107px !important;
        padding-right: 107px !important;
    }
}

@media (min-width: 1440px) {
    .clients-list li a, .clients-list li {
        font-size: 25px;
    }
}


@media (min-width: 898px) and (max-width: 1194px) {
    .thinking-principal__grid {
        grid-template-columns: 1fr 1fr !important;
    }

    .thinking-aditional__item {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .thinking-aditional {
        padding-left: 50px !important;
        padding-right: 50px !important;
    }


    .thinking-principal__img {
        height: 100%;
    }

}

@media (min-width: 0px) and (max-width: 1194px) {
    .btn-general .load-more {
        font-size: 16px !important;
    }
}

@media (min-width: 899px) and (max-width: 1024px) {
    .thinking-header h1 {
        font-size: 80px;
    }

    .post-title {
        font-size: 50px;
    }
}

@media (min-width: 1024px) and (max-width: 1440px) {
    .thinking-header h1 {
        font-size: 97px;
    }
}

.image-container {
    display: flex;
    justify-content: center;
    align-items: center;
}

.image-container img {
    overflow: hidden;
}

.image-container img {
    max-width: 100%;
}

/* For mobile devices */
@media only screen and (max-width: 479px) {
    .image-container img {
        content: url(/wp-content/themes/Starfish/assets/img/sf_textanimation_mobile.gif);
    }
}

/* For tablets */
@media only screen and (min-width: 480px) and (max-width: 768px) {
    .image-container {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .image-container img {
        content: url(/wp-content/themes/Starfish/assets/img/sf_textanimation_tablet.gif);
    }
}

/* For desktops */
@media only screen and (min-width: 769px) {
    .image-container {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .image-container img {
        content: url(/wp-content/themes/Starfish/assets/img/sf_textanimation_desktop.gif);
    }
}

.selected-post__img img, .selected-post__img video, .thinking-principal__img, .post-banner img, .main-case__item {
    height: 795px;
}

@media (min-width: 1440px) and (max-width: 1500px) {
    .selected-post__img img, .selected-post__img video, .thinking-principal__img, .post-banner img, .main-case__item {
        height: 680px;
        width: 100%;
    }
}

@media (min-width: 1195px) and (max-width: 1440px) {
    .selected-post__img img, .selected-post__img video, .thinking-principal__img, .post-banner img, .main-case__item {
        height: 620px;
    }

    .thinking-aditional__item {
        margin-left: 70px;
        margin-right: 70px;
    }
}

@media (min-width: 898px) and (max-width: 1194px) {
    .selected-post__img img, .selected-post__img video, .post-banner img {
        height: 560px;
    }
}

@media (min-width: 601px) and (max-width: 898px) {
    .selected-post__img img, .selected-post__img video, .post-banner img, .thinking-principal__img {
        height: 480px;
    }
}

@media (min-width: 0px) and (max-width: 600px) {
    .selected-post__img img, .selected-post__img video, .post-banner img, .thinking-principal__img {
        height: 305px;
    }

    .main-case__item {
        height: 100%;
    }
}


@media (min-width: 1025px) and (max-width: 1194px) {
    .main-case__item {
        height: 560px;
    }
}

@media (min-width: 0px) and (max-width: 1024px) {
    .paginator-content img {
        display: none;
    }
}


@media (min-width: 1024px) and (max-height: 800px) {
    .navbar-social {
        margin-top: -20px;
    }
}

@media (min-width: 1024px) and (max-height: 780px) {
    .navbar-social {
        margin-top: -40px;
    }
}

@media (min-width: 1024px) and (max-height: 760px) {
    .navbar-social {
        margin-top: -60px;
    }
}

@media (min-width: 1024px) and (max-height: 740px) {
    .navbar-social {
        margin-top: -100px;
    }
}

@media (min-width: 898px) and (max-width: 1345px) {
    .thinking-principal__text {
        padding-left: 57px;
    }

    .thinking-principal__grid {
        grid-template-columns: 52.859% 1fr;
    }
}


@media (min-width: 898px) and (max-width: 1194px) {
    .thinking-principal__img {
        height: 587px;
    }
}


@media (min-width: 601px) and (max-width: 1024px) {
    .contact-header__grid {
        grid-template-columns: 42.353% 1fr;
        gap: 0;
        margin-top: 0;
    }

    .contact-form {
        margin-top: 170px;
    }

    .contact-header__info {
        grid-template-columns: 100% !important;
        gap: 0;
    }

    .contact-header__social ul {
        grid-template-columns: 100% !important;
        gap: 0 95px
    }
}


.people .padding-left-right {
    padding-left: 61.5px !important;
}


@media (min-width: 898px) and (max-width: 1194px) {
    .people .padding-left-right {
        padding-left: 38.5px !important;
    }
}

@media (min-width: 0px) and (max-width: 600px) {
    .people .padding-left-right {
        padding-left: 28px !important;
        padding-right: 29px !important;
    }
}

@media (min-width: 1024px) and (max-width: 1258px) {
    body:has(.about) {
        overflow-x: hidden;
    }
}


@media (min-width: 1345px) and (max-width: 1440px) {
    .thinking-principal__grid {
        grid-template-columns: 56.859% 1fr;
    }
}

@media screen and (max-width: 1024px) {
    .main-case__count {
        display: none;
    }
}


.navbar-toggler {
    z-index: 0 !important;
}


@media (min-width: 1440px) and (max-width: 1550px) {
    .collapse-flex {
        gap: 40px;
    }
}

.clients-list li a {
    padding: 0 !important;
}

.clients-list li:hover a {
    text-decoration: underline !important;
    opacity: 0.7;
}


@media (min-width: 1195px) and (max-width: 1302px) {
    .collapse-section .about-genetal__description {
        font-size: 54px;
        line-height: 65px;
    }

    .collapse-flex {
        gap: 50px;
    }
}

@media (min-width: 1440px) {
    #about.collapse-section .padding-left-right {
        padding-right: 106px !important;
    }
}

@media (min-width: 1440px) {
    .navbar-social {
        max-width: 168px;
        align-items: center;
        padding-left: 0;
    }
}


@media (min-width: 770px) and (max-width: 1440px) {
    .navbar-social {
        max-width: 127px;
        padding-left: 0;
    }
}

@media (max-width: 1024px) {
    .navbar-social {
        max-width: 100%;
    }
}

.contact-header {
    min-height: calc(100dvh - 530px) !important;
}

#people {
    padding-bottom: 100px !important;
}

.people-slider__item {
    padding-top: 20px !important;
}

@media (min-width: 898px) and (max-width: 1100px) {
    .about-grid {
        grid-template-columns: 100% !important;
        gap: 0 !important;
    }

    .about-text {
        order: -1;
        padding-left: 25px !important;
        padding-right: 26px !important;
        width: 60%;
        margin: 50px auto 0;
    }
}

@media (min-width: 0px) and (max-width: 898px)
    .about .main-layer.main-layer--mobile {
        bottom: 100px;
    }

    #who-we-are {
        overflow: hidden;
    }
}

@media (min-width: 899px) and (max-width: 1100px) {
    .about-img img {
        height: 67%;
    }
}

.clients-list li {
    vertical-align: top !important;
    display: inline-block !important;
    width: 100% !important;
}


.frm_message:has(.please-note-text) {
    bottom: -120px;
}

.under-twenty-five {
    color: red !important;
}

.your-message textarea::placeholder {
    color: #AAAAAA !important;
}

@media (min-width: 1101px) and (max-width: 1194px) {
    .about-grid {
        padding-top: 0 !important;
    }
}

@media (min-width: 800px) and (max-width: 1100px) {
    #who-we-are .about-genetal__description {
        font-size: 44px !important;
        line-height: 52px;
    }
}

.about .main-layer a {
    bottom: 30px !important;
}

@media (min-width: 898px) and (max-width: 1194px) {
    .about .main-layer a {
        bottom: 41px !important;
    }
}

@media (max-width: 898px) {
    .about .main-layer.main-layer--mobile {
        bottom: 78px !important;
    }
}

@media (max-width: 709px) {
    .about .main-layer.main-layer--mobile {
        bottom: 129px !important;
    }
}


@media (max-width: 600px) {
    .about .main-layer.main-layer--mobile {
        bottom: 10px !important;
    }
}

.paginator, .thinking-aditional {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

#people {
    margin-bottom: 0 !important;
}


.main-case__see {
    display: none !important;
}

.main-layer, .main-layer.mouse-down-animation {
    height: 100vh;
    z-index: 999;
    top: initial;
}

.main-layer a {
    bottom: 35px;
    top: initial;
}

@media (min-width: 0px) and (max-width: 600px) {
    .main-layer a {
        bottom: 8px;
    }
}

@media (max-width: 1100px) {
    .main-layer-about a {
        filter: invert(100);
    }
}

.image-container {
    flex-direction: column;
    gap: 50px;
}

.about-text-home {
    font-size: 49px;
    line-height: 58px;
    text-align: center;
    width: 95%;
    max-width: 1284px;
    margin-bottom: 0;
    padding-bottom: 0;
    font-weight: 400 !important;
}

.about-us-button-home {
    font-size: 20px;
    line-height: 30px;
    margin-top: 0;
    padding: 0 0 10px;
    color: #1A9CAB;
    border-bottom: 2px solid #000;
}

.main-contact {
    background: #F8F8F8;
    margin-top: 88px;
}

body:has(.paginator) .main-contact {
    margin-top:-15px!important;
    border-top: 88px solid #fff;
}

@media (min-width: 899px) and (max-width: 1440px) {
    .about-text-home {
        font-size: 40px;
        line-height: 49px;
    }

    .main-contact {
        margin-top: 47px;
    }

    body:has(.paginator) .main-contact {
        margin-top:-15px!important;
        border-top: 47px solid #fff;
    }
}

@media (min-width: 0) and (max-width: 755px) {
    .about-text-home {
        font-size: 25px;
        line-height: 35px;
    }

    .about-us-button-home {
        font-size: 16px;
    }

    .main-contact {
        margin-top: 41px;
    }

    body:has(.paginator) .main-contact {
        margin-top:-15px!important;
        border-top: 41px solid #fff;
    }

    .image-container:has(.about-text-home) {
        gap: 40px;
    }
}


.black-bg nav {
    background: #ffffff6e;
    backdrop-filter: blur(30px px);
}

#navbar.fixed {
    top: 0 !important;
}

#gif-animation {
    margin: 0;
    padding: 150px 0 150px;
}

.main-case__item-1 {
    border: 0;
}

.main-footer__links {
    width: 35%;
}

.main-footer__flex {
    align-items: flex-end;
}

.footer-links {
    margin: 0 40px;
}

#menu-footer a,
#menu-footer {
    list-style: none;
    display: flex;
    padding: 0;
    margin: 0;
    gap: 40px;
    font-size: 16px;
    font-weight: normal;
    line-height: 24px;
}

.main-footer__links {
    gap: 40px;
}

#menu-footer li a {
    padding: 0;
    margin: 0;
}

.footer-quicklinks {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 23px;
    font-weight: bold;
}

.main-footer__social a {
    padding-bottom: 0;
}

.main-footer__links a:last-child {
    margin-right: 0;
}

.main-footer {
    padding: 64px 0;
}

.main-footer__links a {
    margin-right: 40px;
}


@media screen and (max-width: 1100px) {
    #gif-animation {
        padding: 120px 0;
    }


    .footer-quicklinks {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 15px;
    }

    #menu-footer a {
        font-size: 16px;
        line-height: 24px;
    }

    .footer-links {
        order: -1;
        flex-basis: 100%;
        margin: 0;
        margin-bottom: 30px;
    }

    .main-footer__flex {
        flex-wrap: wrap;
    }

    .main-footer__links {
        width: 80%;
    }

    #menu-footer, .main-footer__links {
        gap: 30px;
    }

    .main-footer {
        padding: 40px 0 47px 0;
    }
}

@media (min-width: 0) and (max-width: 600px) {
    #gif-animation {
        padding: 100px 0;
    }

    .footer-quicklinks {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 10px;
    }

    #menu-footer {
        font-size: 14px;
        line-height: 19.2px;
        gap: 20px;
    }

    .main-footer__links {
        gap: 20px;
    }

    .main-footer {
        padding: 34px 0;
    }
}


.navbar-toggler--open p, .navbar-toggler--close p  {
    font-weight: bold;
}

.navbar-toggler__content span svg line, .navbar-toggler__content span svg {
    height: 3px;
    stroke-width: 3px;
}

@media screen and (max-width: 1024px) {
    .navbar-toggler__content {
        height: 34px;
    }

    .navbar-toggler__content span svg line, .navbar-toggler__content span svg {
        height: 3px;
        stroke-width: 3px;
    }
}

@media screen and (max-width:600px) {
    .main-footer__links {
        gap:10px;
    }
}

.main-banner {
    margin-bottom:0!important;
}

#is-the-brand, #brand-experience {
    text-wrap:wrap;
}
.about-text-home {
    width: 65%;
    text-wrap:balance;
    max-width: 1083px;
}

@media (min-width: 1440px) {
    .about-text-home {
        width: 67%;
    }
}

@media (min-width: 1280px) and (max-width: 1439px) {
    .about-text-home {
        width: 72%;
    }
}

@media (max-width: 1279px) {
    .about-text-home {
        width: 76%;
    }
}

@media (max-width: 1203px) {
    .about-text-home {
        width: 80%;
    }
}

@media (min-width: 1024px) and (max-width: 1159px) {
    .about-text-home {
        width: 83%;
    }
}

@media (max-width: 1023px) {
    .about-text-home {
        width: 90%;
    }
}

@media (max-width: 877px) {
    .about-text-home {
        width: 90%;
    }
}

#copyright-year {
    margin: 0;
}

.main-contact {
    margin-bottom:0!important;
}



.footer-menu-first-item {
    color: #352A20;
    font-weight: bold;
    margin-bottom: 24px !important;
}

.footer-starfish-logo {
    width: 120px;
    margin-bottom: 38px;
}

.main-footer__links {
    width: 100%;
    justify-content: space-between;
    padding-top: 45px;
    border-top: 1px solid #000;
    margin-top: 60px;
}

.footer-links {
    display: flex;
    gap: 100px;
    margin-right: 0;
    margin-left: 100px;
}

.footer-menus {
    display: flex;
    gap: 100px;
}

.footer-menu a,
.footer-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-bottom: 14px;
    font-size: 16px;
    line-height: 24px;
}

.footer-menu {
    margin-bottom: 14px;
}

.main-footer__links {
    gap: 40px;
}

.footer-quicklinks {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 23px;
    font-weight: bold;
}

.main-footer__social a {
    padding-bottom: 0;
}

.main-footer__links a:last-child {
    margin-right: 0;
}

.main-footer {
    padding: 58px 0;
}

.main-footer__links a {
    margin-right: 40px;
}

.main-footer__flex {
    align-items: flex-start;
}

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

    .footer-links,
    .footer-menus {
        gap: 60px;
    }
}


@media screen and (max-width: 1100px) {
    .main-footer {
        padding: 38px 0 54px;
    }

    .main-footer__links {
        padding-top:26px;
    }

    .footer-menu,
    .footer-menu li:last-child,
    .footer-menu li:last-child a {
        margin-bottom: 0;
    }

    .footer-starfish-logo {
        margin-bottom: 27px;
    }

    .footer-menu a {
        margin-bottom: 10px;
    }

    .footer-menu-first-item {
        margin-bottom: 15px;
    }

    .main-footer__links {
        margin-top: 68px;
    }

    #gif-animation {
        padding: 120px 0;
    }


    .footer-quicklinks {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 15px;
    }

    .footer-menu a {
        font-size: 16px;
        line-height: 24px;
    }

    .footer-links {
        order: 1;
        flex-basis: 100%;
        margin: 0;
        margin-top: 53px;
    }

    .main-footer__flex {
        flex-wrap: wrap;
    }

    .main-footer {
        padding: 40px 0 47px 0;
    }
}

@media screen and (max-width:678px) {
    .main-footer__links {
        margin-top:45px;
    }

    .footer-links {
        flex-direction: column;
        margin-top:38px;
    }

    .footer-menu-first-item {
        margin-bottom:10px;
    }

    .main-footer {
        padding: 44px 0 36px 0;
    }
}

@media (min-width: 0) and (max-width: 600px) {
    #gif-animation {
        padding: 100px 0;
    }

    .footer-menu {
        font-size: 14px;
        line-height: 19.2px;
        gap: 20px;
    }

    .main-footer__links {
        flex-direction: row;
    }

    .main-footer__links a {
        width:fit-content;
    }
}

@media (min-width: 0) and (max-width: 392px) {
    .footer-links,
    .footer-menus {
        gap: 48px;
    }
}


.navbar-toggler--open p,
.navbar-toggler--close p {
    font-weight: bold;
}

.navbar-toggler__content span svg line,
.navbar-toggler__content span svg {
    height: 3px;
    stroke-width: 3px;
}

@media screen and (max-width: 1024px) {
    .navbar-toggler__content {
        height: 34px;
    }

    .navbar-toggler__content span svg line,
    .navbar-toggler__content span svg {
        height: 3px;
        stroke-width: 3px;
    }
}

.main-banner {
    margin-bottom: 0 !important;
}

.post-single__content p a {
    display:inline;
}



}