html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, #footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video, claim, hero {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
#footer, header, hgroup, menu, nav, section, claim, hero {
  display: block;
}
html, body {
  /* height: 100%; */
}
body {
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
ol, ul {
  /* list-style: none; */
}


::marker {
}


blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
.ui-sortable, .ui-sortable li, .ui-sortable h3 {
  zoom:1;
}
a {
  color: var(--mainColor);
  text-decoration: none;
}


:root {
  --mainColor: #DB2426;
}

*:focus-visible {
    /* border: 0; */
    outline: 0;
}


section {
  /* scroll-margin-top: 100px; */
}

 .form-success {
     display: flex;
     position: fixed;
     z-index: 99999999999;
     width: 100%;
     height: 100%;
     background:rgb(239 233 231 / 79%);
     top: 0;
     left: 0;
     justify-content: center;
     align-items: center;
 }
 
 .form-success--wrapper {
     background: white;
     font-size: 26px;
     padding: 40px;
     color: #000000;
 }
 .form-success--wrapper h3 {
     padding: 0;
 }
 
 .form-success--wrapper {
     border-radius: 80px;
 }

 
 body #cookiescript_injected {
     background: white
 }
 
 /* body #cookiescript_injected:before {
     content: "";
     position: absolute;
     width: 100%;
     left: 0;
     top: 0;
     right: 0;
     bottom: 0;
     background-color: var(--textColor);
     opacity: .5
 } */
 
 body #cookiescript_injected_fsd .mdc-switch .mdc-switch__track::after {
     display: none
 }
 
 body #cookiescript_injected_fsd .mdc-switch:disabled .mdc-switch__track {
     opacity: .2
 }
 
 body #cookiescript_injected_fsd .mdc-switch__track {
     opacity: 1
 }
 
 body #cookiescript_injected_fsd .mdc-switch__track:before {
     background-color: var(--primaryColor)
 }
 
 body #cookiescript_injected_fsd #cookiescript_fsd_wrapper {
     font-family: Inter,sans-serif;
     background-color: var(--backgroundColor);
     border-radius: 16px;
     box-shadow: none
 }
 
 body #cookiescript_injected_fsd #cookiescript_fsd_wrapper #cookiescript_readmore {
     color: var(--primaryColor)
 }
 
 body #cookiescript_injected_fsd #cookiescript_fsd_wrapper .cookiescript_fsd_header {
     /* background-color: var(--primaryColor) */
 }
 
 body #cookiescript_injected_fsd #cookiescript_fsd_wrapper .cookiescript_fsd_header .cookiescript_fsd_logo {
     filter: brightness(10)
 }
 
 body #cookiescript_injected_fsd #cookiescript_fsd_wrapper .cookiescript_fsd_main .cookiescript_fsd_description,body #cookiescript_injected_fsd #cookiescript_fsd_wrapper .cookiescript_fsd_main .cookiescript_fsd_title {
     color: var(--dark)
 }
 
 body #cookiescript_injected_fsd #cookiescript_fsd_wrapper .cookiescript_fsd_main .cookiescript_fsd_description {
     line-height: 1.6
 }
 
 body #cookiescript_injected_fsd #cookiescript_fsd_wrapper .cookiescript_fsd_tabs>.cookiescript_active {
     border-top-color: var(--primaryColor);
     color: var(--white);
     background-color: var(--primaryColor)
 }
 
 body #cookiescript_injected_fsd #cookiescript_fsd_wrapper .cookiescript_fsd_tabs_content {
     background-color: var(--backgroundColor);
     color: var(--textColor)
 }
 
 body #cookiescript_injected_fsd #cookiescript_fsd_wrapper .cookiescript_fsd_tabs_content::-webkit-scrollbar-thumb {
     background-color: var(--primaryColor)
 }
 
 body #cookiescript_injected_fsd #cookiescript_fsd_wrapper .cookiescript_fsd_tabs_content .cookiescript_fsd_category .cookiescript_fsd_cookies .cookiescript_vendor_name a {
     color: var(--secondaryColor)
 }
 
 body #cookiescript_injected_fsd #cookiescript_fsd_wrapper .cookiescript_fsd_tabs_content .cookiescript_fsd_category .cookiescript_fsd_cookies::-webkit-scrollbar-thumb {
     background-color: var(--primaryColor)
 }
 
 body #cookiescript_injected_fsd #cookiescript_fsd_wrapper .cookiescript_fsd_tabs_content .cookiescript_fsd_category .cookiescript_fsd_cookies_table th {
     color: var(--dark)
 }
 
 body #cookiescript_injected_fsd #cookiescript_fsd_wrapper .cookiescript_fsd_tabs_content .cookiescript_fsd_category .cookiescript_fsd_cookies_table td:nth-child(2) {
     color: var(--primaryColor)
 }
 
 body #cookiescript_injected_fsd #cookiescript_fsd_wrapper .cookiescript_fsd_tabs_content .cookiescript_fsd_category .cookiescript_fsd_cookies_control {
     color: var(--primaryColor)
 }
 
 body #cookiescript_injected_fsd #cookiescript_fsd_wrapper .cookiescript_fsd_tabs_content .cookiescript_fsd_category .mdc-switch.mdc-switch--selected:enabled .mdc-switch__track {
     background-color: var(--primaryColor)
 }
 
 body #cookiescript_injected_fsd #cookiescript_fsd_wrapper .cookiescript_fsd_tabs_content .cookiescript_fsd_category .mdc-switch.mdc-switch--selected:enabled .mdc-switch__handle::after {
     background-color: var(--primaryColor)
 }
 
 body #cookiescript_injected_fsd #cookiescript_fsd_wrapper .cookiescript_fsd_footer #cookiescript_buttons #cookiescript_save {
     background-color: var(--primaryColor);
     border-color: var(--primaryColor);
     color: var(--white)
 }
 
 body #cookiescript_injected_fsd #cookiescript_fsd_wrapper .cookiescript_fsd_footer #cookiescript_buttons #cookiescript_accept,body #cookiescript_injected_fsd #cookiescript_fsd_wrapper .cookiescript_fsd_footer #cookiescript_buttons #cookiescript_reject,body #cookiescript_injected_fsd #cookiescript_fsd_wrapper .cookiescript_fsd_footer #cookiescript_buttons #cookiescript_save {
     border-radius: 16px
 }
 
 body #cookiescript_injected #cookiescript_wrapper {
     background-color: var(--backgroundColor);
     color: var(--dark);
     font-family: Inter,sans-serif;
     border-radius: 16px;
     box-shadow: none;
     padding: 30px
 }
 
 body #cookiescript_injected #cookiescript_wrapper #cookiescript_header {
     font-size: 25px;
     color: var(--textColor)
 }
 
 body #cookiescript_injected #cookiescript_wrapper #cookiescript_description {
     color: var(--textColor);
     font-size: 16px
 }
 
 body #cookiescript_injected #cookiescript_wrapper #cookiescript_description #cookiescript_readmore {
     color: var(--primaryColor)
 }
 
 body #cookiescript_injected #cookiescript_wrapper #cookiescript_description #cookiescript_readmore:hover {
     text-decoration: underline;
     color: inherit
 }
 
 body #cookiescript_injected #cookiescript_wrapper #cookiescript_buttons {
     flex-direction: row-reverse;
     margin-bottom: 20px;
     color: var(--white)
 }
 
 body #cookiescript_injected #cookiescript_wrapper #cookiescript_buttons #cookiescript_accept {
     color: var(--white);
     font-size: 14px;
     border-radius: 16px;
     background-color: var(--primaryColor);
     transition: .3s
 }
 
 body #cookiescript_injected #cookiescript_wrapper #cookiescript_buttons #cookiescript_accept:hover {
     box-shadow: 0 0 14px 0 var(--primaryColor)
 }
 
 body #cookiescript_injected #cookiescript_wrapper #cookiescript_buttons #cookiescript_reject {
     color: white;
     font-size: 14px;
     border-radius: 16px;
     background-color: var(--dark);
     border: 1px solid var(--dark);
     transition: .3s
 }
 
 body #cookiescript_injected #cookiescript_wrapper #cookiescript_buttons #cookiescript_reject:hover {
     box-shadow: 0 0 14px 0 var(--dark)
 }
 
 body #cookiescript_injected #cookiescript_wrapper #cookiescript_manage_wrap #cookiescript_manage {
     color: var(--textColor)
 }
 
 body #cookiescript_injected #cookiescript_wrapper #cookiescript_manage_wrap #cookiescript_manage #cookiescript_manageicon .cookiescript_gear {
     fill: var(--textColor)
 }
 
 body #cookiescript_injected #cookiescript_wrapper #cookiescript_link {
     color: var(--dark)
 }
 
 body #cookiescript_badge {
     background-color: var(--primaryColor)
 }
 
 body #cookiescript_badge .cookiescriptlogo {
     fill: var(--white)
 }
 
 body #cookiescript_badge #cookiescript_badgetext {
     color: var(--white)
 }
 
 body #cookiescript_badge_text {
     color: var(--white)
 }


