:root {
    --green: #63D77B;
    --blue: #183F70;
}

@media (min-width: 1200px) {

    .navigation .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1400px !important;
    }
}



  
    .brand {
        display: flex;
        justify-content: flex-start;

        img.logoMenu {
            width: 100px;
        }
    }


body {
    max-width: 1920px;
    margin: 0 auto;
}
     .nav-container{
padding-left: 5px;
}
      
.transparentMenu .logoMoney, .transparentMenu #cta {
    display: none !important;
}
      
       .logoMoney{

width: 70px !important;
}

@keyframes scroll {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(calc(-230px * 17));
    }
}


/* Light */
@font-face {
    font-family: 'xtb';
    src: url('../fonts/light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

/* Regular */
@font-face {
    font-family: 'xtb';
    src: url('../upload/fonts/regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* Bold */
@font-face {
    font-family: 'xtb';
    src: url('../upload/fonts/bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

body,
div,
h1,
h2,
h3,
h4,
h5,
h6,
input,
label,
li,
span,
strong,
a {
    font-family: 'xtb', sans-serif !important;
}

/* Firefox (uncomment to work in Firefox) */
* {
    scrollbar-width: thin;
    scrollbar-color: #397524 #DFE9EB;
}

/* Chrome, Edge and Safari */
*::-webkit-scrollbar {
    height: 10px;
    width: 10px;
}

*::-webkit-scrollbar-track {
    border-radius: 5px;
    background-color: #DFE9EB;
}

*::-webkit-scrollbar-track:hover {
    background-color: #B8C0C2;
}

*::-webkit-scrollbar-track:active {
    background-color: #B8C0C2;
}

*::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: #397524;
}

*::-webkit-scrollbar-thumb:hover {
    background-color: #62A34B;
}

*::-webkit-scrollbar-thumb:active {
    background-color: #62A34B;
}

.navigation.transparentMenu {
    box-shadow: none !important;
}

.navigation:not(.transparentMenu) {
    background-color: rgba(24, 63, 112, 0.87);
}

body {

    background: #63D77B;
    background: linear-gradient(130deg, rgba(99, 215, 123, 1) 0%, rgba(48, 112, 116, 1) 15%, rgba(24, 63, 112, 1) 44%, rgba(24, 63, 112, 1) 49%, rgba(24, 63, 112, 1) 64%, rgba(48, 112, 116, 1) 70%, rgba(99, 215, 123, 1) 100%);

}

@media only screen and (max-width: 768px) {
    body {

        background: #63D77B;
        background: linear-gradient(150deg, rgba(99, 215, 123, 1) 0%, rgba(48, 112, 116, 1) 5%, rgba(24, 63, 112, 1) 44%, rgba(24, 63, 112, 1) 49%, rgba(24, 63, 112, 1) 64%, rgba(48, 112, 116, 1) 70%, rgba(99, 215, 123, 1) 100%);

    }
}

p.timer-title {
    font-weight: bold;
    color: white !important;
    text-align: center;
    font-size: 48px !important;
    margin-top: 40px;
}

span.countdown-amount {
    color: white !important;
    font-size: clamp(50px, 8vw, 120px) !important;
    font-weight: bold;
    display: inline-block;
    margin-bottom: 20px;
}

span.countdown-period {
    color: var(--green) !important;
    font-weight: bold !important;
    font-size: 32px !important;
}

h2,
h3.sectionTitle {
    font-weight: bold;
    color: white;
    font-size: 48px;
}


@media only screen and (max-width: 1200px) {

    h2,
    h3.sectionTitle {
        margin-top: 40px;
        font-size: 32px;
        text-align: center;
    }
}

.logoMenu {
    object-position: left;
  
  width: 60px;

}

.nav-list {
    background-color: rgba(24, 63, 112, 0.87) !important;
}

#menu_10 {
    height: 42px;
    margin-top: 9px;
    border-radius: 15px;
    padding: 0 15px;

    a {
        margin: 6px 0 !important;

    }
}

#cta {
    display: none;
}

@media only screen and (max-width: 568px) {
    #cta {
        display: block !important;
        position: fixed;
        bottom: 10px;
        right: 10px;

        height: 52px;
        margin-top: 9px;
        border-radius: 18px;
        padding: 0 30px;
        background-color: var(--green);
        color: white;
        z-index: 10;

        a {
            display: inline-block;
            margin: 7px 0 !important;
            color: white !important;
            text-decoration: none;
            padding-top: 5px;
            font-weight: bold;
            font-size: 20px;

        }
    }
}

@media (max-width: 768px) {
    p.timer-title {

        font-size: 26px !important;
    }

    .countdown-row {
        display: flex !important;
        flex-wrap: wrap;
    }

    .countdown-section {
        width: 50% !important;
    }

    span.countdown-period {
        font-size: 24px !important;

    }
}

      nav ul li a{
font-size: 15px !important;
      }
      
      #CybotCookiebotDialog input:checked+.CybotCookiebotDialogBodyLevelButtonSlider,
      #CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton,
#CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-change{
background-color: var(--green) !important;
border-color: var(--green) !important;
}
      
      #CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink.CybotCookiebotDialogActive{
color: var(--green) !important;
  border-bottom-color: var(--green) !important;
}
      #CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink:hover, #CookiebotWidget .CookiebotWidget-consent-details button{
color: var(--green) !important;
}
      
      #CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-withdraw{
border-color: var(--green) !important;
}
      
      #CookiebotWidget .CookiebotWidget-body .CookiebotWidget-consents-list li.CookiebotWidget-approved svg{
        fill: var(--green) !important;
      }