@import url('https://fonts.googleapis.com/css2?family=Darker+Grotesque:wght@300..900&family=Familjen+Grotesk:ital,wght@0,400..700;1,400..700&family=Hanken+Grotesk:ital,wght@0,100..900;1,100..900&family=Source+Sans+3:ital,wght@0,200..900;1,200..900&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap');

:root {
    --color-primary: #FFFFFF;
    --color-light-blue: #E1ECF5;
    --color-medium-blue: #93C7F5;
    --color-low-blue: #BAD9F5;
    --color-teal: #07A3A3;
    --DeepBlue: #06508F;
    --color-transparent-white: #FFFFFF14;
    --color-dark-blue: #02223D;
}

.body-inner {
    background: linear-gradient(180deg, #02223D 48%, #032E52 100%);
}

/* ----------------------------------------------------------------
	Typography : Font size
-----------------------------------------------------------------*/

.title1 {
    font-family: "Darker Grotesque", sans-serif;
    font-size: clamp(3.5rem, 2rem + 1.667vw, 4rem);
    line-height: clamp(3.75rem, 2.25rem + 1.667vw, 4.25rem);
    font-weight: 400;
    letter-spacing: 0;
}

.title2 {
    font-family: "Darker Grotesque", sans-serif;
    font-size: clamp(3.75rem, 2.25rem + 1.667vw, 4.25rem);
    line-height: clamp(3.25rem, 2.125rem + 1.25vw, 3.625rem);
    font-weight: 400;
    letter-spacing: 0;

}

.title3 {
    font-family: "Darker Grotesque", sans-serif;
    font-size: clamp(2.5rem, 1rem + 1.667vw, 3rem);
    line-height: clamp(2.75rem, 1.25rem + 1.667vw, 3.25rem);
    font-weight: 400;
    letter-spacing: 0;
}

.title4 {
    font-family: "Darker Grotesque", sans-serif;
    font-size: clamp(2rem, 0.5rem + 1.667vw, 2.5rem);
    line-height: clamp(2.25rem, 0.75rem + 1.667vw, 2.75rem);
    font-weight: 400;
    letter-spacing: 0;

}

.title5 {
    font-family: "Darker Grotesque", sans-serif;
    font-size: clamp(1.5rem, 0rem + 1.667vw, 2rem);
    line-height: clamp(1.75rem, 0.25rem + 1.667vw, 2.25rem);
    font-weight: 400;
    letter-spacing: 0;
}

.title6 {
    font-family: "Darker Grotesque", sans-serif;
    font-size: 20px;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: 0;
}

.text {
    font-family: "Darker Grotesque", sans-serif;
    font-size: 20px;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: 0px;
}

.button {
    font-family: "Darker Grotesque", sans-serif;
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
}

.caption {
    font-family: "Darker Grotesque", sans-serif;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    letter-spacing: 0px;
    margin: 0;
}

p {
    font-family: "Darker Grotesque", sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 0;
}





.btn {
    border: 1px solid #07A3A3 !important;
    background: none !important;
    padding: 22px 32px !important;
}

/*--------------------------------------
                Distancias
-----------------------------------------*/

.mt-8 {
    margin-top: 8px !important;
}

.mt-12 {
    margin-top: 12px !important;
}

.mt-16 {
    margin-top: 16px !important;
}

.mt-24 {
    margin-top: 24px !important;
}

.mt-32 {
    margin-top: 32px !important;
}

.mt-48 {
    margin-top: 48px !important;
}

.mt-49 {
    margin-top: 49px !important;
}

.mt-52 {
    margin-top: 52px !important;
}

.mt-57 {
    margin-top: 57px !important;
}

.mt-64 {
    margin-top: 64px !important;
}

.mt-96 {
    margin-top: 96px !important;
}

.mt-128 {
    margin-top: 128px !important;
}

.mt-144 {
    margin-top: 144px !important;
}

.mt-168 {
    margin-top: 168px !important;
}

.mt-180 {
    margin-top: 180px !important;
}

.mt-250 {
    margin-top: 250px !important;
}

.mb-16 {
    margin-bottom: 16px !important;
}

.mb-32 {
    margin-bottom: 32px !important;
}

.mb-64 {
    margin-bottom: 64px !important;
}

.mb-96 {
    margin-bottom: 96px !important;
}

.mb-128 {
    margin-bottom: 128px !important;
}

.ml-27 {
    margin-left: 27px !important;
}

.ml-135 {
    margin-left: 135px !important;
}

.gap--4 {
    gap: 4px !important;
}

.gap-12 {
    gap: 12px !important;
}

.gap-16 {
    gap: 16px !important;
}

.gap-24 {
    gap: 24px !important;
}

.gap-32 {
    gap: 32px !important;
}

.gap-39 {
    gap: 39px !important;
}

.gap-80 {
    gap: 80px !important;
}

.gap-111 {
    gap: 111px !important;
}

.gap-170 {
    gap: 170px !important;
}

.gap-268 {
    gap: 268px !important;
}


.p-0 {
    padding: 0;
}


/* ----------------------------------------------------------------
	Page : Index
-----------------------------------------------------------------*/
/* ----------------------------------------------------------------
	Section : Header
-----------------------------------------------------------------*/

#header {
    position: relative;
    width: 100%;
    z-index: 199 !important;
    height: fit-content;
    line-height: normal;
    background: var(--gradient-primary);
}