/*--------*/


body {
    font-family: Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
    color: #6E6E6E;
    background: white;
}


h1,h2,h3 {
  color: #222222;
  font-weight: 400;
}
h1{
  font-size: clamp(40px,3.6vw,64px);
  position: relative;
  padding-bottom: 2%;
}
h2{
  font-size: clamp(30px,3.6vw,48px);
  /* margin: 0; */
  /* padding: 0; */
}
h3{
  font-size: 32px;
}

nav {
    height: 63px;
    box-shadow: 0 3px 6px rgb(0 0 0 / 9%);
    position: fixed;
    width: 100%;
    z-index: 999;
    background: white;
    top: 0;
}

header {
    background: #F4F4F4;
    height: calc(100vh - 63px);
    margin-top: 63px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.menu-center a {
    font-weight: 500;
    /* padding: 20px 30px; */
    border-bottom: 2px solid var(--mainColor);
    border-bottom-color: transparent;
    color: #312E2E;
    transition: all ease 0.5s;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: clamp(10px,1.8vw,30px);
    padding-left: clamp(10px,1.8vw,30px);
}
.logo {
    margin-bottom: -6px;
}

a:hover {
    text-decoration: underline;
}

.button.red {
    background: var(--mainColor);
    color: white;
}

.button {
    border-radius: 50px;
    color: black;
    padding: 7px 17px;
    font-size: 14px;
    font-weight: 500;
    transition: all ease 0.3s;
    white-space: nowrap;
}

h1 span:before {
    position: absolute;
    content: '';
    background: var(--mainColor);
    width: 25px;
    height: 25px;
    left: 0;
    border-radius: 40px;
    top: -40px;
}

.hero {
    display: flex;
    padding: 46px 0;
    justify-content: space-between;
    height: calc(100% - 186px);
    max-width: 1920px;
    margin: auto;
    width: 100%;
}

.header-bar {
    display: flex;
    background: white;
    border-bottom: 0.9px solid #707070;
}

.header-bar-item-title {
    font-size: clamp(18px,1.4vw,26px);
    color: #312E2E;
    padding-bottom: 20px;
}

header a {
    font-weight: 500;
}

.header-bar-item {
    padding: 35px;
    padding: clamp(35px,1.6%,1.6%);
    padding-bottom: 50px;
    padding-top: 52px;
    width: 16.7%;
}
.header-bar-item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.hero-left {
    padding: 35px;
    background: #f4f4f4;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 35.7%;
    padding-right: 0;
}

.cta a {
}

.button:hover {
    box-shadow: 0px 3px 7px silver;
    text-decoration: none;
}

.menu-center a:hover {
    text-decoration: none;
    border-color: var(--mainColor);
    color: black;
}

header .hero-right .login {
    position: absolute;
    /* display: none; */
    background: white;
    bottom: -16px;
    right: 55px;
    padding: 25px;
    max-width: 343px;
    box-shadow: 0 3px 20px rgb(0 0 0 / 16%);
    padding-bottom: 20px;
    text-align: left;
}

.hero-left-extratext {
    max-width: 306px;
    line-height: 150%;
    align-self: end;
}

.hero-right {
    width: 63.2%;
    padding-left: 6%;
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.hero-right-img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hero-left h1 {
    height: 100%;
    display: flex;
    align-items: center;
}

header .hero-right .login h3 {
    font-size: 24px;
    max-width: 220px;
    padding-bottom: 25px;
}

input, textarea {
    padding: 8px 12px;
    background: white;
    border: 1px solid lch(78 2.78 269.99 / 0.8);
    border-radius: 5px;
    width: 100%;
    box-sizing: border-box;
    font-family: inherit;
    font-size: 14px;
    color: black;
}

label {
    display: block;
    padding-bottom: 8px;
    font-size: 14px;
    color: #6E6E6E;
}

.input {
    padding-bottom: 17px;
}

::placeholder {
    color: #BFC1C6;
}

a.input-red {
    font-size: 10px;
    text-transform: uppercase;
    text-align: right;
    margin: auto;
    margin-right: 0;
    width: 100%;
    display: inline-block;
    margin-top: 8px;
}

.hero-right-img-wrap {
    height: 100%;
    max-height: 72vh;
}

input[type="submit"] {
    appearance: none;
    -webkit-appearance: none;
    border-radius: 50px;
    color: black;
    font-size: 14px;
    font-weight: 500;
    transition: all ease 0.3s;
    background: var(--mainColor);
    color: white;
    border: 0;
    width: auto;
    padding: 10px 32px;
    margin-top: 15px;
}
input[type="submit"]:hover {
    box-shadow: 0px 3px 7px silver;
    cursor: pointer;
}

.nav-wrap {
    max-width: 1920px;
    margin: auto;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    padding: 0 35px;
}
h1 span {
    position: relative;
    display: block;
    z-index: 1;
}
section#info {
    background: #F4F4F4;
}

.info-flex-first .main-wrap {
    display: flex;
    align-content: center;
    align-items: center;
    /* position: relative; */
}

.info-flex-first-item-left {
    width: 50%;
}

.info-flex-first-item-right {
    width: 50%;
    padding-left: 6%;
    max-width: calc(513px + 6%);
}

p {
    line-height: 150%;
}

strong {
    line-height: 150%;
}

.main-wrap {
    width: 100%;
    max-width: 1445px;
    padding: 0 35px;
    margin: auto;
}

.info-flex-sec .main-wrap {
    display: flex;
}

.info-flex-first {
    padding-top: 8%;
    padding-bottom: 8%;
    border-bottom: 0.9px solid #707070;
    position: relative;
}

.info-flex-first-item-right {}

.info-flex-sec-item:nth-child(1) {
    border-right: 0.9px solid #707070;
    padding: 6%;
    padding-left: 0;
}

.info-flex-sec-item:nth-child(2) {
    padding: 6%;
    padding-right: 0;
}

p, strong {
    margin-block-end: 1em;
    /* margin-block-start: 1em; */
}

.info-flex-first-item-left h2 {
    font-size: clamp(35px,3.6vw,64px);
    max-width: 530px;
    position: relative;
    z-index: 1;
    color: white;
}

strong {
    color: #222222;
}

.info-flex-sec-item .perex {
    max-width: 384px;
    padding-bottom: 20px;
}

.info-flex-sec-item h2 {
    padding-bottom: 20px;
    /* margin: 0; */
    /* padding: 0; */
    margin-block-end: 0;
}

.info-flex-sec-item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.info-flex-sec {
    border-bottom: 0.9px solid #707070;
}
.info-flex-sec-img {
    margin-top: 30px;
}
.info-flex-first-item-right strong {
    display: block;
}

.info-flex-sec-img img {
    width: 100%;
}

section#nrg-areas {
    padding-top: 7%;
    padding-bottom: 7%;
    background: #f4f4f4;
    overflow: hidden;
}

