html,body{
    margin: 0;
    padding: 0;
}
/* styles.css */

body {
    background: #ffffff;
    background-image: url(images/newbgmain.png);
    background-repeat: no-repeat;
    background-position: top center;
    max-width: 1440px;
    margin: auto;
}

@font-face {
    font-family: 'Neue Machina';
    src: url('font/NeueMachina-Bold.eot');
    src: local('font/Neue Machina Bold'), local('font/NeueMachina-Bold'),
        url('font/NeueMachina-Bold.eot?#iefix') format('embedded-opentype'),
        url('font/NeueMachina-Bold.woff2') format('woff2'),
        url('font/NeueMachina-Bold.woff') format('woff'),
        url('font/NeueMachina-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

/*
.header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 2rem;
    background-color: white;
}
*/
.header {
    position: -webkit-sticky; /* For Safari */
    position: sticky;
    top: 0;
    /*width: 100%;*/
    max-width: 1440px;
    margin: auto;
    padding: 1rem 115px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    /*transition: background-color 0.3s ease;*/
    z-index: 1000;
    font-family: "Geologica", sans-serif;
}

.header.transparent {
    background-color: transparent;
}

.header.solid {
    background-color: white;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.header img {
    height: 2.5rem;
}

.header button {
    font-size: 1rem;
    margin-left: 1rem;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropbtn {
    background-color: transparent;
    color: black;
    padding: 10px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: transparent;
    /*min-width: 120px;*/
    left: 15px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    list-style-type: none;
    padding: 0;
    margin: 0;
    font-weight: 500;
    font-style: normal;
}

.dropdown-content li {
    padding: 8px 16px;
}

.dropdown-content li a {
    color: black;
    text-decoration: none;
    display: block;
}

.dropdown-content li:hover {
    background-color: #f1f1f1;
}

.dropdown:hover .dropdown-content {
    display: block;
}

.header_buttons{
    border: 1px solid #B9E901;
    border-radius: 50px;
    background: white;
    padding: 11px 30px;
    text-decoration: none;
    font-weight: 500;
    font-style: normal;
    color: black;
}

p{
    font-family: "Geologica", sans-serif;
    font-weight: 500;
    font-style: normal;
}





.hero {
    text-align: center;
    padding: 50px 1rem 100px;
    max-width: 1440px;
    margin: auto;
    /*background-image: url(images/hero_bg.png);
    background-repeat: no-repeat;
    background-position: center;*/
}

.hero_content{
    max-width: 980px;
    margin: auto;
}
.hero h2{
    font-family: "Geologica", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 20px;
    color: #7F7F7F;
    margin: 0;
}

.hero h1 {
    font-family: 'Neue Machina', sans-serif;
    font-size: 65px;
    line-height: 62.72px;
    padding: 10px 0;
    margin: 0px;
}

.herotexticon{
    width: 80px;
    height: 80px;
    vertical-align: sub;
}

.hero p {
    font-size: 1.25rem;
    margin-bottom: 1rem;
}

.greenHero {
    display: inline-block;
    position: relative;
    z-index: 1;
    color: white;
}

.greenHero::before {
    content: "";
    position: absolute;
    top: 10%;
    left: -3%;
    width: 105%;
    height: 100%;
    background-color: #B9E901; /* Зелёный цвет */
    z-index: -1;
    transform: rotate(1deg); /* Наклон */
    transform-origin: center;
    padding: 0 5px;
    border-radius: 25px;
}

.hero_paragraf{
    font-size: 16px;
    line-height: 20px;
    color: #7F7F7F;
    width: 45%;
    text-align: left;
}

.hero_under_content{
    display: flex;
    margin: auto;
    justify-content: flex-start;
    align-items: center;
    max-width: 800px;
    margin-top: 25px;
}


.hero {
    position: relative;
}

.hero_content {
    position: relative;
}

.hero_under_content {
    position: relative;
}











.offers {
    background-color: black;
    max-width: 1400px;
    margin: auto;
    color: white;
    padding: 90px 0px;
    border-radius: 60px;
}

.offer_text{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 40px;
    border-bottom: 1px solid #252525;
    position: relative;
    max-width: 1170px;
    margin: auto;
}

.offer_text::before,
.offer_text::after {
    content: '';
    position: absolute;
    width: 5px;
    height: 5px; 
    background-color: #252525; 
    transform: rotate(45deg);
}

.offer_text::before {
    bottom: -3px; 
    left: -5px; 
}

.offer_text::after {
    bottom: -3px;
    right: -5px;
}


.offers h2 {    
    font-family: 'Neue Machina', sans-serif;
    font-size: 44px;
    line-height: 42.46px;
    color: white;
    margin: 0;
}
.offer_text_p{
    font-size: 16px;
    line-height: 20px;
    color:#7F7F7F;
    font-weight: 400;
    text-align: left;
}



.offers .cards {
    padding-top: 40px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: stretch;
    gap: 30px;
}

.offers .card {
    max-width: 370px;
    border-radius: 24px;
    text-align: center;
}

.curseCard{
    background-color: #252525;
}

.card_inner{
    padding: 30px 40px 20px;
}

.card_namimg{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
    border-bottom: 1px solid #3B3B3B;
    padding-bottom: 20px;
    position: relative;
}

.card_namimg::before,
.card_namimg::after {
    content: '';
    position: absolute;
    width: 5px;
    height: 5px; 
    background-color: #3B3B3B; 
    transform: rotate(45deg);
}

.card_namimg::before {
    bottom: -3px; 
    left: -5px; 
}

.card_namimg::after {
    bottom: -3px;
    right: -5px;
}


.cardName{
    font-family: 'Neue Machina', sans-serif;
    font-size: 28px;
    line-height: 35px;
    color: #B9E901;
    font-weight: 600;
    margin: 0;
}
.card_descr{
    font-family: "Geologica", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #7F7F7F;
    text-align: left;
}

.card_link{
    background: #3B3B3B;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    text-align: center;
    align-content: center;
}

.cardImage{
    padding-bottom: 15px;
    max-width: 340px;
    width: 100%;
}



 .BigCard {
     background: none;
     display: flex;
     flex-direction: column;
     row-gap: 20px;
 }

 .info_card_up {
     display: flex;
     width: 100%;
 }

 .revshare_block {
     background: #601FEF;
     border-radius: 24px;
     padding: 35px 25px;
     text-align: center;
     width: 50%;
 }

 .cpa_block {
     background: #B9E901;
     border-radius: 24px;
     padding: 35px 25px;
     text-align: center;
     width: 50%;
 }

 .revshare_name {
     font-family: "Geologica", sans-serif;
     font-weight: 400;
     font-size: 16px;
     line-height: 20px;
     color: #CEB7FF;
     margin: 0;
 }

 .cpa_name {
     font-family: "Geologica", sans-serif;
     font-weight: 400;
     font-size: 16px;
     line-height: 20px;
     color: #3D4A0C;
     margin: 0;
 }

 .revshare_text {
     font-family: "Geologica", sans-serif;
     font-weight: 600;
     font-size: 24px;
     line-height: 30px;
     color: #FFFFFF;
     margin: 0;
 }

 .cpa_text {
     font-family: "Geologica", sans-serif;
     font-weight: 600;
     font-size: 24px;
     line-height: 30px;
     color: #3D4A0C;
     margin: 0;
 }


 .info_card {
     display: flex;
     background: #FFFFFF;
     padding: 40px 0;
     flex-direction: column;
     align-items: stretch;
     align-content: center;
     justify-content: center;
     width: 100%;
     border-radius: 24px;
     height: 100%;
     gap: 20px;
 }

 .geoText {
     font-family: "Geologica", sans-serif;
     font-weight: 600;
     font-size: 20px;
     line-height: 25px;
     color: #111111;
     margin: 0;
 }

 .courtryBlocks {
     display: flex;
     justify-content: center;
     flex-direction: row;
     flex-wrap: wrap;
 }

 .row {
     display: flex;
     justify-content: center;
     margin: 2px 0 0 0;
 }

 .cournty {
     background: #F3F3F3;
     padding: 12px 16px;
     border-radius: 50px;
     display: flex;
     gap: 10px;
 }

 .coutr_name {
     font-family: "Geologica", sans-serif;
     font-weight: 400;
     font-size: 20px;
     line-height: 25px;
     color: #111111;
     margin: 0;
 }
                    







.partners_block{
            display: flex;
            flex-direction: row;
            max-width: 1400px;
            margin: auto;
            align-items: center;
            padding: 40px;
            border-bottom: 1px solid #E3E3E3;
            border-top: 1px solid #E3E3E3;
            gap: 100px;
            justify-content: center;  
        }
       
        
        .testimonials{
            padding: 80px 0;
            max-width: 1400px;
            margin: auto;
        }
        
        
        /*Ровняем отзывы по высоте*/
        .testimonial {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            min-height: 390px; 
            position: relative;
        }

        .testimonial .reviev_text {
            flex-grow: 1;
        }
        /*Ровняем отзывы по высоте*/
        

        .headTestim{
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            max-width: 1400px;
            margin: auto;
            padding: 50px 115px;
            border-top: 1px solid #E3E3E3;
            border-bottom: 1px solid #E3E3E3;
        }
        
        .buttons_slider{
            display: flex;
            flex-direction: row;
            align-items: center;
            gap: 45px;
        }

        
        .list {
            max-width: 1170px;
            margin: auto;
            padding: 40px 0;
        }

        .testimonial {
            box-sizing: border-box;
            margin-right: 30px; 
        }


        .testimonials .testimonial {
            background-color: #F7F7F7;
            padding: 40px 40px 35px;
            border-radius: 24px 140px 24px 24px;
        }

        .rev_name {
            display: flex;
            flex-direction: row;
            align-items: center;
            gap: 20px;
            padding-bottom: 20px;
            border-bottom: 1px solid #E2E2E2;
            position: relative;
        }
        
        .rev_name::before,
        .rev_name::after {
            content: '';
            position: absolute;
            width: 5px;
            height: 5px; 
            background-color: #E2E2E2; 
            transform: rotate(45deg);
        }

        .rev_name::before {
            bottom: -3px; 
            left: -5px; 
        }

        .rev_name::after {
            bottom: -3px;
            right: -5px;
        }

        
        .testimH2{
            font-family: 'Neue Machina', sans-serif;
            font-size: 44px;
            line-height: 42.46px;
            font-weight: 700;
            color: #111111;
            margin: 0;
            text-align: left;
        }
        
        .company{
            font-family: "Geologica", sans-serif;
            font-weight: 600;
            font-size: 20px;
            line-height: 25px;
            color: #111111;
            margin: 0;
        }
        
        .date{
            font-family: "Geologica", sans-serif;
            font-weight: 400;
            font-size: 16px;
            line-height: 20px;
            color: #7F7F7F;
            margin: 0;
        }

        .reviev_text{
            font-family: "Geologica", sans-serif;
            font-weight: 300;
            font-size: 16px;
            line-height: 20px;
            color: #111111;
            margin: 0;
            padding-top: 25px;
        }
        
        
        
        .slick-prev, .slick-next {
            background: none;
            border: none;
            font-size: 0;
            position: static;
        }

        .slick-prev::before, .slick-next::before {
            content: '';
            display: inline-block;
            width: 20px;
            height: 20px;
            background-size: contain;
        }

         .rev_link{
            background: #B9E901;
            width: 60px;
            height: 60px;
            border-radius: 50%;
            text-align: center;
            align-content: center;
            position: absolute;
            top: 10px;
            right: 10px;
            display: flex; /* Использование Flexbox */
            justify-content: center; /* Центрирование по горизонтали */
            align-items: center; /* Центрирование по вертикали */
        }












.contact{
            background-color: black;
            max-width: 1400px;
            margin: auto;
            color: white;
            border-radius: 60px;
            background-image: url(images/GirdContactBg.png);
            background-size: auto;
            background-repeat: no-repeat;
            background-position: center top;
            position: relative;
        }
        
        .contact_main_block{
            max-width: 770px;
            margin: auto;
            padding: 180px 0 150px;
            
        }
        
        .contactH4{
            font-family: "Geologica", sans-serif;
            font-weight: 500;
            font-size: 20px;
            line-height: 25px;
            color: #B9E901;
            margin: 0;
            text-align: center;
        }
        
        .contactH2{
            font-family: 'Neue Machina', sans-serif;
            font-size: 72px;
            line-height: 69.48px;
            font-weight: 700;
            color: #FFFFFF;
            margin: 0;
            text-align: center;
            padding: 24px 0;
            text-transform: uppercase;
        }
        
        .contact_text{
            font-family: "Geologica", sans-serif;
            font-weight: 400;
            font-size: 16px;
            line-height: 20px;
            color: #7F7F7F;
            margin: 0;
            text-align: center;
        }

        
        .footButton_block{
            display: flex;
            margin-top: 30px;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: center;
            align-items: center;
            gap: 20px;
        }
        
        .footerButtons{
            font-family: "Geologica", sans-serif;
            font-weight: 400;
            font-size: 20px;
            line-height: 25px;
            color: #FFFFFF;
            text-align: center;
            padding: 14px 25px;
            border: 1px solid #B9E901;
            border-radius: 50px;
            text-decoration: none;
        }

        .footer_link{
            border: 1px solid #FFFFFF1A;
            background: none;
            width: 60px;
            height: 60px;
            border-radius: 50%;
            text-align: center;
            align-content: center;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .termsLink{
            font-family: "Geologica", sans-serif;
            font-weight: 400;
            font-size: 12px;
            line-height: 15px;
            color: #7F7F7F;
            margin: 0;
            text-decoration: none;
        }
        
        .copyrating{
            font-family: "Geologica", sans-serif;
            font-weight: 400;
            font-size: 12px;
            line-height: 15px;
            color: #7F7F7F;
            margin: 0;
        }
      
        .socialIcon{
            display: flex;
            gap: 15px;
        }

        .footer {
            display: flex;
            max-width: 1170px;
            margin: auto;
            align-items: baseline;
            justify-content: space-between;
            padding-bottom: 28px;
        }