@charset "UTF-8";

/**
* Role: @MEDIA QUERY style
* Theme: GCG ATDev
*/

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

    /* Link hover effect */
    ul:not(.ab-top-menu)>li>a {
        color: inherit;
        position: relative;
        overflow: hidden;
    }

    ul:not(.ab-top-menu, .search-list)>li>a:hover {
        color: #6778ad;
    }

    ul:not(.ab-top-menu,
        .search-list,
        .wp-block-social-links,
        .background-solid,
        .background-gradient,
        .similar-news,
        .wp-block-latest-posts__list,
        .country-anchor-links)>li>a:before {
        content: "";
        width: 0;
        height: 1px;
        bottom: 0;
        position: absolute;
        left: auto;
        right: 0;
        z-index: 1;
        background: currentColor;
        background-color: #6778ad;
        -moz-transition: width .6s cubic-bezier(.25, .8, .25, 1) 0s;
        -ms-transition: width .6s cubic-bezier(.25, .8, .25, 1) 0s;
        -o-transition: width .6s cubic-bezier(.25, .8, .25, 1) 0s;
        -webkit-transition: width .6s cubic-bezier(.25, .8, .25, 1) 0s;
        transition: width .6s cubic-bezier(.25, .8, .25, 1) 0s;
    }

    nav.primary-navigation {
        align-items: center;
    }

    .primary-menu-container>ul>li>a:before {
        height: 3px;
    }

    .primary-menu-container>ul>li:hover>a:before {
        width: 100%;
        min-width: max-content;
        left: 0;
        right: auto;
    }

    ul:not(.ab-top-menu)>li>a:hover:before {
        width: 100%;
        min-width: max-content;
        left: 0;
        right: auto;
    }

    div.primary-menu-container>ul>li.menu-item.menu-item-has-children>ul.sub-menu {
        display: none;
        opacity: 0;
        position: absolute;
        z-index: 3;
        left: 0;
        right: 0;
        top: 0;
        max-height: 200vh;
        padding: 2em 0 2em 2em;
        background: #fff;
        box-shadow: 0 10px 15px rgba(0, 0, 0, 0.05);
        border-bottom: 3px solid #6778ad;
        border-top: 3px solid transparent;
        top: 100%;
        width: 100%;
        min-width: max-content;
        flex-direction: column;
        justify-content: center;
        transition: ease-in-out .3s;
        -webkit-transition: ease-in-out .3s;
        -moz-transition: ease-in-out .3s;
        -ms-transition: ease-in-out .3s;
        -o-transition: ease-in-out .3s;
    }

    div.primary-menu-container>ul>li.menu-item.menu-item-has-children>ul.sub-menu {
        -webkit-transform: translate(-3px, 12px);
        -moz-transform: translate(-3px, 12px);
        -ms-transform: translate(-3px, 12px);
        -o-transform: translate(-3px, 12px);
        transform: translate(-3px, 12px);
    }

    ul.sub-menu li {
        line-height: 2;
        padding-right: 2em;
    }

    .primary-menu-container>ul.menu-wrapper>li:hover>.sub-menu-toggle .at-icon-chevron svg path {
        stroke: #272264;
    }

    .menu-button-container {
        display: none;
    }

    .primary-menu-container>ul>li>ul li a {
        color: #606a70;
        padding: .5em 0 0 0;
        width: max-content;
        display: block;
    }

    div.primary-menu-container>ul>li.menu-item.menu-item-has-children>ul.sub-menu>li.menu-item-has-children>a {
        width: 100%;
        width: max-content;
        display: flex;
        align-items: center;
    }

    div.primary-menu-container>ul>li.menu-item.menu-item-has-children>ul.sub-menu>li.menu-item-has-children.country-pages {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    div.primary-menu-container>ul>li.menu-item.menu-item-has-children>ul.sub-menu>li.menu-item-has-children.country-pages::after {
        content: "";
        margin-left: .62em;
        margin-bottom: -.75em;
        width: .62rem;
        height: .62em;
        background: url("https://globalcomplianceguide.com/wp-content/themes/gcgatdev/svg/chevron.svg");
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: center;
        -webkit-transform: rotateZ(-90deg);
        -moz-transform: rotateZ(-90deg);
        -ms-transform: rotateZ(-90deg);
        -o-transform: rotateZ(-90deg);
        transform: rotateZ(-90deg);
    }

    body div.site .link_active:not(a) {
        border-color: #044E81;
    }

    body div.site a.link_active {
        color: #6778ad;
        cursor: default;
    }
}