.nrg-areas-text h2 {
    font-size: 32px;
    font-weight: 500;
    max-width: 297px;
    padding-bottom: 40px;
}

.nrg-areas-text h3 {
    font-size: 16px;
    font-weight: normal;
    color: #6E6E6E;
    padding-bottom: 15px;
}

.nrg-areas-text-countries-country {
    font-size: 18px;
    padding: 14px 25px;
    border: 0.9px solid #3F3D3D;
    margin: 15px;
    border-radius: 14px;
    color: black;
    display: inline-block;
    margin-left: 0;
    margin-top: 0;
}

.nrg-areas-text-countries {
    max-width: 470px;
    margin-bottom: 10px;
}

.nrg-areas-flex {
    display: flex;
}

.nrg-areas-text {
    width: 35%;
}

.nrg-areas-map {
    width: 80%;
    position: relative;
    display: flex;
    align-items: center;
}

section#benefits {
    background: white;
}

.blur {
    position: absolute;
    top: 0;
    width: 100%;
    transform: translateY(-34%) translateX(1%);
    opacity: 0.6;
    pointer-events: none;
}

.blur img {
    width: 100%;
}

.nrg-areas-map img {
    width: 100%;
    filter: saturate(1.3) brightness(0.8);
}

.blur img {
    width: auto;
    pointer-events: none;
}