#page-title {
    margin: 16px;
    width: calc(100vw - 48px);
    clear: none;
    padding: 0;
    background-color: transparent;
    position: relative;
    height: calc(100dvh - 32px - env(safe-area-inset-bottom));
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 32px;
}

.titles .caption {
    color: var(--color-medium-blue);
    text-transform: uppercase;
}

#page-title h1 b {
    color: var(--color-light-blue);
}

#header .header-inner {
    height: fit-content;
    background: linear-gradient(180deg, var(--color-dark-blue) 16%, rgba(2, 34, 61, 0) 100%);
}

.mainMenu-open #header .header-inner {
    height: fit-content;
    background: linear-gradient(180deg, var(--color-teal) 16%, rgba(7, 163, 163, 0) 96%);
    backdrop-filter: blur(8px)
}

.Menu {
    display: flex;
    justify-content: space-between;
    padding-top: 48px;
    padding-bottom: 4px;
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.5s ease-in-out;
}

.mainMenu-open .Menu {
    padding-top: 48px;
    padding-bottom: 48px;
}

#logo-header {
    width: fit-content;
}

#mainMenu-trigger {
    position: relative;
    opacity: 1;
    visibility: visible;
    height: fit-content;
    z-index: 1;
    float: left;
    margin: 0px 32px 0px 48px;
}

#logo-header img {
    height: 64px;
}

.header-extras {
    float: right;
    z-index: 199;
    position: relative;
    height: fit-content;
    gap: 16px;
    display: flex;
    margin-right: 150px;
}

.header-links {
    float: none;
    z-index: 199;
    position: relative;
    height: fit-content;
    display: grid;
    gap: 16px;
    margin-right: 150px;
}

#header a {
    color: var(--color-primary);
    text-decoration: none;
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 16px;
}

#header a .circle {
    display: block;
    width: 14px;
    height: 14px;
    background-color: transparent;
    border-radius: 50%;
}


#header a:hover .circle {
    display: block;
    width: 14px;
    height: 14px;
    background-color: var(--color-light-blue);
    border-radius: 50%;
}

.lines-button.x svg {
    width: 48px;
    height: 48px;
}

#menu-desktop {
    display: flex;
    gap: 72px;
    margin-top: 16px;
}

.gradient-bg {
    background: linear-gradient(252.11deg, rgba(2, 34, 61, 0) 0%, #02223D 100%);
    width: 100%;
    height: 100%;
}

.pag-inicial .header-content {
    position: absolute;
    bottom: 96px;
    padding: 0px 0px 0px 112px;
    position-area: bottom;
    margin-top: auto;
    margin-right: auto;
}

.titles {
    display: flex;
    gap: 16px;
    align-items: center;
    margin-bottom: 16px;
}

.circle {
    display: block;
    width: 14px;
    height: 14px;
    background-color: var(--color-teal);
    border-radius: 50%;
}

button.button.btn-teal {
    font-weight: 600;
    color: var(--color-light-blue);
    padding: 22px 32px;
    border: 1px solid var(--color-teal);
    border-radius: 16px;
    background-color: transparent;
    z-index: 5;
    position: relative;
}

button.button.btn-teal:hover {
    background-color: var(--color-teal);
}

.pag-inicial .header-content .title1 {
    margin-bottom: 32px;
    color: var(--color-medium-blue);
}

.buttonPlay {
    display: flex;
    backdrop-filter: blur(16px);
    background: #FFFFFF14;
    padding: 16px;
    border-radius: 16px;
    position: absolute;
    right: 35%;
    top: 50%;
    cursor: pointer;
}

#page-content {
    background-color: inherit !important;
    padding: 64px 64px 32px 64px !important;
}