@media (max-width: 1023px) {

    body:not(.page) div.site-content {
        flex-direction: column-reverse;
        flex-wrap: nowrap;
    }

    body.category.category-countries header.page-header.alignwide,
    body.single div.site-content {
        margin-top: 90px;
    }

    body.category.category-countries header.page-header.alignwide {
        padding-top: 76px;
    }

    .site-header .countries-search {
        background: #fff;
        padding: 0px 5rem;
        position: absolute;
        right: 0rem;
    }

    aside.widget-area {
        display: flex;
        gap: 1em;
        flex-direction: column;
    }

    body.page-template-page-home aside.widget-area {
        gap: 0;
    }

    div.primary-menu-container>ul>li.menu-item.menu-item-has-children>ul.sub-menu {
        flex-direction: column;
        overflow: hidden;
    }

    header.site-header div.masthead-container {
        background: inherit;
        display: flex;
        align-items: flex-start;
        width: 100%;
        flex-direction: column;
        padding: 0;
    }

    .site-logo {
        transition-duration: 1s;
        height: 100%;
        overflow: hidden;
    }

    .site-logo a.custom-logo-link {
        display: block;
        height: 100%;
    }
	
	nav.primary-navigation #re-logo .site-logo .custom-logo-link,
	nav.primary-navigation #re-logo .site-logo {
		height: 100%;
		width: auto;
	}

    .menu-button-container {
        height: 100%;
        display: flex;
        align-items: center;
        margin: 0 .5rem;
    }

    button#primary-mobile-menu {
        padding: 2px;
        cursor: pointer;
    }

    .menu-icon {
        display: block;
        width: 3rem;
        height: 3px;
        margin: 10px auto;
        position: relative;
        background: var(--grey-100, #687B81);
        -webkit-transition: transform .5s;
        -moz-transition: transform .5s;
        -ms-transition: transform .5s;
        -o-transition: transform .5s;
        transition: transform .5s;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;
        border-radius: 3px;
    }

    button#primary-mobile-menu>:nth-child(2) {
        -webkit-transform: scaleX(100%);
        -moz-transform: scaleX(100%);
        -ms-transform: scaleX(100%);
        -o-transform: scaleX(100%);
        transform: scaleX(100%);
        transform-origin: right;
    }

    button#primary-mobile-menu:hover>:nth-child(2) {
        -webkit-transform: scaleX(50%);
        -moz-transform: scaleX(50%);
        -ms-transform: scaleX(50%);
        -o-transform: scaleX(50%);
        transform: scaleX(50%);
    }

    div.site-branding-container {
        position: absolute;
        height: 100%;
        padding-left: 2.5rem;
    }

    .primary-menu-container {
        width: 100vw;
        max-width: 360px;
        height: 100%;
        overflow-y: auto;
        overflow-x: hidden;
        background: #f4f5f8;
        z-index: 1;
    }

    div#re-logo {
        position: absolute;
        top: 0;
        padding-left: 1em;
        width: 100%;
        height: 90px;
        background: #000075;
        background: #fff;
        display: flex;
        align-items: center;
        z-index: 113;
    }

    nav.primary-navigation ul.menu-wrapper {
        height: auto;
        min-height: calc(100vh - 90px);
        width: 100%;
        overflow-x: hidden;
        overflow-y: auto;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        row-gap: .5em;
        padding: 1em;
		padding-top: 3rem;
        margin-top: 90px;
    }

    nav.primary-navigation {
        justify-content: flex-end;
        background: #000000c9;
        background: transparent;
        width: 100vw;
        min-height: 100vh;
        position: relative;
        left: 100%;
        -webkit-transition: left 1s;
        -moz-transition: left 1s;
        -ms-transition: left 1s;
        -o-transition: left 1s;
        transition: left 1s;
    }

    div.primary-menu-container>ul>li.menu-item.menu-item-has-children>ul.sub-menu {
        position: static;
        flex-basis: 100%;
        gap: .5em;
        padding: 0 .75em 0 .5em;
    }

    .primary-menu-container>ul>li {
        flex-wrap: wrap;
    }

    .primary-menu-container>ul>li>ul.sab-menu {
        flex-basis: 100%;
    }

    .primary-menu-container>ul>li {
        font-size: 20px;
        width: 100%;
        padding-top: .75em;
        padding-bottom: 1em;
        border-bottom: 2px solid #fff3;
        height: max-content;
        align-content: flex-start;
        justify-content: center;
        transition-duration: .5s;
        z-index: 111;
    }

    /* login */
    li#menu-item-2545 {
        justify-content: center;
		padding-top: 0;
    }

    /* 	.end login */

    ul#primary-menu-list li a {
        font-size: 20px;
        line-height: 1.7;
    }

    span.at-icon-chevron {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 40px;
        height: 40px;
        background: hsla(0, 0%, 100%, .1);
    }

    ul#primary-menu-list li.menu-item.item-create>a {
        color: yellow;
    }

    .menu-button-container {
        position: absolute;
        top: 0;
        right: 2rem;
        pointer-events: all;
    }

    button#nav-close {
        display: none;
        align-items: center;
        justify-content: center;
        position: absolute;
        border: none;
        width: 32px;
        height: 80px;
        top: 0;
        right: 2rem;
        cursor: pointer;
        z-index: 2;
    }

    button#nav-close>span {
        display: block;
        width: 2rem;
        height: 0;
        background: var(--grey-100, #687B81);
        position: relative;
    }

    button#nav-close>span::before,
    button#nav-close>span::after {
        transition-duration: .5s;
    }

    button#nav-close>span::before {
        content: '';
        display: block;
        width: 2rem;
        height: 2px;
        position: absolute;
        background-color: inherit;
        -webkit-transform: rotateZ(45deg);
        -moz-transform: rotateZ(45deg);
        -ms-transform: rotateZ(45deg);
        -o-transform: rotateZ(45deg);
        transform: rotateZ(45deg);
    }

    button#nav-close>span::after {
        content: '';
        display: block;
        width: 2rem;
        height: 2px;
        position: absolute;
        background-color: inherit;
        -webkit-transform: rotateZ(-45deg);
        -moz-transform: rotateZ(-45deg);
        -ms-transform: rotateZ(-45deg);
        -o-transform: rotateZ(-45deg);
        transform: rotateZ(-45deg);
    }

    button#nav-close:hover>span::before {
        -webkit-transform: rotateZ(0deg);
        -moz-transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
        -o-transform: rotateZ(0deg);
        transform: rotateZ(0deg);
    }

    button#nav-close:hover>span::after {
        -webkit-transform: rotateZ(0deg);
        -moz-transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
        -o-transform: rotateZ(0deg);
        transform: rotateZ(0deg);
    }

    nav#site-navigation.nav_active {
        left: 0;
        cursor: url("//globalcomplianceguide.com/wp-content/uploads/2025/07/light-close-.png") 16 16, pointer;
    }

    nav#site-navigation.nav_active .primary-menu-container {
        cursor: default;
    }

    ul#primary-menu-list>li.menu-item.menu-item-has-children>a {
        cursor: default;
    }

    ul.menu-wrapper>li.menu-item.menu-item-has-children>a:hover {
        text-decoration: none;
    }

    .sub-menu-toggle {
        padding: 0;
    }

    body.home label.at-search input[type=search]::placeholder,
    body.home label.at-search input[type=search] {
        font-size: 30px;
    }

    body.home label.at-search svg {
        width: 1.75em;
        height: auto;
    }

}