section#nrg-areas .main-wrap {
    margin: 0;
    padding-right: 0;
    margin-right: 0;
    margin-left: calc((100vw - 1445px) / 2);
    width: calc(100vw - (100vw - 1373px) / 2));
    max-width: 100%;
}
.showcase-header-wrap .perex p {
    padding-right: 15px;
}

.four-col a, .four-col span {
    margin-bottom: 20px;
    margin-right: 12px;
    width: 20%;
    white-space: nowrap;
}

.four-col {
    display: flex;
    flex-wrap: wrap;
}

span#main-flex2 {
  padding: 0px 30px;
}

@media screen and (max-width:1445px){
  
  section#nrg-areas .main-wrap {
     width: 100%;
     max-width: 1445px;
     margin: auto;
     padding-right: 35px;
  }
  
}

.benefits-wrap {
    padding: 0 35px;
    max-width: 1920px;
    padding-top: 5%;
    padding-bottom: 5%;
    margin: auto;
}

section#partners {
    background: #f4f4f4;
}

section#benefits h2 {
    padding-bottom: 40px;
}

section#benefits .perex {
    max-width: 400px;
    padding-bottom: 40px;
}

.benefits-items-flex {display: flex;flex-wrap: wrap;gap: 20px 1.1%;justify-content: flex-start;}

.benefits-item {
    background: #f4f5f7;
    border-radius: 14px;
    padding: 35px 30px;
    width: 24%;
}

.benefits-item p {
    margin: 0;
}

.benefits-item h3 {
    font-size: clamp(20px,2.5vw,32px);
    font-weight: 500;
    padding-bottom: 20px;
    max-width: 320px;
}

section#partners {
    padding-top: 7%;
    padding-bottom: 7%;
    border-bottom: 13px solid var(--mainColor);
    border-top: 13px solid var(--mainColor);
    scroll-margin-top: 100px;
    
}

.partners-logos {
    border-top: 0.9px solid #707070;
    border-bottom: 0.9px solid #707070;
}

.partners-logos-wrap {
    max-width: 1000px;
    padding: 10px 35px;
    margin: auto;
    display: flex;
    justify-content: center;
}

.partners-logos-wrap img {}

.partners-logo a {
    padding: 10px;
    display: inline-block;
}

.partners-logo img {
    width: 100%;
    height: 100%;
    max-width: 162px;
    max-height: 85px;
    mix-blend-mode: multiply;
}

.partners-header-wrap {
    padding: 0 35px;
    padding-bottom: 3%;
    text-align: center;
    max-width: 500px;
    margin: auto;
}

.partners-header-wrap h2 {
    padding-bottom: 30px;
}

.showcase-header-wrap {
    padding: 0 35px;
    display: flex;
    justify-content: space-between;
}

section#showcase {
    padding-top: 3%;
}

.showcase-header-wrap h2 {
    width: 45%;
    padding-right: 5%;
}

.showcase-header-wrap .perex {
    width: 50%;
    display: flex;
}

.showcase-header-wrap .perex strong {
    font-size: 18px;
    padding-right: 3%;
}

.showcase-content-wrap {
    padding: 0 35px;
    padding-top: 3%;
    padding-bottom: 3%;
}

.showcase-content-wrap {
    display: flex;
}

.showcase-content-second {
    display: flex;
    flex-wrap: wrap;
    width: 50%;
    gap: 2.2%;
    padding-left: 0%;
}

.showcase-content-wrap h3 {
    font-size: 17px;
    font-weight: 500;
    padding-top: 1.6%;
}

.showcase-content-wrap img {
    width: 100%;
    border-radius: 5px;
    display: block;
}

.showcase-content-first {
    width: 50.8%;
    padding-right: 1.5%;
}

a.showcase-item {
    width: 48.4%;
}

.showcase-content-first h3 {padding-top: 0.7%;padding-bottom: 0.9%;}



a.showcase-more-button {
    font-size: clamp(20px,2.4vw,32px);
    font-weight: 500;
    color: white;
    background: var(--mainColor);
    padding: 27px;
    border-radius: 70px 0 0 70px;
    width: 50%;
    display: block;
    padding-left: 35px;
    display: flex;
    justify-content: space-between;
    padding-right: 36px;
    transition: all ease 0.5s;
}

a.showcase-more-button:hover {
    text-decoration: none;
}

.showcase-more {
    padding-left: 35px;
    border-top: 0.9px solid #707070;
    display: flex;
    justify-content: flex-end;
}

.section-header-wrap {
    padding: 0 35px;
    display: flex;
    justify-content: space-between;
}

section#news {
    padding-top: 3%;
}

