*{margin:0;padding:0px;box-sizing: border-box;font-family: "Lato", sans-serif;}
body{background-color: #E2DECB;}
.container{max-width:1350px;padding-left:20px;padding-right:20px;margin: 0 auto;}
a{text-decoration: none;}
p{line-height: 24px;}
img{max-width:100%;}

.title{color:#2E2D10;margin-top:20px;font-size: 54px;line-height: 60px;margin-bottom: 30px;font-weight: 400;}
.subTitle{color:#2E2D10;font-size: 14px;font-weight: 500;display: block;text-transform: uppercase;}
.btn{color:#2E2D10;border-radius: 3px;display: flex;border:1px solid #2E2D10;padding: 3px 8px;align-items: center;min-width: 190px;text-transform: uppercase;
gap:8px;width: max-content;font-weight: 600;font-size: 15px;width: 190px;
}





.header{background-color: #2E2D10;}
.headerTop{padding-top: 12px;padding-bottom: 12px;display: flex;justify-content: center;gap:10px 20px;flex-wrap: wrap;}
.headerTop p{font-size: 12px;color: #fff;}
.headerTop a{font-size: 12px;color: #fff;display: flex;align-items: center;gap:4px;}
.headerTop a:before{content:'';background-image: url('img/flag.svg');width: 16px;height: 16px;display: block;min-width: 16px;}



.ourAdvantages{padding-top: 200px;padding-bottom: 100px;}
.ourAdvantages .container > p{text-align: center;font-size: 20px;line-height: 28px;color:#2E2D10;max-width: 550px;margin:0 auto;}
.ourAdvantages .container > .title,.ourAdvantages .container > .subTitle{text-align: center;}
.advantageItemTop{display: flex;align-items: center;gap:16px;margin-bottom: 20px;}
.advantageItemTop h4{color:#222222;font-weight: 600;font-size: 24px;}
.advantageItemTop img{width:60px;height: 60px;min-width:60px;}
.advantageItem p{color:#000;line-height: 24px;}
.advantagesList{display: flex;gap:30px;margin-top: 60px;}



.platform{padding-top:100px;padding-bottom: 100px;}
.platform ul{margin-bottom: 30px;}
.platform li{list-style: none;display: flex;gap:16px;align-items: center;margin-bottom: 20px;}
.platform li:last-child{margin-bottom: 0px;}
.platform li:before{content:'';background-image: url('img/check.svg');width: 24px;min-width:24px;height: 24px;background-position: center;background-size: cover;}
.platform .container{display: flex;gap:20px 80px;}
.platform .container > *{width: 50%;}
.platformLeft{flex-direction: column;justify-content: space-between;display: flex;gap:20px;}
.platformLeft p{font-size: 20px;line-height: 28px;}



.onlinePlatform{padding-top:100px;padding-bottom: 200px;}
.onlinePlatform .container > .subTitle{text-align: center;}
.onlinePlatform .container > .title{text-align: center;}
.onlinePlatformItem{border-radius: 30px;background-color: #CAC89F;padding:30px;width: calc(33% - 20px);}
.onlinePlatformItemTop{display: flex;align-items: center;gap:16px;margin-bottom: 20px;}
.onlinePlatformItemTop img{border-radius: 8px;}
.onlinePlatformItemTop h4{color:#222222;font-size: 24px;font-weight: 600;}
.onlinePlatformList{margin-top: 60px;gap:30px;display: flex;flex-wrap: wrap;}



.accountTypes{padding-top:100px;padding-bottom: 100px;background-color: #2E2D10;}
.accountTypes .subTitle{color: #969687;}
.accountTypes .title{color: #fff;}
.accountTypes .container{display: flex;gap:80px;}
.accountTypes .container > *{width: 50%;}



.accordion {
  width: 100%;
  color: white;
}

.accordion-item {
  border-bottom: 1px solid #AEA26E;
}
.accountTypes  .accordion-item:first-child .accordion-header{margin-top:-30px;}
.accordion-header {
  background: none;color: #fff;
  border: none;
  width: 100%;position: relative;
  text-align: left;
  padding: 30px 0;
  font-size: 24px;
  cursor: pointer;
}

.accordion-header:after{content:'';width: 20px;height: 10px;right: 0px;top: calc(50% - 5px);background-image: url('img/arrow-d.svg');background-position: center;background-size: cover;
display: block;position: absolute;transition: 0.3s;}
.accordion-header.active:after{transform: rotate(180deg);}



.accordion-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
  padding: 0 0;
}

.accordion-content p {
  margin:  0 0 16px 0;
}




.Cta{padding-top: 200px;padding-bottom: 200px;}
.Cta .subTitle{text-transform: initial;}
.ctaWrapper{background-color: #C0B988;padding: 60px 80px;border-radius: 30px;display: flex;gap:80px;overflow: hidden;}
.ctaWrapper > div:first-child{width: 60%;}
.ctaWrapper > div:last-child{width: 40%;text-align: center;position: relative;}
.ctaWrapper > div:last-child:after{content: '';
    position: absolute;
    background-image: url(img/elsp.png);
    bottom: -80px;
    width: calc(100% + 80px);
    height: 290px;
    left: -40px;
    background-position: bottom;
    background-size: contain;background-repeat: no-repeat;
    z-index: 0;}
.ctaWrapper > div:last-child img{position: relative;z-index: 3;}



.whyUs{background-color: #2E2D10;padding-top: 100px;padding-bottom: 100px;}
.whyUs .subTitle{color:#969687;}
.whyUs .title{color:#fff;}
.whyList{display: flex;justify-content: space-between;gap:30px;}
.whyItem{padding-left:30px;border-left: 1px solid #fff;}
.whyItem h4{font-size: 80px;color: #fff;line-height: 80px;font-weight: 400;margin-bottom: 16px;}
.whyItem span{color: #fff;}
.whyList{margin-top:60px;}



.success{padding-top: 200px;padding-bottom: 200px;}
.success .container{display: flex;gap:80px;}
.success .container > div{width: 50%;}
.success p{font-size: 20px;line-height: 28px;}
.success img{max-width: 100%;}




.footer{background-color: #000000;padding-top:100px;padding-bottom: 40px;}
.footerTop{display: flex;justify-content: space-between;padding-bottom: 30px;border-bottom: 1px solid #3C3C3C;gap:20px;flex-wrap: wrap;}
.footerTop a{color: #fff;display: flex;align-items: center;gap:8px;font-size: 14px;}
.footerTop a img{width: 32px;height: 32px;min-width: 32px;}

.footerMiddle{padding-top: 30px;padding-bottom: 30px;border-bottom: 1px solid #3C3C3C;}
.footerMiddle img{max-width: 100%;}

.footerBottom{margin-top: 100px;display: flex;gap:20px 86px;margin-bottom: 40px;}
.footerBottom > p{color:#fff;font-size: 12px;min-width: 260px;}
.footerBottom div > p{color:#808080;font-size: 12px;margin-bottom: 20px;}

.copyright p{color:#808080;font-size: 12px;max-width: 150px;text-align: center;margin:0 auto;}





.first-screen {
    height: calc(100vh - 400px);
    position: relative;
    z-index: 1;
}

.first-screen .container {
    width: 100%;
    position: initial;
}

.first-screen:after {
    content: "";
    background-color: #292e3b
}

.first-screen:after, .main-slider__elem {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.first-screen .main-slider__elem {
    z-index: -1;
    display: flex;
    align-items: center
}

.first-screen .main-slider__elem.active .main-slider__img {
    -webkit-animation: animV5Active 1s backwards;
    animation: animV5Active 1s backwards;
    opacity: 1
}

.first-screen .main-slider__img {
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-animation: animV5 1s backwards;
    animation: animV5 1s backwards;
    opacity: 0
}

.first-screen .main-slider__title {
    font-size: 45px;
    line-height: 50px;
    font-weight: 900;
    color: #fff;
    margin-bottom: 16px;
    max-width: 1055px;
}

.first-screen .main-slider__description {
    font-size: 24px;
    line-height: 28px;
    font-weight: 400;
    color: #fff;
    opacity: .7;
    margin-bottom: 40px;
}

.first-screen .main-slider__description, .main-slider__title {
    transform: translateY(30px);
    opacity: 0
}

.first-screen .main-slider__link {
    line-height: 60px;
    position: relative;
    background-color: #1FA03D !important;
    border: 2px solid #1FA03D !important;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: .1em;
    color: #fff;
    cursor: pointer;
    text-align: center;
    display: block;
    width: 100%;
    max-width: 300px;
    border-radius: 3px;
    outline: none !important;
    transition: 0.5s;
}

.first-screen .main-slider__link:hover {
    background-color: #fff !important;
    color: #1FA03D;
}



/* First banner styles start */
[data-slide-index='1'] .main-slider__title {
    font-size: 50px;
    max-width: 800px;
}

[data-slide-index='1'] .main-slider__description {
    max-width: 690px;
}

[data-slide-index='1'] .main-slider__description span{
    font-weight: 900;
}

@media (max-width: 799px) {
    [data-slide-index='1'] .main-slider__title {
        font-size: 44px;
        max-width: 800px;
    }

    [data-slide-index='1'] .main-slider__description {
        max-width: 100%!important;
        padding: 0 15px 0 0;
    }
}


@media (max-width: 576px) {
    [data-slide-index='1'] .main-slider__description {
        font-size: 16px;
    }
}

@media (max-width: 550px) {
    [data-slide-index='1'] .container_block {
        padding: 0 15px;
    }
}




.first-screen .main-slider__bullets {
    position: absolute;
    bottom: 60px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    /*display: none;*/
    z-index: 1;
}

.first-screen .main-slider__bullet {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #fff;
    cursor: pointer;
    transition: background-color .3s
}

.first-screen .main-slider__bullet:not(:last-child) {
    margin-right: 30px
}

.first-screen .main-slider__bullet.active {
    background-color: #C6AE72
}

.first-screen .main-slider__arrow {
    position: absolute;
    top: 45%;
    transform: translateY(-50%);
    width: 32px;
    height: 32px;
    background-color: #555c63;
    border-radius: 50%;
    color: #c6cddb;
    transition: background-color .3s;
    z-index: 2
}

.first-screen .main-slider__arrow:first-child {
    left: -80px
}

.first-screen .main-slider__arrow:nth-child(2) {
    right: -80px
}

.first-screen .main-slider__elem.active {
    z-index: 1
}

@media (min-width: 1200px) {

    .first-screen .main-slider__bullet:hover {
        background-color: #C6AE72
    }

    .first-screen .main-slider__arrow:hover {
        background: #C6AE72
    }
}

@media (max-width: 1219.98px) and (min-width: 800px) {
    .first-screen .main-slider .container {
        padding: 0 70px
    }
}

@media (max-width: 2500px) {
    .first-screen .main-slider__elem.active .main-slider__title {
        -webkit-animation: showY20pxmain-slider__title2500px .4s linear 0s forwards;
        animation: showY20pxmain-slider__title2500px .4s linear 0s forwards
    }

    .first-screen .main-slider__elem.active .main-slider__description {
        -webkit-animation: showY30pxmain-slider__description2500px .4s linear .2s forwards;
        animation: showY30pxmain-slider__description2500px .4s linear .2s forwards
    }
}

@media (max-width: 1630px) {
    .first-screen .main-slider__title {
        max-width: 1000px;
    }
}

@media (max-width: 1450px) {
    .first-screen .main-slider__title {
        max-width: 920px;
    }
}

@media (max-width: 1366px) {
    .first-screen .main-slider__arrow {
        top: 45%
    }

    .first-screen .main-slider__arrow:first-child {
        left: -55px
    }

    .first-screen .main-slider__arrow:nth-child(2) {
        right: -55px
    }
}

@media (max-width: 1365.98px) {
    .first-screen {
        height: 550px
    }

    .first-screen .main-slider__title {
        font-size: 30px;
        line-height: 35px;
        font-weight: 900;
        margin-bottom: 20px;
        max-width: 900px;
    }

    .first-screen .main-slider__description {
        font-size: 16px;
        line-height: 24px;
        font-weight: 400;
        margin-bottom: 25px
    }

    .first-screen .main-slider__link {
        line-height: 46px;
        max-width: 385px
    }
}

@media (max-width: 1219.98px) {
    .first-screen .main-slider__title {
        font-size: 40px;
        line-height: 40px;
        font-weight: 900;
        margin-bottom: 30px;
        max-width: 665px;
    }

    .first-screen .main-slider__description {
        font-size: 24px;
        line-height: 30px;
        font-weight: 400;
        margin-bottom: 50px;
        max-width: 445px;
    }

    .first-screen .main-slider__bullets {
        bottom: 40px
    }
}

@media (max-width: 1200px) {
    .first-screen .main-slider__arrow {
        top: 40%
    }
}

@media (max-width: 992px) {
    .container_block {
        position: absolute;
        top: 70px;
    }
}

@media (max-width: 900px) {
    .first-screen .main-slider__arrow:first-child {
        left: -45px
    }

    .first-screen .main-slider__arrow:nth-child(2) {
        right: -45px
    }
}

@media (max-width: 799.98px) {
    .first-screen {
        height: 80vw
    }

    .container_block {
        position: absolute;
        top: 70px;
    }

    .first-screen .main-slider__img:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 0
    }

    .first-screen .main-slider__title {
        font-size: 40px;
        line-height: 40px;
        font-weight: 900;
        margin-bottom: 22px;
        max-width: 610px;
    }

    .first-screen .main-slider__description {
        margin-bottom: 46px;
    }

    .first-screen .main-slider__link {
        line-height: 60px;

    }

    .first-screen .main-slider__bullets {
        bottom: 20px
    }

    .first-screen .main-slider__bullet {
        width: 15px;
        height: 15px
    }

    .first-screen .main-slider__bullet:not(:last-child) {
        margin-right: 20px
    }

    .first-screen .main-slider .container {
        padding: 0 58px
    }

    .first-screen .main-slider__arrow:first-child {
        left: -85px
    }

    .first-screen .main-slider__arrow:nth-child(2) {
        right: -85px
    }
}

@media (max-width: 650px) {
    .first-screen .main-slider__title {
        font-size: 20px;
        line-height: 21px;
        max-width: 310px;
        margin-bottom: 10px;
    }

    .first-screen .main-slider__description {
        font-size: 16px;
        line-height: 19px;
        max-width: 250px;
        margin-bottom: 20px;
    }

    .first-screen .main-slider__link {
        font-size: 16px;
        line-height: 50px;
    }
}

@media (max-width: 576px) {
    .first-screen {
        height: 130vw
    }

    .first-screen .main-slider .container {
        padding: 0 20px
    }


    .first-screen .main-slider__arrow:first-child {
        left: -45px
    }

    .first-screen .main-slider__arrow:nth-child(2) {
        right: -45px
    }

    .first-screen .main-slider__description {
        font-size: 14px;
        line-height: 21px;
        font-weight: 400
    }

    .first-screen .main-slider__bullets {
        bottom: 33px
    }
}

@media (max-width: 450px) {

    .container_block {
        top: 25px;
    }

    .first-screen .main-slider__bullets {
        bottom: 33px
    }

    .first-screen .main-slider__arrow {
        display: none
    }
}

@media (max-width: 320px) {
    .first-screen {
        height: 150vw
    }

    .first-screen .main-slider__link {
        max-width: 280px;
    }
}

@-webkit-keyframes showY20pxmain-slider__title2500px {
    0% {
        opacity: 0;
        transform: translateY(20px)
    }
    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes showY20pxmain-slider__title2500px {
    0% {
        opacity: 0;
        transform: translateY(20px)
    }
    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@-webkit-keyframes showY30pxmain-slider__description2500px {
    0% {
        opacity: 0;
        transform: translateY(30px)
    }
    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes showY30pxmain-slider__description2500px {
    0% {
        opacity: 0;
        transform: translateY(30px)
    }
    to {
        opacity: 1;
        transform: translateY(0)
    }
}


/* Popup Action  */

.xcritical-wrapper.custom button {
    font-size: 24px;
    line-height: 47px;
    text-transform: initial;
    font-weight: 500;
    transition: 0.5s;
}

.xcritical-wrapper.custom button:hover {
    color: #333;
}

.modal-email-from {
    max-width: 494px !important;
    width: 100%;
    background: #fff;
    padding: 77px;
}

.modal-registration {
    max-width: 494px !important;
    width: 100%;
    background: #fff;
    padding: 40px 77px 77px;
    top: 53%;
}

@media (max-width: 475px) {
    .infinite-mobile-header {
        z-index: 1;
    }

    .modal-email-from, .modal-registration {
        padding: 20px;
    }
}

.first-screen .modal-email-from .main-slider__link,
.first-screen .modal-registration .main-slider__link {
    max-width: 100%;
    background-color: #fff !important;
    border: none !important;
}


.first-screen .modal-email-from .main-slider__link input,
.first-screen .modal-registration .main-slider__link input {
    border: 1px solid #D0D0D0;
    background: #fff;
    border-radius: 10px;
}

.first-screen .modal-email-from .main-slider__link button,
.first-screen .modal-registration .main-slider__link button {
    background-color: #1FA03D !important;
    border: 1px solid #1FA03D !important;
    width: 100%;
    font-weight: 700;
    font-size: 18px;
    line-height: 170%;
    padding: 10px;
    margin-top: 20px;
}






@media(max-width:1000px){
    .ourAdvantages{padding-top: 100px;padding-bottom: 0px;}
    .onlinePlatformItem{width: calc(50% - 20px);}
    .platform .container{gap: 40px;flex-direction: column-reverse;}
    .platform .container > *{width: 100%;}
    .platform .container img{max-width: 600px;}
    .advantagesList{flex-direction: column;}
    .title{font-size: 42px;margin-bottom: 20px;line-height: 46px;}
    .onlinePlatform{padding-top: 0px;padding-bottom: 100px;}
    .accountTypes .container{gap:40px;}
    .accountTypes .container > div:first-child{width: 40%;}
    .accountTypes .container > div:last-child{width: 60%;}
    .Cta{padding-top: 100px;padding-bottom: 100px;}
    .whyItem h4{font-size: 60px;    margin-bottom: 10px;}
    .success{padding-top: 100px;padding-bottom: 100px;}
    .success .container{gap:40px;flex-direction: column;}
    .success .container > div{width: 100%;}
    .ctaWrapper{padding: 40px 60px;}
    .success img{margin: 0 auto;display: block;}
    .whyList{flex-wrap: wrap;}
    .whyItem{width: calc(50% - 15px);}
    .footerBottom{flex-direction: column;}
    .footerBottom{margin-top: 60px;}
    .ctaWrapper{gap:40px;}
}












@media(max-width:800px){
    .accountTypes .container{flex-direction: column;}
.accountTypes .container > div:last-child,.accountTypes .container > div:first-child{width: 100%;}
.title{font-size: 30px;line-height: 35px;}
.ctaWrapper{flex-direction: column;}
.ctaWrapper > div:first-child{width: 100%;}
.ctaWrapper > div:last-child{width: 100%;}
.onlinePlatformItem{width: 100%;}
.onlinePlatformItemTop h4{font-size: 20px;}
.advantageItemTop h4{font-size: 20px;}
.accordion-header{font-size: 20px;}
.ctaWrapper {
        padding: 30px 30px;
    }
    .success p,.platformLeft p,.ourAdvantages .container > p{font-size: 18px;}
    .headerTop{flex-direction: column;align-items: center;}
    .headerTop p{text-align: center;}
}






@media(max-width:450px){
.whyItem h4 {
        font-size: 50px;
        margin-bottom: 0px;
    }
    .whyItem{padding-left: 20px;}
}























/* / */