@media (min-width: 1024px) {
    ul.menu-wrapper>li.country-pages>ul.sub-menu>li.menu-item-has-children>ul.sub-menu {
        -webkit-transition: ease-in-out .3s;
        -moz-transition: ease-in-out .3s;
        -ms-transition: ease-in-out .3s;
        -o-transition: ease-in-out .3s;
        transition: ease-in-out .3s;
    }

    ul.menu-wrapper>li.country-pages {
        position: relative !important;
    }

    ul.menu-wrapper>li.country-pages>ul>li {
        position: static;
        min-width: 100%;
        padding-right: 2em;
    }

    ul.menu-wrapper li.country-pages>ul.sub-menu {
        width: max-content;
        flex-direction: column !important;
        gap: 0;
        background: #fff;
    }

    ul.menu-wrapper>li.country-pages>ul.sub-menu>li.menu-item-has-children.sub-menu-active>ul.sub-menu {
        visibility: visible;
        max-height: 400vh;
        opacity: 1;
        -webkit-transform: translate(0px, 0px);
        -moz-transform: translate(0px, 0px);
        -ms-transform: translate(0px, 0px);
        -o-transform: translate(0px, 0px);
        transform: translate(0px, 0px);
    }

    li.country-pages>ul.sub-menu>li.menu-item-has-children {
        width: max-content;
        display: flex;
    }

    li.country-pages>ul.sub-menu>li.menu-item-has-children>ul.sub-menu {
        width: max-content;
        position: absolute;
        left: calc(100% - 6px);
        top: -3px;
        background-color: #fff;
        box-shadow: 0 10px 15px rgba(0, 0, 0, 0.05);
        border-bottom: 3px solid #044E81;
        padding: 1em;
        opacity: 0;
        -webkit-transform: translate(-3px, 9px);
        -moz-transform: translate(-3px, 9px);
        -ms-transform: translate(-3px, 9px);
        -o-transform: translate(-3px, 9px);
        transform: translate(-3px, 9px);
    }

    .inputs-checkbox-container {
        flex-direction: column;
    }

}