/* .parte2 {
    background-size: cover;
    background-image: url(/Neutralbinary/images/world-map-dark.png);
    background-position-x: center;
    background-position-y: center;
    min-height: 640px;
    position: relative;
    padding: 10px; 
    border-radius: 12px; 
    padding: 0 !important;
}

.parte2::before{
    content: "";
    position: absolute;
    inset: 0; 
    padding: 2px; 
    border-radius: 12px; 
    background: linear-gradient(180deg, #07A3A3 0%, rgba(7, 163, 163, 0) 50%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none; 
}
 */
.parte2 .Text-banner {
    position: absolute;
    right: 64px;
    top: 128px;

}

.parte2 .Text-banner .title2,
.Text-banner .title3 {
    color: var(--color-light-blue);
}

.Text-banner .text {
    color: var(--color-medium-blue);
}


.parte2 .gradient-bg {
    background: linear-gradient(0deg, #02223D 0%, rgba(2, 34, 61, 0) 42.24%);
}

.parte2 .titles {
    position: absolute;
    padding: 32px;
    top: 0;
}

.parte3 {
    padding: 0;
    background: linear-gradient(252.11deg, rgba(2, 34, 61, 0) 0%, #02223D 100%);
}


.owl-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    display: flex;
    justify-content: space-between;

}

.owl-next,
.owl-prev,
.bck-icon {
    background: #FFFFFF14 !important;
    backdrop-filter: blur(16px);
    padding: 16px !important;
    border-radius: 8px !important;
}


.parte3 .owl-carousel .owl-stage-outer {
    /* border: 2px solid;
    border-image-source: linear-gradient(180deg, #07A3A3 0%, rgba(7, 163, 163, 0) 50%); */
    border-radius: 32px;
    max-height: 480px;
}


.parte3 .owl-carousel {
    content: "";
    inset: 0;
    padding: 2px;
    border-radius: 32px;
    background: linear-gradient(180deg, #07A3A3 0%, rgba(7, 163, 163, 0) 50%);
    mask-composite: exclude;
}

#serv {
    background-color: inherit;
    padding: 0px 64px 0px 64px !important;
}

/* .parte4{
    content: "";
    inset: 0;
    padding: 2px;
    border-radius: 32px;
    mask-composite: exclude;
    pointer-events: none;
    min-height: 560px;
}

.services{
    border-radius: 32px;
    height: 100%;
    background-size: cover;
    background-image: url(/Neutralbinary/images/image13.png);
} */

.parte4 .services .gradient-bg {
    padding: 64px;
}


.services .gradient-bg button {
    bottom: 64px;
    position: absolute;
}

/* #areasAtuacao {
    overflow: hidden;
} */

#areasAtuacao .item {
    cursor: pointer;
}

#areasAtuacao .item img {
    width: 100%;
    max-height: 400px;
    object-fit: cover;
    border-radius: 32px;
    aspect-ratio: 1 / 1;
    transition: opacity 0.3s ease-in-out;
}

/* #areasAtuacao .owl-item{
    border: 1px solid #07A3A3;
    max-width: 384px;
    border-radius: 32px;
} */

.descricao {
    display: none;
    width: 100%;
    height: 100%;
    transition: opacity 0.3s ease-in-out;
}

#areasAtuacao .item:hover img {
    opacity: 0;
}

#areasAtuacao .item:hover .descricao {
    display: flex;
}

.bckIcon {
    width: 64px;
    border-radius: 16px;
    background: #FFFFFF14;
    backdrop-filter: blur(16px);
    padding: 16px;
}