.section-header-wrap h2 {
    width: 45%;
    padding-right: 5%;
}

.section-header-wrap .perex {
    width: 50%;
    display: flex;
}

.section-header-wrap .perex strong {
    font-size: 18px;
    padding-right: 3%;
}

.section-content-wrap {
    padding: 0 35px;
    padding-top: 3%;
    padding-bottom: 3%;
}

.section-content-wrap {
    display: flex;
}

.section-content {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap: 2.2%;
    padding-left: 0%;
}

.section-content-wrap h3 {
    font-size: 17px;
    font-weight: 500;
    padding-top: 1.6%;
}

.section-content-wrap img {
    width: 100%;
    border-radius: 5px;
    display: block;
    aspect-ratio: 4 / 3;
    object-fit: cover;
}

.section-content-first {
    width: 50.8%;
    padding-right: 1.5%;
}

a.section-item {
    width: calc(25% - 1.6499%);
}

a.section-more-button {
    font-size: clamp(20px,2.4vw,32px);
    font-weight: 500;
    color: white;
    background: var(--mainColor);
    padding: 27px;
    border-radius: 70px 0 0 70px;
    width: 50%;
    display: block;
    padding-left: 35px;
    display: flex;
    justify-content: space-between;
    padding-right: 36px;
    transition: all ease 0.5s;
}

a.section-more-button:hover {
    text-decoration: none;
}

main#news{
    margin-top: 63px;
    padding-top: 32px;
}

.section-more {
    padding-left: 35px;
    border-top: 0.9px solid #707070;
    display: flex;
    justify-content: flex-end;
}

section#questions {
    background: #f4f4f4;
    padding-top: 7%;
    padding-bottom: 7%;
}

section#questions h2 {
    padding-bottom: 3%;
}

footer {
    color: white;
    background: #302e2e;
    padding: 35px;
    padding-top: 40px;
    padding-bottom: 0;
}

footer a {
    color: white;
}

.footer-first-row {
    border-bottom: 1px solid #56555591;
    display: flex;
    /* justify-content: space-between; */
    padding-bottom: 50px;
}

.first-col {
    padding-right: 5%;
    width: 15%;
}

.sec-col {
    padding-right: 5%;
}

.third-col {
    padding-right: 5%;
    width: 20%;
}

.sec-col {
    display: flex;
    /* max-width: 450px; */
    flex-wrap: wrap;
    width: 41%;
}

.sec-col a {margin-bottom: 20px;margin-right: 12px;width: 30%;}

.four-col span {
    margin-right: 30px;
}

.four-col a {
    /* margin-left: 30px; */
}

.footer-sec-row {
    padding-bottom: 80px;
    padding-top: 20px;
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
}

.four-col {
    width: 50%;
}

.tiraz {
    border-top: 1px solid #56555591;
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 14px;
    display: flex;
}

.tiraz span {
    width: 15%;
    display: inline-block;
}

.tiraz a {
    padding-right: 20px;
    margin-right: 20px;
}
a.showcase-more-button:hover {
    background: #302e2e;
    width: 52%;
}

a.showcase-item:hover img {
    opacity: 0.7;
}

a.showcase-item img {
    transition: all ease 0.5s;
}

a.showcase-item:hover h3 {
    text-decoration: none;
    color: var(--mainColor);
}

a.showcase-item:hover {
    text-decoration: none;
}

section#contact {
    margin-top: 63px;
    padding-top: 7%;
    background: #f4f4f4;
}

#contact .main-wrap {
    display: flex;
    justify-content: space-between;
}

.contact-content {
    width: 50%;
    padding-right: 5%;
}

.contact-form {
    width: 50%;
    background: white;
    padding: 35px;
    border-radius: 5px;
    max-width: 579px;
}

section#contact h2 {
    padding-bottom: 30px;
}

.main-wrap {}

section#people {
    background: #f4f4f4;
    padding-bottom: 8%;
    padding-top: 80px;
}

.people-items {
    gap: 5%;
    display: flex;
    flex-wrap: wrap;
}

.people-item {
    width: 30%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
}

.people-item-img {
    width: 100px;
    height: 100px;
    background: white;
    border: 1px solid #707070;
    border-radius: 100px;
    margin-right: 20px;
    margin-bottom: 20px;
}

.people-item-img img {
    width: 100%;
}

.people-item-img {
    overflow: hidden;
}

.people-item-text h3 {
    font-size: 24px;
    font-weight: 500;
    padding-bottom: 10px;
}

.people-item-text {
    /* padding-left: 25px; */
}

.people-item-text-pos {
    max-width: 140px;
    padding-bottom: 16px;
    font-size: 14px;
}

.people-item-text-tel {
    padding-bottom: 5px;
    font-size: 14px;
}

.people-item-text-email {
    font-size: 14px;
}

.showcase-rest {
    padding: 0 35px;
}

.showcase-rest {
    display: flex;
    flex-wrap: wrap;
    gap: 1.2%;
    padding-bottom: 50px;
}

.showcase-rest a.showcase-item {
    width: 24.1%;
    padding-bottom: 20px;
}

a.showcase-item img {
    width: 100%;
}

@media screen and (max-height:700px){
  
  header {
      height: auto;
  }
  .hero {
      height: auto;
  }
  
  .hero-right {
      height: auto;
  }
  
}

.showcase-rest a h3 {
    font-size: 18px;
    font-weight: 500;
    padding-top: 1.6%;
}


.hidden-content-wrap {
    max-width: 700px;
    padding: 30px;
    /* text-align: center; */
}