@media (max-width: 1023px) {
    header.site-header {
        padding: 0;
    }

    header.site-header svg.icon.login {
        min-width: 1em;
        min-height: 1em;
    }

    body.page div.site-content {
        margin-top: 90px;
    }

    ul.menu-wrapper>li.country-pages>ul.sub-menu>li.menu-item-has-children>ul.sub-menu {
        margin-right: 2em;
        -webkit-transition: ease-in-out .75s;
        -moz-transition: ease-in-out .75s;
        -ms-transition: ease-in-out .75s;
        -o-transition: ease-in-out .75s;
        transition: ease-in-out .75s;
    }

    div.primary-menu-container>ul>li.menu-item.menu-item-has-children>ul.sub-menu :first-child {
        margin-top: .25em;
    }

    ul.menu-wrapper li.country-pages>ul.sub-menu>li.menu-item-has-children>a {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 1em;
        width: 100%;
        height: 100%;
        /*         color: #d3e4ff; */
    }

    div.primary-menu-container>ul>li.menu-item.menu-item-has-children>ul.sub-menu li {
        /*         width: max-content; */
        margin-right: 1em;
        margin-left: .25em;
        padding: .25em 0;
    }

    li.country-pages>ul.sub-menu>li.menu-item-has-children>a::after {
        content: "+";
        width: 1.5em;
        height: 1.5em;
        font-style: normal;
        font-size: 1em;
        padding: .25em .5em;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        right: .5rem;
        z-index: -1;
    }

    ul.menu-wrapper>li.country-pages>ul.sub-menu>li.menu-item-has-children.sub-menu-active>ul.sub-menu {
        max-height: 200vh;
        visibility: visible;
    }

    li.country-pages>ul.sub-menu>li.menu-item-has-children.sub-menu-active>a::after {
        content: "-";
    }

    body.archive header.page-header.alignwide {
        padding-top: 154px;
    }

    body header.site-header a.contact-button {
        z-index: 3;
        margin: 0;
        position: absolute;
        bottom: 6rem;
        right: 2rem;
    }

    .page-header-content .at-search-wrapper {
        display: none;
    }

    aside.post-feed {
        flex-direction: column;
    }

    .page-header-content {
        padding: 6rem 2rem;
    }

    .wp-block-group.page-header-content.guest>div>div {
        flex-wrap: wrap;
        row-gap: 3rem;
    }

    .wp-block-group.page-header-content.guest>div>div>div {
        flex-basis: 100%;
    }

    body .wp-block-group.slider-container,
    body .infinity-slider .slider-elements {
        aspect-ratio: auto;
    }

    .wp-block-group.example-structure>div>div>:first-child,
    .wp-block-group.example-structure>div>div>:last-child {
        flex-basis: 100%;
    }

    body.page header.entry-header.alignwide .entry-title {
        font-size: 46px;
    }

    .widget-container.employ-global-workforce .wp-block-heading,
    .widget-container.all-your-products .wp-block-heading,
    body.home main h2.wp-block-heading {
        font-size: 36px;
    }

    .widget-container.employ-global-workforce p,
    .widget-container.all-your-products p {
        font-size: 18px;
    }


    body.archive.author main.site-main article.post.type-post {
        flex-basis: 50%;
    }

    .wp-block-column.header-svg-wrapper.is-layout-flow.wp-block-column-is-layout-flow {
        display: none;
    }

    form.post-feed-form {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
    }

    form.post-feed-form .inputs-checkbox-container.categories {
        flex-basis: 60%;
    }

    form.post-feed-form .inputs-checkbox-container.az {
        flex-basis: 40%;
    }

    form.post-feed-form label.filter-reset {
        flex-basis: 100%;
    }

    form.post-feed-form label {
        min-width: 10em;
    }

}