.text-carrousel {
    display: flex;
    flex-direction: column;
    gap: 16px;
    position: absolute;
    padding: 0 32px;
    bottom: 32px;
    z-index: 1;
}

.text-carrousel p {
    color: #93C7F5;
}

.text-carrousel .title5 {
    font-family: 'Darker Grotesque';
    font-weight: 600;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: 0%;
    color: #E1ECF5 !important;
}

.cards .title5 {
    color: #93C7F5;
}

.parte7 {
    background-position-y: center;
    background-size: cover;
    background-image: url(/Neutralbinary/images/image4.png);
}

.parte7 .gradient-bg {
    padding: 64px;
    border-radius: 32px;
}

#footer {
    background: transparent;
}

.list {
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.list p {
    margin: 0 !important;
    font-family: 'Darker Grotesque' !important;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0%;
    color: #93C7F5;
}

#footer a {
    font-family: 'Darker Grotesque';
    font-weight: 600 !important;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0;
    color: #93C7F5 !important;
    text-decoration: none;
}

#footer a.text {
    margin-bottom: 32px;
}

#carrouselProject.owl-carousel .owl-nav button.owl-next,
#carrouselProject.owl-carousel .owl-nav button.owl-prev,
#areasAtuacao.owl-carousel .owl-nav button.owl-next,
#areasAtuacao.owl-carousel .owl-nav button.owl-prev,
#escritorio.owl-carousel .owl-nav button.owl-next,
#escritorio.owl-carousel .owl-nav button.owl-prev {
    padding: 14px !important;
    position: relative;
    border-radius: 16px !important;
}

#carrouselProject.owl-carousel .owl-nav button.owl-next {
    right: -64px;
}

#carrouselProject.owl-carousel .owl-nav button.owl-prev {
    left: -64px;
}

#carrouselProject .card-img img {
    height: 480px;
    object-fit: cover;
}

.card-img {
    position: relative;
    padding: 2px;
    border-radius: 32px !important;
    background: linear-gradient(180deg, #07A3A3 0%, rgba(7, 163, 163, 0) 50%);
}

.card-img::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, #02223D 0%, rgba(2, 34, 61, 0) 42.24%);
    z-index: 1;
    pointer-events: none;
    border-radius: 28px;
    margin: 2px;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
}

.card-img img {
    position: relative;
    border-radius: 30px !important;
}

#escritorio .owl-stage-outer {
    max-height: 540px;
}

/* #areasAtuacao .owl-item{
    border: 1px solid #07A3A3;
    border-radius: 32px;
}  */
#escritorio .item img {
    border-radius: 32px;
    max-height: 540px;
    object-fit: cover;
}

#escritorio.owl-carousel .owl-nav button.owl-next {
    right: -64px;
}

#escritorio.owl-carousel .owl-nav button.owl-prev {
    left: -64px;
}

.cardHand {
    border: 2px solid;
    border-image-source: linear-gradient(180deg, #07A3A3 0%, rgba(7, 163, 163, 0) 50%);
}

.cardHand img {
    width: 100%;
    max-height: 540px;
    border-radius: 32px;
    object-fit: cover;
}

.accordion {
    gap: 16px;
    display: flex;
    flex-direction: column;
}


.accordion-item {
    border-radius: 32px !important;
    background: #02223D !important;
    border: 1px solid #07A3A3 !important;
}

.accordion-item button {
    color: #FFFFFF;
}

.accordion-button:not(.collapsed) {
    color: #FFFFFF !important;
    box-shadow: none !important;
}

.accordion-button:not(.collapsed)::after,
.accordion-button:not(.collapsed)::before {
    display: none;
}

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

button:focus:not(:focus-visible) {
    outline: none !important;
}

.accordion-header {
    display: flex;
    align-items: center;
    padding: 24px 64px;
    margin: 0 !important;
}

.accordion-button {
    padding: 0 !important;
}


.accordion-header,
.accordion-button {
    box-shadow: none !important;
    border-radius: 32px !important;
    background: #02223D !important;
}


.galeria img {
    max-height: 540px;
    height: 540px;
    border-radius: 32px;
    object-fit: cover;
}

input::placeholder,
textarea::placeholder {
    color: #E1ECF5;
    font-family: 'Darker Grotesque';
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;

}

a {
    font-family: "Darker Grotesque", sans-serif;
}

input,
textarea {
    color: var(--color-light-blue);
    font-family: "Darker Grotesque", sans-serif !important;
    font-size: 20px !important;
    line-height: 24px !important;
    font-weight: 300;
    outline: none;
    border: 1px solid var(--DeepBlue);
    background: none;
    padding: 20px 32px;
    border-radius: 16px;
}

#formContacto {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* #formText01{
    min-width: 284px;
}
#formText02{
    min-width: 384px;
}
#formText03, #formText04{
    min-width: 484px;
} */

