@font-face {
  font-family: "Montserrat";
  src: url("../font/Montserrat-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat";
  src: url("../font/Montserrat-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat";
  src: url("../font/Montserrat-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat";
  src: url("../font/Montserrat-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}

:root{
  --blue: #004D88;
  --red: #B40940;
  --grey: #F5F5F5;
  --navy-purple: #190E3B;
  --footer-bg: #006794;
  --blue-red-gradient: linear-gradient(101.98deg, #004D88 4.83%, #B40940 84.97%);
  --blue-red-gradient-right: linear-gradient(-101.98deg, #004D88 4.83%, #B40940 84.97%);
  --blue-red-gradient-rotated: linear-gradient(-205deg, #004D88 8.83%, #B40940 86%);
}

/* headings */
h1, ._h1{
  font-weight: 700;
  font-size: clamp(24px, 4vw, 52px);
  text-transform: uppercase;
  margin-bottom: clamp(6px, 1vw, 16px);
  color: #fff;
}
h2, ._h2{
  font-weight: 700;
  font-size: clamp(20px, 2.8vw, 26px);
  text-transform: uppercase;
  color: var(--red);
  margin-bottom: 24px;
}
h2.decored, ._h2.decored{
  position: relative;
  padding-left: 78px;
}
h2.decored::before, ._h2.decored::before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 60px;
  height: 27px;
  border-radius: 4px;
  background-color: var(--red);

}

/* font sizes */
._fz-14{font-size: 14px;}
._fz-15{font-size: 15px;}
._fz-17{font-size: 17px;}

/* font families */
._fw-light{font-weight: 300;}
._fw-reg{font-weight: 400;}
._fw-med{font-weight: 500;}
._fw-bold{font-weight: 700;}

/* colors  */
._c-black{color: #000;}
._c-white{color: #fff;}
._c-red{color: var(--red)}
._c-blue{color: var(--blue)}

/* alignment */
._text-center {
    text-align: center !important;
}
@media (max-width: 576px) {
  ._text-center-mob{
    text-align: center!important;
  }
}

/* buttons */
._btn-pr{
  font-weight: 700;
  font-size: 20px;
  text-align: center;
  color: #FFFFFF;
  display: inline-block;
  border-radius: 4px;
  padding: 23px 25px;
  min-width: 207px;
  border: solid 2px var(--red);
  background-color: var(--red);
  transition: 0.3s ease-in-out;
}
a._btn-pr:hover,
button._btn-pr:hover{
  background-color: #fff;
  color: var(--red);
}
._btn-sc{
  font-weight: 700;
  font-size: 20px;
  text-align: center;
  color: #FFFFFF;
  display: inline-block;
  border-radius: 4px;
  padding: 23px 25px;
  min-width: 207px;
  border: solid 2px var(--red);
  background-color: #fff;
  color: var(--red);
  transition: 0.3s ease-in-out;
}
a._btn-sc:hover,
button._btn-sc:hover{
  background-color: var(--red);
  color: #fff;
}

/* col gradients */
._col-gradient-left{
    background-image: var(--blue-red-gradient);
    color: #fff;
    border-radius: 4px;
    overflow: hidden;
}
._col-gradient-right{
    background-image: var(--blue-red-gradient-right);
    color: #fff;
    border-radius: 4px;
    overflow: hidden;
}

/* mb0  */
._mb-0{
  margin-bottom: 0!important;
}

html {
  font-family: 'Montserrat', sans-serif;
  line-height: 1.2;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
  color: #000000;
}

body {
  margin: 0;
}

a{
  color: inherit;
  text-decoration: none;
}

/* #wrapper  */
#wrapper{
  padding-top: 120px;
}

@media (max-width: 1199px) {
  ._btn-pr,
  ._btn-sc{
    font-size: 16px;
    padding: 18.5px 12px;
    min-width: 182px;
  }
}

/* header  */
.header{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding-top: 18px;
  z-index: 999;
}
.header__wrap{
  height: 102px;
  width: 100%;
  display: flex;
  gap: 30px;
  align-items: flex-end;
}
.header__logo{
  flex-shrink: 0;
}
.header__nav{
  display: flex;
  align-items: flex-end;
  margin-left: auto;
  position: relative;
}
.header__nav-list{
  background-color: var(--red);
  list-style: none;
  border-radius: 4px;
  padding-left: 33px;
  margin-bottom: 10px;
  display: flex;
  flex-wrap: wrap;
  color: #fff;
  font-weight: 500;
  font-size: 14px;
  align-items: center;
}
.header__nav-list li{
  position: relative;
}
.header__nav-list a{
  padding: 4px 20px;
  display: inline-block;
  transition: 0.3s;
}
.header__nav-list a:hover{
  background-color: var(--blue);
}
.header__nav-langs{
  padding-left: 0;
  list-style: none;
  margin-bottom: 0;
  display: flex;
  font-size: 22px;
  gap: 9px;
}
.header__nav-langs a{
  color: rgba(201, 201, 201, 0.6);
}
.header__nav-langs a.active{
  color: #fff;
}
.header__burger {
	 width: 37px;
	 height: 32px;
	 border-radius: 4px;
   margin-bottom: 48px;
	 position: relative;
}
.header__burger-close{
    width: 33px;
    height: 33px;
    position: absolute;
    top: 40px;
    right: 30px;
    background-image: url('data:image/svg+xml,<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.0625 1.40447L33.7184 34.0605M34.0625 1.06055L1.4066 33.7166" stroke="white" stroke-width="3"/></svg>');
    background-size: cover;
    background-repeat: no-repeat;
}
.header__burger:before{
  content: "";
  position: absolute;
  bottom: -40px;
  right: 0;
  pointer-events: none;
  width: 108px;
  height: 27px;
  border-radius: 4px;
  background-color: var(--red);
  transition: 0.6s;
}
.header__burger.clicked:before{
  width: 0;
}
.header__burger > * {
  pointer-events: none;
}
.header__burger span {
  position: relative;
  margin-top: 9px;
  margin-bottom: 9px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -1px;
}
.header__burger span, .header__burger span::before, .header__burger span::after {
  display: block;
  width: 100%;
  height: 4px;
  background-color: var(--red);
  outline: 1px solid transparent;
  -webkit-transition-property: background-color, -webkit-transform;
  -moz-transition-property: background-color, -moz-transform;
  -o-transition-property: background-color, -o-transform;
  transition-property: background-color, transform;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.header__burger span::before, .header__burger span::after {
  position: absolute;
  content: "";
}
.header__burger span::before {
  top: -13px;
}
.header__burger span::after {
  top: 13px;
}
/* .header__burger.clicked span {
  background-color: transparent;
}
.header__burger.clicked span::before {
  -webkit-transform: translateY(13px) rotate(45deg);
  -moz-transform: translateY(13px) rotate(45deg);
  -ms-transform: translateY(13px) rotate(45deg);
  -o-transform: translateY(13px) rotate(45deg);
  transform: translateY(13px) rotate(45deg);
}
.header__burger.clicked span::after {
  -webkit-transform: translateY(-13px) rotate(-45deg);
  -moz-transform: translateY(-13px) rotate(-45deg);
  -ms-transform: translateY(-13px) rotate(-45deg);
  -o-transform: translateY(-13px) rotate(-45deg);
  transform: translateY(-13px) rotate(-45deg);
}
.header__burger.clicked span:before, .header__burger.clicked span:after {
	 background-color: #fff;
} */
.header__burger:hover {
  cursor: pointer;
}
.header__burger{
  margin-left: auto;
}
@media (min-width: 992px) {
  .header__nav-list li:before{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    height: 14px;
    width: 1px;
    background-color: #fff;
  }
  .header__nav-list li:last-of-type:before{
    display: none;
  }
}
@media (min-width: 992px) {
  .header__nav-langs{
    position: absolute;
    right: 0;
    bottom: -33px;
  }
}
@media (min-width: 1200px) {
  .header__nav-langs{
    bottom: -116px;
  }
}
@media (max-width: 1399px) {
  .header__nav-list{
    padding-left: 0;
  }
}
@media (max-width: 1199px) {
  .header__nav-list a{
    padding: 4px 8px;
  }
}
@media (max-width: 991px) {
   .header__nav {
    background-color: var(--navy-purple);
    position: fixed;
    flex-direction: column;
    gap: 30px;
    margin-left: 0;
    align-items: flex-start;
    z-index: 9;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    padding: 85px 35px 48px 35px;
    overflow-y: auto;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -moz-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -o-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  }
  .header__nav.show {
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
  }
  .header__nav-list{
    flex-direction: column;
    align-items: flex-start;
    gap: 31px;
    background-color: transparent;
    border-radius: 0px;
  }
  .header__nav-list a{
    padding: 0;
  }
  .header__nav-langs{
    margin-top: auto;
  }

}

/* banner */
.banner{
  margin-top: -120px;
  padding-top: 213px;
  padding-bottom: 164px;
  min-height: 552px;
  position: relative;
  overflow: hidden;
}
.banner__decor{
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  max-width: 1920px;
  z-index: -1;
}
.banner__bg{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -1;
}
.banner__info-wrap{
  position: relative;
}
.banner__info{
  border-radius: 4px;
  background-image: var(--blue-red-gradient);
  padding: 23px 58px 39px 36px;
  max-width: 742px;
  width: 100%;
  color: #fff;
}
.banner__info-subtitle{
  font-weight: 500;
  font-size: clamp(14px, 1.6vw, 20px);
  line-height: 136%;
  margin-bottom: 14px;
  display: inline-block;
  width: 100%;
}
.banner__info-date{
  color: var(--red);
  font-size: clamp(15px, 1.9vw, 24px);
  margin-top: 27px;
  display: inline-block;
  width: 100%;
}
.banner__info-bottom__wrap{
  display: flex;
  width: 100%;
}
.banner__info-bottom__left{
  max-width: 742px;
  width: 100%;
}
.banner__info-btns{
  display: flex;
  flex-direction: column;
  gap: 11px;
  padding: 6px;
}
.banner__info-direct{
  padding: 6px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}
.banner__info-direct__txt{
  background-color: var(--red);
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  padding: 12px 12px;
  border-radius: 4px;
  font-size: 21px;
  min-width: 207px;
}
.banner__info-bottom__flags{
    position: absolute;
    z-index: -1;
    max-width: 565px;
    top: -28px;
    right: 35px;
}
@media (min-width: 768px) {
  .banner{
    min-height: 800px;
  }
  .banner__info-btns a{
    min-width: 247px;
  }
}
@media (max-width: 1920px) and (min-width: 992px) {
  .banner__decor{
    min-width: 1920px;
    transform: translateX(-50%);
    left: 50%;
  }
}
@media (max-width: 1399px) {
  .banner__info{
    max-width: 713px;
  }
  .banner__info-bottom__left{
    max-width: 713px;
  }
  .banner__info-bottom__flags {
    max-width: 440px;
      top: 0;
      right: 0;
  }
}
@media (max-width: 1199px) {
  .banner__info,
  .banner__info-bottom__left {
      max-width: 525px;
  }
}
@media (max-width: 991px) {
  .banner{
    padding-top: 146px;
    padding-bottom: 51px;
  }
  .banner__info, .banner__info-bottom__left{
    max-width: 100%;
  }
  .banner__info-bottom__wrap{
    flex-wrap: wrap;
  }
  .banner__info-bottom__flags{
    position: relative;
    max-width: 283px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: -30px;
  }
  .banner__info-bottom__right{
    width: 100%;
  }
  .banner__info-btns{
    align-items: center;
  }
  .banner__info-direct{
    min-width: 182px;
    width: fit-content;
    padding: 0;
    margin-top: 22px;
    margin-left: auto;
  }
  .banner__info-direct__txt{
    font-size: 18px;
    padding: 9px 12px;
    min-width: 100%;
  }
}
@media (max-width: 767px) {
  .banner__decor{
    min-width: 320px;
    max-width: 400px;
  }
  .banner__info{
    padding: 16px 17px;
  }
  .banner__info-date{
    margin-top: 11px;
  }
  .banner__info-subtitle{
    margin-bottom: 4px;
  }
}

/* block__info */
.block__info{
    padding-top: 63px;
    padding-bottom: 53px;
}
.block__info-space{
    margin-bottom: 28px;
    display: flex;
    width: 100%;
}
.block__info-logos{
    gap: 11px 19px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.block__info-logos img{
    max-width: 203px;
}
@media (max-width: 576px) {
    .block__info{
        padding-top: 43px;
    }
    .block__info-logos{
        justify-content: center;
    }
    .block__info-content p{
        font-weight: 300;
    }
}

/* company  */
.company__title{
    font-size: clamp(25px, 4vw, 44px);
    text-transform: uppercase;
}
.company__subtitle{
    font-size: clamp(19px, 2.2vw,24px);
    text-transform: uppercase;
    line-height: 38px;
}
.company__wrap{
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}
.company__col{
    padding-top: 63px;
    padding-bottom: 63px;
    width: 50%;
    position: relative;
    z-index: 1;
}
.company__col-bg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    pointer-events: none;
    z-index: -1;
    opacity: 0.2;
}
.company__col._col-gradient-left{
  min-height: 375px;
}
.company__headings{
    max-width: 524px;
}
.company__info{
    padding-left: 31px;
}
.company__info-item{
    padding-top: 35px;
    padding-left: 68px;
    padding-bottom: 35px;
    position: relative;
}
.company__info-item:before{
    content: "";
    position: absolute;
    top: -7px;
    left: 0;
    bottom: 0;
    margin: auto;
    width: 36px;
    height: 36px;
    background-image: url('data:image/svg+xml,<svg width="37" height="37" viewBox="0 0 37 37" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.4868 0V36.4444M36.4444 18.4868L0 18.4868" stroke="%23B40940" stroke-width="4"/></svg>');
    background-size: cover;
    background-repeat: no-repeat;
}
.company__info-item__title{
    margin-bottom: 5px;
    text-transform: uppercase;
}
.company__info-item p{
    margin-bottom: 0;
}
@media (min-width: 992px) {
  .company__col._col-gradient-left{
    width: calc(50% + 273px)!important;
    margin-left: -273px;
    padding-left: 273px;
  }
}
@media (max-width: 991px) {
  .company__col._col-gradient-left{
    background-image: var(--blue-red-gradient-rotated);
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
  }
  .company__col{
    width: 100%;
    padding-left: 12px;
    padding: 12px;
  }
  .company__headings{
    padding-top: 37px;
    padding-bottom: 37px;
  }
  .company__subtitle{
    line-height: 25px;
  }
  .company__info{
    padding-left: 0;
  }
  .company__info-item{
    padding-left: 60px;
  }
  .company__info-item{
    padding-top: 22px;
    padding-bottom: 22px;
  }
  .company__info-item:before{
    top: 25px;
    bottom: auto;
  }
  .company__info-item__title{
    margin-bottom: 9px;
    font-size: 15px;
  }
}
@media (max-width: 576px) {
  .company__col._col-gradient-left{
      width: calc(100% + 20px);
      flex-shrink: 0;
      margin-left: -10px;
  }
}

/* scien  */
.scien{
  background-color: #F5F5F5;
  padding-top: 111px;
  padding-bottom: 121px;
  position: relative;
  z-index: 1;
  overflow: hidden;
  min-height: 295px;
}
.scien__decor{
  position: absolute;
  max-width: 706px;
  max-height: 295px;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: bottom right;
  top: 0%;
  left: -12%;
  z-index: -1;
}
.scien__title-wrap{
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  gap: 37px;
  margin-bottom: 30px;
}
.scien__title-register{
  margin-left: auto;
}
.scien__title-register a{
  min-width: 321px;
}
.scien__wrap{
  display: flex;
  flex-wrap: wrap;
  gap: 14px 24px;
}
.scien__item{
  width: calc(100% / 4 - 18px);
}
@media (max-width: 1399px) {
  .scien__title-register a{
    min-width: 266px;
  }
}
@media (max-width: 991px) {
  .scien{
    padding-top: 65px;
    padding-bottom: 62px;
  }
  .scien__title-wrap{
    margin-bottom: 14px;
  }
  .scien__title-register{
    width: 100%;
  }
  .scien__title-register a{
    min-width: 100%;
  }
  .scien__item{
    width: 100%;
  }
}
@media (max-width: 767px) {
  .scien__decor {
      max-width: 406px;
      top: -13%;
      left: -33%;
  }
}

/* block__stats  */
.block__stats{
  background-image: var(--blue-red-gradient);
  border-radius: 4px;
  color: #fff;
  padding-top: 81px;
  padding-bottom: 81px;
  min-height: 458px;
}
.block__stats-wrap{
  display: flex;
  justify-content: space-between;
  gap: 30px;
}
.block__stats-item{
  max-width: 294px;
}
.block__stats-item__title{
  font-size: 83px;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 27px;
}
.block__stats-item__title span{
  font-size: 32px;
  text-transform: uppercase;
  width: 100%;
  margin-top: -12px;
}
@media (max-width: 991px) {
  .block__stats{
    padding-top: 37px;
    padding-bottom: 50px;
    background-image: var(--blue-red-gradient-rotated);
  }
  .block__stats-wrap{
    flex-direction: column;
    align-items: center; 
  }
  .block__stats-item{
    max-width: 246px;
  }
}

/* exb  */
.exb{
  padding-top: 60px;
  padding-bottom: 60px;
}
.exb__title-wrap{
  max-width: 520px;
}
.exb__wrap{
  display: flex;
  flex-wrap: wrap;
  padding-top: 10px;
  padding-bottom: 25px;
}
.exb__col{
  width: 50%;
}
.exb__ul{
  padding-left: 20px;
  padding-right: 20px;
  list-style: none;
  margin-bottom: 0;
}
.exb__ul li{
  margin-bottom: 24px;
  position: relative;
}
.exb__ul li:before{
  content: "";
  position: absolute;
  top: 9px;
  left: -12px;
  width: 3px;
  height: 3px;
  background-color: #000;
  border-radius: 100%;
}
@media (max-width: 767px) {
  .exb__col{
    width: 100%;
  }
  .exb__wrap{
    padding-bottom: 0;
  }
  .exb__ul{
    padding-right: 0;
  }
  .exb__ul li{
    margin-bottom: 17px;
  }
}

/* block__btns */
.block__btns{
  background-color: #F5F5F5;
  padding-top: 40px;
  padding-bottom: 40px;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.block__btns-decor{
  position: absolute;
  max-width: 983px;
  max-height: 295px;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center right;
  top: 0%;
  left: 0;
  z-index: -1;
}
.block__btns-wrap{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 25px;
}
.block__btns-wrap a{
  min-width: 330px;
}
@media (max-width: 576px) {
   .block__btns-decor {
        left: -80%;
        top: -23%;
        min-width: 569px;
    }
}

/* location */
.block__location-wrap{
  min-height: 925px;
  padding-top: 77px;
  padding-bottom: 77px;
  width: 100%;
  position: relative;
}
.block__location-map{
  border: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.block__location-info{
  background-color: #fff;
  box-shadow: 6px 6px 9px rgba(0, 0, 0, 0.35);
  border-radius: 4px;
  position: relative;
  z-index: 1;
  max-width: 537px;
  width: 100%;
  padding: 41px 36px;

}
.block__location-info__line{
  display: flex;
  width: 100%;
  height: 1px;
  background-color: var(--red);
  margin-bottom: 24px;
}
.block__location-info__space{
  display: flex;
  width: 100%;
  height: 5px;
}
.block__location-info ._h2{
  margin-left: -36px;
}
.block__location-info p{
  margin-bottom: 24px;
}
.block__location-info__subtitle{
  text-transform: uppercase;
  font-size: 18px;
  display: inline-block;
  width: 100%;
  margin-bottom: 9px;
}
@media (max-width: 991px) {
  .block__location{
    min-height: auto;
  }
  .block__location-wrap{
    padding-top: 0;
    padding-bottom: 0;
  }
  .block__location-map{
    height: 282px;
    position: relative;
  }
  .block__location-info{
    max-width: 100%;
    box-shadow: none;
    padding-left: 0;
    padding-right: 0;
  }
  .block__location-info ._h2{
    margin-left: 0;
  }
  .block__location-info__subtitle{
    font-size: 16px;
  }
}


/* footer  */
.footer{
  padding-top: 26px;
  padding-bottom: 26px;
  background-color: var(--footer-bg);
  color: #fff;
}
.footer p a{
  margin-bottom: 15px;
  text-decoration: underline;
  display: inline-block;
}
.footer p a:hover{
  text-decoration: none;
}



/* ======== PAGE: ABOUT PROJECT ========  */

/* block__about-info  */
.block__about-info{
  padding-top: clamp(40px, 6vw, 60px);
  padding-bottom: clamp(53px, 6vw, 60px);
}

/* aboutProgram */
.aboutProgram{
  overflow: hidden;
}
.aboutProgram__headings{
    padding-right: 20px;
    padding-top: 51px;
    padding-bottom: 51px;
}
.aboutProgram__title{
    font-size: clamp(25px, 4vw, 38px);
    text-transform: uppercase;
    margin-bottom: 12px;
    max-width: 563px;
}
.aboutProgram__subtitle{
    font-size: clamp(18px, 2.2vw, 24px);
    text-transform: uppercase;
    line-height: 38px;
    margin-bottom: 6px;
}
.aboutProgram__txt{
  font-size: clamp(14px, 2vw, 20px);
  line-height: 135%;
}
.aboutProgram__wrap{
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}
.aboutProgram__info{
  padding: 65px 37px 43px 78px;
}
.aboutProgram__info-item__title{
  text-transform: uppercase;
  margin-bottom: 5px;
}
.aboutProgram__info-item{
  margin-bottom: 60px;
}
.aboutProgram__info-item:last-of-type{
  margin-bottom: 0;
}
.aboutProgram__info-item ul{
  padding-left: 20px;
  list-style: none;
  margin-bottom: 0;
}
.aboutProgram__info-item ul li{
  margin-bottom: 24px;
  position: relative;
}
.aboutProgram__info-item ul li:before{
  content: "";
  position: absolute;
  top: 9px;
  left: -12px;
  width: 3px;
  height: 3px;
  background-color: #000;
  border-radius: 100%;
}
.aboutProgram__info2{
  padding-top: 18px;
  padding-bottom: 18px;
}
.aboutProgram__col{
    width: 50%;
    position: relative;
    z-index: 1;
}
.aboutProgram__col-bg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    pointer-events: none;
    z-index: -1;
    opacity: 0.2;
}
.aboutProgram__col._col-gradient-left,
.aboutProgram__col._col-gradient-right{
  min-height: 374px;
  position: relative;
  overflow: visible;
}
.aboutProgram__col._col-gradient-left:before{
    content: "";
    position: absolute;
    top: -12%;
    right: -34px;
    bottom: 0;
    margin: auto;
    width: 0;
    height: 0;
    border-top: 44px solid transparent;
    border-bottom: 44px solid transparent;
    border-left: 34px solid var(--red);
}
.aboutProgram__col._col-gradient-right:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    width: 0;
    height: 0;
    border-top: 44px solid transparent;
    border-bottom: 44px solid transparent;
    border-left: 34px solid #fff;
}
@media (min-width: 992px) {
  .aboutProgram__wrap{
    margin-bottom: 30px;
  }
  .aboutProgram__col._col-gradient-left{
    width: calc(50% + 273px)!important;
    margin-left: -273px;
    padding-left: 273px;
  }
  .aboutProgram__col._col-gradient-right{
    width: calc(50% + 273px)!important;
    margin-right: -273px;
    padding-right: 273px;
  }
}
@media (max-width: 991px) {
  .aboutProgram__wrap:last-of-type .aboutProgram__col:last-of-type{
    padding-bottom: 0;
  }
  .aboutProgram__col._col-gradient-left{
    background-image: var(--blue-red-gradient-rotated);
    display: flex;
    flex-wrap: wrap;
    padding-right: 10px;
    padding-left: 10px;
  }
  .aboutProgram__col._col-gradient-left:before{
    top: auto;
    right: 0;
    left: 0;
    bottom: -63px;
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    border-top: 20px solid var(--red);
  }
  .aboutProgram__col._col-gradient-right{
    background-image: var(--blue-red-gradient-rotated);
    display: flex;
    flex-wrap: wrap;
    padding-right: 10px;
    padding-left: 10px;
  }
  .aboutProgram__col._col-gradient-right:before{
    top: auto;
    right: 0;
    left: 0;
    bottom: -63px;
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    border-top: 20px solid var(--red);
  }
  .aboutProgram__col{
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    padding-top: 34px;
    padding-bottom: 34px;
  }
  .aboutProgram__headings{
    padding-right: 0px;
    padding-top: 0;
    padding-bottom: 0;
  }
  .aboutProgram__subtitle{
    line-height: 25px;
  }
  .aboutProgram__info{
    padding: 0;
    padding-top: 26px;
  }
  .aboutProgram__info-item{
    margin-bottom: 36px;
  }
}
@media (max-width: 767px) {
  .aboutProgram__info-item ul li{
    margin-bottom: 17px;
  }
}
@media (max-width: 576px) {
  .aboutProgram__col._col-gradient-left{
      width: calc(100% + 20px);
      flex-shrink: 0;
      margin-left: -10px;
  }
}

/* ======== PAGE: ABOUT PARTNERS ========  */
.partner{
  padding-top: 45px;
  padding-bottom: 45px;
}
.partner__title-wrap{
  position: relative;
}
.partner__title-wrap:before{
  content: "";
  width: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  height: 3px;
  position: absolute;
  background-color: var(--red);
}
.partner__title-wrap span{
  position: relative;
  z-index: 1;
  background-color: #fff;
  display: inline-block;
  padding-left: 29px;
  padding-right: 29px;
}
.partnerOrganizer__wrap{
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  padding-top: 20px;
  gap: 30px;
  justify-content: center;
}
.partnerOrganizer__item{
  max-width: 259px;
  width: 100%;
  padding: 20px;
}
.partnerOrganizer__item-logo{
  margin-bottom: 23px;
}
.partners__wrap{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.partner__item{
  min-width: calc(100% / 5);
  max-width: 556px;
  padding: 27px 29px;
  min-height: 185px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.partner__item img{
  max-height: 100%;
}
@media (max-width: 991px) {
  .partner__item{
    width: calc(100% / 3);
  }
}
@media (max-width: 767px) {
  .partner__title-wrap span{
    max-width: min-content;
  }
  .partner__title-wrap:before{
    width: calc(100% + 20px);
    left: -10px;
  }
  .partners__wrap{
    flex-direction: column;
  }
  .partner__item{
    width: 100%;
    min-height: auto;
  }
}

/* ======== PAGE: ARCHIVE ========  */
.archive{
  padding-top: 109px;
}
.archive__info{
  max-width: 796px;
  padding-top: 80px;
  padding-bottom: 80px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  font-size: 21px;
}
.archive__info-title{
  font-size: clamp(26px, 4vw, 34px);
  margin-bottom: 31px;
}
.archive__info p{
  margin-bottom: 25px;
}
@media (max-width: 991px) {
  .archive{
    padding-top: 60px;
  }
}
@media (max-width: 767px) {
  .archive__info{
    padding-top: 35px;
    padding-bottom: 35px;
    font-size: 17px;
  }
}

/* gallery  */
.gallery__title{
   font-size: clamp(26px, 4vw, 34px);
    margin-bottom: 45px;
}
.gallery__wrap{
  display: flex;
  flex-wrap: wrap;
  padding-left: 16px;
  padding-right: 16px;
  padding-bottom: 20px;
  max-width: 1920px;
  margin: auto;
}
.gallery__wrap img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}
.gallery__wrap a{
  width: 100%;
  padding: 11px;
}
.gallery__wrap a.big{
  max-width: 66.8%;
}
.gallery__wrap a.small{
  max-width: 33.2%;
}
@media (max-width: 767px) {
  .gallery__title{
    margin-bottom: 30px;
  }
  .gallery__wrap{
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 30px;
  }
  .gallery__wrap a{
    padding: 5px;
  }
}


/* ======== PAGE: PROGRAM ========  */
.program{
  padding-top: 45px;
  padding-bottom: 45px;
}
.program__title-wrap{
  position: relative;
}
.program__title-wrap:before{
  content: "";
  width: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  height: 3px;
  position: absolute;
  background-color: var(--red);
}
.program__title-wrap span{
  position: relative;
  z-index: 1;
  background-color: #fff;
  display: inline-block;
  padding-left: 29px;
  padding-right: 29px;
}
.program__wrap{
  padding-top: 16px;
}
.program__item{
  margin-bottom: 40px;
  padding: 28px 33px 28px 20px;
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  border: solid 1px #D9D9D9;
  border-radius: 4px;
  gap: 20px;
}
.program__item:last-of-type{
  margin-bottom: 0;
}
.program__item-content{
  max-width: 823px;
  width: 100%;
}
.program__item-time{
  display: flex;
  gap: 13px;
  margin-bottom: 10px;
}
.program__item-time span:first-of-type{
  flex-shrink: 0;
}
.program__item-title{
  font-size: 18px;
  text-transform: uppercase;
}
.program__item-btn{
  margin-left: auto;
}
.program__item-btn a{
  min-width: 260px;
  font-size: 18px;
  padding: 17px 25px;
}
.program__space{
  height: 80px;
  width: 100%;
}
@media (max-width: 991px) {
  .program__wrap {
      padding-top: 0;
  }
  .program__item{
    padding: 20px;
    margin-bottom: 30px;
  }
  .program__item-btn{
    margin-left: 0;
    width: 100%;
  }
  .program__item-btn a{
    min-width: auto;
    padding: 7px 20px;
    width: 100%;
  }
}