@media (min-width: 782px) {
    .aside-container.up-footer .elements-container>:nth-child(2) {
        min-width: max-content;
    }
}

@media (max-width: 781px) {
    div.site-branding-container {
        padding-left: 2rem;
    }

    .menu-button-container {
        right: 1rem;
    }

    body.page-template-page-home aside.post-feed,
    footer.site-footer {
        padding: 0 1rem;
    }

    body .category.archive-description {
        font-size: 42px;
    }

    body main h2 {
        font-size: 28px;
    }

    body .top-content-widget-area p.at-heading {
        font-size: 28px;
    }

    body section.widget_block .wp-block-heading {
        font-size: 28px;
    }

    body .at-widget-wrapper>.post-quote-link:hover {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    article.post.type-post {
        padding: 3rem 0 1rem 0;
        flex-basis: 100%;
    }

    body.archive.author main.site-main article.post.type-post {
        padding: 5rem 0 1rem;
        flex-basis: 100%;
    }

    .widget-container.employ-global-workforce,
    .widget-container.all-your-products {
        padding: 4rem 1rem;
    }

    .post-feed-container>article {
        flex-basis: 50%;
    }

    form.post-feed-form .form-title {
        font-size: 22px;
    }

    form.post-feed-form label {
        font-size: 18px;
    }
	
	body .entry-content .btn-container>.wp-block-group__inner-container {
		overflow-x: unset;
	}

	.wp-block-columns.is-not-stacked-on-mobile.section-top-menu {
		min-width: auto;
		margin-top: 1em;
		flex-direction: column;
		row-gap: .75em;
	}

}

@media (min-width: 562px) {
    .menu-button-container .search-icon-btn {
        display: none;
    }
}

@media (max-width: 561px) {
    form.post-feed-form {
        display: block;
    }

    .menu-button-container {
        column-gap: 2rem;
    }

    .menu-button-container .search-icon-btn {
        visibility: visible;
        opacity: 1;
        cursor: pointer;
    }

    .menu-button-container .search-icon-btn svg {
        vertical-align: middle;
    }

    body header.site-header a.contact-button {
        bottom: 9rem;
    }

    body.category.category-countries header.page-header.alignwide,
    body.single div.site div.site-content {
        max-width: none;
        padding: 0;
    }

    header.site-header.sticky {
        -webkit-transform: translateY(-131px);
        -moz-transform: translateY(-131px);
        -ms-transform: translateY(-131px);
        -o-transform: translateY(-131px);
        transform: translateY(-131px);
    }

    .site-header .countries-search {
        display: none;
        background: #fff;
        height: 40px;
        padding: 0 2rem .5rem;
        border-bottom: 1px solid #ddd;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0rem;
    }

    .menu-icon {
        width: 2.5rem;
    }

    .post-feed-container>article .entry-title {
        margin: 0;
    }
}

@media (max-width: 475px) {
    .post-feed-container>article {
        flex-basis: 100%;
    }
}

/* @MEDIA */
@media (min-width: 1024px) {
    div.at_block-testimonials {
        padding: 1rem;
        opacity: .4;
        transition-duration: 1.5s;
    }

    body.page aside.content-widget-area.full-width {
        max-width: 1440px;
        margin: 0 auto;
        display: flex;
    }

    body.page aside.content-widget-area.full-width .widget-container .widgettitle,
    body.page aside.content-widget-area.full-width .widget-container .wp-block-heading {
        text-align: left;
    }

    body.page aside.content-widget-area.full-width>:last-child.widget-container.widget_block {
        flex-basis: 72%;
    }

    body.page aside.content-widget-area.full-width>:first-child.widget-container.widget_block {
        flex-basis: 28%;
        padding-left: 24px;
    }

}

@media (max-width: 1199px) {
    header.entry-header.alignwide h1.entry-title {
        font-size: 54px;
    }

    section.wp-block-group.our-services h3 {
        font-size: 34px;
    }

    body .aside-container.up-footer .elements-container {
        flex-direction: column;
        gap: 1rem;
    }

    .section-play-start .at-inner-container h2 {
        font-size: 36px;
    }

}

@media (max-width: 992px) {
    header.entry-header.alignwide h1.entry-title {
        font-size: 34px;
    }

    section.wp-block-group.our-services h3 {
        font-size: 28px;
    }

    body .section-play-start .at-inner-container {
        width: 100%;
    }

    main#main section.benefits .elements-container {
        flex-wrap: wrap !important;
    }

    main#main section.benefits .elements-container>div {
        flex-basis: calc(50% - 2rem);
    }

    .team-member .elements-container {
        justify-content: center;
        flex-wrap: wrap !important;
    }

    .team-member .elements-container.columns-3>div {
        flex-basis: calc(50% - 1.5rem);
        flex-grow: 0;
    }

    .team-member .elements-container.columns-4>div {
        flex-basis: calc(33.333% - 2rem);
        flex-grow: 0;
    }

    .team-member-wrapp .elements-container>div ul.wp-block-social-links {
        max-width: 350px;
        bottom: 8rem;
        visibility: visible;
        opacity: 1;
    }

    .blog-and-news>.wp-block-group__inner-container {
        flex-wrap: wrap;
    }

    .blog-and-news div.wp-block-latest-posts {
        flex-basis: 100%;
        margin-bottom: 1.5rem;
        padding-right: 1rem;
        padding-left: 1rem;
    }

}