.form-check input {
    border: 1px solid var(--DeepBlue);
    background-color: #02223D !important;
    width: 32px;
    padding: 0;
    height: 32px;
    border-radius: 8px !important;
}

.form-check {
    display: flex !important;
    gap: 24px !important;
    align-items: center !important;
    width: fit-content;
    padding-left: 30px !important;
}

.form-check label {
    color: var(--color-light-blue) !important;
    margin: 0 !important;
    font-family: "Darker Grotesque", sans-serif !important;
    font-size: 16px !important;
    line-height: 20px;
}

.form-check-input:checked {
    border: 1px solid var(--DeepBlue) !important;
    background-color: #02223D !important;
}

.form-footer button {
    color: var(--color-light-blue);
    padding: 22px 32px;
    border: 0;
    background-color: var(--color-teal);
    border-radius: 16px;
}

.form-footer button:hover,
.form-footer button:active {
    color: var(--color-teal);
    background-color: var(--color-light-blue);
}

.form-footer {
    margin-top: 10px;
}

/* ----------------------------------------------------------------
	Fim Section : Header
-----------------------------------------------------------------*/
/* ----------------------------------------------------------------
	Fim Page : Index
-----------------------------------------------------------------*/

section#page-politicas {
    padding-top: 240px;
    background-color: transparent;
}

.titles .title1 {
    color: var(--color-light-blue);
    font-weight: 700;
}

#page-politicas .titles {
    margin-left: -32px;
    margin-bottom: 32px;
}

#page-politicas .politicas-text .title4 {
    color: var(--color-light-blue);
    font-weight: 600;
}

#page-politicas .politicas-text .text {
    color: var(--color-light-blue);
    font-weight: 400;
}

#page-politicas .politicas-text .title5 {
    color: var(--color-light-blue);
    font-weight: 600;
}

#page-politicas .politicas-text .title6 {
    color: var(--color-medium-blue);
    font-weight: 400;
}

#page-politicas .politicas-text .title6.font-weight-600 {
    color: var(--color-light-blue);
}

#page-politicas .politicas-text .caption {
    color: var(--color-medium-blue);
    font-weight: 400;
}

#page-politicas .politicas-text a {
    color: var(--color-medium-blue);
    text-decoration: underline;
}

#page-politicas .politicas-text a:hover {
    text-decoration: none;
}

.location {
    padding: 64px 128px 32px 128px;
}

.location p.text,
#footer p.text {
    color: var(--color-medium-blue);
    margin-bottom: 32px;
}

.location p.title5 {
    color: var(--color-medium-blue);
    font-weight: 600;
}

#footer .footer-content {
    padding: 60px 64px 16px 64px;
}

#footer .caption {
    color: var(--color-medium-blue);
    justify-self: right;
}

#footer p {
    font-family: "Darker Grotesque", sans-serif;
}

.mt-16 {
    margin-top: 16px;
}

.header-content {
    bottom: 64px;
    position: absolute;
    padding: 0px 0px 0px 112px;
    position-area: bottom;
    margin-top: auto;
    margin-right: auto;
}

.header-content .title1 {
    margin-bottom: 0px;
    color: var(--color-medium-blue);
}

body {
    overflow-x: hidden;
}

.galeria {
    padding: 0px 16px;
}

.galeria .row>* {
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 16px;
}

.galeria .lot-img2 img {
    height: 640px;
    border-radius: 32px;
    object-fit: cover;
}

.owl-theme .owl-nav button {
    margin: 0px !important;
}