.hidden-content-wrap h3 {
    color: var(--mainColor);
    font-size: 24px;
    padding-bottom: 40px;
}

.hidden-content-wrap .perex {
    color: #6E6E6E;
}

.fancybox__content>.f-button.is-close-btn {
    background: var(--mainColor);
    border-radius: 40px;
    padding: 0px;
    width: 50px;
    height: 50px;
    color: white;
    top: 0px;
    right: 0px;
    opacity: 1;
}

.fancybox__content {
    border-radius: 25px;
    box-shadow: 0px 16px 30px #db24264a;
}

.fancybox__content>.f-button.is-close-btn:hover {
    background: black;
}

.fancybox__backdrop {
    background: rgb(255 255 255 / 80%);
}

section#form-page .main-wrap{
  max-width: 410px;
  padding: 0;
  width: 100%;
  margin: auto;
  margin-top: 63px;
  padding-top: 6%;
  padding-bottom: 10%;
}

body {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 100vh;
  background: #F4F4F4;
}

@media screen and (max-width:1200px){
  .header-bar-item {
      width: 33%;
  }
  
  .header-bar {
      flex-wrap: wrap;
  }
  
  header {
      height: auto;
  }
  
  .hero {
      height: 80vh;
  }
  .benefits-item {
      width: 32.6%;
  }
}

section#form-page {
    background: #f4f4f4;
    min-height: 72vh;
}

.login {
    text-align: center;
    background: white;
    padding: 30px;
    border-radius: 5px;
}

label {
    text-align: left;
}

section#form-page h3 {
    text-align: center;
    padding-bottom: 10px;
}
.h3-wrap {
    padding-bottom: 30px;
}

.showcase-detail-hero-img {
    max-width: 1920px;
    width: 100%;
    margin: auto;
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    height: 100%;
    /* background: red; */
}

.showcase-detail-hero-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.showcase-detail-wrap {
    max-width: 1500px;
    width: 100%;
    margin: auto;
    padding: 0 30px;
}

.showcase-detail-hero {
    position: relative;
}

section#showcase {
    padding: 0;
    /* margin-top: 63px; */
    background: #ffffff;
    padding-top: 60px;
}

.showcase-detail-hero {
    height: 60vh;
    z-index: 1;
}

.right-info-panel-credits {
    background: white;
    max-width: 310px;
    position: sticky;
    top: 100px;
    margin-top: -60vh;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    box-shadow: 0px 6px 13px #0000001f;
    margin-bottom: 30px;
    z-index: 1;
}
.showcase-detail-content .showcase-detail-wrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.showcase-detail-wrap-content {
    padding-right: 31px;
    padding-top: 5%;
    max-width: 1100px;
}

.showcase-detail-wrap-content .perex {
    max-width: 540px;
    padding-bottom: 30px;
}

.showcase-detail-wrap-content h2 {
    font-size: 32px;
    max-width: 500px;
    padding-bottom: 3%;
}

.showcase-detail-wrap-content h3 {
    font-size: 24px;
    padding-bottom: 20px;
}

.showcase-detail-content-gallery-items {
    display: flex;
    flex-wrap: wrap;
    gap: 9.5px 1%;
}

a.showcase-detail-content-gallery-item {
    display: inherit;
    width: 32.6%;
    transition: all ease 0.5s;
}

a.showcase-detail-content-gallery-item img {
    width: 100%;
    border-radius: 5px;
}

a.showcase-detail-content-files-item {
    background: white;
    display: block;
    padding: 14px;
    width: 25%;
    border-radius: 5px;
    transition: all ease 0.5s;
    min-width: 200px;
}

.showcase-detail-content-files-item-title {
    color: #312E2E;
    font-weight: bold;
    font-size: 14px;
    padding-bottom: 20px;
}

.showcase-detail-content-files-item-size {
    font-size: 10px;
    font-weight: bold;
    color: #6E6E6E;
}

.showcase-detail-content-files-item-icon {
    padding-bottom: 10px;
}

.showcase-detail-content-files-item-title {}

.showcase-detail-content-files-items {
    display: flex;
    gap: 10px 1%;
    flex-wrap: wrap;
}

.showcase-detail-content-files {
    padding-bottom: 15%;
}

.showcase-detail-content-gallery {
    padding-bottom: 10%;
}

.showcase-detail-content-video {
    padding-bottom: 10%;
}

.showcase-detail-hero .showcase-detail-wrap {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    padding-top: 35px;
}

.breadcrumbs a {
    color: white;
    mix-blend-mode: exclusion;
}

.showcase-detail-hero h1 {
    color: white;
    margin-right: 160px;
}

.right-info-panel-credits h3 {
    font-size: 10px;
    color: #6E6E6E;
    text-transform: uppercase;
}

.right-info-panel-credits {
    padding: 25px;
}