@media (min-width: 782px) {
    .wp-block-columns {
/*         flex-wrap: wrap !important; */
    }

    .section-our-process.how-we-work .wp-block-heading.at-heading {
        max-width: 12em;
    }

    body .column-our-progress {
        min-width: 350px;
        max-width: 50%;
    }
}

@media (max-width: 781px) {

    body .site-footer .footer-container {
        padding: 3rem 0;
        flex-direction: column;
        align-items: center;
    }

    body .site-footer .logo {
        margin-bottom: 1rem;
    }

    ul.footer-navigation-wrapper {
        padding: 0;
        margin-top: .5rem;
    }

    footer .top-footer-container>:nth-child(n) {
        flex-basis: 100%;
    }

    .link:not(.icon) {
        width: auto;
    }

    .at-heading {
        font-size: 36px;
    }

    .section-hello .wp-block-column.is-layout-flow {
        align-items: center;
        text-align: center;
    }

    .section-hello h3 {
        font-size: 36px;
        text-align: center;
    }

    body .section-hello .wp-block-group__inner-container>:nth-child(n)>:nth-child(1) {
        padding-bottom: 0;
        z-index: 2;
    }

    .section-play-start .wp-block-cover__inner-container .at-inner-container {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        padding: 2rem;
    }

    .section-play-start .wp-block-cover .wp-block-cover__image-background {
        object-position: -50vw 0% !important;
    }

    .section-our-company h3,
    .section-hire-us h3 {
        font-size: 36px;
    }

    .team-member .elements-container.columns-4 {
        gap: 1rem;
    }

    .team-member .elements-container.columns-4>div {
        flex-basis: calc(50% - 1rem) !important;
    }

    .aside-container.up-footer .at-heading {
        font-size: 32px;
    }

    body.single .testimonials-slider p.accent,
    body.single blockquote.wp-block-quote:not(.header-blockquote) {
        margin: 0;
    }

    body .section-our-process .column-our-progress .wp-block-heading {
        margin-top: 0;
    }

    body .section-our-process .column-our-progress>div {
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        column-gap: 1rem;
        margin-bottom: 0;
    }

    body .section-our-process .column-our-progress>div> :first-child {
        width: max-content;
        max-width: max-content;
        flex-basis: auto;
    }

    body .section-our-process .column-our-progress>div> :last-child {
        padding-bottom: 2em;
    }

    body .section-our-process .js-inner {
        margin: 0;
    }

    body .section-our-process .columns-container>:not(:last-child).column-our-progress>div> :first-child::before {
        content: "";
        width: 1px;
        height: 100%;
        top: 0;
        left: 50%;
    }


}