#header.header-sticky.sticky-active .header-inner {
    box-shadow: none;
}

.accordion-body {
    padding: 8px 64px 64px !important;
}

.accordion-title {
    color: #FFFFFF;
    margin-bottom: 0px;
}

.accordion-text {
    color: var(--color-medium-blue);
}

#footer a:hover {
    color: var(--bs-body-bg) !important;
}

.escolha-certa .title1 {
    color: var(--color-light-blue);
}

.escolha-certa .title1 span {
    color: var(--color-medium-blue);
}

#areasAtuacao .item:hover .card-img::before {
    background: none;
    border-radius: 30px;
    background-color: var(--color-dark-blue);
}

#areasAtuacao .item:hover .card-img {
    background: linear-gradient(180deg, #07A3A3 0%, #07A3A3 100%);
}

.br-radius-32 {
    border-radius: 32px !important;
    padding: 16px 32px;
}

#page-content .card-img img {
    position: relative;
    border-radius: 32px !important;
    max-height: 640px;
    object-fit: cover;
}

.parte4 .card-img img,
.parte5 .card-img img {
    position: relative;
    border-radius: 32px !important;
    height: 560px;
    object-fit: cover;
}

.parte4 .parte4-info,
.parte5 .parte5-info {
    position: absolute;
    padding: 64px;
    top: 0;
}

.parte4-info .Text-banner .title3,
.parte5-info .Text-banner .title2 {
    color: var(--color-light-blue);
    margin-bottom: 32px;
}

.parte4-info .Text-banner2 p {
    color: var(--color-medium-blue);
    margin-bottom: 98px;
}

.parte5-info .Text-banner2 p {
    color: var(--color-medium-blue);
    margin-bottom: 74px;
}

#areasAtuacao.owl-carousel .owl-nav button.owl-prev {
    left: -64px;
}

#areasAtuacao.owl-carousel .owl-nav button.owl-next {
    right: 22px;
}

.portfolio .gradient-bg,
.servicos .gradient-bg,
.quemsomos .gradient-bg {
    background: linear-gradient(180deg, #02223D 12%, rgba(2, 34, 61, 0) 54.24%, #02223D 100%);
}

.gradient-bg-img {
    position: relative;
    display: flex;
    /* Para garantir que acompanha o conteúdo */
    align-items: center;
    justify-content: center;
}

.gradient-bg-img::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, #02223D 0%, rgba(2, 34, 61, 0) 42.24%);
    pointer-events: none;
    border-radius: 30px;
}



.gradient-bg-img:hover::before {
    background: unset !important;
}

.accordion-button .title5 {
    color: #FFFFFF;
    margin-bottom: 0;
    font-weight: 600;
}

.img-mg2 {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.img-wrapper {
    display: flex;
    width: 200%;
    animation: slideRTL 250s linear infinite;
    transform: translateX(128px);
}

.img-wrapper img {
    width: calc(100% - 50vh);
    height: auto;
}

.img-wrapper img:nth-child(2) {
    margin-left: 50vh;
    margin-right: 50vh;
}

@keyframes slideRTL {
    0% {
        transform: translateX(128px);
    }

    100% {
        transform: translateX(-50%);
    }
}

.contactos-page .gradient-bg{
    background: linear-gradient(0deg, #02223D 0%, rgba(2, 34, 61, 0) 88%);
}

.adminstracao .cardHand img {
    width: 100%;
    max-height: 540px;
    border-radius: 32px;
    aspect-ratio: 1 / 1;
    object-fit: cover;
}

.adminstracao .text-adm {
    align-self: center;
}

.adminstracao {
    margin-bottom: 208px;
}

.adminstracao .title5{
    margin-bottom: 0px;
}

.adminstracao .title3{
    margin-bottom: 32px;
}

.circ-adm {
    margin-left: -28px;
}

.adminstracao .cardHand {
    border: none;
    border-image-source: unset;
}

.form-check-input:checked[type="checkbox"] {
    background-image: url('/Neutralbinary/images/svg/marketeq--check-double.svg');
    background-size: cover;
}

.form-check-input:focus {
    border-color: #86b7fe;
    outline: 0;
    box-shadow: unset !important;
}