.credit-people {
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.credit-people-img-wrap img {
    width: 100%;
}

.credit-people {
    color: #312E2E;
}

.credit-people-img-wrap {
    margin-right: 20px;
    border-radius: 60px;
    margin-bottom: 5px;
}

.credit-people-name-wrap h4 {
    font-size: 21px;
    font-weight: 500;
    padding-bottom: 5px;
    color: inherit;
    text-transform: none;
    margin-bottom: 0;
}

.credit-people-name-pos {}

.credit-people-name-pos {
    font-size: 14px;
    padding-bottom: 7px;
}

.credit-people {
    padding-bottom: 20px;
}

.credit-peoples {
    padding-top: 20px;
    padding-bottom: 10px;
}

h4.other-people-title {
    font-size: 16px;
    padding-bottom: 3px;
    color: #312E2E;
    text-transform: none;
    margin-bottom: 0;
    font-weight: 500;
}

.other-people-pos {
    font-size: 14px;
}

.other-people {
    color: #312E2E;
}

.other-peoples {
    padding-top: 20px;
    padding-bottom: 20px;
}

.credit-people.main-human .credit-people-img-wrap {
    border: 1px solid #db2526;
}

.other-people {
    padding-bottom: 20px;
}

.interests {
    padding-bottom: 20px;
    padding-top: 20px;
}

.interests span {
    color: #6E6E6E;
    background: #DFE0E2;
    display: inline-block;
    padding: 7px 17px;
    font-size: 14px;
    font-weight: 500;
    border-radius: 30px;
    margin-right: 5px;
    margin-bottom: 9px;
}

.right-info-panel-credits-made-title {
    color: #312E2E;
    font-weight: 500;
    font-size: 18px;
    padding-bottom: 10px;
}

.right-info-panel-credits-made {
    padding-top: 20px;
}

.right-info-panel-credits-made-perex {
    font-size: 14px;
}
.showcase-detail-content-video iframe {
    width: 100%;
    aspect-ratio: 640/360;
    height: auto;
}
.showcase-detail-content-files-item-size-down {
    display: flex;
    justify-content: space-between;
}

a.showcase-detail-content-files-item:hover {
    box-shadow: 0px 6px 13px #0000001f;
    cursor: pointer;
    text-decoration: none;
}

a.showcase-detail-content-files-item:hover {}

a.showcase-detail-content-gallery-item:hover {
    opacity: 0.8;
}

section#showcase.subpage {
    padding-top: 4%;
    max-width: 1920px;
    margin: auto;
    margin-top: 63px;
    background: transparent;
}

.h3-wrap {
    text-align: center;
}

.h3-wrap svg {
    padding-bottom: 40px;
}



.info-flex-first:before {
    content: '';
    position: absolute;
    height: 100%;
    width: 50%;
    background: var(--mainColor);
    top: 0;
}

.hero-left h1:after {
    content: '';
    position: absolute;
    width: 160px;
    height: 160px;
    top: 29%;
    right: 10%;
    background: var(--mainColor);
    border-radius: 150px;
    filter: blur(100px);
}
section#showcase.detail a.showcase-detail-content-files-item {
    border: 1px solid lightgray;
}

section#default-page {
    max-width: 800px;
    margin: auto;
    margin-top: clamp(100px, 10%, 130px);
    padding-bottom: 100px;
    width: 100%;
}

.default-header h2 {
    padding-bottom: 30px;
    font-size: 40px;
}

.default-header .perex {
    font-size: 18px;
    color: #db2426;
    max-width: 620px;
    padding-bottom: 10px;
    font-weight: 500;
}

.default-content {
    color: black;
}
.default-image img {
    width: 100%;
}

.default-image {
    margin-bottom: 20px;
}
@media screen and (max-width:1200px){
  
  .right-info-panel-credits {
      min-width: 310px;
  }
}

@media screen and (max-width:820px){
  .showcase-header-wrap .perex {
      display: block;
  }
  #contact .main-wrap {
      display: block;
  }
  
  .contact-content {
      width: 100%;
  }
  
  .contact-form {
      width: 100%;
  }
  
  .people-items {}
  
  .people-item {
      width: 100%;
      padding-bottom: 50px;
  }
  
  .showcase-rest a.showcase-item {
      width: 48.4%;
  }
  
  .showcase-rest {
      gap: 3.2%;
  }
  
  .benefits-item {
      width: 49.4%;
  }
  
  .header-bar {
      flex-wrap: wrap;
  }
  
  .header-bar-item {
      width: 33%;
  }
  
  .info-flex-first .main-wrap {
      display: flex;
      flex-wrap: wrap;
      flex-direction: column;
      padding: 35px 0;
      padding-top: 0;
      padding-bottom: 0;
  }
  
  .info-flex-first-item-left {
      width: 100%;
      background: #db2426;
      padding: 35px;
      padding-top: 10%;
      padding-bottom: 10%;
  }
  
  .info-flex-first-item-right {
      width: 100%;
      padding: 0;
      padding-top: 5%;
  }
  
 
  
  .nrg-areas-flex {
      flex-wrap: wrap;
  }
  
  .nrg-areas-text {
      width: 100%;
      padding-bottom: 10%;
  }
  
  .nrg-areas-map {
      width: 100%;
  }
  
  .nrg-areas-text-countries {
      max-width: 100%;
  }
  
  .info-flex-first-item-left h2 {
      max-width: 100%;
  }
  
  .info-flex-first-item-left h2 br {
      display: none;
  }
  
  .hero-right {
      width: 50%;
  }
  
  .hero-left {
      width: 42%;
  }
  
  .hero-left h1 br {
      display: none;
  }
  
  .showcase-header-wrap {
      display: block;
      padding-bottom: 0px;
  }
  
  .showcase-header-wrap h2 {
      padding-bottom: 30px;
  }
  
  .showcase-header-wrap .perex {
      width: 100%;
  }
  
  .showcase-content-first {
      width: 100%;
      padding: 0;
      padding-bottom: 1.5%;
  }
  
  .showcase-content-second {
      width: 100%;
  }
  
  .showcase-content-wrap {
      flex-wrap: wrap;
      padding: 0 15px;
  }
  
  a.showcase-item {
      padding-bottom: 20px;
  }
  
  a.showcase-more-button {
      width: 100%;
  }
  a.showcase-more-button:hover {
      background: #302e2e;
      width: 100%;
  }
  
  .footer-first-row {
      flex-wrap: wrap;
  }
  
  .first-col {
      width: 100%;
      padding-bottom: 30px;
  }
  
  .sec-col {
      width: 100%;
      padding-bottom: 30px;
  }
  
  .third-col {
      width: 100%;
      padding-bottom: 50px;
  }
  
  .four-col {
      width: 100%;
  }
  
  .footer-sec-row .first-col {
      width: 0;
      padding: 0;
  }

  .info-flex-first:before {
    width: 100%;
    opacity: 0;
}

