/* Start:/local/templates/peremena74_2024/css/style.css?1737987659140080*/
big101-114366660@charset "UTF-8";
/*
@media screen and (max-width: 1279px) {
      font-size: 23px;
  }
*/

@font-face {
font-family: "OnestRegular";  
src: url("/local/templates/peremena74_2024/css/../fonts/OnestRegular.woff") format("truetype"); 
font-style: normal; 
font-weight: normal;
 }

@font-face {
font-family: "MuseoSans";  
src: url("/local/templates/peremena74_2024/css/../fonts/MuseoSans700.woff") format("truetype"); 
font-style: normal; 
font-weight: normal;
 }

@font-face {
font-family: "VelaSansSemiBold";  
src: url("/local/templates/peremena74_2024/css/../fonts/VelaSans-SemiBold.woff2") format("truetype"); 
font-style: normal; 
font-weight: normal;
 }

@font-face {
font-family: "VelaSansRegular";  
src: url("/local/templates/peremena74_2024/css/../fonts/VelaSans-Regular.woff2") format("truetype"); 
font-style: normal; 
font-weight: normal;
 }

@font-face {
font-family: "VelaSansBold";  
src: url("/local/templates/peremena74_2024/css/../fonts/VelaSans-Bold.woff2") format("truetype"); 
font-style: normal; 
font-weight: normal;
 }

@font-face {
font-family: "VelaSansExtraBold";  
src: url("/local/templates/peremena74_2024/css/../fonts/VelaSans-ExtraBold.woff2") format("truetype"); 
font-style: normal; 
font-weight: normal;
 }

@font-face {
font-family: "ProximaNovaRegularItalic";  
src: url("/local/templates/peremena74_2024/css/../fonts/ProximaNova-RegularIt.woff2") format("truetype"); 
font-style: normal; 
font-weight: normal;
 }

.header {
}

body {
width:1100px;
margin:0 auto;
}

@media only screen and (max-width: 1605px) {
body {
zoom: 85%;
overflow-x: hidden;
}
}

@media only screen and (max-width: 1300px) {
body {
zoom: 77%;
}
}

@media only screen and (max-width: 600px) {
body {
width:100%;
margin:0 auto;
max-width: 92%;
zoom: 82%;
}
}

@media screen and (max-width: 600px) {
ul {
    padding-inline-start: 0px;
}
  }

.switchermain  {
display: flex;
    width: 100%;
    border-radius: 6px;
    /* background-color: white; */
    flex-direction: row;
    justify-content: left;
    align-content: center;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
margin-top: 24px;
    margin-bottom: 21px;
  }

@media only screen and (max-width: 600px) {
.switchermain  {
display: none;
       }
}

.btnmob {
}

.mobbutton {
    width: 155px;
min-width: 155px;
  height: 37px;
  border-radius: 17px;
  left: 0px;
  cursor: pointer;
  background-color: #3c3c3c;
  transition: 0.4s;
display: flex;
align-items: center;
    justify-content: center;
position: relative;
top: 0;
}

.mobbutton:hover {
     background-color: #707070;
  transition: 0.4s;
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.03);
}

.mobbigbutton {
    width: 220px;
min-width: 220px;
  height: 37px;
  border-radius: 17px;
  left: 0px;
  cursor: pointer;
  background-color: #3c3c3c;
  transition: 0.4s;
display: flex;
align-items: center;
    justify-content: center;
position: relative;
top: 0;
}

.mobbigbutton:hover {

  background-color: #707070;
  transition: 0.4s;
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.03);
}

.mobnonbutton {
   width: 172px;
min-width: 172px;
  height: 37px;
  border-radius: 17px;
  left: 0px;
  cursor: pointer;
  background-color: rgba(255, 255, 255, 1);
  transition: 0.4s;
display: flex;
align-items: center;
    justify-content: center;
cursor: default;
}

.switchermainmob  {
display: flex;
    width: 100%;
    border-radius: 6px;
    /* background-color: white; */
    flex-direction: row;
    justify-content: left;
    align-content: center;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
margin-top: 24px;
    margin-bottom: 24px;
display: none;
  }

@media only screen and (max-width: 600px) {
.switchermainmob  {
display: flex;
        justify-content: space-between;
        flex-wrap: nowrap;
        flex-direction: row;
margin-top: 20px;
        margin-bottom: 20px;
       }
}

.btnmob2 {
width: 168px;
}

.btnmob3 {
width: -webkit-fill-available;
}

.mobbutton2 {
    width: 100%;
  height: 37px;
  border-radius: 17px;
  left: 0px;
  cursor: pointer;
  background-color: #3c3c3c;
  transition: 0.4s;
display: flex;
align-items: center;
    justify-content: center;
position: relative;
top: 0;
}

.mobbutton2:hover {
     background-color: rgba(255, 255, 255, 1);
  transition: 0.4s;
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.03);
}

.mobbigbutton2 {
    width: 100%;
  height: 37px;
  border-radius: 17px;
  left: 0px;
  cursor: pointer;
  background-color: #3c3c3c;
  transition: 0.4s;
display: flex;
align-items: center;
    justify-content: center;
position: relative;
top: 0;
}

.mobbigbutton2:hover {

  background-color: rgba(255, 255, 255, 1);
  transition: 0.4s;
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.03);
}

.mobnonbutton2 {
   width: 100%;
  height: 37px;
  border-radius: 17px;
  left: 0px;
  cursor: pointer;
  background-color: rgba(255, 255, 255, 1);
  transition: 0.4s;
display: flex;
align-items: center;
    justify-content: center;
cursor: default;
}

a, .a {
color: #ffffff;
text-align: center;
  font-family: "VelaSansRegular", sans-serif;
  font-size: 14px;
text-decoration: none;
}

a1, .a1 {
color: #ffffff;
text-align: center;
  font-family: "VelaSansRegular", sans-serif;
  font-size: 14px;
text-decoration: none;
}

a48, .a48 {
color: #ffffff;
text-align: center;
margin-bottom: 3px;
  font-family: "VelaSansRegular", sans-serif;
  font-size: 14px;
text-decoration: none;
}

a2, .a2 {
color: #ffffff;
text-align: center;
margin-bottom: 3px;
  font-family: "VelaSansRegular", sans-serif;
  font-size: 14px;
text-decoration: none;
padding-left: 38px;
}

a3, .a3 {
color: #ffffff;
text-align: center;
margin-bottom: 3px;
  font-family: "VelaSansRegular", sans-serif;
  font-size: 14px;
text-decoration: none;
padding-left: 26px;
}

a4, .a4 {
color: #000000;
text-align: center;
  font-family: "MuseoSans", sans-serif;
  font-size: 28px;
text-decoration: none;
margin-top: -6px;
}

@media only screen and (max-width: 600px) {
a4, .a4 {
font-size: 25px;
        text-align: center;
margin-bottom: 14px;
}
}

a5, .a5 {
color: #ffffff;
text-align: center;
  font-family: "VelaSansSemiBold", sans-serif;
  font-size: 16px;
text-decoration: none;
}

a6, .a6 {
color: #000000;
text-align: center;
  font-family: "MuseoSans", sans-serif;
  font-size: 28px;
text-decoration: none;
margin-top: -6px;
}

a7, .a7 {
color: #000000;
text-align: center;
  font-family: "MuseoSans", sans-serif;
  font-size: 28px;
text-decoration: none;
}

@media only screen and (max-width: 600px) {
a7, .a7 {
font-size: 15px;
}
}

a8, .a8 {
color: #000000;
text-align: center;
  font-family: "MuseoSans", sans-serif;
  font-size: 28px;
text-decoration: none;
margin-top: -6px;
margin-bottom: 17px;
}

@media only screen and (max-width: 600px) {
a8, .a8 {
font-size: 25px;
        text-align: center;
margin-bottom: 14px;
}
}

a9, .a9 {
color: #000000;
text-align: center;
  font-family: "VelaSansSemiBold", sans-serif;
  font-size: 16px;
text-decoration: none;
}

@media only screen and (max-width: 600px) {
a9, .a9  {
padding-left: 15px;
padding-right: 15px;
   }
}

a10, .a10 {
color: #000000;
text-align: center;
  font-family: "VelaSansExtraBold", sans-serif;
  font-size: 16px;
text-decoration: none;
}

a11, .a11 {
color: #000000;
text-align: left;
  font-family: "VelaSansSemiBold", sans-serif;
  font-size: 16px;
text-decoration: none;
line-height: 1.5;
}

a12, .a12 {
color: #ffffff;
text-align: center;
  font-family: "MuseoSans", sans-serif;
  font-size: 28px;
text-decoration: none;
}


@media only screen and (max-width: 600px) {
a12, .a12 {
font-size: 19px;
line-height: 1.4;
}
}

a13, .a13 {
color: rgb(101, 101, 101);
text-align: center;
  font-family: "VelaSansBold", sans-serif;
  font-size: 19px;
text-decoration: none;
}

@media only screen and (max-width: 600px) {
a13, .a13  {
text-align: left;
   }
}

a14, .a14 {
color: rgb(0, 0, 0);
text-align: center;
  font-family: "VelaSansBold", sans-serif;
  font-size: 16px;
text-decoration: none;
margin-bottom: 5px;
margin-left: 33px;
margin-top: 36px;
}


@media only screen and (max-width: 600px) {
a14, .a14  {
margin-left: 25px;
margin-top: 0px;
text-align: left;
text-indent: -1.2em;
    padding-left: 1.2em;
padding-right: 25px;
   }
}

a15, .a15 {
color: #000000;
text-align: start;
  font-family: "VelaSansSemiBold", sans-serif;
  font-size: 16px;
text-decoration: none;
margin-left: 33px;
text-indent: -0.9em;
    padding-left: 0.9em;
margin-top: 7px;
    line-height: 1.55;
padding-right: 33px;
}

@media only screen and (max-width: 600px) {
a15, .a15  {
margin-left: 25px;
padding-right: 25px;
   }
}

a16, .a16 {
color: rgb(0, 0, 0);
text-align: left;
  font-family: "VelaSansBold", sans-serif;
  font-size: 16px;
text-decoration: none;
margin-left: 33px;
margin-top: 22px;
text-indent: -1.2em;
    padding-left: 1.2em;
line-height: 1.55;
padding-right: 33px;
}

@media only screen and (max-width: 600px) {
a16, .a16  {
margin-left: 25px;
padding-right: 25px;
   }
}

a17, .a17 {
color: rgb(0, 0, 0);
text-align: left;
  font-family: "VelaSansBold", sans-serif;
  font-size: 16px;
text-decoration: none;
margin-bottom: 5px;
margin-left: 33px;
margin-top: 22px;
text-indent: -1.2em;
    padding-left: 1.2em;
line-height: 1.55;
}

@media only screen and (max-width: 600px) {
a17, .a17  {
margin-left: 25px;
margin-top: 25px;
text-align: left;
padding-right: 25px;
   }
}

a18, .a18 {
color: rgb(255, 255, 255);
text-align: center;
  font-family: "VelaSansBold", sans-serif;
  font-size: 15px;
text-decoration: none;
margin-bottom: 5px;
margin-top: 27px;
line-height: 1.6;
}

a19, .a19 {
color: rgb(255, 255, 255);
text-align: center;
  font-family: "VelaSansBold", sans-serif;
  font-size: 15px;
text-decoration: none;
margin-bottom: 5px;
margin-top: 11px;
line-height: 1.7;
}

a20, .a20 {
color: #000000;
text-align: left;
  font-family: "ProximaNovaRegularItalic", sans-serif;
  font-size: 16.3px;
text-decoration: none;
margin-left: 33px;
line-height: 1.7;
margin-top: 20px;
padding-right: 33px;
}

@media only screen and (max-width: 600px) {
a20, .a20  {
margin-left: 25px;
padding-right: 25px;
   }
}

a21, .a21 {
color: #000000;
text-align: center;
  font-family: "VelaSansExtraBold", sans-serif;
  font-size: 16px;
text-decoration: none;
}

a22, .a22 {
color: #000000;
text-align: center;
  font-family: "VelaSansSemiBold", sans-serif;
  font-size: 16px;
text-decoration: none;
line-height: 1.6;
padding-left: 15px;
    padding-right: 15px;
}

@media only screen and (max-width: 600px) {
a22, .a22  {
padding-left: 15px;
padding-right: 15px;
   }
}

a23, .a23 {
color: rgb(101, 101, 101);
text-align: left;
  font-family: "VelaSansBold", sans-serif;
  font-size: 19px;
text-decoration: none;
}

a24, .a24 {
color: #000000;
text-align: start;
  font-family: "VelaSansSemiBold", sans-serif;
  font-size: 16px;
text-decoration: none;
margin-left: 33px;
margin-top: 7px;
    line-height: 1.55;
}

@media only screen and (max-width: 600px) {
a24, .a24  {
margin-left: 25px;
margin-top: 0px;
text-align: left;
padding-right: 25px;
   }
}

a25, .a25 {
color: #000000;
text-align: start;
  font-family: "VelaSansSemiBold", sans-serif;
  font-size: 16px;
text-decoration: none;
margin-left: 33px;
text-indent: -0.9em;
    padding-left: 0.9em;
margin-top: 35px;
    line-height: 1.55;
padding-right: 33px;
}

@media only screen and (max-width: 600px) {
a25, .a25  {
margin-left: 25px;
margin-top: 0px;
padding-right: 25px;
   }
}

a26, .a26 {
color: #000000;
text-align: start;
  font-family: "VelaSansSemiBold", sans-serif;
  font-size: 16px;
text-decoration: none;
margin-left: 33px;
margin-top: 10px;
    line-height: 1.6;
text-indent: -1.1em;
    padding-left: 1.1em;
padding-right: 33px;
}

@media only screen and (max-width: 600px) {
a26, .a26  {
margin-left: 25px;
margin-top: 25px;
text-indent: 0;
    padding-left: 0;
padding-right: 25px;
   }
}

a27, .a27 {
color: rgb(0, 0, 0);
text-align: center;
  font-family: "VelaSansBold", sans-serif;
  font-size: 16px;
text-decoration: none;
margin-bottom: 5px;
margin-left: 33px;
margin-top: 9px;
}

@media only screen and (max-width: 600px) {
a27, .a27  {
margin-left: 25px;
margin-top: 0px;
padding-right: 25px;
   }
}

a28, .a28 {
color: #000000;
text-align: start;
  font-family: "VelaSansSemiBold", sans-serif;
  font-size: 16px;
text-decoration: none;
margin-left: 33px;
margin-top: -2px;
    line-height: 1.55;
padding-right: 33px;
}

@media only screen and (max-width: 600px) {
a28, .a28  {
margin-left: 25px;
padding-right: 25px;
   }
}

a29, .a29 {
color: rgb(0, 0, 0);
text-align: center;
  font-family: "VelaSansBold", sans-serif;
  font-size: 16px;
text-decoration: none;
margin-bottom: 5px;
margin-left: 33px;
margin-top: 23px;
}

@media only screen and (max-width: 600px) {
a29, .a29  {
margin-left: 25px;
padding-right: 25px;
   }
}

a30, .a30 {
color: rgb(0, 0, 0);
text-align: left;
  font-family: "VelaSansBold", sans-serif;
  font-size: 16px;
text-decoration: none;
margin-bottom: 5px;
margin-left: 33px;
margin-top: 17px;
text-indent: -1.2em;
    padding-left: 1.2em;
line-height: 1.55;
}

@media only screen and (max-width: 600px) {
a30, .a30  {
margin-left: 25px;
text-indent: 0;
    padding-left: 0;
padding-right: 25px;
   }
}

a31, .a31 {
color: rgb(255, 255, 255);
text-align: center;
  font-family: "VelaSansBold", sans-serif;
  font-size: 15px;
text-decoration: none;
margin-bottom: 5px;
margin-top: 3px;
line-height: 1.6;
}

@media only screen and (max-width: 600px) {
a31, .a31  {
margin-bottom: 24px;
    margin-top: 6px;
   }
}

a32, .a32 {
color: rgb(255, 255, 255);
text-align: center;
  font-family: "MuseoSans", sans-serif;
  font-size: 28px;
text-decoration: none;
}

a33, .a33 {
color: rgb(255, 255, 255);
text-align: center;
  font-family: "VelaSansSemiBold", sans-serif;
  font-size: 15px;
text-decoration: none;
margin-top: 16px;
    line-height: 1.55;
}

a34, .a34 {
color: #000000;
text-align: start;
  font-family: "VelaSansSemiBold", sans-serif;
  font-size: 16px;
text-decoration: none;
margin-left: 33px;
margin-top: 35px;
    line-height: 1.55;
}

@media only screen and (max-width: 600px) {
a34, .a34  {
margin-left: 25px;
margin-top: 0px;
text-align: left;
    padding-left: 0;
padding-right: 25px;
   }
}

a35, .a35 {
color: #000000;
text-align: start;
  font-family: "VelaSansSemiBold", sans-serif;
  font-size: 16px;
text-decoration: none;
margin-left: 33px;
margin-top: 17px;
    line-height: 1.55;
}

@media only screen and (max-width: 600px) {
a35, .a35  {
margin-left: 25px;
text-align: left;
    padding-left: 0;
padding-right: 25px;
   }
}

a36, .a36 {
color: #000000;
text-align: center;
  font-family: "MuseoSans", sans-serif;
  font-size: 28px;
text-decoration: none;
margin-top: -6px;
}

@media only screen and (max-width: 600px) {
a36, .a36 {
font-size: 25px;
        text-align: center;
margin-bottom: 4px;
}
}

a37, .a37 {
color: #000000;
text-align: start;
  font-family: "VelaSansSemiBold", sans-serif;
  font-size: 16px;
text-decoration: none;
margin-left: 33px;
margin-top: 21px;
    line-height: 1.55;
padding-right: 33px;
}

@media only screen and (max-width: 600px) {
a37, .a37  {
margin-left: 25px;
    padding-left: 0;
padding-right: 25px;
margin-top: 19px;
   }
}

a38, .a38 {
color: #000000;
text-align: start;
  font-family: "VelaSansSemiBold", sans-serif;
  font-size: 16px;
text-decoration: none;
margin-left: 33px;
text-indent: -0.9em;
    padding-left: 0.9em;
margin-top: 7px;
    line-height: 1.55;
padding-right: 33px;
}

@media only screen and (max-width: 600px) {
a38, .a38  {
margin-left: 25px;
padding-right: 25px;
margin-top: 0px;
   }
}

a39, .a39 {
color: #000000;
text-align: start;
  font-family: "VelaSansSemiBold", sans-serif;
  font-size: 16px;
text-decoration: none;
margin-left: 33px;
margin-top: 10px;
    line-height: 1.6;
text-indent: -1.1em;
    padding-left: 1.1em;
}

@media only screen and (max-width: 600px) {
a39, .a39  {
margin-left: 25px;
margin-top: 0px;
text-indent: 0;
    padding-left: 0;
padding-right: 25px;
   }
}