@media (max-width: 561px) {
    .grecaptcha-badge {
        display: none !important;
    }

    body:not(.page) div.site-content {
        padding: 0 16px;
    }

    input[type=radio]::before,
    input[type=checkbox]::before {
        min-width: 1.4em;
        min-height: 1.4em;
    }

    .at-meta-footer {
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
        gap: 2rem;
    }

    .social-shared {
        margin-right: auto;
    }

    .section-play-start .wp-block-cover,
    .wp-block-cover-image {
        min-height: 500px !important;
    }

    .section-play-start .at-inner-container .wp-block-heading {
        font-size: 32px;
    }

    .icon-svg-src>a,
    .at-inner-container figure.icon-svg-src>a {
        width: 60px;
        height: 60px;
    }

    .section-play-start .at-inner-container p {
        font-size: 14px;
    }

    .team-member .elements-container.columns-4>div {
        flex-basis: 100% !important;
    }

    aside.aside-bottom ul.similar-news {
        flex-direction: column;
    }

    .comment-form {
        flex-direction: column;
    }

    p.accent {
        margin: 40px 30px;
    }

    .example-structure {
        padding: 6rem 1rem;
    }

    form.application-registration.short {
        min-width: 280px;
        padding: 2rem;
    }

    body .application-submit,
    .wp-block-button.standard.transparent a,
    .wp-block-button.standard.opaque a {
        padding: .75em 1em;
        min-width: 279px;
    }

    body.page-template-page-home aside.post-feed,
    body:not(.page-template-page-home, .page-template-page-has-limited-access) div.site-content {
        padding: 0 1rem;
    }

    body.page-template-page-home aside.post-feed {
        padding: 0 .5rem;
    }

    div.site-branding-container {
        padding-left: 1rem;
    }

    .menu-button-container {
        margin: 0 1rem;
        right: 0;
    }

    .page-header-content {
        padding: 4rem 1rem 2rem;
    }

    .wp-block-group.page-header-content.guest>div>div {
        row-gap: 2rem;
    }

    body.page header.entry-header.alignwide .entry-title {
        font-size: 36px;
    }

    .page-header-content>div {
        font-size: 18px;
    }

    .widget-container.employ-global-workforce .wp-block-heading,
    .widget-container.all-your-products .wp-block-heading,
    body.home main h2.wp-block-heading {
        font-size: 30px;
    }

    .widget-container.employ-global-workforce p,
    .widget-container.all-your-products p {
        font-size: 16px;
    }

    .widget-container .at-search-wrapper label.at-search input[type="search"]::placeholder {
        font-size: 26px;
    }

}