.info-flex-first-item-right {
    max-width: 100%;
    padding: 30px;
    padding-bottom: 0;
}

.info-flex-first {
    padding-top: 0;
    padding-bottom: 30px;
}

.nrg-areas-text-countries-country:hover {
    border-color: var(--mainColor);
}



.credit-people-img-wrap img {
    width: 40px;
    height: 40px;
    border-radius: 40px;
    object-fit: cover;
}

.right-info-panel-credits {
    padding: 15px;
    min-width: 230px;
}

.credit-people-img-wrap {
    margin-right: 10px;
}

.credit-people-name-wrap h4 {
    font-size: 15px;
}

.credit-people-name-pos {
    font-size: 12px;
}
}

@media screen and (max-width: 740px){
  
  .showcase-content-first h3,
  .showcase-content-wrap h3 {
      font-size: 15px;
  }
  
  .showcase-detail-content .showcase-detail-wrap {
      display: flex;
      flex-direction: column-reverse;
  }
  
  .right-info-panel-credits {
      position: relative;
      margin-top: 0;
      top: 0;
      max-width: 100%;
      padding: 0;
      padding-top: 25px;
      box-shadow: none;
      border-bottom: 1px solid lightgray;
      padding-bottom: 34px;
  }
  
  .credit-peoples {
      display: flex;
      gap: 1% 35px;
      flex-wrap: wrap;
  }
  
  .other-peoples {
      display: flex;
      gap: 30px;
      flex-wrap: wrap;
  }
  
  .showcase-detail-wrap-content {
      padding-right: 0;
  }
  
  .showcase-detail-hero h1 {
      margin-right: 0;
      padding-bottom: 30px;
  }
  
  
  
  
  .menu-center a:hover {
      background: whitesmoke;
      color: var(--mainColor);
  }
  .menu-center {
      position: fixed;
      top: 80px;
      background: white;
      left: 0;
      width: 100%;
      top: 64px;
      display: none;
  }
  .menu-center a {
      margin: 0;
      padding: 0;
      display: block;
  }
  .menu-center a {
      padding: 25px 20px;
      border-bottom: 1px solid lightgrey;
  }
  .radiator {
    width: 50px;
    height: 28px;
    display: flex;
    border-radius: 25px;
    border: 1px solid var(--mainColor);
    margin-right: 10px;
    flex-direction: column;
    justify-content: space-evenly;
    padding: 0 12px;
    transition: all ease 0.5s;
    cursor: pointer;
}
.nav-wrap {
    padding: 20px;
}

.cta {
    display: flex;
    align-items: center;
}

.radiator i {
    display: block;
    height: 1px;
    background: var(--mainColor);
    width: 100%;
    transition: all ease 0.5s;
}
.radiator.on,
.radiator:hover {
    background: var(--mainColor);
}
.radiator.on i,
.radiator:hover i {
    background: white;
}

.radiator.on:hover {
    background: #7f1516;
}


}
@media screen and (max-width:650px){
  
  .showcase-content-wrap {
      overflow: hidden;
  }
  .tiraz {
    flex-wrap: wrap;
  }
  
  .tiraz span {
    width: auto;
    padding-right: 15px;
    padding-bottom: 15px;
  }
  
  .tiraz a {
    padding-right: 15px;
    padding-bottom: 15px;
    margin: 0;
  }
  
  a.section-item {
      width: 100%;
      margin-bottom: 30px;
  }
  
  section#showcase.detail {
      padding-top: 60px;
  }
    .info-flex-sec .main-wrap {
    flex-wrap: wrap;
}

.info-flex-sec-item:nth-child(1),.info-flex-sec-item:nth-child(2) {
    width: 100%;
    padding: 35px 0;
    border: 0;
}

.header-bar-item {
    width: 50%;
    padding: 35px;
}

.info-flex-first {
    /* padding: 0 35px; */
}

header {
    height: auto;
}

.hero {
    display: block;
    height: auto;
}

.hero-left {
    width: 100%;
    padding-right: 35px;
}

.hero-right {
    width: 100%;
    padding: 0;
}

header .hero-right .login {
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    top: 0;
    height: fit-content;
}

.hero-right-img-wrap {
    max-height: 100vh;
    height: 62vh;
}

.hero-left-extratext {
    padding-top: 20px;
}

.benefits-item {
    width: 100%;
}

.partners-header-wrap {
    padding-top: 20px;
    padding-bottom: 40px;
}

.partners-logos-wrap {
}

.partners-logo {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 5%;
}

.partners-logo a {
    width: 47%;
    text-align: center;
    vertical-align: middle;
}

.partners-logo a img {
    width: 100%;
}

section#showcase {
    padding-top: 35px;
}

section#questions .main-wrap {
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    padding: 35px;
}
}