a40, .a40 {
color: rgb(0, 0, 0);
text-align: center;
  font-family: "VelaSansBold", sans-serif;
  font-size: 16px;
text-decoration: none;
margin-bottom: 5px;
margin-left: 33px;
margin-top: 36px;
}


@media only screen and (max-width: 600px) {
a40, .a40  {
margin-left: 25px;
margin-top: 0px;
text-align: left;
text-indent: 0;
    padding-left: 0;
padding-right: 25px;
   }
}

a41, .a41 {
color: #000000;
text-align: start;
  font-family: "VelaSansSemiBold", sans-serif;
  font-size: 16px;
text-decoration: none;
margin-left: 33px;
margin-top: 10px;
    line-height: 1.6;
text-indent: -1.1em;
    padding-left: 1.1em;
padding-right: 33px;
}

@media only screen and (max-width: 600px) {
a41, .a41  {
margin-left: 25px;
margin-top: 0px;
text-indent: 0;
    padding-left: 0;
padding-right: 25px;
   }
}

a42, .a42 {
color: rgb(101, 101, 101);
text-align: center;
  font-family: "VelaSansBold", sans-serif;
  font-size: 19px;
text-decoration: none;
}

@media only screen and (max-width: 600px) {
a42, .a42  {
display: none;
   }
}

a43, .a43 {
color: #000000;
text-align: center;
  font-family: "OnestRegular", sans-serif;
  font-size: 15px;
text-decoration: none;
}

a44, .a44 {
color: #000000;
text-align: center;
  font-family: "OnestRegular", sans-serif;
  font-size: 16px;
text-decoration: none;
    padding-left: 17px;

}

a45, .a45 {
color: rgb(0, 0, 0);
text-align: center;
  font-family: "VelaSansSemiBold", sans-serif;
  font-size: 16px;
text-decoration: none;
margin-bottom: 5px;
margin-left: 33px;
margin-top: 36px;
}


@media only screen and (max-width: 600px) {
a45, .a45  {
margin-left: 25px;
margin-top: 0px;
text-align: left;
text-indent: 0;
    padding-left: 0;
padding-right: 25px;
   }
}

a46, .a46 {
color: rgb(0, 0, 0);
text-align: left;
  font-family: "VelaSansSemiBold", sans-serif;
  font-size: 16px;
text-decoration: none;
margin-bottom: 5px;
margin-left: 33px;
margin-top: 17px;
text-indent: -1.2em;
    padding-left: 1.2em;
line-height: 1.55;
}

@media only screen and (max-width: 600px) {
a46, .a46  {
margin-left: 25px;
text-indent: 0;
    padding-left: 0;
padding-right: 25px;
   }
}

a47, .a47 {
color: #000000;
text-align: center;
  font-family: "VelaSansRegular", sans-serif;
  font-size: 14px;
text-decoration: none;
}

a49, .a49 {
color: #000000;
text-align: center;
margin-bottom: 3px;
  font-family: "VelaSansRegular", sans-serif;
  font-size: 14px;
text-decoration: none;
}

.slidersearch  {
  width: 100%;
  border-radius: 17px;
    }

.slidersearch2  {
  width: 100%;
  border-radius: 17px;
margin-top: 10px;
    }

.slidersearch3  {
  width: 100%;
  border-radius: 17px;
margin-top: 10px;
transition: all 0.5s ease;
    }



.mainmob  {
  width: 100%;
  border-radius: 17px;
margin-top: 10px;
transition: all 0.5s ease;
display: none;
    }

@media only screen and (max-width: 600px) {
.mainmob  {
display: flex;
margin-top: -12px;
        margin-bottom: -16px;
       }
}

.maindesk  {
display: flex;
    }

@media only screen and (max-width: 600px) {
.maindesk  {
display: none;
       }
}

.mobdir  {
  width: 100%;
  border-radius: 17px;
display: none;
    }

@media only screen and (max-width: 600px) {
.mobdir  {
display: flex;
       }
}


.slidersearchimgyt  {
  width: 100%;
object-position: center;
border-radius: 17px;
  }

.slidersearchimgyt:hover {
transition: all 0.5s ease;
  transform: scale(1.01);
}

.slidersearchimg  {
  width: 100%;
object-position: center;
border-radius: 17px;
  }


.switchersecond  {
    display: flex;
    width: 100%;
    border-radius: 6px;
    /* background-color: white; */
    flex-direction: row;
    justify-content: space-between;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 22px;
    margin-bottom: 22px;
  }

@media only screen and (max-width: 600px) {
.switchersecond  {
display: none;
       }
}

.mobsecondbutton {
    width: auto;
  height: 37px;
  border-radius: 17px;
  left: 0px;
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0.5);
  transition: 0.4s;
display: flex;
align-items: center;
    justify-content: center;
position: relative;
top: 0;
}

.mobthirdbutton {
    width: 168px;
  height: 37px;
  border-radius: 17px;
  left: 0px;
  cursor: pointer;
  background-color: #3c3c3c;
  transition: 0.4s;
display: flex;
align-items: center;
    justify-content: center;
position: relative;
top: 0;
}

.mobthirdbutton:hover {

  background-color: #707070;
  transition: 0.4s;
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.03);
}

.mobfourbutton {
    width: 215px;
  height: 37px;
  border-radius: 17px;
  left: 0px;
  cursor: pointer;
  background-color: #3c3c3c;
  transition: 0.4s;
display: flex;
align-items: center;
    justify-content: center;
position: relative;
top: 0;
}

.mobfourbutton:hover {

  background-color: #707070;
  transition: 0.4s;
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.03);
}

.dropbtn {
   width: 300px;
  height: 37px;
  border-radius: 17px;
  left: 0px;
  cursor: pointer;
  background-color: #3c3c3c;
 display: flex;
align-items: center;
    justify-content: space-between;
position: relative;
top: 0;
}

.dropdown {
    position: relative;
    display: inline-block;
border-radius: 17px;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #707070;
    min-width: 300px;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.03);
    z-index: 1;
border-radius: 0px 0px 17px 17px;
}

.dropdown-content a {
    color: #ffffff;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {
background-color: #636363;
border-radius: 17px;
}

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

.dropdown:hover .dropbtn {
    background-color: #707070;
border-radius: 17px 17px 0px 0px;
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.03);
}

buttondrp {
    border-width: 0px;
   }

.dropbtn2 {
width: 205px;
    height: 37px;
    border-radius: 17px;
    left: 0px;
    cursor: pointer;
    background-color: #3c3c3c;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    top: 0;
}

.dropdown2 {
    position: relative;
    display: inline-block;
border-radius: 17px;
}

.dropdown-content2 {
    display: none;
    position: absolute;
    background-color: #707070;
    min-width: 205px;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.03);
    z-index: 1;
border-radius: 0px 0px 17px 17px;
}

.dropdown-content2 a {
    color: #ffffff;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-content2 a:hover {
background-color: #636363;
border-radius: 17px;
}

.dropdown2:hover .dropdown-content2 {
    display: block;
}

.dropdown2:hover .dropbtn2 {
    background-color: #707070;
border-radius: 17px 17px 0px 0px;
}

.buttondrp2 {
    border-width: 0px;
   }

.arrow_down_svg {
    width: 11px;
padding: 16px;
    }

.arrow_down_svg2 {
    width: 11px;
padding: 12px;
    }

.arrow_down_svg3 {
   width: 9px;
    padding: 14px;
    }

.switchersecondmob  {
display: none;
    width: 100%;
    border-radius: 6px;
    /* background-color: white; */
    flex-direction: row;
    justify-content: space-between;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 28px;
    margin-bottom: 19px;
  }

@media only screen and (max-width: 600px) {
.switchersecondmob  {
display: flex;
flex-direction: row;
        justify-content: space-between;
        flex-wrap: nowrap;
       }
}

.dropbtnmob {
   width: 100%;
  height: 37px;
  border-radius: 17px;
  left: 0px;
  cursor: pointer;
  background-color: #3c3c3c;
 display: flex;
align-items: center;
    justify-content: space-between;
position: relative;
top: 0;
}

.dropbtnmob2 {
   width: 100%;
min-width: 165px;
  height: 37px;
  border-radius: 17px;
  left: 0px;
  cursor: pointer;
  background-color: #3c3c3c;
 display: flex;
align-items: center;
    justify-content: space-between;
position: relative;
top: 0;
}

.dropdownmob {
    position: relative;
    display: inline-block;
border-radius: 17px;
    width: -webkit-fill-available;
margin-top: -8px;
}

.dropdownmob-content {
    display: none;
    position: absolute;
    background-color: rgb(252, 252, 252);
    min-width: 120px;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.03);
    z-index: 1;
border-radius: 17px 17px 17px 17px;
    margin-top: 7px;
width: 100%;
}

.dropdownmob-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdownmob-content a:active {
background-color: #F7F7F7;
border-radius: 17px;
}

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



.btntxt  {
  width: -webkit-fill-available;
  display: flex;
    justify-content: center;
    }


.firstblock  {
  width: 100%;
height: 223px;
display: flex;
    justify-content: space-between;
    margin-top: 68px;
    }

@media only screen and (max-width: 600px) {
.firstblock  {
height: 100%;
flex-direction: column;
gap: 38px;
        margin-top: 40px;
       }
}

.firstblockleft  {
width: 360px;
    height: 100%;
    border-radius: 17px;
        display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}

.firstblockright  {
width: 730px;
    height: 100%;
    border-radius: 17px;
        display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}

@media only screen and (max-width: 600px) {
.firstblockright  {
width: 100%;
       }
}

.firstblockrightdown  {
width: 100%;
height: 178px;
  border-radius: 17px;
background-color: rgb(255, 255, 255);
}

@media only screen and (max-width: 600px) {
.firstblockrightdown  {
height: 100%;
display: none;
       }
}

.boujee-text {
background-image: url("/local/templates/peremena74_2024/css/../images/mesh_3_2024.png"); 
background-size: cover;
animation: my_mesh2_animation 9s linear infinite;
  color: transparent;
  background-clip: text;
}

@media (prefers-reduced-motion: no-preference) {
  .boujee-text {
    animation: move-bg 10s linear infinite;
  }
  @keyframes move-bg {
     0% {
        background-image: url("/local/templates/peremena74_2024/css/../images/mesh_3_2024.png");
    }
        50% {
        background-image: url("/local/templates/peremena74_2024/css/../images/mesh_6_2024.png");
    }

    100% {
        background-image: url("/local/templates/peremena74_2024/css/../images/mesh_3_2024.png");
    }
}

@media only screen and (max-width: 600px) {
.boujee-text {
font-size: 19px;
}
}

.missionblock  {
width: 100%;
    height: 100%;
    border-radius: 17px;
        display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}

@media only screen and (max-width: 600px) {
.missionblock  {
align-items: center;
       }
}

.missionblockdown  {
width: 100%;
height: 178px;
  border-radius: 17px;
background-color: rgb(255, 255, 255);
text-align: center;
        align-content: center;
display: flex;
    flex-direction: column;
    justify-content: center;
}

@media only screen and (max-width: 600px) {
.missionblockdown  {
    width: 100%;
height: 100%;
padding: 25px;
width: -webkit-fill-available;
   }
}

.spaceblock  {
width: 100%;
    height: 100%;
    border-radius: 17px;
        display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
margin-top: 68px;
}

@media only screen and (max-width: 600px) {
.spaceblock  {
align-items: center;
margin-top: 40px;
       }
}

.spaceblockdown  {
width: 100%;
height: 543px;
  border-radius: 17px;
text-align: center;
        align-content: center;
display: flex;
    flex-direction: row;
    justify-content: center;
gap: 10px;
}

@media only screen and (max-width: 600px) {
.spaceblockdown  {
    flex-direction: column;
height: 100%;
gap: 20px;
   }
}


.spaceblock1  {
width: 100%;
    height: 100%;
        display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}

@media only screen and (max-width: 600px) {
.spaceblock1  {
gap: 4px;
       }
}

.spaceblockmap  {
width: 100%;
    height: 360px;

        }

@media only screen and (max-width: 600px) {
.spaceblockmap {
height: 100%;
}
}


.mapimg  {
  width: 100%;
object-position: center;
border-radius: 13px;
  }

.redev  {
height: 55px;
object-position: center;
margin-top: 61px;
  }

@media screen and (max-width: 600px) {
  .redev {
height: 50px;
margin-top: 25px;
  }
}

.redev2  {
height: 55px;
object-position: center;
margin-top: 35px;
  }

@media screen and (max-width: 600px) {
  .redev2 {
height: 50px;
margin-top: 15px;
  }
}

.redev3  {
height: 55px;
object-position: center;
margin-top: 61px;
  }

@media screen and (max-width: 600px) {
  .redev3 {
height: 50px;
margin-top: 15px;
  }
}

.terr  {
height: 133px;
object-position: center;
margin-top: 51px;
  }

@media screen and (max-width: 600px) {
  .terr  {
height: 110px;
object-position: center;
margin-top: 25px;
  }
}

.terr2  {
height: 133px;
object-position: center;
margin-top: 25px;
  }


@media screen and (max-width: 600px) {
  .terr2  {
height: 110px;
object-position: center;
margin-top: -1px;
  }
}

.spaceblockmaptext  {
width: 100%;
    height: 173px;
background-color: rgb(255, 255, 255);
border-radius: 17px;
align-content: center;
padding-right: 20px;
    padding-left: 20px;
    inline-size: fit-content;
display: flex;
    align-items: center;
        }

@media only screen and (max-width: 600px) {
.spaceblockmaptext  {
    width: 100%;
height: 100%;
padding-top: 25px;
        padding-bottom: 26px;
width: -webkit-fill-available;
   }
}

.orgblockmain  {
width: 100%;
    height: 100%;
        display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
margin-top: 68px;
}

@media only screen and (max-width: 600px) {
.orgblockmain  {
align-items: center;
margin-top: 40px;
       }
}

.finblockmain  {
width: 100%;
    height: 100%;
        display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
margin-top: 68px;
}

@media only screen and (max-width: 600px) {
.finblockmain  {
align-items: center;
margin-top: 61px;
margin-bottom: -10px;
    }
       }


.socblockmain  {
width: 100%;
    height: 100%;
        display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
margin-top: 61px;
}
}

@media only screen and (max-width: 600px) {
.bookdwnl  {
margin-top: 39px;
       }
}

.orgblock  {
width: 100%;
background-color: rgb(255, 255, 255);
border-radius: 17px;
display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: flex-start;
padding-top: 39px;
padding-bottom: 7px;
        }

.orgcard  {
width: 360px;
    height: 93px;
border-radius: 17px;
display: flex;
margin-bottom: 31px;
transition: all 0.5s ease;
        }

.orgcard:hover {
transition: all 0.5s ease;
  transform: scale(1.02);
}

.orgcardnoanim  {
width: 360px;
    height: 93px;
border-radius: 17px;
display: flex;
margin-bottom: 31px;
        }

.orgcardphoto  {
width: 93px;
    height: 93px;
border-radius: 46.5px;
margin-left: 32px;
    margin-right: 18px;
        }

.teamcardphoto  {
width: 75px;
    height: 75px;
        }

.chelphoto  {
width: 75px;
object-position: center;
border-radius: 46.5px;
  }

.orgcardtext  {
width: 217px;
    height: 93px;
display: flex;
flex-direction: column;
    align-items: flex-start;
padding-top: 8px;
gap: 6px;
        }

.partnersmain  {
width: 100%;
    height: 100%;
        display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
margin-top: 68px;
}

.partnersleft  {
width: 360px;
    height: 100%;
        display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
border-radius: 17px;
}

.partnersright  {
width: 730px;
    height: 100%;
        display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
border-radius: 17px;
}

.partnersleftin  {
width: 360px;
        display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
background-color: rgb(255, 255, 255);
border-radius: 17px;
padding-top: 39px;
    padding-bottom: 7px;
}

.partnersrightin  {
width: 730px;
        display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
background-color: rgb(255, 255, 255);
border-radius: 17px;
padding-top: 39px;
    padding-bottom: 7px;
flex-wrap: wrap;
}

.resultmain  {
width: 100%;
    height: 100%;
    border-radius: 17px;
        display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
margin-top: 68px;
}

@media only screen and (max-width: 600px) {
.resultmain  {
align-items: center;
margin-top: 40px;
       }
}

.resultblockdown  {
width: 100%;
  border-radius: 17px;
text-align: center;
        align-content: center;
display: flex;
    flex-direction: row;
    justify-content: center;
gap: 10px;
}

@media only screen and (max-width: 600px) {
.resultblockdown  {
    flex-direction: column;
height: 100%;
gap: 20px;
   }
}

.resultblock1  {
width: 100%;
    height: 100%;
        display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
gap: 10px;
}

.spaceblockresult  {
width: 100%;
    height: 336px;
background-color: rgb(0, 0, 0);
    border-radius: 17px;
align-content: center;
display: flex;
    justify-content: center;
    align-items: center;
        }

@media only screen and (max-width: 600px) {
.spaceblockresult  {
width: 100%;
        height: 100%;
        padding: 44px;
        width: -webkit-fill-available;
   }
}

.resultimg  {
  width: 295px;
object-position: center;
  }


@media only screen and (max-width: 600px) {
.resultimg  {
width: 100%;
   }
}

.resultblocktext  {
width: 100%;
    height: 143px;
background-color: rgb(255, 255, 255);
border-radius: 17px;
align-content: center;
display: flex;
    align-items: center;
    justify-content: center;
        }

@media only screen and (max-width: 600px) {
.resultblocktext  {
    width: 100%;
height: 100%;
padding-top: 25px;
        padding-bottom: 26px;
   }
}

.titleblock  {
width: 100%;
    height: 100%;
    border-radius: 17px;
        display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
margin-top: 68px;
}

@media only screen and (max-width: 600px) {
.titleblock  {
margin-top: 40px;
align-items: center;
   }
}

.gradientblock  {
width: 100%;
    height: 114px;
background-image: linear-gradient(90deg, #FCE62A, #FA553F);
    border-radius: 17px;
display: flex;
    justify-content: center;
align-items: center;
    flex-wrap: wrap;
        }



.gradientblock2  {
width: 100%;
    height: 114px;
background-image: linear-gradient(90deg, #00CAAF, #00D35C);
    border-radius: 17px;
display: flex;
    justify-content: center;
align-items: center;
    flex-wrap: wrap;
margin-top: 90px;
        }

.gradientblock3  {
width: 100%;
    height: 114px;
background-image: linear-gradient(90deg, #FF3FDE, #FF4E69);
    border-radius: 17px;
display: flex;
    justify-content: center;
align-items: center;
    flex-wrap: wrap;
margin-top: 90px;
        }

.gradientblock4  {
width: 100%;
    height: 114px;
background-image: linear-gradient(90deg, #87CBFF, #3198FF);
    border-radius: 17px;
display: flex;
    justify-content: center;
align-items: center;
    flex-wrap: wrap;
margin-top: 90px;
        }

.gradientblock5  {
width: 100%;
    height: 114px;
background-image: linear-gradient(90deg, #006C33, #006369);
    border-radius: 17px;
display: flex;
    justify-content: center;
align-items: center;
    flex-wrap: wrap;
margin-top: 90px;
        }

.gradientblock6  {
width: 100%;
    height: 114px;
background-image: linear-gradient(90deg, #4055AE, #0025BC);
    border-radius: 17px;
display: flex;
    justify-content: center;
align-items: center;
    flex-wrap: wrap;
margin-top: 90px;
        }

.gradientblock7  {
width: 100%;
    height: 114px;
background-image: linear-gradient(90deg, #F09300, #FF5800);
    border-radius: 17px;
display: flex;
    justify-content: center;
align-items: center;
    flex-wrap: wrap;
margin-top: 90px;
        }

.gradientblock8  {
width: 100%;
    height: 114px;
background-image: linear-gradient(90deg, #FF468C, #D846F1);
    border-radius: 17px;
display: flex;
    justify-content: center;
align-items: center;
    flex-wrap: wrap;
margin-top: 90px;
        }

.gradientblock9  {
width: 100%;
    height: 114px;
background-image: linear-gradient(90deg, #C8CACC, #9DAAB9);
    border-radius: 17px;
display: flex;
    justify-content: center;
align-items: center;
    flex-wrap: wrap;
margin-top: 90px;
        }

@media only screen and (max-width: 600px) {
.gradientblock {
height: 100%;
    padding-top: 40px;
    padding-bottom: 40px;
padding-left: 15px;
        padding-right: 15px;
       width: -webkit-fill-available;
}

.gradientblock2 {
height: 100%;
    padding-top: 40px;
    padding-bottom: 40px;
margin-top: 36px;
padding-left: 15px;
        padding-right: 15px;
       width: -webkit-fill-available;
}

.gradientblock3 {
height: 100%;
    padding-top: 40px;
    padding-bottom: 40px;
margin-top: 36px;
padding-left: 15px;
        padding-right: 15px;
        width: -webkit-fill-available;
}

.gradientblock4 {
height: 100%;
    padding-top: 40px;
    padding-bottom: 40px;
margin-top: 36px;
padding-left: 15px;
        padding-right: 15px;
       width: -webkit-fill-available;
}

.gradientblock5 {
height: 100%;
    padding-top: 40px;
    padding-bottom: 40px;
margin-top: 36px;
padding-left: 15px;
        padding-right: 15px;
    width: -webkit-fill-available;
}

.gradientblock6 {
height: 100%;
    padding-top: 40px;
    padding-bottom: 40px;
margin-top: 36px;
padding-left: 15px;
        padding-right: 15px;
      width: -webkit-fill-available;
}

.gradientblock7 {
height: 100%;
    padding-top: 40px;
    padding-bottom: 40px;
margin-top: 36px;
}

.gradientblock8 {
height: 100%;
    padding-top: 40px;
    padding-bottom: 40px;
margin-top: 36px;
}

.gradientblock9 {
height: 100%;
    padding-top: 40px;
    padding-bottom: 40px;
margin-top: 36px;
}
}

.doubletextblock  {
width: 100%;
align-content: center;
text-align: center;
margin-top: 33px;
display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 10px;
        }

@media only screen and (max-width: 600px) {
.doubletextblock  {
    flex-direction: column;
height: 100%;
margin-top: 18px;
gap: 18px;
   }
}

.doubletextblockproj  {
width: 100%;
align-content: center;
text-align: center;
margin-top: 33px;
display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 10px;
        }

@media only screen and (max-width: 600px) {
.doubletextblockproj  {
flex-direction: column;
gap: 0px;
margin-top: 19px;
       }
}

.celltextblock  {
width: 50%;
align-content: center;
text-align: start;
        }

@media only screen and (max-width: 600px) {
.celltextblock  {
    width: 100%;
   }
}


.onetextblock  {
width: 100%;
    height: 466px;
background-color: rgb(255, 255, 255);
text-align: center;
margin-top: 18px;
border-radius: 17px;
display: flex;
    flex-direction: column;
    align-items: flex-start;
        }

@media only screen and (max-width: 600px) {
.onetextblock  {
width: 100%;
height: 100%;
margin-top: 10px;
padding-bottom: 36px;
        padding-top: 33px;
       }
}

.onetextblock11  {
width: 100%;
    height: 100%;
    background-color: rgb(255, 255, 255);
    text-align: center;
    margin-top: 18px;
    border-radius: 17px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
        }

@media only screen and (max-width: 600px) {
.onetextblock11  {
width: 100%;
height: 100%;
margin-top: 0px;
padding-bottom: 36px;
        padding-top: 33px;
       }
}

.onetextblock4  {
width: 100%;
    height: 194px;
background-color: rgb(255, 255, 255);
text-align: center;
margin-top: 18px;
border-radius: 17px;
display: flex;
    flex-direction: column;
    align-items: flex-start;
        }

@media only screen and (max-width: 600px) {
.onetextblock4  {
width: 100%;
height: 100%;
padding-bottom: 36px;
        padding-top: 33px;
margin-top: 11px;
       }
}

.onetextblock6  {
width: 100%;
    height: 194px;
background-color: rgb(255, 255, 255);
text-align: center;
margin-top: 10px;
border-radius: 17px;
display: flex;
    flex-direction: column;
    align-items: flex-start;
        }

@media only screen and (max-width: 600px) {
.onetextblock6  {
width: 100%;
height: 100%;
padding-top: 33px;
        padding-bottom: 36px;
       }
}

.onetextblock5  {
width: 100%;
    height: 120px;
background-color: rgb(255, 255, 255);
text-align: center;
margin-top: 18px;
border-radius: 17px;
display: flex;
    flex-direction: column;
    align-items: flex-start;
margin-bottom: 10px;
        }

@media only screen and (max-width: 600px) {
.onetextblock5  {
width: 100%;
height: 100%;
padding-top: 33px;
        padding-bottom: 36px;
        margin-bottom: 25px;
       }
}

.onetextblock7  {
width: 100%;
    height: 254px;
background-color: rgb(255, 255, 255);
text-align: center;
margin-top: 18px;
border-radius: 17px;
display: flex;
    flex-direction: column;
    align-items: flex-start;
        }

@media only screen and (max-width: 600px) {
.onetextblock7  {
width: 100%;
height: 100%;
padding-top: 33px;
        padding-bottom: 36px;
margin-top: 11px;
       }
}

.onetextblock8  {
width: 100%;
    height: 95px;
background-color: rgb(255, 255, 255);
text-align: center;
margin-top: 45px;
border-radius: 17px;
display: flex;
    flex-direction: column;
    align-items: flex-start;
        }

@media only screen and (max-width: 600px) {
.onetextblock8  {
width: 100%;
height: 100%;
padding-top: 33px;
        padding-bottom: 36px;
margin-top: 19px;
       }
}

.onetextblock9  {
width: 100%;
    height: 95px;
background-color: rgb(255, 255, 255);
text-align: center;
margin-top: 40px;
border-radius: 17px;
display: flex;
    flex-direction: column;
    align-items: flex-start;
        }

@media only screen and (max-width: 600px) {
.onetextblock9  {
width: 100%;
height: 100%;
padding-top: 33px;
        padding-bottom: 36px;
margin-top: 19px;
       }
}

.istortextblock2  {
width: 100%;
    height: 466px;
background-color: rgb(255, 255, 255);
text-align: center;
margin-top: 18px;
border-radius: 17px;
display: flex;
    flex-direction: column;
    align-items: flex-start;
        }

@media only screen and (max-width: 600px) {
.istortextblock2  {
height: 100%;
margin-top: 0px;
        padding-bottom: 36px;
        padding-top: 33px;
       }
}

.concepttextblock  {
width: 100%;
background-color: rgb(255, 255, 255);
text-align: center;
margin-top: 18px;
border-radius: 17px;
display: flex;
    flex-direction: row;
    align-items: flex-start;
gap: 10px;
        }

@media only screen and (max-width: 600px) {
.concepttextblock  {
flex-direction: column;
margin-top: 0px;
       }
}

.istortextblock  {
width: 100%;
    height: 286px;
background-color: rgb(255, 255, 255);
text-align: center;
margin-top: 18px;
border-radius: 17px;
display: flex;
    flex-direction: column;
    align-items: flex-start;
        }

@media only screen and (max-width: 600px) {
.istortextblock  {
width: 100%;
height: 100%;
margin-top: 10px;
padding-bottom: 36px;
        padding-top: 33px;
       }
}

.istortextblock3  {
width: 100%;
    height: 434px;
background-color: rgb(255, 255, 255);
text-align: center;
margin-top: 18px;
border-radius: 17px;
display: flex;
    flex-direction: column;
    align-items: flex-start;
        }

@media only screen and (max-width: 600px) {
.istortextblock3  {
width: 100%;
height: 100%;
        padding-top: 33px;
        padding-bottom: 36px;
        margin-top: 11px;

       }
}

.economytextblock  {
width: 100%;
    height: 278px;
background-color: rgb(255, 255, 255);
text-align: center;
margin-top: 18px;
border-radius: 17px;
display: flex;
    flex-direction: column;
    align-items: flex-start;
        }

@media only screen and (max-width: 600px) {
.economytextblock  {
width: 100%;
height: 100%;
padding-top: 33px;
        padding-bottom: 36px;
margin-top: 11px;
       }
}

.projecttextblock  {
width: 100%;
    height: 316px;
background-color: rgb(255, 255, 255);
text-align: center;
margin-top: 18px;
border-radius: 17px;
display: flex;
    flex-direction: column;
    align-items: flex-start;
        }

@media only screen and (max-width: 600px) {
.projecttextblock  {
width: 100%;
height: 100%;
padding-top: 33px;
        padding-bottom: 36px;
margin-top: 11px;
       }
}

.projecttextblock2  {
width: 100%;
    height: 316px;
background-color: rgb(255, 255, 255);
text-align: center;
margin-top: 18px;
border-radius: 17px;
display: flex;
    flex-direction: column;
    align-items: flex-start;
        }

@media only screen and (max-width: 600px) {
.projecttextblock2  {
width: 100%;
height: 100%;
padding-top: 33px;
        padding-bottom: 36px;
margin-top: 11px;
       }
}

.localtextblock  {
width: 100%;
    height: 242px;
background-color: rgb(255, 255, 255);
text-align: center;
margin-top: 18px;
border-radius: 17px;
display: flex;
    flex-direction: column;
    align-items: flex-start;
        }

@media only screen and (max-width: 600px) {
.localtextblock  {
width: 100%;
height: 100%;
padding-top: 33px;
        padding-bottom: 36px;
margin-top: 11px;
       }
}

.cardslidermainblock  {
width: 100%;
align-content: center;
text-align: center;
margin-top: 33px;
display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 10px;
align-items: flex-start;
        }

@media only screen and (max-width: 600px) {
.cardslidermainblock  {
margin-top: 18px;
       }
}

.cardslidermainblock2  {
width: 100%;
align-content: center;
text-align: center;
margin-top: 33px;
display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 10px;
align-items: flex-start;
        }

.cardcarouselblock  {
width: 100%;
text-align: center;
        align-content: center;
display: flex;
    flex-direction: row;
    justify-content: center;
gap: 10px;
margin-top: 9px;
}

.cardcarousel  {
width: 360px;
    height: 499px;
background-color: rgb(0, 0, 0);
    border-radius: 17px;
align-content: center;
        }


.bookdwnl  {
width: 100%;
    padding-top: 45px;
    padding-bottom: 45px;
background-color: rgb(255, 255, 255);
text-align: center;
margin-top: 40px;
border-radius: 17px;
display: flex;
    flex-direction: column;
transition: all 0.5s ease;
align-content: center;
    justify-content: center;
        }

@media only screen and (max-width: 600px) {
.bookdwnl  {
margin-top: 20px;
       }
}

.bookdwnl:hover {
transition: all 0.5s ease;
  transform: scale(1.01);
}

.wrapper {
  max-width: 1100px;
  width: 100%;
  position: relative;
}



.wrapper .carousel{
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 360px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  gap: 10px;
  scroll-behavior: smooth;
  scrollbar-width: none;
border-radius: 17px;
}
.carousel::-webkit-scrollbar {
  display: none;
}
.carousel.no-transition {
  scroll-behavior: auto;
}
.carousel.dragging {
  scroll-snap-type: none;
  scroll-behavior: auto;
}
.carousel.dragging .card {
  cursor: grab;
  user-select: none;
}
.carousel :where(.card, .img) {
  display: flex;
  justify-content: start;
  align-items: center;
}
.carousel .card {
  scroll-snap-align: start;
  height: 471px;
  list-style: none;
  background: rgb(0, 0, 0);
  cursor: pointer;
  padding-bottom: 15px;
  flex-direction: column;
  border-radius: 17px;
padding-top: 39px;
padding-left: 25px;
    padding-right: 25px;
}


.carousel .card .img {
  height: 140px;
  width: 140px;
  border-radius: 50%;
}

.card .img img {
  width: 140px;
  height: 140px;
  border-radius: 50%;
  object-fit: cover;
}
.carousel .card h2 {
  font-weight: 500;
  font-size: 1.56rem;
  margin: 30px 0 5px;
}
.carousel .card span {
  color: #6A6D78;
  font-size: 1.31rem;
}
@media screen and (max-width: 900px) {
  .wrapper .carousel {
    grid-auto-columns: calc((100% / 2) - 9px);
}
}

@media screen and (max-width: 600px) {
  .wrapper .carousel {
    grid-auto-columns: 100%;
margin-top: 11px;
  }

.carousel .card {
height: auto;
padding-bottom: 25px;
        padding-top: 25px;
  }
}

.wrapper i:first-child:hover {
transition: all 0.5s ease;
  left: -65px;
}

.wrapper i:last-child:hover {
transition: all 0.5s ease;
  right: -65px;
}

.wrapper {
  max-width: 1100px;
  width: 100%;
  position: relative;
}



.wrapper .carouselbig{
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 1008px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  gap: 40px;
  scroll-behavior: smooth;
  scrollbar-width: none;
border-radius: 13px;
}
.carouselbig::-webkit-scrollbar {
  display: none;
}
.carouselbig.no-transition {
  scroll-behavior: auto;
}
.carouselbig.dragging {
  scroll-snap-type: none;
  scroll-behavior: auto;
}
.carouselbig.dragging .cardbig {
  cursor: grab;
  user-select: none;
}
.carouselbig :where(.cardbig, .img) {
  display: flex;
  justify-content: start;
  align-items: center;
}
.carouselbig .cardbig {
height: 100%;
  scroll-snap-align: start;
  list-style: none;
  cursor: pointer;
  flex-direction: column;
  border-radius: 13px;
}


.carouselbig .cardbig .img {
  height: 140px;
  width: 140px;
  border-radius: 50%;
}

.cardbig .img img {
  width: 140px;
  height: 140px;
border-radius: 13px;
  border-radius: 50%;
  object-fit: cover;
}

.carouselbig .cardbig h2 {
  font-weight: 500;
  font-size: 1.56rem;
  margin: 30px 0 5px;
}
.carouselbig .cardbig span {
  color: #6A6D78;
  font-size: 1.31rem;
}
@media screen and (max-width: 900px) {
  .wrapper .carouselbig {
    grid-auto-columns: calc((100% / 2) - 9px);
  }
}
@media screen and (max-width: 600px) {
  .wrapper .carouselbig {
   grid-auto-columns: 100%;
        margin-top: 10px;
        gap: 23px;
  }


.carouselbig .cardbig {
    height: auto;
  }

.wrapper i:first-child{
display: none;
}
.wrapper i:last-child{
display: none;
}
}


.wrapper .carouselitog{
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 1100px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  gap: 40px;
  scroll-behavior: smooth;
  scrollbar-width: none;
border-radius: 17px;
}
.carouselitog::-webkit-scrollbar {
  display: none;
}
.carouselitog.no-transition {
  scroll-behavior: auto;
}
.carouselitog.dragging {
  scroll-snap-type: none;
  scroll-behavior: auto;
}
.carouselitog.dragging .carditog {
  cursor: grab;
  user-select: none;
}
.carouselitog :where(.carditog, .img) {
  display: flex;
  justify-content: start;
  align-items: center;
}
.carouselitog .carditog {
height: 778px;
  scroll-snap-align: start;
  list-style: none;
  cursor: pointer;
  flex-direction: column;
  border-radius: 17px;
}


.carouselitog .carditog .imgbig {
  height: 140px;
  width: 140px;
  border-radius: 50%;
}

.carditog .imgbig imgbig {
  width: 140px;
  height: 140px;
  border-radius: 50%;
  object-fit: cover;
}
.carouselitog .cardbig h2 {
  font-weight: 500;
  font-size: 1.56rem;
  margin: 30px 0 5px;
}
.carouselitog .carditog span {
  color: #6A6D78;
  font-size: 1.31rem;
}
@media screen and (max-width: 900px) {
  .wrapper .carouselitog {
    grid-auto-columns: calc((100% / 2) - 9px);
  }
}
@media screen and (max-width: 600px) {
  .wrapper .carouselitog {
   grid-auto-columns: 100%;
        margin-top: 10px;
        gap: 0px;
  }

.carouselitog .carditog {
    height: 100%;
  }
}

.wrapper {
  max-width: 1100px;
  width: 100%;
  position: relative;
}

.wrapper .carouselmain{
  display: grid;

  grid-auto-flow: column;
  grid-auto-columns: 1100px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  gap: 40px;
  scroll-behavior: smooth;
  scrollbar-width: none;
border-radius: 17px;
margin-top: 0px;
    margin-bottom: 0px;
}
.carouselmain::-webkit-scrollbar {
  display: none;
}
.carouselmain.no-transition {
  scroll-behavior: auto;
}
.carouselmain.dragging {
  scroll-snap-type: none;
  scroll-behavior: auto;
}
.carouselmain.dragging .cardmain {
  cursor: grab;
  user-select: none;
}
.carouselmain :where(.cardmain, .imgmain) {
  display: flex;
  justify-content: start;
  align-items: center;
}
.carouselmain .cardmain {
  scroll-snap-align: start;

  list-style: none;
  cursor: pointer;
  flex-direction: column;
  border-radius: 17px;
}


.carouselmain .cardmain .imgmain {
  height: 140px;
  width: 140px;
  border-radius: 50%;
}

.cardmain .imgmain imgmain {
  width: 140px;
  height: 140px;
  border-radius: 50%;
  object-fit: cover;
}
.carouselmain .cardmain h2 {
  font-weight: 500;
  font-size: 1.56rem;
  margin: 30px 0 5px;
}
.carouselmain .cardmain span {
  color: #6A6D78;
  font-size: 1.31rem;
}
@media screen and (max-width: 900px) {
  .wrapper .carouselmain {
    grid-auto-columns: calc((100% / 2) - 9px);
  }
}
@media screen and (max-width: 600px) {
  .wrapper .carouselmain {
    grid-auto-columns: 111%;
  }

.carouselmain .cardmain {
    height: 100%;
  }

.wrapper i:first-child{
display: none;
}
.wrapper i:last-child{
display: none;
}
}


.wrapper {
  max-width: 1100px;
  width: 100%;
  position: relative;
margin-top: 2px;
}


@media screen and (max-width: 900px) {
  .wrapper .carouselist {
    grid-auto-columns: calc((100% / 2) - 9px);
  }
}
@media screen and (max-width: 600px) {
  .wrapper .carouselist {
    grid-auto-columns: 100%;
margin-top: 11px;
  }

.carouselist .cardist {
height: auto;
padding-bottom: 25px;
  }
}


.wrapper {
  max-width: 1100px;
  width: 100%;
  position: relative;
margin-top: 2px;
}


.wrapper .carouselecon{
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 360px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  gap: 10px;
  scroll-behavior: smooth;
  scrollbar-width: none;
border-radius: 17px;
margin-bottom: 32px;
}
.carouselecon::-webkit-scrollbar {
  display: none;
}
.carouselecon.no-transition {
  scroll-behavior: auto;
}
.carouselecon.dragging {
  scroll-snap-type: none;
  scroll-behavior: auto;
}
.carouselecon.dragging .cardecon {
  cursor: grab;
  user-select: none;
}
.carouselecon :where(.cardecon, .img) {
  display: flex;
  justify-content: start;
  align-items: center;
}
.carouselecon .cardecon {
  scroll-snap-align: start;
  height: 457px;
  list-style: none;
  background: rgb(0, 0, 0);
  cursor: pointer;
  flex-direction: column;
  border-radius: 17px;
padding-top: 10px;
padding-left: 10px;
    padding-right: 10px;
}


.carouselecon .cardecon .img {

}

.cardecon .img img {
  width: 100%;
  height: 100%;
  border-radius: 7px;
  object-fit: cover;
}
.carouselecon .cardecon h2 {
  font-weight: 500;
  font-size: 1.56rem;
  margin: 30px 0 5px;
}
.carouselecon .cardecon span {
  color: #6A6D78;
  font-size: 1.31rem;
}
@media screen and (max-width: 900px) {
  .wrapper .carouselecon {
    grid-auto-columns: calc((100% / 2) - 9px);
  }
}
@media screen and (max-width: 600px) {
  .wrapper .carouselecon {
    grid-auto-columns: 100%;
margin-top: 11px;
  }

.carouselecon .cardecon {
height: auto;
padding-bottom: 25px;
  }
}

.wrapper {
  max-width: 1100px;
  width: 100%;
  position: relative;
margin-top: 2px;
}


.wrapper .carouselgrad{
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 360px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  gap: 10px;
  scroll-behavior: smooth;
  scrollbar-width: none;
border-radius: 17px;
margin-bottom: 32px;
}
.carouselgrad::-webkit-scrollbar {
  display: none;
}
.carouselgrad.no-transition {
  scroll-behavior: auto;
}
.carouselgrad.dragging {
  scroll-snap-type: none;
  scroll-behavior: auto;
}
.carouselgrad.dragging .cardgrad {
  cursor: grab;
  user-select: none;
}
.carouselgrad :where(.cardgrad, .img) {
  display: flex;
  justify-content: start;
  align-items: center;
}
.carouselgrad .cardgrad {
  scroll-snap-align: start;
  height: 298px;
  list-style: none;
  background: rgb(0, 0, 0);
  cursor: pointer;
  flex-direction: column;
  border-radius: 17px;
padding-top: 10px;
padding-left: 10px;
    padding-right: 10px;
}


.carouselgrad .cardgrad .img {

}

.cardgrad .img img {
  width: 100%;
  height: 100%;
  border-radius: 7px;
  object-fit: cover;
}
.carouselgrad .cardgrad h2 {
  font-weight: 500;
  font-size: 1.56rem;
  margin: 30px 0 5px;
}
.carouselgrad .cardgrad span {
  color: #6A6D78;
  font-size: 1.31rem;
}
@media screen and (max-width: 900px) {
  .wrapper .carouselgrad {
    grid-auto-columns: calc((100% / 2) - 9px);
  }
}
@media screen and (max-width: 600px) {
  .wrapper .carouselgrad {
    grid-auto-columns: 100%;
margin-top: 11px;
  }

.carouselgrad .cardgrad {
height: auto;
padding-bottom: 25px;
        padding-top: 25px;
  }
}


.wrapper {
  max-width: 1100px;
  width: 100%;
  position: relative;
margin-top: 2px;
}


.wrapper .carouseleco{
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 545px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  gap: 10px;
  scroll-behavior: smooth;
  scrollbar-width: none;
border-radius: 17px;
margin-bottom: 36px;
}
.carouseleco::-webkit-scrollbar {
  display: none;
}
.carouseleco.no-transition {
  scroll-behavior: auto;
}
.carouseleco.dragging {
  scroll-snap-type: none;
  scroll-behavior: auto;
}
.carouseleco.dragging .cardeco {
  cursor: grab;
  user-select: none;
}
.carouseleco :where(.cardeco, .img) {
  display: flex;
  justify-content: start;
  align-items: center;
}
.carouseleco .cardeco {
  scroll-snap-align: start;
  height: 721px;
  list-style: none;
  cursor: pointer;
  flex-direction: column;
  border-radius: 13px;
gap: 23px;
}


.carouseleco .cardeco .img {

}

.cardeco .img img {
  width: 100%;
  height: 100%;
  border-radius: 13px;
  object-fit: cover;
}
.carouseleco .cardeco h2 {
  font-weight: 500;
  font-size: 1.56rem;
  margin: 30px 0 5px;
}
.carouseleco .cardeco span {
  color: #6A6D78;
  font-size: 1.31rem;
}
@media screen and (max-width: 900px) {
  .wrapper .carouseleco {
    grid-auto-columns: calc((100% / 2) - 9px);
  }
}
@media screen and (max-width: 600px) {
  .wrapper .carouseleco {
    grid-auto-columns: 100%;
margin-top: 11px;
  }

.carouseleco .cardeco {
height: auto;
  }
}


.wrapper {
  max-width: 1100px;
  width: 100%;
  position: relative;
margin-top: 2px;
}


.wrapper .carousellocal{
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 545px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  gap: 10px;
  scroll-behavior: smooth;
  scrollbar-width: none;
border-radius: 17px;
margin-top: 20px;
}
.carousellocal::-webkit-scrollbar {
  display: none;
}
.carousellocal.no-transition {
  scroll-behavior: auto;
}
.carousellocal.dragging {
  scroll-snap-type: none;
  scroll-behavior: auto;
}
.carousellocal.dragging .cardlocal {
  cursor: grab;
  user-select: none;
}
.carousellocal :where(.cardlocal, .img) {
  display: flex;
  justify-content: start;
  align-items: center;
}
.carousellocal .cardlocal {
  scroll-snap-align: start;
  height: 234px;
  list-style: none;
  background: rgb(0, 0, 0);
  cursor: pointer;
  flex-direction: column;
  border-radius: 17px;
padding-top: 10px;
padding-left: 10px;
    padding-right: 10px;
}


.carousellocal .cardlocal .img {

}

.cardlocal .img img {
  width: 100%;
  height: 100%;
  border-radius: 7px;
  object-fit: cover;
}
.carousellocal .cardlocal h2 {
  font-weight: 500;
  font-size: 1.56rem;
  margin: 30px 0 5px;
}
.carousellocal .cardlocal span {
  color: #6A6D78;
  font-size: 1.31rem;
}
@media screen and (max-width: 900px) {
  .wrapper .carousellocal {
    grid-auto-columns: calc((100% / 2) - 9px);
  }
}
@media screen and (max-width: 600px) {
  .wrapper .carousellocal {
    grid-auto-columns: 100%;
margin-top: 16px;
  }

.carousellocal .cardlocal {
height: auto;
padding-bottom: 25px;
  }

}


.wrapper {
  max-width: 1100px;
  width: 100%;
  position: relative;
margin-top: 2px;
}

.wrapper i {
  top: 50%;
  height: 50px;
  width: 50px;
  cursor: pointer;
  font-size: 0rem;
  position: absolute;
  text-align: center;
  line-height: 50px;
  border-radius: 50%;
  transform: translateY(-50%);
  transition: transform 0.1s linear;
}
.wrapper i:active{
  transform: translateY(-50%) scale(0.85);
}
.wrapper i:first-child{
  left: -63px;
transition: all 0.5s ease;
}
.wrapper i:last-child{
  right: -63px;
transition: all 0.5s ease;
}
.wrapper .carouselconcept{
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 545px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  gap: 10px;
  scroll-behavior: smooth;
  scrollbar-width: none;
border-radius: 17px;
margin-bottom: 36px;
margin-top: 20px;
}
.carouselconcept::-webkit-scrollbar {
  display: none;
}
.carouselconcept.no-transition {
  scroll-behavior: auto;
}
.carouselconcept.dragging {
  scroll-snap-type: none;
  scroll-behavior: auto;
}
.carouselconcept.dragging .cardconcept {
  cursor: grab;
  user-select: none;
}
.carouselconcept :where(.cardconcept, .img) {
  display: flex;
  justify-content: start;
  align-items: center;
}
.carouselconcept .cardconcept {
  scroll-snap-align: start;
  height: 507px;
  list-style: none;
  background: rgb(0, 0, 0);
  cursor: pointer;
  flex-direction: column;
  border-radius: 17px;
padding-top: 10px;
padding-left: 10px;
    padding-right: 10px;
}


.carouselconcept .cardconcept .img {

}

.cardconcept .img img {
  width: 100%;
  height: 100%;
  border-radius: 7px;
  object-fit: cover;
}
.carouselconcept .cardconcept h2 {
  font-weight: 500;
  font-size: 1.56rem;
  margin: 30px 0 5px;
}
.carouselconcept .cardconcept span {
  color: #6A6D78;
  font-size: 1.31rem;
}
@media screen and (max-width: 900px) {
  .wrapper .carouselconcept {
    grid-auto-columns: calc((100% / 2) - 9px);
  }
}
@media screen and (max-width: 600px) {
  .wrapper .carouselconcept {
    grid-auto-columns: 100%;
margin-top: 11px;

}
  }

.carouselconcept .cardconcept {
height: auto;
padding-bottom: 25px;
  }
}

.firstblockleft  {
width: 360px;
    height: 100%;
    border-radius: 17px;
        display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}

@media only screen and (max-width: 600px) {
.firstblockleft  {
width: 100%;
align-items: center;
       }
}

.firstblockleftdown  {
  width: 100%;
height: 178px;
  border-radius: 17px;
background-color: rgb(0, 0, 0);
text-align: center;
        align-content: center;
display: flex;
    align-items: center;
    justify-content: center;
    }

@media only screen and (max-width: 600px) {
.firstblockleftdown  {
    width: 100%;
height: 100%;
padding: 25px;
        width: -webkit-fill-available;
   }
}

.directions_main_svg  {
  width: 100%;
object-position: center;
  }

.arrow_slider_svg {
    width: 17px;
    }


.bigslide  {
border-radius: 17px;
        }

.curatorsmain  {
width: 100%;
text-align: center;
display: flex;
    flex-direction: column;
    align-items: flex-start;
margin-top: 18px;
        }

@media screen and (max-width: 600px) {
  .curatorsmain {
    margin-top: -3px;
  }
}

.curatorsmainist  {
width: 100%;
text-align: center;
display: flex;
    flex-direction: column;
    align-items: flex-start;
margin-top: 33px;
        }

@media screen and (max-width: 600px) {
  .curatorsmainist {
    margin-top: -1px;
  }
}

.halftextblock3  {
width: 50%;
height: 100%;
text-align: left;
display: flex;
    flex-direction: column;
    align-items: flex-start;
        }

@media screen and (max-width: 600px) {
  .halftextblock3  {
width: 100%;
        }
}

.curatorsmaineco  {
width: 100%;
text-align: center;
display: flex;
    flex-direction: column;
    align-items: flex-start;
margin-top: 33px;
        }

@media only screen and (max-width: 600px) {
.curatorsmaineco  {
margin-top: -3px;
       }
}

.curatorsmaingrad  {
width: 100%;
text-align: center;
display: flex;
    flex-direction: column;
    align-items: flex-start;
margin-top: 35px;
        }

@media only screen and (max-width: 600px) {
.curatorsmaingrad  {
margin-top: -3px;
       }
}

.curatorsmainproj  {
width: 100%;
text-align: center;
display: flex;
    flex-direction: column;
    align-items: flex-start;
margin-top: 33px;
        }

@media only screen and (max-width: 600px) {
.curatorsmainproj  {
margin-top: -3px;
       }
}

.curatorscardsall  {
width: 100%;
text-align: center;
display: flex;
    flex-direction: row;
    align-items: flex-start;
gap: 10px;
margin-top: 17px;
        }

@media only screen and (max-width: 600px) {
.curatorscardsall  {
flex-direction: column;
margin-top: 11px;
       }
}

.curatorscardsallorg  {
width: 100%;
text-align: center;
display: flex;
    flex-direction: row;
    align-items: flex-start;
gap: 10px;
margin-top: 10px;
        }

.curatorscardsproj  {
width: 100%;
text-align: center;
display: flex;
    flex-direction: row;
    align-items: flex-start;
gap: 10px;
margin-top: 10px;
        }

@media only screen and (max-width: 600px) {
.curatorscardsproj  {
flex-direction: column;
       }
}

.curatorsgradcardsall  {
width: 100%;
text-align: center;
display: flex;
    flex-direction: row;
    align-items: flex-start;
gap: 10px;
margin-top: 17px;
flex-wrap: wrap;
        }

@media only screen and (max-width: 600px) {
.curatorsgradcardsall  {
margin-top: 11px;
       }
}

.curatorsconceptcardsall  {
width: 100%;
text-align: center;
display: flex;
    flex-direction: row;
    align-items: flex-start;
gap: 10px;
margin-top: 17px;
flex-wrap: wrap;
        }

@media only screen and (max-width: 600px) {
.curatorsconceptcardsall  {
margin-top: 11px;
       }
}

.curatorscardsall2  {
width: 100%;
text-align: center;
display: flex;
    flex-direction: row;
    align-items: flex-start;
gap: 10px;
margin-top: 17px;
flex-wrap: wrap;
        }

@media only screen and (max-width: 600px) {
.curatorscardsall2 {
margin-top: 11px;
       }
}

.curatorscard  {
width: 50%;
    height: 256px;
background-color: rgb(255, 255, 255);
text-align: center;
display: flex;
    flex-direction: column;
    align-items: center;
border-radius: 17px;
padding-top: 39px;
transition: all 0.5s ease;
        }

@media only screen and (max-width: 600px) {
.curatorscard {
width: 100%;
height: 100%;
padding-top: 25px;
        padding-bottom: 25px;
}
}


.curatorscardpartners  {
width: 50%;
    height: 207px;
background-color: rgb(255, 255, 255);
text-align: center;
display: flex;
    flex-direction: column;
    align-items: center;
border-radius: 17px;
padding-top: 39px;
transition: all 0.5s ease;
        }

@media only screen and (max-width: 600px) {
.curatorscardpartners {
width: 100%;
height: 100%;
padding-top: 25px;
        padding-bottom: 25px;
}
}

.curatorscardpartners:hover {
transition: all 0.5s ease;
  transform: scale(1.02);
}


.curatorscardeco  {
width: 100%;
    height: 235px;
background-color: rgb(255, 255, 255);
text-align: center;
display: flex;
    flex-direction: column;
    align-items: center;
border-radius: 17px;
padding-top: 39px;
transition: all 0.5s ease;
        }

@media only screen and (max-width: 600px) {
.curatorscardeco {
width: 100%;
height: 100%;
padding-top: 25px;
        padding-bottom: 25px;
}
}

.curatorscardair  {
width: 100%;
    height: 207px;
background-color: rgb(255, 255, 255);
text-align: center;
display: flex;
    flex-direction: column;
    align-items: center;
border-radius: 17px;
padding-top: 39px;
transition: all 0.5s ease;
        }

@media only screen and (max-width: 600px) {
.curatorscardair  {
width: 100%;
height: 100%;
padding-top: 25px;
        padding-bottom: 25px;
       }
}

.curatorscardair:hover {
transition: all 0.5s ease;
  transform: scale(1.02);
}

.curatorscardgrad  {
width: 50%;
    height: 234px;
background-color: rgb(255, 255, 255);
text-align: center;
display: flex;
    flex-direction: column;
    align-items: center;
border-radius: 17px;
padding-top: 39px;
transition: all 0.5s ease;
        }

@media only screen and (max-width: 600px) {
.curatorscardgrad  {
width: 100%;
height: 100%;
        padding-top: 25px;
        padding-bottom: 25px;
       }
}


.curatorscardpart2  {
width: 50%;
    height: 225px;
background-color: rgb(255, 255, 255);
text-align: center;
display: flex;
    flex-direction: column;
    align-items: center;
border-radius: 17px;
padding-top: 39px;
transition: all 0.5s ease;
        }

@media only screen and (max-width: 600px) {
.curatorscardpart2  {
   width: 100%;
height: 100%;
padding-top: 25px;
        padding-bottom: 25px;
   }
}

.curatorscardpart2noanim  {
width: 50%;
    height: 225px;
background-color: rgb(255, 255, 255);
text-align: center;
display: flex;
    flex-direction: column;
    align-items: center;
border-radius: 17px;
padding-top: 39px;
transition: all 0.5s ease;
        }

@media only screen and (max-width: 600px) {
.curatorscardpart2noanim  {
    width: 100%;
height: 100%;
padding-top: 25px;
        padding-bottom: 25px;
   }
}

.curatorscardpart2:hover {
transition: all 0.5s ease;
  transform: scale(1.02);
}

.curatorscardproj  {
width: 50%;
    height: 258px;
background-color: rgb(255, 255, 255);
text-align: center;
display: flex;
    flex-direction: column;
    align-items: center;
border-radius: 17px;
padding-top: 39px;
transition: all 0.5s ease;
        }

@media only screen and (max-width: 600px) {
.curatorscardproj  {
width: 100%;
height: 100%;
        padding-top: 25px;
        padding-bottom: 25px;
       }
}

.curatorscardproj:hover {
transition: all 0.5s ease;
  transform: scale(1.02);
}

.curatorscardgradnoanim  {
width: 50%;
    height: 234px;
background-color: rgb(255, 255, 255);
text-align: center;
display: flex;
    flex-direction: column;
    align-items: center;
border-radius: 17px;
padding-top: 39px;
transition: all 0.5s ease;
        }

@media only screen and (max-width: 600px) {
.curatorscardgradnoanim  {
width: 100%;
height: 100%;
        padding-top: 25px;
        padding-bottom: 25px;
       }
}

.curatorscardgrad:hover {
transition: all 0.5s ease;
  transform: scale(1.02);
}

.curatorscardeco:hover {
transition: all 0.5s ease;
  transform: scale(1.02);
}

.curatorscard2  {
width: 545px;
    height: 256px;
background-color: rgb(255, 255, 255);
text-align: center;
display: flex;
    flex-direction: column;
    align-items: center;
border-radius: 17px;
padding-top: 39px;
transition: all 0.5s ease;
        }

@media only screen and (max-width: 600px) {
.curatorscard2  {
width: 100%;
        height: 100%;
        padding-top: 25px;
        padding-bottom: 25px;
       }
}

.curatorscard2noanim  {
width: 545px;
    height: 256px;
background-color: rgb(255, 255, 255);
text-align: center;
display: flex;
    flex-direction: column;
    align-items: center;
border-radius: 17px;
padding-top: 39px;
        }

@media only screen and (max-width: 600px) {
.curatorscard2noanim  {
    width: 100%;
height: 100%;
        padding-top: 25px;
        padding-bottom: 25px;
   }
}

.curatorscard2:hover {
transition: all 0.5s ease;
  transform: scale(1.02);
}

.curatorscardnoanim  {
width: 50%;
    height: 256px;
background-color: rgb(255, 255, 255);
text-align: center;
display: flex;
    flex-direction: column;
    align-items: center;
border-radius: 17px;
padding-top: 39px;
        }

@media only screen and (max-width: 600px) {
.curatorscardnoanim  {
  width: 100%;
height: 100%;
padding-top: 25px;
        padding-bottom: 25px;
   }
}

.curatorscard:hover {
transition: all 0.5s ease;
  transform: scale(1.02);
}

.curatorscardtext  {
    height: 93px;
display: flex;
flex-direction: column;
    align-items: center;
padding-top: 13px;
gap: 6px;
        }

@media only screen and (max-width: 600px) {
.curatorscardtext  {
height: 100%;
gap: 2px;
       }
}

.teammain  {
width: 100%;
text-align: center;
display: flex;
    flex-direction: column;
    align-items: flex-start;
margin-top: 33px;
        }

@media only screen and (max-width: 600px) {
.teammain  {
margin-top: 21px;
       }
}

.quartercard  {
width: 25%;
    height: 170px;
background-color: rgb(255, 255, 255);
text-align: center;
display: flex;
    flex-direction: column;
    align-items: center;
border-radius: 17px;
padding-top: 39px;
transition: all 0.5s ease;
        }

@media only screen and (max-width: 600px) {
.quartercard  {
width: 100%;
height: 100%;
padding-top: 25px;
        padding-bottom: 25px;
       }
}

.quartercardorg  {
width: 25%;
    height: 230px;
background-color: rgb(255, 255, 255);
text-align: center;
display: flex;
    flex-direction: column;
    align-items: center;
border-radius: 17px;
padding-top: 39px;
transition: all 0.5s ease;
        }

@media only screen and (max-width: 600px) {
.quartercardorg  {
width: 100%;
height: 100%;
padding-top: 25px;
        padding-bottom: 25px;
       }
}

.quartercardnoanim  {
width: 25%;
    height: 170px;
background-color: rgb(255, 255, 255);
text-align: center;
display: flex;
    flex-direction: column;
    align-items: center;
border-radius: 17px;
padding-top: 39px;
transition: all 0.5s ease;
        }

@media only screen and (max-width: 600px) {
.quartercardnoanim  {
width: 100%;
height: 100%;
padding-top: 25px;
        padding-bottom: 25px;
       }
}

.quartercardgrad  {
width: 267px;
    height: 170px;
background-color: rgb(255, 255, 255);
text-align: center;
display: flex;
    flex-direction: column;
    align-items: center;
border-radius: 17px;
padding-top: 39px;
transition: all 0.5s ease;
        }

@media only screen and (max-width: 600px) {
.quartercardgrad  {
width: 100%;
height: 100%;
padding-top: 25px;
        padding-bottom: 25px;
       }
}

.quartercardgradnoanim  {
width: 267px;
    height: 170px;
background-color: rgb(255, 255, 255);
text-align: center;
display: flex;
    flex-direction: column;
    align-items: center;
border-radius: 17px;
padding-top: 39px;
transition: all 0.5s ease;
        }

@media only screen and (max-width: 600px) {
.quartercardgradnoanim  {
width: 100%;
height: 100%;
padding-top: 25px;
        padding-bottom: 25px;
       }
}

.quartercardgrad:hover {
transition: all 0.5s ease;
  transform: scale(1.02);
}

.quartercard:hover {
transition: all 0.5s ease;
  transform: scale(1.02);
}

.quartercardorg:hover {
transition: all 0.5s ease;
  transform: scale(1.02);
}

.thirdcardsall  {
width: 100%;
text-align: center;
display: flex;
    flex-direction: row;
    align-items: flex-start;
gap: 10px;
margin-top: 17px;
flex-wrap: wrap;
        }

@media only screen and (max-width: 600px) {
.thirdcardsall  {
margin-top: 11px;
       }
}

.sponsors  {
width: 100%;
display: flex;
    flex-direction: row;
margin-top: 68px;
    margin-bottom: 68px;
        }

@media only screen and (max-width: 600px) {
.sponsors  {
display: none;
       }
}

.sponsorone  {
height: 81.6px;
        transition: all 0.5s ease;
        }

.sponsoronenoanim  {
height: 81.6px;
        }

.sponsorone:hover {
transition: all 0.5s ease;
  transform: scale(1.02);
}

.thirdcardsall2  {
width: 100%;
text-align: center;
display: flex;
    flex-direction: row;
    align-items: flex-start;
gap: 10px;
margin-top: 10px;
flex-wrap: wrap;
        }

.thirdcardsall4  {
width: 100%;
text-align: center;
display: flex;
    flex-direction: row;
    align-items: flex-start;
gap: 10px;
        }

@media only screen and (max-width: 600px) {
.thirdcardsall4  {
flex-direction: column;
       }
}

.fifthcard  {
width: 212px;
    height: 170px;
background-color: rgb(255, 255, 255);
text-align: center;
display: flex;
    flex-direction: column;
    align-items: center;
border-radius: 17px;
padding-top: 39px;
transition: all 0.5s ease;
        }

@media only screen and (max-width: 600px) {
.fifthcard  {
width: 100%;
 height: 100%;
        padding-top: 25px;
        padding-bottom: 25px;
       }
}

.fifthcard:hover {
transition: all 0.5s ease;
  transform: scale(1.02);
}

.thirdcard  {
width: 360px;
    height: 170px;
background-color: rgb(255, 255, 255);
text-align: center;
display: flex;
    flex-direction: column;
    align-items: center;
border-radius: 17px;
padding-top: 39px;
transition: all 0.5s ease;
        }

@media only screen and (max-width: 600px) {
.thirdcard  {
width: 100%;
        height: 100%;
        padding-top: 25px;
        padding-bottom: 25px;
       }
}

.thirdcardorg  {
width: 360px;
    height: 201px;
background-color: rgb(255, 255, 255);
text-align: center;
display: flex;
    flex-direction: column;
    align-items: center;
border-radius: 17px;
padding-top: 39px;
transition: all 0.5s ease;
        }

@media only screen and (max-width: 600px) {
.thirdcardorg  {
width: 100%;
height: 100%;
padding-top: 25px;
        padding-bottom: 25px;
       }
}

.thirdcardorg:hover {
transition: all 0.5s ease;
  transform: scale(1.02);
}

.halfercard  {
width: 545px;
    height: 170px;
background-color: rgb(255, 255, 255);
text-align: center;
display: flex;
    flex-direction: column;
    align-items: center;
border-radius: 17px;
padding-top: 39px;
transition: all 0.5s ease;
        }

@media only screen and (max-width: 600px) {
.halfercard  {
width: 100%;
height: 100%;
padding-top: 25px;
        padding-bottom: 25px;
       }
}

.halfercard:hover {
transition: all 0.5s ease;
  transform: scale(1.02);
}

.thirdcard:hover {
transition: all 0.5s ease;
  transform: scale(1.02);
}

.thirdcardnoanim  {
width: 360px;
    height: 170px;
background-color: rgb(255, 255, 255);
text-align: center;
display: flex;
    flex-direction: column;
    align-items: center;
border-radius: 17px;
padding-top: 39px;
        }

@media only screen and (max-width: 600px) {
.thirdcardnoanim  {
width: 100%;
        height: 100%;
        padding-top: 25px;
        padding-bottom: 25px;
       }
}

.thirdcardorgnoanim  {
width: 360px;
    height: 201px;
background-color: rgb(255, 255, 255);
text-align: center;
display: flex;
    flex-direction: column;
    align-items: center;
border-radius: 17px;
padding-top: 39px;
        }

@media only screen and (max-width: 600px) {
.thirdcardorgnoanim  {
width: 100%;
height: 100%;
padding-top: 25px;
        padding-bottom: 25px;
       }
}

.videocoversmain  {
width: 100%;
text-align: center;
display: flex;
    flex-direction: row;
    align-items: center;
margin-top: 16px;
gap: 10px;
        }

@media only screen and (max-width: 600px) {
.videocoversmain  {
flex-direction: column;
margin-top: 11px;
gap: 5px;
       }
}

.videocoversmain2  {
width: 100%;
text-align: center;
display: flex;
    flex-direction: row;
    align-items: center;
margin-top: 6px;
gap: 10px;
        }

@media only screen and (max-width: 600px) {
.videocoversmain2  {
flex-direction: column;
       }
}

.videocoverthird  {
width: 33%;
transition: all 0.5s ease;
        }

@media only screen and (max-width: 600px) {
.videocoverthird  {
width: 100%;
       }
}

.videocoverthird:hover {
transition: all 0.5s ease;
  transform: scale(1.02);
}

.videocoverhalf  {
width: 50%;
transition: all 0.5s ease;
        }

@media only screen and (max-width: 600px) {
.videocoverhalf  {
width: 100%;
       }
}

.videocoverhalf:hover {
transition: all 0.5s ease;
  transform: scale(1.02);
}

.emptyhalfcover  {
width: 50%;
transition: all 0.5s ease;
        }

.pointmainblock  {
width: 100%;
align-content: center;
text-align: center;
margin-top: 33px;
display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 17px;
        }

@media only screen and (max-width: 600px) {
.pointmainblock  {
 flex-direction: column;
height: 100%;
margin-top: 18px;
gap: 9px;
       }
}

.pointmainblock3  {
width: 100%;
align-content: center;
text-align: center;
margin-top: 33px;
display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
        }

@media only screen and (max-width: 600px) {
.pointmainblock3  {
 flex-direction: column;
height: 100%;
margin-top: 18px;
gap: 0px;
       }
}

.pointmainblock4  {
width: 100%;
align-content: center;
text-align: center;
margin-top: 10px;
display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
        }

.pointmainblock5  {
width: 100%;
align-content: center;
text-align: center;
display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
margin-top: 10px;
        }

.heartblock  {
    height: 547px;
background-color: rgb(0, 0, 0);
display: flex;
    flex-direction: row;
border-radius: 17px;
padding: 10px;
margin-top: 20px;
gap: 10px;
        }

@media only screen and (max-width: 600px) {
.heartblock  {
height: 100%;
flex-direction: column;
margin-top: 16px;
       }
}

.imgheart  {
animation: heartbeat 1.3s infinite;
        }

.heartblockhalf  {
    height: 547px;
display: flex;
    flex-direction: row;
border-radius: 7px;
content-visibility: auto;
        }

@media only screen and (max-width: 600px) {
.heartblockhalf  {
height: 100%;
       }
}

.heartblocktext  {
    height: 547px;
width: 100%;
display: flex;
    flex-direction: column;
border-radius: 7px;
justify-content: center;
        }

@media only screen and (max-width: 600px) {
.heartblocktext  {
height: 235px;
margin-top: 20px;
        margin-bottom: 20px;
       }
}

.heartanimation  {
   animation: heartbeat 1.3s infinite;
        }

@media only screen and (max-width: 600px) {
.heartanimation  {
max-width: 100%;
border-radius: 7px;
       }
}

@keyframes heartbeat
{
  0%
  {
    transform: scale( 1 );
  }
  20%
  {
    transform: scale( 1.04 );
  }
  40%
  {
    transform: scale( 1 );
  }
  60%
  {
    transform: scale( 1.04 );
  }
  80%
  {
    transform: scale( 1 );
  }
  100%
  {
    transform: scale( 1 );
  }
}

.pointblock  {
width: 100%;
    height: 111px;
background-color: rgb(255, 255, 255);
text-align: center;
display: flex;
    flex-direction: column;
    align-items: center;
border-radius: 17px;
padding-top: 9px;
        }

@media only screen and (max-width: 600px) {
.pointblock  {
height: 100%;
       }
}

.pointblock5  {
width: 100%;
    height: 100%;
    background-color: rgb(255, 255, 255);
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 17px;
    padding-top: 9px;
    padding-bottom: 34px;
        }

@media only screen and (max-width: 600px) {
.pointblock5  {
height: 100%;
padding-top: 0px;
padding-bottom: 0px;
       }
}

.pointblock2  {
width: 100%;
    height: 82px;
background-color: rgb(255, 255, 255);
text-align: center;
display: flex;
    flex-direction: column;
    align-items: center;
border-radius: 17px;
padding-top: 9px;
        }

@media only screen and (max-width: 600px) {
.pointblock2  {
height: 100%;
       }
}

.pointblock3  {
width: 100%;
    height: 111px;
background-color: rgb(255, 255, 255);
text-align: center;
display: flex;
    flex-direction: column;
    align-items: center;
border-radius: 17px;
        }

@media only screen and (max-width: 600px) {
.pointblock3  {
height: 100%;
       }
}

.istorresultmainblock  {
width: 100%;
align-content: center;
text-align: center;
margin-top: 32px;
display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 18px;
        }

@media only screen and (max-width: 600px) {
.istorresultmainblock  {
margin-top: -16px;
gap: 11px;
       }
}

.istorresultmainblock3  {
width: 100%;
align-content: center;
text-align: center;
margin-top: 32px;
display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 18px;
        }

@media only screen and (max-width: 600px) {
.istorresultmainblock3  {
margin-top: 19px;
gap: 20px;
       }
}

.istorresulttextblock  {
width: 100%;
    height: 396px;
background-color: rgb(255, 255, 255);
text-align: center;
display: flex;
    flex-direction: column;
    align-items: center;
border-radius: 17px;
padding-top: 9px;
        }

@media only screen and (max-width: 600px) {
.istorresulttextblock  {
height: 100%;
margin-top: -8px;
padding-top: 0px;
       }
}

.gradresulttextblock  {
width: 100%;
    height: 461px;
background-color: rgb(255, 255, 255);
text-align: center;
display: flex;
    flex-direction: column;
    align-items: center;
border-radius: 17px;
padding-top: 9px;
        }

@media only screen and (max-width: 600px) {
.gradresulttextblock  {
width: 100%;
height: 100%;
padding-top: 0px;
       }
}

.ecoresulttextblock  {
width: 100%;
    height: 451px;
background-color: rgb(255, 255, 255);
text-align: center;
display: flex;
    flex-direction: column;
    align-items: center;
border-radius: 17px;
padding-top: 9px;
        }

@media only screen and (max-width: 600px) {
.ecoresulttextblock  {
width: 100%;
height: 100%;
padding-top: 0px;
       }
}

.conceptresulttextblock  {
width: 100%;
    height: 248px;
background-color: rgb(255, 255, 255);
text-align: center;
display: flex;
    flex-direction: column;
    align-items: center;
border-radius: 17px;
padding-top: 9px;
        }

@media only screen and (max-width: 600px) {
.conceptresulttextblock  {
width: 100%;
height: 100%;
padding-top: 33px;
padding-bottom: 36px;
       }
}

.localresulttextblock  {
width: 100%;
    height: 181px;
background-color: rgb(255, 255, 255);
text-align: center;
display: flex;
    flex-direction: column;
    align-items: center;
border-radius: 17px;
margin-top: 20px;

        }

@media only screen and (max-width: 600px) {
.localresulttextblock  {
width: 100%;
height: 100%;
margin-top: 16px;
       }
}

.localresulttextblock2  {
width: 100%;
    height: 128px;
background-color: rgb(255, 255, 255);
text-align: center;
display: flex;
    flex-direction: column;
    align-items: center;
border-radius: 17px;
margin-top: 20px;
        }

@media only screen and (max-width: 600px) {
.localresulttextblock2  {
width: 100%;
height: 100%;
margin-top: 16px;
       }
}

.econresulttextblock  {
width: 100%;
    height: 539px;
background-color: rgb(255, 255, 255);
text-align: center;
display: flex;
    flex-direction: column;
    align-items: center;
border-radius: 17px;
padding-top: 9px;
        }

@media only screen and (max-width: 600px) {
.econresulttextblock  {
width: 100%;
height: 100%;
padding-top: 0px;
       }
}

.doubledphoto  {
width: 100%;
    height: 363px;
        gap: 10px;
    display: flex;
flex-direction: row;
    margin-top: 35px;
    }

@media only screen and (max-width: 600px) {
.doubledphoto  {
flex-direction: column;
height: 100%;
margin-top: 5px;
gap: 5px;
       }
}

.doubledphotos  {
  width: 50%;
height: 363px;
    }

@media only screen and (max-width: 600px) {
.doubledphotos  {
width: 100%;
height: 100%;
       }
}



.schemeblock  {
width: 100%;
align-content: center;
text-align: center;
margin-top: 33px;
display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
align-items: flex-start;
        }

@media only screen and (max-width: 600px) {
.schemeblock  {
margin-top: 18px;
       }
}

.schemecardsblock  {
width: 100%;
gap: 23px;
margin-top: 10px;
margin-bottom: 7px;
display: flex;
    flex-direction: row;
    align-items: flex-start;
justify-content: space-between;
        }

@media only screen and (max-width: 600px) {
.schemecardsblock  {
    flex-direction: column;
margin-top: 11px;
gap: 23px;
   }
}


.schemecardsblock_ecolog  {
width: 100%;
    gap: 23px;
    margin-top: 10px;
    margin-bottom: 7px;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-evenly;
    align-content: stretch;
    flex-wrap: nowrap;
        }

@media only screen and (max-width: 600px) {
.schemecardsblock_ecolog  {
    flex-direction: column;
margin-top: 11px;
gap: 23px;
   }
}


.scheme_info_antro_block  {
width: 100%;
gap: 23px;
margin-top: 10px;
margin-bottom: 7px;
display: flex;
    flex-direction: row;
    align-items: flex-start;
justify-content: space-between;
background-color: blanchedalmond;
        }


.schemetextblock  {
width: 730px;
    height: 330px;
background-color: rgb(255, 255, 255);
text-align: center;
border-radius: 17px;
display: flex;
    flex-direction: column;
    align-items: flex-start;
padding-top: 30px;
        }

@media only screen and (max-width: 600px) {
.schemetextblock  {
    width: 100%;
height: 100%;
padding-top: 33px;
        padding-bottom: 36px;
   }
}

.schemetextblock2  {
width: 730px;
    height: 447px;
background-color: rgb(255, 255, 255);
text-align: center;
border-radius: 17px;
display: flex;
    flex-direction: column;
    align-items: flex-start;
        }

@media only screen and (max-width: 600px) {
.schemetextblock2  {
width: 100%;
height: 100%;
padding-bottom: 36px;
        padding-top: 33px;
       }
}

.schemetextblock3  {
width: 730px;
height: 318.5px;
background-color: #f5f5f5;
border-radius: 13px;
display: flex;
    flex-direction: column;
    align-items: flex-start;
        }

@media only screen and (max-width: 600px) {
.schemetextblock3  {
width: 100%;
height: 100%;
       }
}

.schemetextblock4  {
width: 319px;
background-color: #f5f5f5;
border-radius: 13px;
display: flex;
    flex-direction: column;
    align-items: flex-start;
        }

@media only screen and (max-width: 600px) {
.schemetextblock4  {
width: 100%;
height: 100%;
       }
}


.schemetextblock5  {
width: 730px;
height: 100%;
background-color: #f5f5f5;
border-radius: 13px;
display: flex;
    flex-direction: column;
    align-items: flex-start;
        }

@media only screen and (max-width: 600px) {
.schemetextblock5  {
width: 100%;
height: 100%;
       }
}

.schemetextblock6  {
width: 730px;
height: 100%;
background-color: #f5f5f5;
border-radius: 13px;
display: flex;
    flex-direction: column;
    align-items: flex-start;
        }

@media only screen and (max-width: 600px) {
.schemetextblock6  {
width: 100%;
height: 100%;
       }
}


.schemetextblock7  {
width: 730px;
background-color: #f5f5f5;
border-radius: 13px;
display: flex;
    flex-direction: column;
    align-items: flex-start;
        }

@media only screen and (max-width: 600px) {
.schemetextblock7  {
width: 100%;
height: 100%;
       }
}


.schemetextblock8  {
width: 353px;
height: 100%;
background-color: #f5f5f5;
border-radius: 13px;
display: flex;
    flex-direction: column;
    align-items: flex-start;
        }

@media only screen and (max-width: 600px) {
.schemetextblock8  {
width: 100%;
height: 100%;
       }
}




.schememapblock  {
width: 353px;
text-align: center;
border-radius: 13px;
display: flex;
    flex-direction: column;
    align-items: flex-start;
        }

@media only screen and (max-width: 600px) {
.schememapblock  {
width: 100%;
height: 100%;
       }
}




.antro_info_block  {
width: 353px;
background-color: red;
text-align: center;
border-radius: 13px;
display: flex;
    flex-direction: column;
    align-items: flex-start;
        }

@media only screen and (max-width: 600px) {
.schememapblock  {
width: 100%;
height: 100%;
       }
}



.schememapblock2  {
width: 353px;
text-align: center;
border-radius: 13px;
display: flex;
    flex-direction: column;
    align-items: flex-start;
        }

@media only screen and (max-width: 600px) {
.schememapblock2  {
width: 100%;
height: 100%;
flex-basis: min-content;
       }
}



.schememapblock4  {
width: 730px;
text-align: center;
border-radius: 13px;
display: flex;
    flex-direction: column;
    align-items: flex-start;
        }

@media only screen and (max-width: 600px) {
.schememapblock4  {
width: 100%;
height: 100%;
flex-basis: min-content;
       }
}



.main_gray_block  {
padding-top: 46px;
padding-left: 46px;
    padding-right: 46px;
    padding-bottom: 46px;
background-color: #3c3c3c;
border-radius: 13px;
display: flex;
flex-wrap: nowrap;
    flex-direction: column;
        }

@media only screen and (max-width: 600px) {
            .main_gray_block {
padding-top: 23px;
padding-left: 23px;
    padding-right: 23px;
    padding-bottom: 23px; /* Новый цвет при малой ширине экрана */
            }
        }

.main_gray_block_2  {
margin-top: 46px;
padding-top: 46px;
padding-left: 46px;
    padding-right: 46px;
    padding-bottom: 46px;
background-color: #3c3c3c;
border-radius: 13px;
display: flex;
flex-wrap: nowrap;
    flex-direction: column;
position: sticky;
        }

@media only screen and (max-width: 600px) {
            .main_gray_block_2 {
margin-top: 23px;
padding-top: 23px;
padding-left: 23px;
    padding-right: 23px;
    padding-bottom: 23px; /* Новый цвет при малой ширине экрана */
            }
        }



.textblock2024  {
width: 100%;
/*background-color: #b47ede;*/
display: flex;
        }

.textblock2_2024  {
width: 100%;
/*background-color: #fdd553;*/
display: flex;
flex-wrap: nowrap;
    flex-direction: column;
        }

.textblock3_2024  {
width: 100%;
margin-top: -8px;
/*background-color: #b47ede;*/
display: flex;
flex-wrap: nowrap;
    flex-direction: column;
        }

.textblock4_2024  {
width: 100%;
padding-top: 11px;
/*background-color: #fdd553;*/
display: flex;
flex-wrap: nowrap;
    flex-direction: column;
        }

.textblock5_2024  {
width: 100%;
/*background-color: #fdd553;*/
display: flex;
flex-wrap: nowrap;
    flex-direction: column;
        }

.textblock2_2_2024  {
width: 100%;
/*background-color: #fdd553;*/
display: flex;
flex-wrap: nowrap;
    flex-direction: column;
margin-top: -14px;
        }


.textblock5_2_2024  {
width: 100%;
/*background-color: #fdd553;*/
display: flex;
flex-wrap: nowrap;
    flex-direction: column;
margin-top: 16px;
        }


a50, .a50 {
color: #ffffff;
text-align: center;
  font-family: "VelaSansSemiBold", sans-serif;
  font-size: 23px;
text-decoration: none;
}

a51, .a51 {
color: #ffffff;
margin-top: 36px;
margin-bottom: 23px;
  font-family: "VelaSansBold", sans-serif;
  font-size: 14px;
}

a52, .a52 {
color: #ffffff;
  font-family: "VelaSansRegular", sans-serif;
  font-size: 14px;
line-height: 1.9;
}

a53, .a53 {
color: #ffffff;
text-align: center;
  font-family: "VelaSansBold", sans-serif;
  font-size: 14px;
text-decoration: none;

}

a54, .a54 {
color: #000000;
text-align: center;
  font-family: "VelaSansBold", sans-serif;
  font-size: 14px;
text-decoration: none;

}

a55, .a55 {
color: #ffffff;
    margin-top: -3px;
text-align: center;
  font-family: "VelaSansBold", sans-serif;
  font-size: 14px;
text-decoration: none;
}

a56, .a56 {
color: #ffffff;
margin-top: 5px;
  font-family: "VelaSansRegular", sans-serif;
  font-size: 14px;
text-align: start;
text-decoration: none;
line-height: 1.9;
}

a57, .a57 {
color: #ffffff;
margin-top: -5px;
  font-family: "VelaSansRegular", sans-serif;
  font-size: 14px;
text-align: start;
text-decoration: none;
line-height: 1.9;
}

a58, .a58 {
color: #ffffff;
margin-bottom: 23px;
  font-family: "VelaSansBold", sans-serif;
  font-size: 14px;
}

a59, .a59 {
color: #ffffff;
  font-family: "VelaSansRegular", sans-serif;
  font-size: 14px;
line-height: 1.9;
text-indent: -0.9em;
    padding-left: 0.9em;
}

a60, .a60 {
color: #ffffff;
margin-top: 26px;
margin-bottom: 11px;
  font-family: "VelaSansBold", sans-serif;
  font-size: 14px;
}

a61, .a61 {
color: #ffffff;
  font-family: "VelaSansRegular", sans-serif;
  font-size: 14px;
margin-top: 10px;
line-height: 1.9;
text-indent: -0.9em;
    padding-left: 0.9em;
}

a62, .a62 {
color: #ffffff;
text-align: center;
margin-bottom: 3px;
  font-family: "VelaSansRegular", sans-serif;
  font-size: 14px;
text-decoration: none;
padding-left: 50px;
}

a63, .a63 {
color: #000000;
  font-family: "VelaSansSemiBold", sans-serif;
  font-size: 23px;
text-decoration: none;
}

a64, .a64 {
color: #000000;
margin-top: 9px;
  font-family: "VelaSansRegular", sans-serif;
  font-size: 14px;
line-height: 1.9;
}

@media screen and (max-width: 600px) {
  .a64, .a64 {
    margin-top: 12px;
  }
 }

a65, .a65 {
color: #000000;
margin-top: 25px;
margin-bottom: 11px;
  font-family: "VelaSansBold", sans-serif;
  font-size: 14px;
line-height: 1.9;
}

a66, .a66 {
color: #000000;
margin-bottom: 16px;
  font-family: "VelaSansBold", sans-serif;
  font-size: 14px;
line-height: 1.9;
}

a67, .a67 {
color: #000000;
  font-family: "VelaSansRegular", sans-serif;
  font-size: 14px;
margin-top: 17px;
line-height: 1.9;
text-indent: -0.9em;
    padding-left: 0.9em;
}

a68, .a68 {
color: #000000;
  font-family: "VelaSansRegular", sans-serif;
  font-size: 14px;
margin-top: 7px;
line-height: 1.9;
text-indent: -0.9em;
    padding-left: 0.9em;
}

a69, .a69 {
color: #000000;
  font-family: "VelaSansRegular", sans-serif;
  font-size: 14px;
line-height: 1.9;
margin-left: 23px;
    margin-right: 23px;
    margin-top: 23px;
    margin-bottom: 23px;
}

a70, .a70 {
color: #000000;
margin-top: 31px;
margin-bottom: 11px;
  font-family: "VelaSansBold", sans-serif;
  font-size: 14px;
}

a71, .a71 {
color: #000000;
  font-family: "VelaSansRegular", sans-serif;
  font-size: 14px;
margin-top: 17px;
line-height: 1.9;
}

a72, .a72 {
color: #000000;
margin-top: 30px;
margin-bottom: 11px;
  font-family: "VelaSansBold", sans-serif;
  font-size: 14px;
}

a73, .a73 {
color: #ffffff;
  font-size: 10px;
}

a74, .a74 {
color: #000000;
margin-top: 17px;
    margin-bottom: 20px;
  font-family: "VelaSansBold", sans-serif;
  font-size: 14px;
}

a75, .a75 {
color: #000000;
margin-top: 5px;
  font-family: "VelaSansRegular", sans-serif;
  font-size: 14px;
text-align: start;
text-decoration: none;
line-height: 1.9;
}

a76, .a76 {
color: #000000;
    margin-top: -3px;
text-align: left;
  font-family: "VelaSansBold", sans-serif;
  font-size: 14px;
text-decoration: none;
line-height: 1.9;
}

a77, .a77 {
color: #000000;
margin-top: 36px;
margin-bottom: 21px;
  font-family: "VelaSansBold", sans-serif;
  font-size: 14px;
}

a78, .a78 {
color: #000000;
margin-top: 33px;
margin-bottom: 20px;
  font-family: "VelaSansBold", sans-serif;
  font-size: 14px;
}

a79, .a79 {
color: #ffffff;
margin-top: 25px;
margin-bottom: 21px;
  font-family: "VelaSansBold", sans-serif;
  font-size: 14px;
}

a80, .a80 {
color: #000000;
  font-family: "VelaSansRegular", sans-serif;
  font-size: 14px;
margin-top: -7px;
line-height: 1.9;
}

a82, .a82 {
color: #000000;
    margin-bottom: 20px;
  font-family: "VelaSansBold", sans-serif;
  font-size: 14px;
}

a83, .a83 {
color: #f5f5f5;
margin-top: 5px;
  font-family: "VelaSansRegular", sans-serif;
  font-size: 14px;
text-align: start;
text-decoration: none;
line-height: 1.9;
}

a84, .a84 {
color: #000000;
  font-family: "VelaSansRegular", sans-serif;
  font-size: 14px;
line-height: 1.9;
text-indent: -0.9em;
    padding-left: 0.9em;
margin-left: 23px;
    margin-right: 23px;
    margin-top: 23px;
}

a85, .a85 {
color: #000000;
  font-family: "VelaSansRegular", sans-serif;
  font-size: 14px;
line-height: 1.9;
text-indent: -0.9em;
    padding-left: 0.9em;
margin-left: 23px;
    margin-right: 23px;
    margin-top: 8px;
}

a86, .a86 {
color: #000000;
  font-family: "VelaSansRegular", sans-serif;
  font-size: 14px;
line-height: 1.9;
text-indent: -0.9em;
    padding-left: 0.9em;
margin-left: 23px;
    margin-right: 23px;
    margin-top: 8px;
margin-bottom: 26px;
}

a87, .a87 {
color: #ffffff;
  font-family: "VelaSansBold", sans-serif;
  font-size: 41px;
    margin-top: 8px;
}

a88, .a88 {
color: #ffffff;
  font-family: "VelaSansRegular", sans-serif;
  font-size: 14px;
    margin-top: 8px;
margin-bottom: 16px;
line-height: 1.9;
text-align: center;
}

a89, .a89 {
color: #000000;
margin-top: 24px;
margin-bottom: 11px;
  font-family: "VelaSansBold", sans-serif;
  font-size: 14px;
line-height: 1.9;
}


a90, .a90 {
color: #000000;
  font-family: "VelaSansBold", sans-serif;
  font-size: 14px;
line-height: 1.9;
text-indent: -0.9em;
    padding-left: 0.9em;
margin-left: 23px;
    margin-right: 23px;
    margin-top: 23px;
}

a91, .a91 {
color: #000000;
  font-family: "VelaSansBold", sans-serif;
  font-size: 14px;
line-height: 1.9;
margin-left: 23px;
    margin-right: 23px;
    margin-top: 23px;
}

a92, .a92 {
color: #000000;
  font-family: "VelaSansRegular", sans-serif;
  font-size: 14px;
line-height: 1.9;
margin-left: 23px;
    margin-right: 23px;
    margin-top: 8px;
margin-bottom: 25px;
}

a93, .a93 {
color: #000000;
  font-family: "VelaSansRegular", sans-serif;
  font-size: 14px;
line-height: 1.9;
text-indent: -0.9em;
    padding-left: 0.9em;
margin-left: 23px;
    margin-right: 23px;
    margin-top: 23px;
}

a94, .a94 {
color: #000000;
  font-family: "VelaSansBold", sans-serif;
  font-size: 14px;
line-height: 1.9;
text-indent: -0.9em;
    padding-left: 0.9em;
margin-left: 23px;
    margin-right: 23px;
    margin-top: 8px;
}

a95, .a95 {
color: #000000;
  font-family: "VelaSansRegular", sans-serif;
  font-size: 14px;
line-height: 1.9;
margin-left: 23px;
    margin-right: 23px;
    margin-top: 8px;
margin-bottom: 26px;
}

a96, .a96 {
color: #000000;
  font-family: "VelaSansRegular", sans-serif;
  font-size: 14px;
line-height: 1.9;
margin-left: 23px;
    margin-right: 23px;
    margin-top: 19px;
margin-bottom: 23px;
}

a97, .a97 {
color: #000000;
margin-top: 33px;
margin-bottom: 20px;
  font-family: "VelaSansBold", sans-serif;
  font-size: 14px;
}


a98, .a98 {
color: #ffffff;
margin-top: 27px;
margin-bottom: 22px;
  font-family: "VelaSansBold", sans-serif;
  font-size: 14px;
}

a99, .a99 {
color: #ffffff;
margin-top: 34px;
margin-bottom: 18px;
  font-family: "VelaSansBold", sans-serif;
  font-size: 14px;
line-height: 1.9;
}

a100, .a100 {
color: #ffffff;
margin-top: 27px;
margin-bottom: -10px;
  font-family: "VelaSansRegular", sans-serif;
  font-size: 14px;
line-height: 1.9;
}

a101, .a101 {
color: #ffffff;
margin-top: 32px;
margin-bottom: 8px;
  font-family: "VelaSansBold", sans-serif;
  font-size: 14px;
line-height: 1.9;
}

a102, .a102 {
color: #ffffff;
margin-top: 42px;
margin-bottom: 42px;
  font-family: "VelaSansBold", sans-serif;
  font-size: 24px;
line-height: 1.9;
}

@media only screen and (max-width: 600px) {
a102, .a102 {
font-size: 21px; 
text-align: -webkit-center;
padding-left: 23px;
    padding-right: 23px;
line-height: 1.7;
            }
        }


a103, .a103 {
color: #ffffff;
    margin-top: -3px;
text-align: left;
  font-family: "VelaSansRegular", sans-serif;
  font-size: 14px;
text-decoration: none;
line-height: 1.9;
}

a104, .a104 {
color: #000000;
  font-family: "VelaSansBold", sans-serif;
  font-size: 14px;
line-height: 1.9;
margin-left: 23px;
    margin-right: 23px;
    margin-top: 8px;
}

a105, .a105 {
color: #000000;
  font-family: "VelaSansBold", sans-serif;
  font-size: 14px;
line-height: 1.9;
margin-left: 23px;
    margin-right: 23px;
    margin-top: 23px;
}

a106, .a106 {
color: #ffffff;
margin-top: 17px;
margin-bottom: -10px;
  font-family: "VelaSansRegular", sans-serif;
  font-size: 14px;
line-height: 1.9;
}

a107, .a107 {
color: #ffffff;
margin-top: 26px;
margin-bottom: 12px;
  font-family: "VelaSansBold", sans-serif;
  font-size: 14px;
}

a108, .a108 {
color: #3c3c3c;
  font-size: 10px;
}

a109, .a109 {
color: #000000;
  font-family: "VelaSansRegular", sans-serif;
  font-size: 14px;
line-height: 1.9;
margin-left: 23px;
    margin-right: 23px;
    margin-top: 8px;
margin-bottom: 26px;
}

a110, .a110 {
color: #000000;
  font-family: "VelaSansRegular", sans-serif;
  font-size: 14px;
line-height: 1.9;
margin-left: 23px;
    margin-right: 23px;
    margin-top: 8px;
margin-bottom: 2px;
}

a111, .a111 {
color: #000000;
margin-top: 19px;
margin-bottom: 20px;
  font-family: "VelaSansBold", sans-serif;
  font-size: 14px;
}

a112, .a112 {
color: #000000;
margin-top: 35px;
    margin-bottom: 20px;
  font-family: "VelaSansBold", sans-serif;
  font-size: 14px;
}


.modules_2024  {
display: grid;  
grid-template-columns: repeat(3, 1fr);
gap: 23px;
        }

@media only screen and (max-width: 600px) {
            .modules_2024 {
display: flex;
                flex-direction: column; /* Новый цвет при малой ширине экрана */
            }
        }

.module1_2024  {
    height: 68px;
border-radius: 34px;
background-image: linear-gradient(23deg, #f6db38, #f1df57);
justify-content: center;
align-items: center;
display: flex;
transition: all 0.5s ease;
        }

.module1_2024:hover {
transform: translateY(-5px);
}

.module2_2024  {
    height: 68px;
border-radius: 34px;
background-image: linear-gradient(23deg, #1e6a9f, #4899b0);
justify-content: center;
align-items: center;
display: flex;
transition: all 0.5s ease;
        }

.module2_2024:hover {
transform: translateY(-5px);
}

.module3_2024  {
    height: 68px;
border-radius: 34px;
background-image: linear-gradient(23deg, #85b353, #bcd43e);
justify-content: center;
align-items: center;
display: flex;
transition: all 0.5s ease;
        }

.module3_2024:hover {
transform: translateY(-5px);
}

.module4_2024  {
    height: 68px;
border-radius: 34px;
background-image: linear-gradient(23deg, #cb46a9, #dd59a1);
justify-content: center;
align-items: center;
display: flex;
transition: all 0.5s ease;
        }

.module4_2024:hover {
transform: translateY(-5px);
}

.module5_2024  {
    height: 68px;
border-radius: 34px;
background-image: linear-gradient(23deg, #8bcfbb, #a6ffc2);
justify-content: center;
align-items: center;
display: flex;
transition: all 0.5s ease;
box-shadow: 0 0 18px #8be7ff; /* Начальное свечение */
            animation: module5_2024-animation 1.5s infinite alternate; /* Анимация свечения */
        }

.module5_2024:hover {
transform: translateY(-5px);
}

 @keyframes module5_2024-animation {
            0% {
                box-shadow: 0 0 16px #c2f5ff;
            }
            100% {
                box-shadow: 0 0 23px #8be7ff; /* Увеличиваем свечение */
            }
        }

.module6_2024  {
    height: 68px;
border-radius: 34px;
background-image: linear-gradient(23deg, #47398b, #5352a5);
justify-content: center;
align-items: center;
display: flex;
transition: all 0.5s ease;
        }

.module6_2024:hover {
transform: translateY(-5px);
transition: all 0.5s ease;
}

.module7_2024  {
    height: 68px;
border-radius: 34px;
background-image: linear-gradient(23deg, #e0733c, #ea9331);
justify-content: center;
align-items: center;
display: flex;
transition: all 0.5s ease;
        }

.module7_2024:hover {
transform: translateY(-5px);
}

.module8_2024  {
    height: 68px;
border-radius: 34px;
background-image: linear-gradient(23deg, #b01a2c, #d42835);
justify-content: center;
align-items: center;
display: flex;
transition: all 0.5s ease;
        }

.module8_2024:hover {
transform: translateY(-5px);
}

.module9_2024  {
    height: 68px;
border-radius: 34px;
background-image: linear-gradient(23deg, #7c7c7c, #c2c2c2);
justify-content: center;
align-items: center;
display: flex;
transition: all 0.5s ease;
        }

.module9_2024:hover {
transform: translateY(-5px);
}

.founders_c3_2024  {
display: grid;                    /* Устанавливаем grid-контейнер */
            grid-template-columns: repeat(3, 1fr);
gap: 23px;
        }

.founders_c3_2_2024  {
display: grid;                    /* Устанавливаем grid-контейнер */
            grid-template-columns: repeat(3, 1fr);
gap: 23px;
margin-top: 23px;
        }


.founder  {
    padding-left: 23px;
    padding-top: 27px;
    padding-bottom: 27px;
padding-right: 23px;
border-radius: 13px;
background-color: #4c4c4c;
display: flex;
gap: 23px;
transition: all 0.5s ease;
 -webkit-filter: blur(0px);
          }

.founder:hover {
background-color: #545454;
transform: translateY(-5px);
}

@media only screen and (max-width: 600px) {
            .founders_c3_2024 {
display: flex;
                flex-direction: column; /* Новый цвет при малой ширине экрана */
            }
        }

.founder_off  {
    padding-left: 23px;
    padding-top: 27px;
    padding-bottom: 27px;
padding-right: 23px;
border-radius: 13px;
background-color: #4c4c4c;
display: flex;
gap: 23px;
          }


.founder_big  {
    height: 128px;
border-radius: 13px;
background-color: #4c4c4c;
justify-content: center;
align-items: center;
display: flex;
        }

.founders_c2_2024  {
display: grid;                    /* Устанавливаем grid-контейнер */
            grid-template-columns: repeat(2, 1fr);
gap: 23px;
margin-top: 23px;
        }

@media only screen and (max-width: 600px) {
            .founders_c2_2024 {
display: flex;
                flex-direction: column; /* Новый цвет при малой ширине экрана */
            }
        }
.founders_c2_2024_2  {
display: grid;                    /* Устанавливаем grid-контейнер */
            grid-template-columns: repeat(2, 1fr);
gap: 23px;
        }

@media only screen and (max-width: 600px) {
            .founders_c2_2024_2 {
display: flex;
                flex-direction: column; /* Новый цвет при малой ширине экрана */
            }
        }

.founders_c2_2_2024  {
display: grid;                    /* Устанавливаем grid-контейнер */
            grid-template-columns: repeat(2, 1fr);
gap: 23px;
        }

@media only screen and (max-width: 600px) {
            .founders_c2_2_2024 {
display: flex;
                flex-direction: column; /* Новый цвет при малой ширине экрана */
            }
        }

.perstext  {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
justify-content: center;
        }

.twinblock_2024  {
margin-top: 72px;
margin-bottom: 28px;
display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 23px;
        }

.twinblock_inner_2024  {
align-items: flex-start;
    display: flex;
    flex-direction: column;
        }

.mapslidercard1_2024  {
    background-color: #4c4c4c;
height: 396px;
    width: 668px;
  border-radius: 13px;
        }

.mapslidercard2_2024  {
    background-color: #4c4c4c;
height: 396px;
    width: 317px;
  border-radius: 13px;
        }

.wonderblock  {
     padding-left: 23px;
    padding-top: 27px;
padding-right: 23px;
        }

@media only screen and (max-width: 600px) {
            .mapslidercard2_2024 {
width: auto;
        height: 226px;
 /* Новый цвет при малой ширине экрана */
            }
        }

.wrapper_2024 .carouselist{
  display: grid;
  grid-auto-flow: column;
margin-top: -16px;
margin-bottom: -3px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  gap: 23px;
  scroll-behavior: smooth;
  scrollbar-width: none;
border-radius: 13px;
    z-index: 1;

}
.carouselist::-webkit-scrollbar {
  display: none;
}
.carouselist.no-transition {
  scroll-behavior: auto;
}
.carouselist.dragging {
  scroll-snap-type: none;
  scroll-behavior: auto;
}



.carouselist .cardist .img {

}

.cardist .img img {
  width: 100%;
  height: 100%;
  border-radius: 13px;
  object-fit: cover;
}
.carouselist .cardist h2 {
  font-weight: 500;
  font-size: 1.56rem;
  margin: 30px 0 5px;
}
.carouselist .cardist span {
  color: #6A6D78;
  font-size: 1.31rem;
}

.carouselist.dragging .cardist {
  cursor: grab;
  user-select: none;
}
.carouselist :where(.cardist, .img) {
  display: flex;
  justify-content: start;
  align-items: center;
}
.carouselist .cardist {
  scroll-snap-align: start;
height: 396px;
    width: 1007px;
  list-style: none;
  cursor: pointer;
display: flex;
  border-radius: 13px;
justify-content: space-between;
}












.wrapper_2024 {
}

.wrapper_2024 i {
  cursor: pointer;
}

.wrapper_2024 i:first-child{
transition: transform 0.2s ease;
    z-index: 2;
}
.wrapper_2024 i:last-child{
transition: transform 0.2s ease;
    z-index: 2;
}

.wrapper_2024 i:first-child:hover {
  transform: scale(1);
}

.wrapper_2024 i:last-child:hover {
  transform: scale(1);
}

.wrapper_2024 i:first-child :active {
  transform: scale(1); /* Уменьшение при нажатии */
transition: transform 0.2s ease;
}

.wrapper_2024 i:last-child :active {
  transform: scale(1); /* Уменьшение при нажатии */
transition: transform 0.2s ease;
}

.wrapper_2024 .carousel{
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 360px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  gap: 10px;
  scroll-behavior: smooth;
  scrollbar-width: none;
border-radius: 17px;
}
.carousel::-webkit-scrollbar {
  display: none;
}
.carousel.no-transition {
  scroll-behavior: auto;
}
.carousel.dragging {
  scroll-snap-type: none;
  scroll-behavior: auto;
}
.carousel.dragging .card {
  cursor: grab;
  user-select: none;
}
.carousel :where(.card, .img) {
  display: flex;
  justify-content: start;
  align-items: center;
}
.carousel .card {
  scroll-snap-align: start;
  height: 471px;
  list-style: none;
  background: rgb(0, 0, 0);
  cursor: pointer;
  padding-bottom: 15px;
  flex-direction: column;
  border-radius: 17px;
padding-top: 39px;
padding-left: 25px;
    padding-right: 25px;
}


.carousel .card .img {
  height: 140px;
  width: 140px;
  border-radius: 50%;
}

.card .img img {
  width: 140px;
  height: 140px;
  border-radius: 50%;
  object-fit: cover;
}
.carousel .card h2 {
  font-weight: 500;
  font-size: 1.56rem;
  margin: 30px 0 5px;
}
.carousel .card span {
  color: #6A6D78;
  font-size: 1.31rem;
}
@media screen and (max-width: 900px) {
  .wrapper_2024 .carousel {
    grid-auto-columns: calc((100% / 2) - 9px);
}
}

@media screen and (max-width: 600px) {
  .wrapper_2024 .carousel {
    grid-auto-columns: 100%;
margin-top: 11px;
  }

.carousel .card {
height: auto;
padding-bottom: 25px;
        padding-top: 25px;
  }
}



.roundbuttons {
display: flex;
gap: 6px;
    width: 1019px;
position: absolute;
    justify-content: flex-end;
  }

.roundbutton {
    height: 23px;
transition: all 0.5s ease;
  }

.roundbutton:hover {
filter: brightness(1.2);
}


.roundbuttons2 {
    display: flex;
    gap: 6px;
    margin-right: -11px;
    justify-content: flex-end;
  }

.roundbuttons3 {

  }

.map_slider_2024 {
display: block;
  }

@media only screen and (max-width: 600px) {
            .map_slider_2024 {
display: none; /* Новый цвет при малой ширине экрана */
            }
        }

.mobile_map_slider_2024 {
display: none;
  }

@media only screen and (max-width: 600px) {
            .mobile_map_slider_2024 {
display: block;
        margin-bottom: -17px; /* Новый цвет при малой ширине экрана */
            }
        }



.wrapper_mobile_2024 {
  max-width: 1100px;
  width: 100%;
  position: relative;
}

.wrapper_mobile_2024 i {
  cursor: pointer;
}

.wrapper_mobile_2024 i {

}
.wrapper_mobile_2024 i:active{
  transform: translateY(-50%) scale(0.85);
}

.wrapper_mobile_2024 i:first-child{
transition: transform 0.2s ease;
    z-index: 2;
}
.wrapper_mobile_2024 i:last-child{
transition: transform 0.2s ease;
    z-index: 2;
}

.wrapper_mobile_2024 i:first-child:hover {
  transform: scale(1);
}

.wrapper_mobile_2024 i:last-child:hover {
  transform: scale(1);
}

.wrapper_mobile_2024 i:first-child :active {
  transform: scale(1); /* Уменьшение при нажатии */
transition: transform 0.1s ease;
}

.wrapper_mobile_2024 i:last-child :active {
  transform: scale(1); /* Уменьшение при нажатии */
transition: transform 0.1s ease;
}

.wrapper_mobile_2024 .carouseleco{
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 360px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  gap: 23px;
  scroll-behavior: smooth;
  scrollbar-width: none;
border-radius: 13px;
}

@media screen and (max-width: 900px) {
  .wrapper_mobile_2024 .carouseleco {
    grid-auto-columns: calc((100% / 2) - 9px);
}
}

@media screen and (max-width: 600px) {
  .wrapper_mobile_2024 .carouseleco {
    grid-auto-columns: 100%;
margin-top: -15px;
  }

.carouseleco .card {
height: auto;
padding-bottom: 25px;
        padding-top: 25px;
  }
}

.wrapper_mobile_2024 i:first-child:hover {
transition: all 0.5s ease;
  left: -65px;
}

.wrapper_mobile_2024 i:last-child:hover {
transition: all 0.5s ease;
  right: -65px;
}

.mobile_off_2024 {
display: block;
  }

@media only screen and (max-width: 600px) {
            .mobile_off_2024 {
display: none; /* Новый цвет при малой ширине экрана */
            }
        }

.mobile_margin_2024 {
display: none;
  }

@media only screen and (max-width: 600px) {
            .mobile_margin_2024 {
display: block;
margin-top: 20px; /* Новый цвет при малой ширине экрана */
            }
        }

@media only screen and (max-width: 600px) {
            .textblock2024 {
margin-top: 11px; /* Новый цвет при малой ширине экрана */
            }
        }


.main_white_block  {
padding-top: 46px;
padding-left: 46px;
    padding-right: 46px;
    padding-bottom: 42px;
background-color: #ffffff;
border-radius: 13px;
display: flex;
flex-wrap: nowrap;
    flex-direction: column;
        }

@media only screen and (max-width: 600px) {
            .main_white_block {
padding-top: 23px;
padding-left: 23px;
    padding-right: 23px;
    padding-bottom: 23px; /* Новый цвет при малой ширине экрана */
            }
        }

.label_block  {
height: 46px;
display: flex;
justify-content: flex-end;
    padding-right: 46px;
    margin-top: 43px;
        }

@media only screen and (max-width: 600px) {
            .label_block {
margin-top: 23px;
height: 43px; 
padding-right: 43px;
            }
        }



.wrapper_mobile_2024 .carouseleco_1_2024 {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 321px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  gap: 23px;
  scroll-behavior: smooth;
  scrollbar-width: none;
border-radius: 13px;
margin-top: -16px;
margin-bottom: 3px;
}

.carouseleco_1_2024::-webkit-scrollbar {
  display: none;
}
.carouseleco_1_2024.no-transition {
  scroll-behavior: auto;
}
.carouseleco_1_2024.dragging {
  scroll-snap-type: none;
  scroll-behavior: auto;
}


.carouseleco_1_2024.dragging .cardeco_1_2024 {
  cursor: grab;
  user-select: none;
}
.carouseleco_1_2024 :where(.cardeco_1_2024, .img) {
  display: flex;
  justify-content: start;
  align-items: center;
}

.carouseleco_1_2024 .cardeco_1_2024 {
  scroll-snap-align: start;
  list-style: none;
  cursor: pointer;
  flex-direction: column;
  border-radius: 13px;
background-color: #f5f5f5;
padding-top: 25px;
    padding-left: 23px;
    padding-right: 23px;
    padding-bottom: 30px;
}

.carouseleco_1_2024 .cardeco_1_2024 .img {

}

.cardeco_1_2024 .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.carouseleco_1_2024 .cardeco_1_2024 h2 {
  font-weight: 500;
  font-size: 1.56rem;
  margin: 30px 0 5px;
}

.carouseleco_1_2024 .cardeco_1_2024 span {
  color: #6A6D78;
  font-size: 1.31rem;
}

@media screen and (max-width: 900px) {
  .wrapper_mobile_2024 .carouseleco_1_2024 {
    grid-auto-columns: calc((100% / 2) - 9px);
}
}

@media screen and (max-width: 600px) {
  .wrapper_mobile_2024 .carouseleco_1_2024 {
    grid-auto-columns: 100%;
margin-top: -16px;
  }


.carouseleco_1_2024 .card_1_2024 {
height: auto;
padding-bottom: 25px;
        padding-top: 25px;
  }
}


.cardeco_1_2024_textblock1  {
width: 100%;
align-items: flex-start;
    display: flex;
    flex-direction: column;
        }





.carouseleco_1_2024.dragging .cardeco_1_2024_final {
  cursor: grab;
  user-select: none;
}
.carouseleco_1_2024 :where(.cardeco_1_2024_final, .img) {
  display: flex;
  justify-content: start;
  align-items: center;
}

.carouseleco_1_2024 .cardeco_1_2024_final {
  scroll-snap-align: start;
  list-style: none;
  cursor: pointer;
  flex-direction: column;
  border-radius: 13px;
background-color: #f5f5f5;
padding-top: 25px;
    padding-left: 23px;
    padding-right: 23px;
    padding-bottom: 30px;
}

.carouseleco_1_2024 .cardeco_1_2024_final .img {

}

.cardeco_1_2024_final .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.carouseleco_1_2024 .cardeco_1_2024_final h2 {
  font-weight: 500;
  font-size: 1.56rem;
  margin: 30px 0 5px;
}

.carouseleco_1_2024 .cardeco_1_2024_final span {
  color: #6A6D78;
  font-size: 1.31rem;
}










.two_third_block_2024  {
display: flex;
gap: 23px;
margin-top: 10px;
        }

.two_third_1card_2024  {
height: 314px;
width: 321px;
border-radius: 13px;
background-color: red;
display: flex;
        }

.two_third_2card_2024  {
width: 664px;
padding-right: 23px;
    padding-left: 23px;
    padding-top: 20px;
border-radius: 13px;
background-color: #f5f5f5;
display: flex;
        }


.number_2024  {
height: 36px;
        }

.album_slider_2024  {

        }









.wrapper_mobile_2024 .carousel_album_2024 {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 1007px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  gap: 23px;
  scroll-behavior: smooth;
  scrollbar-width: none;
border-radius: 13px;
margin-top: -16px;
margin-bottom: 3px;
}

.carousel_album_2024::-webkit-scrollbar {
  display: none;
}
.carousel_album_2024.no-transition {
  scroll-behavior: auto;
}
.carousel_album_2024.dragging {
  scroll-snap-type: none;
  scroll-behavior: auto;
}


.carousel_album_2024.dragging .card_album_2024 {
  cursor: grab;
  user-select: none;
}
.carousel_album_2024 :where(.card_album_2024, .img) {
  display: flex;
  justify-content: start;
  align-items: center;
}

.carousel_album_2024 .card_album_2024 {
  scroll-snap-align: start;
  list-style: none;
  cursor: pointer;
  flex-direction: column;
  border-radius: 13px;
}

.carousel_album_2024 .card_album_2024 .img {

}

.card_album_2024 .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.carousel_album_2024 .card_album_2024 h2 {
  font-weight: 500;
  font-size: 1.56rem;
  margin: 30px 0 5px;
}

.carousel_album_2024 .card_album_2024 span {
  color: #6A6D78;
  font-size: 1.31rem;
}

@media screen and (max-width: 900px) {
  .wrapper_mobile_2024 .carousel_album_2024 {
    grid-auto-columns: calc((100% / 2) - 9px);
}
}

@media screen and (max-width: 600px) {
  .wrapper_mobile_2024 .carousel_album_2024 {
    grid-auto-columns: 100%;
margin-top: -16px;
  }


.carousel_album_2024 .card_album_2024 {
height: auto;
  }
}




.rounded-image {
        border-radius: 13px;
    z-index: 1;
    position: sticky;
    }

.wtf_2024 {
height: 10px;
background-color: red;
    }



.curators_c2_2024  {
display: grid;                    /* Устанавливаем grid-контейнер */
            grid-template-columns: repeat(2, 1fr);
gap: 23px;
        }


.curator_2024  {
    padding-left: 23px;
    padding-top: 27px;
    padding-bottom: 27px;
padding-right: 10px;
border-radius: 13px;
background-color: #f5f5f5;
display: flex;
gap: 23px;
transition: all 0.5s ease;
 -webkit-filter: blur(0px);
          }


@media only screen and (max-width: 600px) {
            .curators_c2_2024 {
display: flex;
                flex-direction: row;
            }
        }

@media only screen and (max-width: 600px) {
            .curator_2024 {
padding-left: 23px;
    padding-right: 23px;
    padding-top: 27px;
    padding-bottom: 27px;
    border-radius: 13px;
    background-color: #f5f5f5;
    display: flex;
    gap: 23px;
    transition: all 0.5s ease;
    -webkit-filter: blur(0px);
    justify-content: flex-start;
    align-items: baseline;
    flex-direction: column;
width: -webkit-fill-available;
            }
        }




.manager_2024  {
    padding-left: 23px;
    padding-top: 27px;
    padding-bottom: 27px;
border-radius: 13px;
background-color: #f5f5f5;
display: flex;
gap: 23px;
transition: all 0.5s ease;
 -webkit-filter: blur(0px);
flex: 1;
          }




@media only screen and (max-width: 600px) {
            .manager_2024 {
padding-left: 23px;
    padding-right: 23px;
    padding-top: 27px;
    padding-bottom: 27px;
    border-radius: 13px;
    background-color: #f5f5f5;
    display: flex;
    gap: 23px;
    transition: all 0.5s ease;
    -webkit-filter: blur(0px);
    justify-content: flex-start;
    align-items: baseline;
    flex-direction: column;
flex: 1;
            }
        }












.founders_c4_2024  {
display: grid;                    /* Устанавливаем grid-контейнер */
            grid-template-columns: repeat(4, 1fr);
gap: 23px;
        }

@media only screen and (max-width: 600px) {
            .founders_c4_2024 {
display: flex;
                flex-direction: column; /* Новый цвет при малой ширине экрана */
            }
        }


.player_2024  {
    padding-left: 23px;
padding-right: 23px;
    padding-top: 27px;
    padding-bottom: 27px;
border-radius: 13px;
background-color: #f5f5f5;
display: flex;
gap: 23px;
transition: all 0.5s ease;
 -webkit-filter: blur(0px);
          }

.player_2024_ganus  {
    padding-left: 23px;
padding-right: 46px;
    padding-top: 27px;
    padding-bottom: 27px;
border-radius: 13px;
background-color: #f5f5f5;
display: flex;
gap: 23px;
transition: all 0.5s ease;
 -webkit-filter: blur(0px);
          }


.videocover_2024  {
transition: all 0.5s ease;
        }

.videocover_2024:hover {
transform: translateY(-5px);
}

.videocovers_2024  {
display: grid;                    /* Устанавливаем grid-контейнер */
            grid-template-columns: repeat(2, 1fr);
gap: 23px;
        }

@media only screen and (max-width: 600px) {
            .videocovers_2024 {
display: flex;
gap: 0px;
                flex-direction: column; /* Новый цвет при малой ширине экрана */
            }
        }


.videocover2_2024  {
transition: all 0.5s ease;
        }

.videocover2_2024:hover {
transform: translateY(-5px);
}


@media only screen and (max-width: 600px) {
            .videocover2_2024 {
margin-top: 19px;
            }
        }

.slider_antro_mainblock  {
height: 100%;
display: flex;
    flex-direction: column;
    justify-content: space-between;
          }

.slider_antro_1block  {
          }

.slider_antro_2block  {
height: 117px;
display: flex;
    justify-content: flex-end;
          }




.new_info_block_2024  {
display: flex;
gap: 23px;
margin-top: 10px;
margin-bottom: 9px;
          }

.new_info_image_block_2024  {
width: 666px;
box-sizing: border-box;
height: 100%;
display: flex;
          }

.new_info_text_block_2024  {
width: 319px;
border-radius: 13px;
background-color: #f5f5f5;
display: flex;
flex-direction: column;
          }

a81, .a81 {
color: #000000;
  font-family: "VelaSansRegular", sans-serif;
  font-size: 14px;
margin-top: -7px;
line-height: 1.9;
}



.new_info_block2_2024  {
display: flex;
gap: 23px;
margin-top: 0px;
margin-bottom: 9px;
          }


@media only screen and (max-width: 600px) {
            .new_info_block2_2024 {
flex-direction: column;; 
            }
        }




@media only screen and (max-width: 600px) {
            .new_info_block_2024 {
flex-direction: column;; 
            }

.new_info_image_block_2024 {
display: block;
width: 100%; 
box-sizing: border-box;
            }

.new_info_text_block_2024 {
width: 100%; 
            }
        }


.curator_manager_block  {
display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 23px;
margin-top: 18px;
height: auto;
          }

.curator_manager_block_1  {
display: flex;
          }

.curator_manager_block_2  {
display: flex;
height: auto;
          }







.wrapper_mobile_2024 .carousel_gradient_2024 {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 321px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  gap: 23px;
  scroll-behavior: smooth;
  scrollbar-width: none;
border-radius: 13px;
margin-top: -16px;
margin-bottom: 3px;
}

.carousel_gradient_2024::-webkit-scrollbar {
  display: none;
}
.carousel_gradient_2024.no-transition {
  scroll-behavior: auto;
}
.carousel_gradient_2024.dragging {
  scroll-snap-type: none;
  scroll-behavior: auto;
}


.carousel_gradient_2024.dragging .card_gradient_2024 {
  cursor: grab;
  user-select: none;
}
.carousel_gradient_2024 :where(.card_gradient_2024, .img) {
  display: flex;
  justify-content: center;
  align-items: center;
}

.carousel_gradient_2024 .card_gradient_2024 {
  scroll-snap-align: start;
  list-style: none;
  cursor: pointer;
  flex-direction: column;
  border-radius: 13px;
height: 182px;
background-image: linear-gradient(23deg, #47398b, #5352a5);
}

.carousel_gradient_2024 .card_gradient_2024 .img {

}

.card_gradient_2024 .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.carousel_gradient_2024 .card_gradient_2024 h2 {
  font-weight: 500;
  font-size: 1.56rem;
  margin: 30px 0 5px;
}

.carousel_gradient_2024 .card_gradient_2024 span {
  color: #6A6D78;
  font-size: 1.31rem;
}

@media screen and (max-width: 900px) {
  .wrapper_mobile_2024 .carousel_gradient_2024 {
    grid-auto-columns: calc((100% / 2) - 9px);
}
}

@media screen and (max-width: 600px) {
  .wrapper_mobile_2024 .carousel_gradient_2024 {
    grid-auto-columns: 100%;
margin-top: -16px;
  }


.carousel_gradient_2024 .card_gradient_2024 {
height: auto;
padding-bottom: 25px;
        padding-top: 25px;
  }
}


.block_gradient_2024 {

  }

.gradient_svg {
width: 100%;
    height: 100%;
  }

.curator_big_2024 {
margin-bottom: 23px;
}






.wrapper_mobile_2024 .carousel_gradient2_2024 {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 321px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  gap: 23px;
  scroll-behavior: smooth;
  scrollbar-width: none;
border-radius: 13px;
margin-top: -16px;
margin-bottom: 3px;
}

.carousel_gradient2_2024::-webkit-scrollbar {
  display: none;
}
.carousel_gradient2_2024.no-transition {
  scroll-behavior: auto;
}
.carousel_gradient2_2024.dragging {
  scroll-snap-type: none;
  scroll-behavior: auto;
}


.carousel_gradient2_2024.dragging .card_gradient2_2024 {
  cursor: grab;
  user-select: none;
}
.carousel_gradient2_2024 :where(.card_gradient2_2024, .img) {
  display: flex;
  justify-content: center;
  align-items: center;
}

.carousel_gradient2_2024 .card_gradient2_2024 {
  scroll-snap-align: start;
  list-style: none;
  cursor: pointer;
  flex-direction: column;
  border-radius: 13px;
height: 182px;
background-image: linear-gradient(23deg, #1e6a9f, #4899b0);
}

.carousel_gradient2_2024 .card_gradient2_2024 .img {

}

.card_gradient2_2024 .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.carousel_gradient2_2024 .card_gradient2_2024 h2 {
  font-weight: 500;
  font-size: 1.56rem;
  margin: 30px 0 5px;
}

.carousel_gradient2_2024 .card_gradient2_2024 span {
  color: #6A6D78;
  font-size: 1.31rem;
}

@media screen and (max-width: 900px) {
  .wrapper_mobile_2024 .carousel_gradient2_2024 {
    grid-auto-columns: calc((100% / 2) - 9px);
}
}

@media screen and (max-width: 600px) {
  .wrapper_mobile_2024 .carousel_gradient2_2024 {
    grid-auto-columns: 100%;
margin-top: -16px;
  }


.carousel_gradient2_2024 .card_gradient2_2024 {
height: auto;
padding-bottom: 25px;
        padding-top: 25px;
  }
}


.schemecardsblock_slider  {
width: 100%;
gap: 23px;
margin-top: 0px;
margin-bottom: 7px;
display: flex;
    flex-direction: row;
    align-items: flex-start;
justify-content: space-between;
        }

@media only screen and (max-width: 600px) {
.schemecardsblock_slider  {
    flex-direction: column;
gap: 23px;
height: 100%;
   }
}


.schemecardsblock_slider_reverse  {
width: 100%;
gap: 23px;
margin-top: 0px;
margin-bottom: 7px;
display: flex;
flex-direction: row-reverse;
    align-items: flex-start;
justify-content: space-between;
        }

@media only screen and (max-width: 600px) {
.schemecardsblock_slider_reverse  {
    flex-direction: column;
gap: 23px;
height: 100%;
   }
}

.schemecardsblock_slider_reverse2  {
width: 100%;
gap: 22px;
margin-top: 0px;
margin-bottom: 7px;
display: flex;
flex-direction: row-reverse;
    align-items: flex-start;
justify-content: space-between;
        }

@media only screen and (max-width: 600px) {
.schemecardsblock_slider_reverse2  {
    flex-direction: column-reverse;
gap: 23px;
height: 100%;
   }
}


.schemecardsblock_slider_local  {
width: 100%;
gap: 23px;
margin-top: 0px;
margin-bottom: 7px;
display: flex;
    flex-direction: row;
    align-items: flex-start;
justify-content: space-between;
        }

@media only screen and (max-width: 600px) {
.schemecardsblock_slider_local  {
    flex-direction: column-reverse;
gap: 23px;
height: 100%;
   }
}



.photocard_2024 {
  width: 100%;
border-radius: 13px;
}

.photocard_2024_2  {
box-sizing: border-box;
height: 100%;
display: flex;
margin-bottom: -3px;
          }

.double_founders_2024  {
margin-top: 23px;
display: flex;
flex-direction: column;
gap: 23px;
          }

.photocard_2024_3  {
box-sizing: border-box;
width: 666px;
display: flex;
margin-bottom: -3px;
          }

.photocard_2024_4  {
box-sizing: border-box;
width: 318px;
display: flex;
margin-bottom: -3px;
          }

.photocard_2024_5  {
box-sizing: border-box;
width: 321px;
display: none;
margin-bottom: -3px;
          }

@media only screen and (max-width: 600px) {
.photocard_2024_3  {
    width: 100%;
   }

.photocard_2024_4  {
display: none;
   }

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

.gradintribbon  {
height: 43px;
margin-top: 43px;
background-image: linear-gradient(90deg, #ae342b, #e6cb77, #a8b090, #236d8f, #cd456a);
width: 100vw;
    margin-left: calc(49% - 49.9vw);
    }

@media only screen and (max-width: 600px) {
.gradintribbon  {
margin-top: 23px;
        height: 23px;
       }
}

@media only screen and (max-width: 1605px) {
.gradintribbon {
zoom: 122%;
    }
}


.book_dwnld_2024  {
margin-top: 26px;
    }

.book_dwnld_2_2024  {
margin-top: 25px;
    margin-bottom: 23px;
    }

.book_btn_2024  {
border-radius: 13px;
background-color: #3c3c3c;
display: flex;
justify-content: center;
transition: all 0.5s ease;
margin-bottom: 23px;
          }

.book_btn_2024:hover {
  transform: scale(1.01);
-webkit-filter: blur(0px);
}


.contacts_2024  {
margin-top: 10px;
display: grid;                    
            grid-template-columns: repeat(5, 1fr);
gap: 23px;
        }

@media only screen and (max-width: 600px) {
            .contacts_2024 {
display: flex;
                flex-direction: column; 
            }
        }

.contact_2024  {
    padding-left: 23px;
padding-right: 23px;
    padding-top: 27px;
    padding-bottom: 27px;
border-radius: 13px;
background-color: #4c4c4c;
display: flex;
flex-direction: column;
align-items: center;
gap: 23px;
transition: all 0.5s ease;
          }

.contact_2024:hover {
transform: translateY(-5px);
background-color: #545454;
}





.test_mesh_bg {
  width: 100%;
margin-top: 23px;
margin-bottom: 23px;
border-radius: 13px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 600'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E"); 
}


.test_mesh_bg_2 {
    width: 100%;
    border-radius: 13px;
    position: relative; /* Для позиционирования псевдоэлементов */
    overflow: hidden; /* Предотвращаем выход псевдоэлементов за пределы блока */
}

.test_mesh_bg_2::before,
.test_mesh_bg_2::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    transition: opacity 1s ease; /* Плавный переход для opacity */
}

/* Первое изображение */
.test_mesh_bg_2::before {
    background-image: url("/local/templates/peremena74_2024/css/../images/mesh_1_2024.png");
    opacity: 1; /* Полная видимость */
    animation: fadeAnimation 9s linear infinite; /* Применение анимации */
}

/* Второе изображение */
.test_mesh_bg_2::after {
    background-image: url("/local/templates/peremena74_2024/css/../images/mesh_3_2024.png");
    opacity: 0; /* Изначально скрыто */
}

/* Анимация для смены изображений */
@keyframes fadeAnimation {
    0%, 100% {
        opacity: 1; /* Первое изображение полностью видно */
    }
    50% {
        opacity: 1; /* Первое изображение исчезает */
    }
}

/* Также анимация для второго изображения */
.test_mesh_bg_2::after {
    animation: fadeOut 9s linear infinite; /* Анимация скрытия первого изображения */
}

@keyframes fadeOut {
    0%, 100% {
        opacity: 0; /* Второе изображение скрыто */
    }
    50% {
        opacity: 1; /* Второе изображение становится видимым */
    }
}



.founders_new_2024  {
display: flex;
flex-direction: column;
gap: 23px;
          }




.glowz_button_2 {
    cursor: pointer;
    position: relative;
    border-radius: 13px;
    display: flex;
    justify-content: center;
    transition: transform 0.5s ease, background 0.5s ease; /* Плавный эффект увеличения и изменение цвета фона */
}

.glowz_button_2:after {
    z-index: -1;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #3c3c3c;
    left: 0;
    top: 0;
    border-radius: 13px;
    transition: background 0.5s ease; /* Плавный переход для изменения фона */
}

.glowz_button_2:before {
    content: '';
    background-image: url("/local/templates/peremena74_2024/css/../images/mesh_1_2024.png");
    position: absolute;
    top: -3px;
    left: -3px;
    background-size: 150%;
    z-index: -2;
    filter: blur(13px);
    width: calc(100% + 6px);
    height: calc(100% + 6px);
    opacity: 1; /* Полная видимость первого изображения */
}

/* Добавим второе изображение */
.glowz_button_2 .mesh2 {
    content: '';
    background-image: url("/local/templates/peremena74_2024/css/../images/mesh_3_2024.png");
    position: absolute;
    top: -3px;
    left: -3px;
    background-size: 150%;
    z-index: -1;
    filter: blur(13px);
    width: calc(100% + 6px);
    height: calc(100% + 6px);
    opacity: 0; /* Изначально скрыто */
    animation: meshFade 9s linear infinite; /* Плавная анимация */
}

/* Анимация для второго изображения */
@keyframes meshFade {
    0%, 20% {
        opacity: 0; /* Изначально скрыто */
    }
    40%, 60% {
        opacity: 1; /* Полная видимость */
    }
    80%, 100% {
        opacity: 0; /* Скрывается снова */
    }
}

.glowz_button_2:active {
    color: #000;
}

.glowz_button_2:active:after {
    background: transparent;
}

.glowz_button_2:hover {

}

.glowz_button_2:hover:after {
    background: #4c4c4c; /* Меняем фон при наведении */
}




.glowz_button_3 {
    cursor: pointer;
    position: relative;
    border-radius: 13px;
    display: flex;
    justify-content: center;
    transition: transform 0.5s ease, background 0.5s ease; /* Плавный эффект увеличения и изменение цвета фона */
}

.glowz_button_3:after {
    z-index: -1;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #4c4c4c; /* Изменённый цвет фона */
    left: 0;
    top: 0;
    border-radius: 13px;
    transition: background 0.5s ease; /* Плавный переход для изменения фона */
}

.glowz_button_3:before {
    content: '';
    background-image: url("/local/templates/peremena74_2024/css/../images/mesh_1_2024.png");
    position: absolute;
    top: -3px;
    left: -3px;
    background-size: 150%;
    z-index: -2;
    filter: blur(13px);
    width: calc(100% + 6px);
    height: calc(100% + 6px);
    opacity: 1; /* Полная видимость первого изображения */
}

/* Добавим второе изображение */
.glowz_button_3 .mesh2 {
    content: '';
    background-image: url("/local/templates/peremena74_2024/css/../images/mesh_3_2024.png");
    position: absolute;
    top: -3px;
    left: -3px;
    background-size: 150%;
    z-index: -1;
    filter: blur(13px);
    width: calc(100% + 6px);
    height: calc(100% + 6px);
    opacity: 0; /* Изначально скрыто */
    animation: meshFade 9s linear infinite; /* Плавная анимация */
}

/* Анимация для второго изображения */
@keyframes meshFade {
    0%, 20% {
        opacity: 0; /* Изначально скрыто */
    }
    40%, 60% {
        opacity: 1; /* Полная видимость */
    }
    80%, 100% {
        opacity: 0; /* Скрывается снова */
    }
}

.glowz_button_3:active {
    color: #000;
}

.glowz_button_3:active:after {
    background: transparent;
}

.glowz_button_3:hover {

}

.glowz_button_3:hover:after {
    background: #545454; /* Меняем фон при наведении */
}




.winners_2024  {
display: flex;
flex-direction: column;
    gap: 35px;
margin-top: 10px;
margin-bottom: 4px;
          }

/* End */
/* /local/templates/peremena74_2024/css/style.css?1737987659140080 */