@font-face {
  font-family: 'Gilroy-Bold';
  src: url('https://ditch-plastic.org/assets/fonts/Gilroy-Bold.ttf');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Gilroy-ExtraBold';
  src: url('https://ditch-plastic.org/assets/fonts/Gilroy-ExtraBold.ttf');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Gilroy-Light';
  src: url('https://ditch-plastic.org/assets/fonts/Gilroy-Light.ttf');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Gilroy-UltraLight';
  src: url('https://ditch-plastic.org/assets/fonts/Gilroy-UltraLight.ttf');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Gilroy-Medium';
  src: url('https://ditch-plastic.org/assets/fonts/Gilroy-Medium.ttf');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Gilroy-Regular';
  src: url('https://ditch-plastic.org/assets/fonts/Gilroy-Regular.ttf');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Gilroy-SemiBold';
  src: url('https://ditch-plastic.org/assets/fonts/Gilroy-SemiBold.ttf');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Gilroy-Heavy';
  src: url('https://ditch-plastic.org/assets/fonts/Gilroy-Heavy.ttf');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'HWT';
  src: url('https://ditch-plastic.org/assets/fonts/HWT\ Artz.otf');
  font-weight: normal;
  font-style: normal;
}

/**Brand colors**/
/** Media Queries **/
html,
body {
  position: relative;
  height: 100%;
}
body {
  color: #020E0F;
  font-family: 'Gilroy-Regular', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
  font-size: 16px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  vertical-align: baseline;
  background: #ffffff;
}
h1,
h2,
h3 {
  font-family: 'Gilroy-Bold', Helvetica, Arial, sans-serif;
  margin: 0;
}
a {
  text-decoration: none;
}
* input,
* textarea {
  -webkit-user-select: initial;
  -moz-user-select: initial;
  -khtml-user-select: initial;
  -ms-user-select: initial;
}
a {
  text-decoration: none !important;
  outline: none;
  color: inherit;
}
a:active {
  background-color: transparent;
}
a:hover {
  text-decoration: none;
}
strong {
  font-weight: 400;
}
ul,
li {
  padding: 0;
  margin: 0;
}
* {
  box-sizing: border-box;
}
html,
body {
  overflow-x: hidden;
  scroll-behavior: smooth;
}
body {
  width: 100%;
  margin: 0;
  scroll-behavior: smooth;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  #hero {
    height: 100vh;
  }
}
#hero .container-fluid {
  padding-left: 0;
  padding-right: 0;
}
@media only screen and (max-width: 529px) {
  #hero .container-fluid {
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  #hero .container-fluid {
    padding-left: 0;
    padding-right: 0;
  }
}
#hero .container-fluid .navbar {
  padding-left: 10%;
  padding-right: 10%;
}
@media only screen and (max-width: 529px) {
  #hero .container-fluid .navbar {
    padding: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  #hero .container-fluid .navbar {
    padding: 0;
  }
}
#hero .container-fluid .navbar .nav-item {
  margin-right: 40px;
}
@media only screen and (max-width: 529px) {
  #hero .container-fluid .navbar .nav-item {
    margin-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  #hero .container-fluid .navbar .nav-item {
    margin-right: 0;
  }
}
#hero .container-fluid .navbar .nav-item .nav-link {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 15px;
  line-height: 18px;
  text-align: center;
  letter-spacing: 0.01em;
  color: #020E0F;
  margin-top: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
}
@media only screen and (max-width: 529px) {
  #hero .container-fluid .navbar .nav-item .nav-link {
    color: #ffffff;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    text-align: left;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  #hero .container-fluid .navbar .nav-item .nav-link {
    color: #ffffff;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    text-align: left;
  }
}
#hero .container-fluid .navbar .nav-item .active {
  color: #00D082 !important;
}
#hero .container-fluid .navbar .nav-item .update {
  background: #00D082;
  border-radius: 50px;
  padding: 20px 30px;
  color: #ffffff;
  margin-top: 20px;
}
@media only screen and (max-width: 529px) {
  #hero .container-fluid .navbar .nav-item .update {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  #hero .container-fluid .navbar .nav-item .update {
    display: none;
  }
}
#hero .container-fluid .navbar .navbar-toggler {
  outline: none;
}
#hero .container-fluid .navbar .mobile-link {
  display: none;
}
@media only screen and (max-width: 529px) {
  #hero .container-fluid .navbar .mobile-link {
    display: block;
    margin-left: 70px;
    padding: 10px 20px;
    background-color: #00d082;
    border-radius: 50px;
    color: #ffffff;
    font-weight: bold;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0.01em;
    text-transform: uppercase;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  #hero .container-fluid .navbar .mobile-link {
    display: block;
    margin-left: 320px;
    padding: 10px 20px;
    background-color: #00d082;
    border-radius: 50px;
    color: #ffffff;
    font-weight: bold;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0.01em;
    text-transform: uppercase;
  }
}
#hero .container-fluid .navbar .navbar-brand {
  padding-left: 5%;
}
#hero .container-fluid .navbar-collapse p {
  display: none;
}
@media only screen and (max-width: 529px) {
  #hero .container-fluid .navbar-collapse p {
    display: block;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    padding-bottom: 5%;
    color: #ffffff;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  #hero .container-fluid .navbar-collapse p {
    display: block;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    padding-top: 30%;
    padding-bottom: 5%;
    color: #ffffff;
  }
}
@media only screen and (max-width: 529px) {
  #hero .container-fluid .navbar-collapse {
    background-color: #2f37a2;
    color: #ffffff;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  #hero .container-fluid .navbar-collapse {
    background-color: #2f37a2;
    color: #ffffff;
  }
}
#hero .container-fluid .navbar-collapse .social {
  display: none;
}
@media only screen and (max-width: 529px) {
  #hero .container-fluid .navbar-collapse .social {
    display: block;
    padding-top: 100px;
    margin-bottom: 10px;
    text-align: center;
  }
  #hero .container-fluid .navbar-collapse .social a {
    margin-right: 10px;
  }
}
#hero .container-fluid .live {
  background-color: rgba(238, 239, 255, 0.5);
  padding: 20px 200px;
  margin-top: 30px;
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 529px) {
  #hero .container-fluid .live {
    padding: 10px;
  }
}
#hero .container-fluid .live .block {
  background-color: #fff;
  border-radius: 4px;
  padding: 10px;
  display: flex;
  margin-top: 5px;
}
@media only screen and (max-width: 529px) {
  #hero .container-fluid .live .block {
    height: 30px;
  }
}
#hero .container-fluid .live .block .dot {
  background-color: #F50A0A;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  margin-top: 3px;
}
@media only screen and (max-width: 529px) {
  #hero .container-fluid .live .block .dot {
    height: 5px;
    width: 5px;
  }
}
#hero .container-fluid .live .block .sign {
  font-size: 14px;
  line-height: 17px;
  letter-spacing: 0.01em;
  color: #020E0F;
  padding-left: 10px;
  margin-bottom: 0;
  font-weight: 600;
}
@media only screen and (max-width: 529px) {
  #hero .container-fluid .live .block .sign {
    font-size: 10px;
    line-height: 10px;
  }
}
#hero .container-fluid .live span {
  text-transform: uppercase;
  text-decoration: underline;
}
#hero .container-fluid .live .title {
  font-size: 18px;
  line-height: 150%;
  letter-spacing: 0.01em;
  color: #00051E;
  margin-bottom: 0;
  font-weight: 600;
  padding-top: 10px;
}
@media only screen and (max-width: 529px) {
  #hero .container-fluid .live .title {
    font-size: 14px;
    padding-top: 5px;
    padding-left: 20px;
  }
}
#hero .container-fluid .live a {
  font-size: 18px;
  line-height: 22px;
  letter-spacing: 0.01em;
  color: #FE6868;
  margin-bottom: 0;
  font-weight: 600;
  padding-top: 10px;
}
@media only screen and (max-width: 529px) {
  #hero .container-fluid .live a {
    font-size: 12px;
    padding-top: 5px;
  }
}
#hero .container-fluid .hero {
  margin-top: 80px;
  text-align: center;
}
#hero .container-fluid .hero h1 {
  font-style: normal;
  font-weight: 900;
  font-size: 145px;
  line-height: 80%;
  color: #2f37a2;
}
@media only screen and (max-width: 529px) {
  #hero .container-fluid .hero h1 {
    font-size: 45px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  #hero .container-fluid .hero h1 {
    font-size: 96px;
  }
}
#hero .container-fluid .hero .hero-image {
  display: block;
  margin: 0 auto;
  margin-top: -100px;
  padding-bottom: 90px;
}
@media only screen and (max-width: 529px) {
  #hero .container-fluid .hero .hero-image {
    height: 350px;
    width: 350px;
    margin-top: -50px;
  }
  #hero .container-fluid .hero .hero-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  #hero .container-fluid .hero .hero-image {
    height: 440px;
    width: 574px;
    margin-top: -50px;
  }
  #hero .container-fluid .hero .hero-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
#hero .container-fluid .hero .scroll-down {
  padding-top: 100px;
}
#hero .header {
  padding-bottom: 3%;
  background-color: #eeefff;
  border-bottom-left-radius: 50%;
  border-bottom-right-radius: 50%;
}
@media only screen and (max-width: 529px) {
  #hero .header {
    border-bottom-left-radius: 75%;
    border-bottom-right-radius: 75%;
  }
}
#hero .header .title {
  padding-top: 7%;
  text-align: left;
}
@media only screen and (max-width: 529px) {
  #hero .header .title {
    padding-top: 10%;
  }
}
#hero .header .title .bar {
  width: 90px;
  height: 40px;
  border-radius: 30px;
  background-color: rgba(0, 208, 130, 0.4);
  position: absolute;
  top: -43%;
  left: 2%;
}
@media only screen and (max-width: 529px) {
  #hero .header .title .bar {
    left: 9%;
  }
}
#hero .header .title p {
  font-weight: 900;
  font-size: 32px;
  line-height: 100%;
  color: #2f37a2;
  text-transform: uppercase;
  font-family: 'Gilroy-Bold';
  z-index: 1;
}
@media only screen and (max-width: 529px) {
  #hero .header .title p {
    font-weight: 900;
    font-size: 28px;
    line-height: 100%;
  }
}
#hero .header-blog {
  padding-bottom: 3%;
}
#hero .header-blog .container-fluid {
  padding-left: 0;
  padding-right: 0;
}
#hero .header-blog .container-fluid .title-single {
  padding-top: 0;
}
#hero .header-blog .container-fluid .title-single .single-blog {
  padding: 0;
  height: 530px;
  position: relative;
}
@media only screen and (max-width: 529px) {
  #hero .header-blog .container-fluid .title-single .single-blog {
    height: 370px;
  }
}
#hero .header-blog .container-fluid .title-single .single-blog img {
  height: 100%;
  width: 100%;
  border-bottom-left-radius: 50%;
  border-bottom-right-radius: 50%;
  object-fit: cover;
}
@media only screen and (max-width: 529px) {
  #hero .header-blog .container-fluid .title-single .single-blog img {
    border-radius: 0 0 10px 10px;
  }
}
#hero .header-blog .container-fluid .title-single .single-blog .featured-image {
  height: 380px;
}
#hero .header-blog .container-fluid .title-single .single-blog .featured-image img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
#hero .header-blog .container-fluid .title-single .single-blog .back {
  position: absolute;
  top: 8%;
  left: 18%;
}
#hero .header-blog .container-fluid .title-single .single-blog .back a {
  display: flex;
}
#hero .header-blog .container-fluid .title-single .single-blog .back a p {
  padding-left: 20px;
  font-size: 20px;
  color: #fff;
}
#hero .header-blog .container-fluid .title-single .single-blog .back a img {
  margin-top: 7px;
}
@media only screen and (max-width: 529px) {
  #hero .header-blog .container-fluid .title-single .single-blog .back {
    display: none;
  }
}
#hero .header-blog .container-fluid .title-single .single-blog .blog-info {
  position: absolute;
  top: 30%;
  left: 18%;
  color: #fff;
}
@media only screen and (max-width: 529px) {
  #hero .header-blog .container-fluid .title-single .single-blog .blog-info {
    top: 30%;
    left: 10%;
  }
}
#hero .header-blog .container-fluid .title-single .single-blog .blog-info .info {
  display: flex;
  justify-content: space-between;
  width: 30%;
}
@media only screen and (max-width: 529px) {
  #hero .header-blog .container-fluid .title-single .single-blog .blog-info .info {
    width: 60%;
    justify-content: space-evenly;
    font-size: 16px;
  }
}
#hero .header-blog .container-fluid .title-single .single-blog .blog-info .info p:nth-of-type(2) {
  font-size: 30px;
  margin-top: -18px;
}
#hero .header-blog .container-fluid .title-single .single-blog .blog-info .title {
  letter-spacing: -1%;
  font-size: 60px;
  font-style: bold;
  margin-top: -25px;
}
@media only screen and (max-width: 529px) {
  #hero .header-blog .container-fluid .title-single .single-blog .blog-info .title {
    font-size: 44px;
    font-style: bolder;
    padding-top: 10px;
    width: 50%;
    line-height: 55px;
  }
}
#hero .header-blog .container-fluid .title-single .single-blog .blog-info .credit {
  margin-top: -20px;
}
#hero .single-outcome {
  padding-bottom: 3%;
  background-image: url(https://ditch-plastic.org/assets/img/outcome-large.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border-bottom-left-radius: 50%;
  border-bottom-right-radius: 50%;
}
@media only screen and (max-width: 529px) {
  #hero .single-outcome {
    border-bottom-left-radius: 75%;
    border-bottom-right-radius: 75%;
  }
}
#hero .single-outcome .container-fluid {
  padding-left: 15%;
  padding-right: 15%;
  padding-top: 2%;
}
#hero .single-outcome .container-fluid a {
  font-weight: 500;
  font-size: 18px;
  line-height: 150%;
  text-align: center;
  color: white;
  padding-top: 3%;
}
#hero .single-outcome .container-fluid a img {
  padding-right: 10px;
  margin-top: -4px;
}
#hero .single-outcome .container-fluid .info {
  margin-top: 100px;
  color: white;
}
#hero .single-outcome .container-fluid .info p {
  margin-bottom: 0;
  color: white;
  font-weight: normal;
}
#hero .single-outcome .container-fluid .info p:first-of-type {
  padding-bottom: 10px;
}
#hero .single-outcome .container-fluid .info h1 {
  padding-bottom: 10px;
}
#about {
  padding-top: 50px;
}
#about .container-fluid {
  padding-right: 0;
  padding-left: 0;
}
#about .container-fluid .circle {
  background-color: #2f37a2;
  border-top-left-radius: 55%;
  border-top-right-radius: 55%;
  border-bottom-left-radius: 55%;
  border-bottom-right-radius: 55%;
  padding: 80px;
  padding-bottom: 170px;
  width: 120%;
  margin-left: -160px;
}
@media only screen and (max-width: 529px) {
  #about .container-fluid .circle {
    width: 200%;
    margin-left: -50%;
    padding-bottom: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  #about .container-fluid .circle {
    width: 300%;
    margin-left: -100%;
  }
}
#about .container-fluid .circle .text {
  padding-right: 8%;
  padding-left: 8%;
  padding-top: 80px;
}
@media only screen and (max-width: 529px) {
  #about .container-fluid .circle .text {
    padding-left: 25%;
    padding-right: 25%;
    padding-top: 20px;
    padding-bottom: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  #about .container-fluid .circle .text {
    padding-left: 3%;
    padding-right: 3%;
    padding-top: 70px;
    padding-bottom: 40px;
  }
}
#about .container-fluid .circle .text p {
  font-family: 'Gilroy-UltraLight';
  font-size: 20px;
  line-height: 180%;
  color: #ffffff;
}
@media only screen and (max-width: 529px) {
  #about .container-fluid .circle .text p {
    font-size: 16px;
  }
}
#about .container-fluid .circle .text p span {
  font-family: 'Gilroy-Bold';
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  #about .container-fluid .circle .text p {
    font-size: 16px;
  }
}
#about .container-fluid .circle .image {
  padding-right: 8%;
  padding-left: 8%;
  position: relative;
}
#about .container-fluid .circle .image .first {
  width: 279px;
  height: 270px;
  position: absolute;
  top: -8%;
  left: 2%;
}
#about .container-fluid .circle .image .first img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
@media only screen and (max-width: 529px) {
  #about .container-fluid .circle .image .first {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  #about .container-fluid .circle .image .first {
    display: none;
  }
}
#about .container-fluid .circle .image .second {
  width: 279px;
  height: 270px;
  position: absolute;
  top: 28%;
  left: 70%;
}
#about .container-fluid .circle .image .second img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
@media only screen and (max-width: 529px) {
  #about .container-fluid .circle .image .second {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  #about .container-fluid .circle .image .second {
    display: none;
  }
}
.people {
  padding-top: 5%;
}
@media only screen and (max-width: 529px) {
  .people {
    padding-top: 10%;
  }
}
.people .item {
  text-align: center;
  margin-bottom: 60px;
}
.people .item .image-holder {
  width: 240px;
  height: 240px;
  vertical-align: middle;
}
@media only screen and (max-width: 529px) {
  .people .item .image-holder {
    width: 100%;
  }
}
.people .item .image-holder img {
  height: 100%;
  width: 100%;
  object-fit: contain;
  vertical-align: middle;
}
.people .item .text {
  margin-top: 30px;
}
.people .item .text p {
  font-weight: bold;
  font-size: 20px;
  line-height: 150%;
  color: #1A1A1A;
  margin-bottom: 0;
}
.people .item .text a {
  font-weight: 500;
  font-size: 18px;
  line-height: 150%;
  text-align: center;
  color: #1A0DAB;
  cursor: pointer;
}
.people .modal .modal-content .modal-header {
  border: none;
}
.people .modal .modal-content .modal-header .close {
  display: flex;
  padding-top: 30px;
  opacity: 1;
}
.people .modal .modal-content .modal-header .close p {
  margin-right: 30px;
  font-weight: 500;
  font-size: 20px;
  line-height: 180%;
  color: #1A1A1A;
  opacity: 1;
}
.people .modal .modal-content .modal-body {
  padding-left: 5%;
  padding-right: 5%;
  padding-top: 0;
}
.people .modal .modal-content .modal-body .image {
  text-align: center;
  padding: 0;
}
.people .modal .modal-content .modal-body .image p {
  padding-top: 20px;
  font-weight: bold;
  font-size: 20px;
  line-height: 150%;
  color: #1A1A1A;
}
.people .modal .modal-content .modal-body .text {
  margin-top: 40px;
}
.people .modal .modal-content .modal-body .text p {
  font-weight: normal;
  font-size: 20px;
  line-height: 180%;
  color: #1A1A1A;
  opacity: 1;
}
.event {
  padding-top: 40px;
  padding-bottom: 40px;
}
.event .title {
  font-size: 36px;
  font-weight: bold;
  line-height: 150%;
  letter-spacing: 0.01em;
  color: #00051E;
  padding-top: 30px;
  width: 75%;
}
@media only screen and (max-width: 529px) {
  .event .title {
    width: 100%;
    font-size: 20px;
    padding-top: 0;
  }
}
.event .event-info {
  background: #FFFFFF;
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.07);
  border-radius: 4px;
  display: flex;
  justify-content: space-between;
  padding: 20px 60px;
  align-items: center;
  margin-top: 50px;
  margin-bottom: 50px;
}
@media only screen and (max-width: 529px) {
  .event .event-info {
    display: block;
    padding: 40px 20px 0 20px;
    text-align: center;
  }
}
.event .event-info .date {
  display: flex;
}
@media only screen and (max-width: 529px) {
  .event .event-info .date {
    padding-bottom: 20px;
  }
  .event .event-info .date img {
    margin-top: -30px;
  }
}
.event .event-info .date .date-info {
  margin-top: -15px;
  padding-left: 20px;
}
.event .event-info .date .date-info p:first-of-type {
  font-size: 12px;
  line-height: 150%;
  color: #464C4F;
  opacity: 0.5;
  text-transform: uppercase;
  margin-bottom: 0;
  margin-top: 35px;
}
@media only screen and (max-width: 529px) {
  .event .event-info .date .date-info p:first-of-type {
    text-align: left;
    margin-top: 0;
  }
}
.event .event-info .date .date-info p:last-of-type {
  font-size: 16px;
  line-height: 150%;
  color: #00051E;
  padding-top: 0;
  width: 100%;
}
@media only screen and (max-width: 529px) {
  .event .event-info .date .date-info p:last-of-type {
    font-size: 12px;
  }
}
.event .event-info .time {
  display: flex;
}
@media only screen and (max-width: 529px) {
  .event .event-info .time {
    padding-bottom: 20px;
  }
  .event .event-info .time img {
    margin-top: -30px;
  }
}
.event .event-info .time .time-info {
  margin-top: -15px;
  padding-left: 20px;
}
.event .event-info .time .time-info p:first-of-type {
  font-size: 12px;
  line-height: 150%;
  color: #464C4F;
  opacity: 0.5;
  text-transform: uppercase;
  margin-bottom: 0;
  margin-top: 35px;
  text-align: left;
}
@media only screen and (max-width: 529px) {
  .event .event-info .time .time-info p:first-of-type {
    margin-top: 0;
  }
}
.event .event-info .time .time-info p:last-of-type {
  font-size: 14px;
  line-height: 150%;
  color: #00051E;
  padding-top: 0;
  width: 100%;
}
.event .event-info .live-stream {
  background-color: #00D082;
  border-radius: 50px;
  height: 60px;
  padding: 20px;
}
.event .event-info .live-stream p {
  text-transform: uppercase;
  font-size: 16px;
  text-align: center;
  letter-spacing: 0.01em;
  color: #FFFFFF;
  font-weight: bold;
  padding-right: 10px;
  cursor: pointer;
}
@media only screen and (max-width: 529px) {
  .event .event-info .live-stream p {
    width: 100%;
  }
}
.event .event-info .live-stream .dropdown-menu {
  background-color: #fff;
  box-shadow: 0px 4.38462px 16.4423px rgba(0, 0, 0, 0.07);
  border-radius: 4.38462px;
}
.event .event-info .live-stream .dropdown-menu .dropdown-item {
  font-weight: 600;
  font-size: 17.5385px;
  line-height: 21px;
  letter-spacing: 0.01em;
  color: #313131;
}
.event .event-info .live-stream .dropdown-menu .dropdown-item img {
  padding-right: 10px;
}
.event .event-info .live-stream .dropdown-menu .dropdown-item:first-of-type {
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 1.64423px solid rgba(239, 239, 239, 0.5);
}
.event .event-info .live-stream .dropdown-menu.show {
  padding: 20px;
}
.event .info {
  padding-top: 30px;
}
.event .info .links {
  padding-left: 2%;
  padding-right: 2%;
  border-bottom: 1.5px solid #EFEFEF;
}
@media only screen and (max-width: 529px) {
  .event .info .links {
    padding-left: 5%;
    padding-right: 5%;
  }
}
.event .info .links .web {
  list-style: none;
  display: flex;
  justify-content: space-between;
}
.event .info .tab {
  padding-top: 30px;
}
.event .info .tab .content {
  padding-top: 25px;
}
@media only screen and (max-width: 529px) {
  .event .info .tab .content {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.event .info .tab .content .about {
  text-align: justify;
  font-size: 18px;
  line-height: 180%;
  color: #00051E;
  font-family: 'Gilroy-Medium';
}
@media only screen and (max-width: 529px) {
  .event .info .tab .content .about {
    font-size: 16px;
  }
}
.event .info .tab .content .group .drop {
  display: flex;
  background: #FBFCFE;
  border: 1px solid rgba(248, 248, 248, 0.5);
  box-sizing: border-box;
  border-radius: 6px;
  padding: 20px;
  margin-top: 25px;
}
@media only screen and (max-width: 529px) {
  .event .info .tab .content .group .drop {
    justify-content: space-between;
  }
}
.event .info .tab .content .group .drop .time {
  width: 15%;
}
@media only screen and (max-width: 529px) {
  .event .info .tab .content .group .drop .time {
    display: none;
  }
}
.event .info .tab .content .group .drop .time p {
  font-size: 16px;
  line-height: 143.16%;
  color: #827F98;
  font-weight: bold;
  padding-top: 0;
  margin-bottom: 0;
}
.event .info .tab .content .group .drop .name {
  width: 70%;
  margin-left: 140px;
}
@media only screen and (max-width: 529px) {
  .event .info .tab .content .group .drop .name {
    width: 100%;
    margin-left: 0;
  }
}
.event .info .tab .content .group .drop .name p {
  font-size: 18px;
  line-height: 143.16%;
  color: #525050;
  font-weight: bold;
  padding-top: 0;
  margin-bottom: 0;
}
@media only screen and (max-width: 529px) {
  .event .info .tab .content .group .drop .name p {
    font-size: 14px;
  }
}
.event .info .tab .content .group .drop .show {
  width: 15%;
}
@media only screen and (max-width: 529px) {
  .event .info .tab .content .group .drop .show {
    margin-left: 0;
    margin-top: 7px;
  }
}
.event .info .tab .content .group .drop .show p {
  font-size: 16px;
  line-height: 143.16%;
  color: #00D082;
  font-weight: bold;
  padding-top: 0;
  margin-bottom: 0;
  cursor: pointer;
}
@media only screen and (max-width: 529px) {
  .event .info .tab .content .group .drop .show p {
    display: none;
  }
}
.event .info .tab .content .group .drop .show .mobile {
  display: none;
}
@media only screen and (max-width: 529px) {
  .event .info .tab .content .group .drop .show .mobile {
    display: block;
    margin-left: 20px;
  }
}
.event .info .tab .content .group .collapse .card-body {
  border: none;
  background-color: #FBFCFE;
  padding-top: 15px;
  padding-left: 27%;
  padding-bottom: 20px;
}
.event .info .tab .content .group .collapse .card-body p {
  font-weight: 600;
  font-size: 17.5385px;
  line-height: 21px;
  display: flex;
  align-items: center;
  letter-spacing: 0.01em;
  color: #00051E;
}
.event .info .tab .content .group .collapse .card-body ul {
  list-style: none;
  padding-bottom: 0;
}
.event .info .tab .content .group .collapse .card-body ul li {
  font-family: 'Gilroy-Regular';
  font-weight: bold;
  font-size: 15px;
  line-height: 21px;
  color: #313131;
  padding-right: 20px;
  text-indent: 20px;
}
@media only screen and (max-width: 529px) {
  .event .info .tab .content .group .collapse .card-body ul li {
    margin-bottom: 20px;
    padding-right: 0;
    text-indent: 0;
  }
}
.event .info .tab .content .group .collapse .card-body ul li::before {
  content: "\2022";
  color: #00D082;
  font-weight: bold;
  width: 3em;
  margin-left: -1em;
  font-size: 20px;
  padding-right: 20px;
}
.event .info .tab .content .group .collapse .card-body ul .time {
  display: none;
}
@media only screen and (max-width: 529px) {
  .event .info .tab .content .group .collapse .card-body ul .time {
    display: block;
    font-size: 12px;
    line-height: 143.16%;
    color: #827F98;
  }
}
.event .info .tab .content .group .collapse .card-body .time {
  display: none;
}
@media only screen and (max-width: 529px) {
  .event .info .tab .content .group .collapse .card-body .time {
    display: block;
    font-size: 12px;
    line-height: 143.16%;
    color: #827F98;
  }
}
.event .info .tab .content .group .collapse .card-body .clock {
  margin-bottom: 30px;
}
.event .info .tab .content .group .collapse .card-body .country {
  margin-bottom: 30px;
}
.event .info .tab .content .group .collapse .card-body .participants {
  margin-bottom: 30px;
}
.event .info .tab .content .group .collapsing .card-body {
  border: none;
  background-color: transparent;
}
@media only screen and (max-width: 529px) {
  .event .info .tab .content .group .collapsing .card-body li {
    font-family: 'Gilroy-Medium';
    font-size: 15px;
    line-height: 21px;
    color: #313131;
  }
  .event .info .tab .content .group .collapsing .card-body p {
    font-size: 10px;
    line-height: 143.16%;
    color: #827F98;
  }
}
.event .info .tab .content .atom {
  text-align: center;
  margin-bottom: 60px;
}
@media only screen and (max-width: 529px) {
  .event .info .tab .content .atom .image {
    height: 150px;
    margin: 0 auto;
    padding-bottom: 20px;
  }
  .event .info .tab .content .atom .image img {
    height: 100%;
    width: 100%;
    object-fit: contain;
  }
}
.event .info .tab .content .atom .name {
  margin-bottom: 0;
  font-size: 17.4913px;
  line-height: 150%;
  font-weight: bold;
  padding-top: 20px;
}
@media only screen and (max-width: 529px) {
  .event .info .tab .content .atom .name {
    padding-top: 0;
  }
}
.event .info .tab .content .atom a {
  font-size: 15.7422px;
  font-weight: bold;
  line-height: 150%;
  color: #1a0dab;
}
.event .info .tab .content .atom .modal .modal-header {
  border-bottom: none;
}
.event .info .tab .content .atom .modal .modal-header .close {
  display: flex;
}
.event .info .tab .content .atom .modal .modal-header .close p {
  padding-top: 2px;
  padding-right: 10px;
  font-weight: bold;
  color: #1A1A1A;
}
.event .info .tab .content .atom .modal .modal-body {
  padding-bottom: 50px;
  padding-left: 30px;
  padding-right: 30px;
}
.event .info .tab .content .atom .modal .modal-body .text p {
  padding-top: 0;
  text-align: left;
  font-size: 20px;
  line-height: 180%;
  color: #1A1A1A;
}
@media only screen and (max-width: 529px) {
  .event .info .tab .content .atom .modal .modal-body .text p {
    margin-top: 30px;
    font-size: 16px;
  }
}
@media only screen and (max-width: 529px) {
  .event .info .tab .content .atom .modal .modal-body .image img {
    margin: 0 auto;
  }
}
.event .info .tab .content .atom .modal .modal-body .image p {
  font-size: 17.4913px;
  line-height: 150%;
  color: #1A1A1A;
  padding-top: 20px;
  font-weight: bold;
}
@media only screen and (max-width: 529px) {
  .event .info .tab .content .atom .modal .modal-body .image p {
    padding-top: 10px;
  }
}
.event .info .tab .content .video {
  text-align: center;
}
.event .info .tab .content .video iframe {
  width: 785px;
  height: 501px;
}
.event .info .tab .content .collapse .card-body {
  border: none;
  background-color: #FBFCFE;
  padding-top: 15px;
  padding-left: 27%;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.event .info .tab .content .collapse .card-body p {
  font-weight: 600;
  font-size: 17.5385px;
  line-height: 21px;
  display: flex;
  align-items: center;
  letter-spacing: 0.01em;
  color: #00051E;
}
.event .info .tab .content .collapse .card-body ul {
  list-style: none;
  padding-bottom: 0;
}
.event .info .tab .content .collapse .card-body ul li {
  font-family: 'Gilroy-Regular';
  font-weight: bold;
  font-size: 15px;
  line-height: 21px;
  color: #313131;
  padding-right: 20px;
  text-indent: 20px;
}
@media only screen and (max-width: 529px) {
  .event .info .tab .content .collapse .card-body ul li {
    margin-bottom: 20px;
    padding-right: 0;
    text-indent: 0;
  }
}
.event .info .tab .content .collapse .card-body ul li::before {
  content: "\2022";
  color: #00D082;
  font-weight: bold;
  width: 3em;
  margin-left: -1em;
  font-size: 20px;
  padding-right: 20px;
}
.event .info .tab .content .collapse .card-body ul .time {
  display: none;
}
@media only screen and (max-width: 529px) {
  .event .info .tab .content .collapse .card-body ul .time {
    display: block;
    font-size: 12px;
    line-height: 143.16%;
    color: #827F98;
  }
}
.event .info .tab .content .collapse .card-body .time {
  display: none;
}
@media only screen and (max-width: 529px) {
  .event .info .tab .content .collapse .card-body .time {
    display: block;
    font-size: 12px;
    line-height: 143.16%;
    color: #827F98;
  }
}
.event .info .tab .content .collapse .card-body .clock {
  margin-bottom: 30px;
}
.event .info .tab .content .collapse .card-body .country {
  margin-bottom: 30px;
}
.event .info .tab .content .collapse .card-body .participants {
  margin-bottom: 30px;
}
.event .info .tab .content .collapsing .card-body {
  border: none;
  background-color: transparent;
}
@media only screen and (max-width: 529px) {
  .event .info .tab .content .collapsing .card-body li {
    font-family: 'Gilroy-Medium';
    font-size: 15px;
    line-height: 21px;
    color: #313131;
  }
  .event .info .tab .content .collapsing .card-body p {
    font-size: 10px;
    line-height: 143.16%;
    color: #827F98;
  }
}
.event .info .tab .content .collapsing .card-body {
  border: none;
  background-color: #FBFCFE;
  padding-top: 15px;
  padding-left: 27%;
  padding-bottom: 20px;
}
.event .info .tab .content .collapsing .card-body p {
  font-weight: 600;
  font-size: 17.5385px;
  line-height: 21px;
  display: flex;
  align-items: center;
  letter-spacing: 0.01em;
  color: #00051E;
}
.event .info .tab .content .collapsing .card-body ul {
  list-style: none;
  padding-bottom: 0;
}
.event .info .tab .content .collapsing .card-body ul li {
  font-family: 'Gilroy-Regular';
  font-weight: bold;
  font-size: 15px;
  line-height: 21px;
  color: #313131;
  padding-right: 20px;
  text-indent: 20px;
}
@media only screen and (max-width: 529px) {
  .event .info .tab .content .collapsing .card-body ul li {
    margin-bottom: 20px;
    padding-right: 0;
    text-indent: 0;
  }
}
.event .info .tab .content .collapsing .card-body ul li::before {
  content: "\2022";
  color: #00D082;
  font-weight: bold;
  width: 3em;
  margin-left: -1em;
  font-size: 20px;
  padding-right: 20px;
}
.event .info .tab .content .collapsing .card-body ul .time {
  display: none;
}
@media only screen and (max-width: 529px) {
  .event .info .tab .content .collapsing .card-body ul .time {
    display: block;
    font-size: 12px;
    line-height: 143.16%;
    color: #827F98;
  }
}
.event .info .tab .content .collapsing .card-body .time {
  display: none;
}
@media only screen and (max-width: 529px) {
  .event .info .tab .content .collapsing .card-body .time {
    display: block;
    font-size: 12px;
    line-height: 143.16%;
    color: #827F98;
  }
}
.event .info .tab .content .collapsing .card-body .clock {
  margin-bottom: 30px;
}
.event .info .tab .content .collapsing .card-body .country {
  margin-bottom: 30px;
}
.event .info .tab .content .collapsing .card-body .participants {
  margin-bottom: 30px;
}
.event .info .first {
  color: #00D082;
  line-height: 110%;
  border-bottom: 2px solid #00D082;
  padding-bottom: 10px;
  font-weight: bold;
  padding-left: 3px;
  padding-right: 3px;
  cursor: pointer;
}
.event .info .second {
  color: #00D082;
  line-height: 110%;
  border-bottom: 2px solid #00D082;
  padding-bottom: 10px;
  font-weight: bold;
  padding-left: 3px;
  padding-right: 3px;
  cursor: pointer;
}
.event .info .third {
  color: #00D082;
  line-height: 110%;
  border-bottom: 2px solid #00D082;
  padding-bottom: 10px;
  font-weight: bold;
  padding-left: 3px;
  padding-right: 3px;
  cursor: pointer;
}
.event .info .fourth {
  color: #00D082;
  line-height: 110%;
  border-bottom: 2px solid #00D082;
  padding-bottom: 10px;
  font-weight: bold;
  padding-left: 3px;
  padding-right: 3px;
  cursor: pointer;
}
.event .info .unactive {
  color: #827F98;
  border-bottom: none;
  font-weight: normal;
  cursor: pointer;
}
.modified-event {
  padding-top: 80px;
  padding-bottom: 40px;
}
.modified-event .head-link {
  border-bottom: 2px solid #EFEFEF;
}
.modified-event .head-link .link {
  margin-top: 23px;
  padding-top: 30px;
  display: flex;
  justify-content: space-between;
  padding-left: 15%;
  padding-right: 15%;
}
@media only screen and (max-width: 529px) {
  .modified-event .head-link .link {
    padding-right: 2%;
    padding-left: 2%;
  }
}
.modified-event .head-link .link p {
  font-size: 18px;
  line-height: 110%;
  color: #827F98;
  padding: 20px;
  margin: 0;
  cursor: pointer;
}
.modified-event .head-link .link .first {
  font-weight: bold;
  font-size: 18px;
  line-height: 110%;
  color: #00D082;
  border-bottom: 2px solid #00D082;
}
.modified-event .head-link .link .second {
  font-weight: bold;
  font-size: 18px;
  line-height: 110%;
  color: #00D082;
  border-bottom: 2px solid #00D082;
}
.modified-event .head-link .link .third {
  font-weight: bold;
  font-size: 18px;
  line-height: 110%;
  color: #00D082;
  border-bottom: 2px solid #00D082;
}
.modified-event .head-link .link .unactive {
  color: #827F98;
  border-right: none;
  font-weight: 400;
  border-bottom: none;
}
.modified-event .event-body {
  padding-top: 10%;
  padding-right: 10%;
  padding-left: 10%;
}
@media only screen and (max-width: 529px) {
  .modified-event .event-body {
    padding: 5%;
    padding-top: 10%;
  }
}
.modified-event .details .event-details .deets {
  display: flex;
  padding: 30px;
  vertical-align: middle;
  gap: 25px;
}
@media only screen and (max-width: 529px) {
  .modified-event .details .event-details .deets {
    padding: 0;
    gap: 65px;
  }
}
.modified-event .details .event-details .deets .event-type {
  width: 15%;
}
.modified-event .details .event-details .deets .event-type p {
  font-weight: bold;
  font-size: 16px;
  line-height: 143.16%;
  color: #827F98;
  letter-spacing: .05px;
}
.modified-event .details .event-details .deets .event-info {
  width: 60%;
}
.modified-event .details .event-details .deets .event-info p {
  font-weight: bold;
  font-size: 18px;
  line-height: 143.16%;
  color: #525050;
  letter-spacing: .05px;
}
.modified-event .details .event-details .deets .more {
  font-weight: 600;
  font-size: 16px;
  line-height: 143.16%;
  color: #00D082;
  width: 20%;
}
.modified-event .details .event-details .deets .more p {
  cursor: pointer;
}
.modified-event .details .event-details .deets-focus {
  display: flex;
  justify-content: space-between;
  padding: 30px;
  vertical-align: middle;
}
.modified-event .details .event-details .deets-focus .event-type {
  width: 15%;
}
.modified-event .details .event-details .deets-focus .event-type p {
  font-weight: bold;
  font-size: 16px;
  line-height: 143.16%;
  color: #827F98;
  letter-spacing: .05px;
}
.modified-event .details .event-details .deets-focus .event-info {
  width: 60%;
}
.modified-event .details .event-details .deets-focus .event-info p {
  font-weight: bold;
  font-size: 18px;
  line-height: 143.16%;
  color: #525050;
  letter-spacing: .05px;
}
.modified-event .details .event-details .deets-focus .more {
  font-weight: 600;
  font-size: 16px;
  line-height: 143.16%;
  color: #00D082;
  width: 20%;
}
.modified-event .details .event-details .deets-focus .more p {
  cursor: pointer;
}
.modified-event .details .event-details .collapse .card {
  border: none;
}
.modified-event .details .event-details .collapse .card-body {
  padding: 30px;
  padding-top: 0;
}
.modified-event .details .event-details .collapse .card-body .event-info {
  padding-bottom: 50px;
}
.modified-event .details .event-details .collapse .card-body .event-info p:first-of-type {
  font-weight: 600;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0.01em;
  color: #2C2C2C;
  margin-bottom: 0;
}
.modified-event .details .event-details .collapse .card-body .event-info p:last-of-type {
  font-weight: normal;
  font-size: 18px;
  line-height: 150%;
  letter-spacing: 0.01em;
  color: #2C2C2C;
  margin-bottom: 0;
  padding-top: 10px;
}
.modified-event .details .event-details .collapse .card-body .event-info iframe {
  margin-top: 10px;
  width: 100%;
  height: 450px;
}
.modified-event .details .event-details .collapse .card-body .event-info ul {
  list-style: none;
  padding-bottom: 0;
}
.modified-event .details .event-details .collapse .card-body .event-info ul li {
  font-family: 'Gilroy-Regular';
  font-weight: bold;
  font-size: 15px;
  line-height: 21px;
  color: #313131;
  padding-right: 20px;
  text-indent: 20px;
  margin-bottom: 20px;
}
@media only screen and (max-width: 529px) {
  .modified-event .details .event-details .collapse .card-body .event-info ul li {
    margin-bottom: 20px;
    padding-right: 0;
    text-indent: 0;
  }
}
.modified-event .details .event-details .collapse .card-body .event-info ul li:first-of-type {
  margin-top: 20px;
}
.modified-event .details .event-details .collapse .card-body .event-info ul li::before {
  content: "\2022";
  color: #00D082;
  font-weight: bold;
  width: 3em;
  margin-left: -1em;
  font-size: 20px;
  padding-right: 20px;
}
.modified-event .details .event-details .collapse .card-body .event-info ul .time {
  display: none;
}
@media only screen and (max-width: 529px) {
  .modified-event .details .event-details .collapse .card-body .event-info ul .time {
    display: block;
    font-size: 12px;
    line-height: 143.16%;
    color: #827F98;
  }
}
.modified-event .details .event-details .collapse .card-body .event-info .past-speakers .atom {
  padding-top: 50px;
  text-align: center;
  margin-bottom: 60px;
}
.modified-event .details .event-details .collapse .card-body .event-info .past-speakers .atom .image {
  height: 114px;
}
@media only screen and (max-width: 529px) {
  .modified-event .details .event-details .collapse .card-body .event-info .past-speakers .atom .image {
    height: 140px;
    margin: 0 auto;
    padding-bottom: 20px;
  }
  .modified-event .details .event-details .collapse .card-body .event-info .past-speakers .atom .image img {
    height: 100%;
    width: 100%;
    object-fit: contain;
  }
}
.modified-event .details .event-details .collapse .card-body .event-info .past-speakers .atom .name {
  margin-bottom: 0;
  font-size: 12.4983px;
  line-height: 150%;
  font-weight: bold;
  padding-top: 20px;
}
@media only screen and (max-width: 529px) {
  .modified-event .details .event-details .collapse .card-body .event-info .past-speakers .atom .name {
    padding-top: 0;
  }
}
.modified-event .details .event-details .collapse .card-body .event-info .past-speakers .atom a {
  font-size: 10.4485px;
  font-weight: bold;
  line-height: 150%;
  color: #1A0DAB;
  cursor: pointer;
}
.modified-event .details .event-details .collapse .card-body .event-info .past-speakers .atom .modal .modal-header {
  border-bottom: none;
}
.modified-event .details .event-details .collapse .card-body .event-info .past-speakers .atom .modal .modal-header .close {
  display: flex;
}
.modified-event .details .event-details .collapse .card-body .event-info .past-speakers .atom .modal .modal-header .close p {
  padding-top: 2px;
  padding-right: 10px;
  font-weight: bold;
  color: #1A1A1A;
}
.modified-event .details .event-details .collapse .card-body .event-info .past-speakers .atom .modal .modal-body {
  padding-bottom: 50px;
  padding-left: 30px;
  padding-right: 30px;
}
.modified-event .details .event-details .collapse .card-body .event-info .past-speakers .atom .modal .modal-body .text p {
  padding-top: 0;
  text-align: left;
  font-size: 20px;
  line-height: 180%;
  color: #1A1A1A;
}
@media only screen and (max-width: 529px) {
  .modified-event .details .event-details .collapse .card-body .event-info .past-speakers .atom .modal .modal-body .text p {
    margin-top: 30px;
    font-size: 16px;
  }
}
@media only screen and (max-width: 529px) {
  .modified-event .details .event-details .collapse .card-body .event-info .past-speakers .atom .modal .modal-body .image img {
    margin: 0 auto;
  }
}
.modified-event .details .event-details .collapse .card-body .event-info .past-speakers .atom .modal .modal-body .image p {
  font-size: 17.4913px;
  line-height: 150%;
  color: #1A1A1A;
  padding-top: 20px;
  font-weight: bold;
}
@media only screen and (max-width: 529px) {
  .modified-event .details .event-details .collapse .card-body .event-info .past-speakers .atom .modal .modal-body .image p {
    padding-top: 10px;
  }
}
.modified-event .details .event-details .collapse .card-body .event-info .event-table {
  padding-top: 30px;
}
.modified-event .details .event-details .collapse .card-body .event-info .event-table table {
  border: 1px solid #C4C4C4;
}
.modified-event .details .event-details .collapse .card-body .event-info .event-table table tr th {
  background-color: #FBFCFE;
  border: 1px solid #C4C4C4;
  padding: 10px 20px;
}
.modified-event .details .event-details .collapse .card-body .event-info .event-table table tr th:last-of-type {
  padding-left: 30px;
}
.modified-event .details .event-details .collapse .card-body .event-info .event-table table tr td {
  padding: 15px 20px;
  border: 1px solid #C4C4C4;
}
.modified-event .details .event-details .collapse .card-body .event-info .event-table table tr td:last-of-type {
  padding-left: 30px;
}
.modified-event .details .event-details .collapse .card-body .event-info .event-fund img {
  margin-right: 60px;
  margin-top: 30px;
}
.modified-event .details .event-details .collapse .card-body .event-info .event-partners {
  padding-top: 30px;
}
.modified-event .details .event-details .collapse .card-body .event-info .event-partners img {
  margin-right: 55px;
  margin-bottom: 50px;
}
.modified-event .details .event-details .collapse .card-body .event-info .second-list ul li {
  font-family: 'Gilroy-Regular';
  font-weight: normal;
  font-size: 15px;
  line-height: 21px;
  color: #313131;
  padding-right: 20px;
  text-indent: 20px;
  margin-bottom: 20px;
}
@media only screen and (max-width: 529px) {
  .modified-event .details .event-details .collapse .card-body .event-info .second-list ul li {
    margin-bottom: 20px;
    padding-right: 0;
    text-indent: 0;
  }
}
.modified-event .details .event-details .collapse .card-body .event-info .second-list ul li::before {
  content: "\25B6";
  color: #000;
  width: 3em;
  margin-left: -1em;
  font-size: 15px;
  padding-right: 20px;
}
.modified-event .details .event-details .collapse .card-body .event-info .image {
  width: 100%;
  height: auto;
}
.modified-event .details .event-details .collapse .card-body .event-info .image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.modified-event .details .event-details .collapse .card-body .event-info .speakers {
  display: flex;
  flex-wrap: wrap;
  margin-top: 30px;
}
.modified-event .details .event-details .collapse .card-body .event-info .speakers .person {
  margin-right: 20px;
  margin-bottom: 20px;
  width: 30%;
  text-align: center;
}
.modified-event .details .event-details .collapse .card-body .event-info .speakers .person .image {
  height: 115px;
  margin-right: 0 !important;
}
.modified-event .details .event-details .collapse .card-body .event-info .speakers .person .image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.modified-event .details .event-details .collapse .card-body .event-info .speakers .person .name {
  font-weight: bold;
  font-size: 10.4983px;
  line-height: 150%;
  color: #1A1A1A;
}
.modified-event .details .event-details .collapse .card-body .event-info .speakers .person a {
  font-weight: 500;
  font-size: 9.4485px;
  line-height: 150%;
  color: #1A0DAB;
}
.modified-event .details .event-details .collapsing .card {
  border: none;
}
.modified-event .details .event-details .collapsing .card-body {
  padding: 30px;
  padding-top: 0;
}
.modified-event .details .event-details .collapsing .card-body .event-info {
  padding-bottom: 30px;
}
.modified-event .details .event-details .collapsing .card-body .event-info p:first-of-type {
  font-weight: 600;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0.01em;
  color: #2C2C2C;
  margin-bottom: 0;
}
.modified-event .details .event-details .collapsing .card-body .event-info p:last-of-type {
  font-weight: normal;
  font-size: 18px;
  line-height: 150%;
  letter-spacing: 0.01em;
  color: #2C2C2C;
  margin-bottom: 0;
  padding-top: 10px;
}
.modified-event .details .event-details .collapsing .card-body .event-info iframe {
  margin-top: 10px;
}
.modified-event .details .event-details .collapsing .card-body .event-info ul {
  list-style: none;
  padding-bottom: 0;
}
.modified-event .details .event-details .collapsing .card-body .event-info ul li {
  font-family: 'Gilroy-Regular';
  font-weight: bold;
  font-size: 15px;
  line-height: 21px;
  color: #313131;
  padding-right: 20px;
  text-indent: 20px;
  margin-bottom: 20px;
}
@media only screen and (max-width: 529px) {
  .modified-event .details .event-details .collapsing .card-body .event-info ul li {
    margin-bottom: 20px;
    padding-right: 0;
    text-indent: 0;
  }
}
.modified-event .details .event-details .collapsing .card-body .event-info ul li:first-of-type {
  margin-top: 20px;
}
.modified-event .details .event-details .collapsing .card-body .event-info ul li::before {
  content: "\2022";
  color: #00D082;
  font-weight: bold;
  width: 3em;
  margin-left: -1em;
  font-size: 20px;
  padding-right: 20px;
}
.modified-event .details .event-details .collapsing .card-body .event-info ul .time {
  display: none;
}
@media only screen and (max-width: 529px) {
  .modified-event .details .event-details .collapsing .card-body .event-info ul .time {
    display: block;
    font-size: 12px;
    line-height: 143.16%;
    color: #827F98;
  }
}
.modified-event .details .event-details .collapsing .card-body .event-info .speakers {
  display: flex;
  flex-wrap: wrap;
}
.modified-event .details .event-details .collapsing .card-body .event-info .speakers .person {
  margin-right: 20px;
  margin-bottom: 20px;
  width: 30%;
  text-align: center;
}
.modified-event .details .event-details .collapsing .card-body .event-info .speakers .person .image {
  width: 100%;
  height: 115px;
  margin-right: 0 !important;
}
.modified-event .details .event-details .collapsing .card-body .event-info .speakers .person .image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.modified-event .details .event-details .collapsing .card-body .event-info .speakers .person .name {
  font-weight: bold;
  font-size: 13px;
  line-height: 150%;
  color: #1A1A1A;
}
.modified-event .details .event-details .collapsing .card-body .event-info .speakers .person a {
  font-weight: 500;
  font-size: 11;
  line-height: 150%;
  color: #1A0DAB;
}
.modified-event .upcoming .title p:first-of-type {
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 150%;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  color: rgba(0, 5, 30, 0.5);
}
@media only screen and (max-width: 529px) {
  .modified-event .upcoming .title p:first-of-type {
    font-size: 12px;
  }
}
.modified-event .upcoming .title p:last-of-type {
  font-weight: bold;
  font-size: 32px;
  line-height: 150%;
  letter-spacing: 0.01em;
  color: #00051E;
  margin-top: -20px;
}
@media only screen and (max-width: 529px) {
  .modified-event .upcoming .title p:last-of-type {
    font-size: 26px;
    line-height: 120%;
  }
}
.modified-event .upcoming .details {
  background: #FFFFFF;
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.07);
  border-radius: 4px;
  padding: 30px;
  margin-top: 30px;
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 529px) {
  .modified-event .upcoming .details {
    display: inline-block;
  }
}
.modified-event .upcoming .details .info {
  display: flex;
}
.modified-event .upcoming .details .info .more-info {
  padding-left: 10px;
}
.modified-event .upcoming .details .info .more-info p:first-of-type {
  font-size: 12px;
  line-height: 150%;
  color: #464C4F;
  opacity: 0.5;
  text-transform: uppercase;
  margin: 0;
  margin-top: 10px;
  letter-spacing: .3px;
}
.modified-event .upcoming .details .info .more-info p:last-of-type {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 150%;
  color: #00051E;
  letter-spacing: .5px;
}
@media only screen and (max-width: 529px) {
  .modified-event .upcoming .details .info .more-info p:last-of-type {
    display: none;
  }
}
.modified-event .upcoming .details .info .more-info .mobile-info {
  display: none;
}
@media only screen and (max-width: 529px) {
  .modified-event .upcoming .details .info .more-info .mobile-info {
    display: block;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 150%;
    color: #00051E;
    letter-spacing: .5px;
  }
}
.modified-event .upcoming .details .register {
  margin-top: 25px;
}
.modified-event .upcoming .details .register a {
  border: 2px solid #00D082;
  box-sizing: border-box;
  font-weight: 600;
  border-radius: 50px;
  color: #00D082;
  text-transform: uppercase;
  padding: 15px;
  letter-spacing: .5px;
}
@media only screen and (max-width: 529px) {
  .modified-event .upcoming .details .register a {
    width: 100%;
  }
}
.modified-event .upcoming .blank {
  text-align: center;
}
.modified-event .upcoming .blank p {
  font-size: 30px;
  line-height: 36px;
  text-align: center;
  color: #020E0F;
}
@media only screen and (max-width: 529px) {
  .modified-event .upcoming .blank p {
    font-size: 18px;
  }
}
.modified-event .upcoming #about .title {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 18px;
  line-height: 150%;
  letter-spacing: 0.01em;
  color: #00D082;
}
.modified-event .upcoming #about .agenda {
  margin-top: 80px;
}
.modified-event .upcoming #about .agenda .title {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 18px;
  line-height: 150%;
  letter-spacing: 0.01em;
  color: #00D082;
}
.modified-event .upcoming #about .agenda p {
  font-weight: normal;
  font-size: 18px;
  line-height: 165%;
  color: #525050;
}
.modified-event .upcoming #about .agenda table,
.modified-event .upcoming #about .agenda tr,
.modified-event .upcoming #about .agenda th,
.modified-event .upcoming #about .agenda td {
  border: 1px solid #C4C4C4;
  padding: 20px;
}
.modified-event .upcoming #about .agenda table {
  width: 100%;
}
.modified-event .upcoming #about .agenda table thead {
  padding: 10px;
}
.modified-event .upcoming #about .agenda table tr th:first-of-type {
  width: 30%;
}
.modified-event .upcoming #about .agenda table tr th:last-of-type {
  width: 70%;
  padding-left: 10%;
}
.modified-event .upcoming #about .agenda table tr td:last-of-type {
  padding-left: 10%;
}
.modified-event .upcoming #speakers {
  margin-top: 100px;
}
.modified-event .upcoming #speakers .title {
  font-weight: bold;
  font-size: 18px;
  line-height: 150%;
  letter-spacing: 0.01em;
  color: #00D082;
  text-transform: uppercase;
}
.modified-event .upcoming #speakers .speakers {
  display: flex;
  flex-wrap: wrap;
  margin-top: 30px;
  text-align: center;
}
@media only screen and (max-width: 529px) {
  .modified-event .upcoming #speakers .speakers {
    justify-content: space-between;
  }
}
.modified-event .upcoming #speakers .speakers .more {
  margin: 0 auto;
  margin-top: 25px;
}
.modified-event .upcoming #speakers .speakers .more a {
  text-transform: uppercase;
  border: 2px solid #00D082;
  box-sizing: border-box;
  border-radius: 50px;
  color: #00D082;
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  letter-spacing: 0.01em;
  padding: 20px;
}
.modified-event .upcoming #speakers .speakers .person {
  margin-right: 20px;
  margin-bottom: 20px;
  width: 30%;
  text-align: center;
}
@media only screen and (max-width: 529px) {
  .modified-event .upcoming #speakers .speakers .person {
    width: 40%;
  }
}
.modified-event .upcoming #speakers .speakers .person .image {
  height: 115px;
  margin-right: 0 !important;
}
.modified-event .upcoming #speakers .speakers .person .image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.modified-event .upcoming #speakers .speakers .person .name {
  font-weight: bold;
  font-size: 15.4983px;
  line-height: 150%;
  color: #1A1A1A;
  margin-bottom: 0;
  padding-top: 10px;
}
@media only screen and (max-width: 529px) {
  .modified-event .upcoming #speakers .speakers .person .name {
    font-size: 12px;
  }
}
.modified-event .upcoming #speakers .speakers .person a {
  font-weight: 500;
  font-size: 12.4485px;
  line-height: 150%;
  color: #1A0DAB;
  cursor: pointer;
}
@media only screen and (max-width: 529px) {
  .modified-event .upcoming #speakers .speakers .person a {
    font-size: 12px;
  }
}
.modified-event .upcoming #speakers .speakers .modal .modal-content .modal-body .image p {
  text-align: center;
  margin-top: 15px;
}
.modified-event .upcoming #speakers .speakers .modal .modal-content .modal-body .text p {
  margin-top: 20px;
}
.modified-event .upcoming #speakers #showMore {
  display: none;
  flex-wrap: wrap;
}
.outcome {
  padding-top: 7%;
}
.outcome .item {
  display: flex;
  justify-content: space-between;
  padding-bottom: 60px;
  border-bottom: 2px solid rgba(177, 177, 177, 0.2);
}
@media only screen and (max-width: 529px) {
  .outcome .item {
    display: block;
    padding-top: 50px;
  }
}
.outcome .item .image {
  width: 50%;
}
@media only screen and (max-width: 529px) {
  .outcome .item .image {
    width: 100%;
  }
}
.outcome .item .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.outcome .item .text {
  margin-left: 50px;
  width: 50%;
  padding-top: 20px;
}
@media only screen and (max-width: 529px) {
  .outcome .item .text {
    width: 100%;
    margin-left: 0;
  }
}
.outcome .item .text h1 {
  font-weight: bold;
  font-size: 24px;
  line-height: 30px;
  letter-spacing: -0.01em;
  color: #00051E;
  padding-bottom: 20px;
}
.outcome .item .text p {
  font-size: 14px;
  line-height: 17px;
  letter-spacing: 0.05em;
  color: #000000;
}
.outcome .item .text a {
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  letter-spacing: -0.02em;
  color: #2F37A2;
}
.outcome .item .text .info {
  padding-top: 20px;
  display: flex;
  justify-content: space-between;
}
.outcome .item .text .info p {
  font-size: 14px;
  line-height: 17px;
  letter-spacing: -0.02em;
  color: #00051E;
  margin-bottom: 0;
  margin-top: 4px;
}
.outcome .item .text .info .author {
  display: flex;
  justify-content: space-between;
}
.outcome .item .text .info .author p {
  padding-left: 10px;
}
.single-outcome {
  padding-top: 3%;
  padding-bottom: 5%;
}
.single-outcome .container-fluid {
  position: relative;
  padding-right: 15%;
  padding-left: 15%;
}
.single-outcome .container-fluid p {
  margin-bottom: 0;
  font-weight: 400;
  font-size: 20px;
  line-height: 150%;
  padding-bottom: 5%;
}
.single-outcome .container-fluid p:first-of-type {
  font-weight: 700;
  color: #585858;
}
.single-outcome .container-fluid p:last-of-type {
  font-weight: 700;
  color: #585858;
}
.single-outcome .container-fluid .title {
  color: #000;
  font-weight: bold;
  font-size: 22px;
  padding-bottom: 0;
}
.single-outcome .container-fluid .poll {
  font-weight: bold;
  font-weight: 500;
  font-size: 20px;
  line-height: 150%;
  color: #00051E;
}
.single-outcome .container-fluid .poll a {
  color: #2F37A2;
}
.single-outcome .container-fluid .left {
  position: absolute;
  top: 20%;
  left: 0;
}
@media only screen and (max-width: 529px) {
  .single-outcome .container-fluid .left {
    display: none;
  }
}
.single-outcome .container-fluid .right {
  position: absolute;
  top: 17%;
  right: 0;
}
@media only screen and (max-width: 529px) {
  .single-outcome .container-fluid .right {
    display: none;
  }
}
.blog {
  padding-top: 5%;
  position: relative;
}
.blog img:first-of-type {
  position: absolute;
  left: 0;
  top: 50%;
}
.blog img:last-of-type {
  position: absolute;
  right: 0;
  top: 50%;
}
.blog .item {
  border-bottom: 2px solid rgba(177, 177, 177, 0.2);
  margin-bottom: 40px;
}
@media only screen and (max-width: 529px) {
  .blog .item {
    padding-top: 10%;
  }
}
.blog .item a:hover {
  color: black;
}
.blog .item .image-holder {
  padding-right: 5%;
  padding-left: 5%;
}
@media only screen and (max-width: 529px) {
  .blog .item .image-holder {
    padding-right: 10%;
    padding-left: 10%;
  }
}
.blog .item .image-holder img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.blog .item .blog-info {
  padding-top: 30px;
  display: flex;
  justify-content: space-evenly;
  color: #00051E;
}
.blog .item .blog-info p:nth-of-type(2) {
  font-size: 30px;
  margin-top: -18px;
}
.blog .item .blog-title {
  text-align: center;
  font-style: bold;
  font-size: 24px;
  vertical-align: top;
  letter-spacing: -1%;
  color: #00051E;
}
.blog .item img {
  position: relative;
}
.article {
  margin-top: -120px;
  position: relative;
}
.article p {
  padding-right: 7%;
  padding-left: 7%;
}
.article .arrow-left {
  position: absolute;
  top: 50%;
  left: -21%;
}
@media only screen and (max-width: 529px) {
  .article .arrow-left {
    display: none;
  }
}
.article .arrow-right {
  position: absolute;
  top: 50%;
  right: -21%;
}
@media only screen and (max-width: 529px) {
  .article .arrow-right {
    display: none;
  }
}
.article .related {
  padding-top: 10%;
}
.article .related p {
  font-style: bold;
  font-size: 32px;
  vertical-align: top;
  color: #00051E;
  padding-left: 0;
  padding-right: 0;
}
.article .related .item {
  padding-top: 20px;
  padding-bottom: 10px;
  border-bottom: 2px solid rgba(177, 177, 177, 0.2);
}
.article .related .item .image-holder img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}
.article .related .item .blog-info {
  padding-top: 10px;
}
.article .related .item .blog-info .info {
  padding-top: 20px;
  padding-left: 10%;
  display: flex;
}
.article .related .item .blog-info .info p {
  font-style: regular;
  font-size: 14px;
  vertical-align: top;
  letter-spacing: -2%;
  color: #00051E;
  padding-right: 20px;
}
.article .related .item .blog-info .info p:nth-of-type(2) {
  font-size: 30px;
  margin-top: -20px;
}
.article .related .item .blog-info .title p {
  font-size: 20px;
  padding-left: 10%;
}
.aim {
  position: relative;
  padding-top: 100px;
}
@media only screen and (max-width: 529px) {
  .aim .row:first-of-type {
    flex-direction: column-reverse;
  }
}
.aim .row:first-of-type .item {
  height: 308px;
  width: 318px;
  background-image: url(https://ditch-plastic.org/assets/img/aim.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  padding: 25px;
  margin-top: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .aim .row:first-of-type .item {
    height: 250px;
    width: 260px;
    padding: 15px;
  }
}
.aim .row:first-of-type .text {
  position: relative;
}
@media only screen and (max-width: 529px) {
  .aim .row:first-of-type .text {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .aim .row:first-of-type .text {
    padding-left: 5px;
    padding-right: 5px;
  }
}
.aim .row:first-of-type .text .bar {
  width: 200px;
  height: 60px;
  border-radius: 30px;
  background-color: rgba(0, 208, 130, 0.4);
  position: absolute;
  top: -30px;
  z-index: -1;
}
@media only screen and (max-width: 529px) {
  .aim .row:first-of-type .text .bar {
    width: 120px;
  }
}
.aim .row:first-of-type .text p:first-of-type {
  font-family: 'Gilroy-ExtraBold';
  font-weight: 900;
  font-size: 32px;
  line-height: 100%;
  color: #2f37a2;
  text-transform: uppercase;
}
@media only screen and (max-width: 529px) {
  .aim .row:first-of-type .text p:first-of-type {
    font-size: 28px;
    width: 60%;
  }
}
.aim .row:first-of-type .text p:last-of-type {
  font-size: 20px;
  line-height: 160%;
  color: #1A1A1A;
}
@media only screen and (max-width: 529px) {
  .aim .row:first-of-type .text p:last-of-type {
    font-size: 16px;
  }
}
@media only screen and (max-width: 529px) {
  .aim .three {
    margin-top: 110px;
  }
}
.aim .three .float {
  position: absolute;
  top: -130px;
}
@media only screen and (max-width: 529px) {
  .aim .three .float {
    position: relative;
  }
}
.aim .three .content p:first-of-type {
  font-family: 'HWT';
  font-style: normal;
  font-weight: bold;
  font-size: 66px;
  line-height: 150%;
  text-align: center;
  color: #a6a9de;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .aim .three .content p:first-of-type {
    font-size: 40px;
  }
}
.aim .three .content p:last-of-type {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 150%;
  text-align: center;
  color: #2f37a2;
  padding-right: 15%;
  padding-left: 15%;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .aim .three .content p:last-of-type {
    font-size: 13px;
  }
}
.aim .three .item {
  height: 308px;
  width: 318px;
  background-image: url(https://ditch-plastic.org/assets/img/aim.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  padding: 25px;
  margin-top: 50px;
}
@media only screen and (max-width: 529px) {
  .aim .four {
    margin-top: -150px;
  }
}
.aim .four .content p:first-of-type {
  font-family: 'HWT';
  font-style: normal;
  font-weight: bold;
  font-size: 66px;
  line-height: 150%;
  text-align: center;
  color: #a6a9de;
}
.aim .four .content p:last-of-type {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 150%;
  text-align: center;
  color: #2f37a2;
  padding-right: 15%;
  padding-left: 15%;
}
.aim .four .item {
  height: 308px;
  width: 318px;
  background-image: url(https://ditch-plastic.org/assets/img/aim.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  padding: 25px;
  margin-top: 50px;
}
.aim .content p:first-of-type {
  font-family: 'HWT';
  font-style: normal;
  font-weight: bold;
  font-size: 66px;
  line-height: 150%;
  text-align: center;
  color: #a6a9de;
}
.aim .content p:last-of-type {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 150%;
  text-align: center;
  color: #2f37a2;
  padding-right: 15%;
  padding-left: 15%;
}
.aim .item-reverse {
  height: 308px;
  width: 318px;
  background-image: url(https://ditch-plastic.org/assets/img/aim-reverse.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  padding: 25px;
  padding-top: 10px;
  margin-top: 50px;
}
.aim img:first-of-type {
  position: absolute;
  left: 0;
  top: 65%;
}
@media only screen and (max-width: 529px) {
  .aim img:first-of-type {
    display: none;
  }
}
.aim img:last-of-type {
  position: absolute;
  right: 0;
  top: 50%;
}
@media only screen and (max-width: 529px) {
  .aim img:last-of-type {
    display: none;
  }
}
.partners {
  padding-top: 100px;
}
.partners .container-fluid {
  padding-right: 0;
  padding-left: 0;
}
.partners .container-fluid .circle {
  background-color: #eeefff;
  width: 200%;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-left-radius: 50%;
  border-bottom-right-radius: 50%;
  margin-left: -50%;
  padding: 120px;
}
@media only screen and (max-width: 529px) {
  .partners .container-fluid .circle {
    width: 400%;
    margin-left: -150%;
  }
}
.partners .container-fluid .circle .title {
  margin-right: 10%;
  margin-left: 10%;
}
@media only screen and (max-width: 529px) {
  .partners .container-fluid .circle .title {
    margin-left: 37%;
    margin-right: 37%;
  }
}
.partners .container-fluid .circle .title .bar {
  width: 200px;
  height: 60px;
  border-radius: 30px;
  background-color: rgba(0, 208, 130, 0.4);
  position: absolute;
  left: 18%;
  top: -30px;
  z-index: 1;
}
@media only screen and (max-width: 529px) {
  .partners .container-fluid .circle .title .bar {
    left: 38%;
  }
}
.partners .container-fluid .circle .title p:first-of-type {
  font-family: 'Gilroy-ExtraBold';
  font-weight: 900;
  font-size: 32px;
  line-height: 100%;
  color: #2f37a2;
  text-transform: uppercase;
  z-index: 1;
}
@media only screen and (max-width: 529px) {
  .partners .container-fluid .circle .title p:first-of-type {
    font-size: 28px;
  }
}
.partners .container-fluid .circle .title p:last-of-type {
  font-family: 'Gilroy-Bold';
  font-size: 20px;
  line-height: 150%;
  color: #2f37a2;
  margin-top: 70px;
}
@media only screen and (max-width: 529px) {
  .partners .container-fluid .circle .title p:last-of-type {
    font-size: 16px;
    font-family: 'Gilroy-Regular';
    font-weight: bold;
    margin-top: 45px;
  }
}
.partners .container-fluid .circle .item {
  text-align: center;
  vertical-align: middle;
  background-image: url(https://ditch-plastic.org/assets/img/image-holder.png);
  background-position: center;
  background-repeat: no-repeat;
  width: 211px;
  height: 206px;
  margin-right: 40px;
  margin-top: 60px;
}
.partners .container-fluid .circle .item img {
  display: inline-block;
  height: 100%;
  width: 50%;
  object-fit: contain;
  vertical-align: middle;
}
.partners .container-fluid .circle .item-reverse {
  text-align: center;
  vertical-align: middle;
  background-image: url(https://ditch-plastic.org/assets/img/image-holder-reverse.png);
  background-position: center;
  background-repeat: no-repeat;
  width: 211px;
  height: 206px;
  margin-left: 20px;
  margin-top: 60px;
}
.partners .container-fluid .circle .item-reverse img {
  display: inline-block;
  height: 100%;
  width: 50%;
  object-fit: contain;
  vertical-align: middle;
}
@media only screen and (max-width: 529px) {
  .partners .container-fluid .circle .web-partners {
    display: none;
  }
}
.partners .container-fluid .circle .mobile-partners {
  display: none;
}
@media only screen and (max-width: 529px) {
  .partners .container-fluid .circle .mobile-partners {
    display: block;
    margin-left: 40%;
    margin-right: 40%;
  }
}
@media only screen and (max-width: 529px) {
  .partners .container-fluid .circle .mobile-partners .carousel .carousel-inner {
    padding-left: 8%;
  }
}
@media only screen and (max-width: 529px) {
  .partners .container-fluid .circle .mobile-partners .carousel .carousel-control-prev {
    position: relative;
    margin-top: 60px;
  }
}
.partners .container-fluid .circle .mobile-partners .carousel .carousel-control-prev .carousel-control-prev-icon {
  background-image: none;
}
@media only screen and (max-width: 529px) {
  .partners .container-fluid .circle .mobile-partners .carousel .carousel-control-next {
    position: relative;
    margin-left: 55%;
    margin-top: -18px;
  }
}
.partners .container-fluid .circle .mobile-partners .carousel .carousel-control-next .carousel-control-next-icon {
  background-image: none;
}
.quotes {
  padding-top: 100px;
  border-bottom-left-radius: 55%;
  border-bottom-right-radius: 55%;
}
.quotes .text {
  position: relative;
}
@media only screen and (max-width: 529px) {
  .quotes .text {
    margin-top: 90px;
  }
}
.quotes .text .bar {
  width: 350px;
  height: 60px;
  border-radius: 30px;
  background-color: rgba(0, 208, 130, 0.4);
  position: absolute;
  left: 10px;
  top: -30px;
  z-index: -1;
}
@media only screen and (max-width: 529px) {
  .quotes .text .bar {
    width: 120px;
  }
}
.quotes .text p {
  font-family: 'Gilroy-ExtraBold';
  font-weight: 900;
  font-size: 32px;
  line-height: 100%;
  text-transform: uppercase;
  color: #2f37a2;
}
@media only screen and (max-width: 529px) {
  .quotes .text p {
    font-size: 28px;
    width: 60%;
  }
}
.quotes .image {
  position: relative;
}
.quotes .image img {
  position: absolute;
  top: -190px;
  right: 0;
  z-index: -1;
}
@media only screen and (max-width: 529px) {
  .quotes .image img {
    top: -320px;
    left: 100px;
    width: 170px;
    height: 170px;
  }
}
.quotes .carousel {
  padding-top: 100px;
  margin-right: 10%;
  margin-left: 10%;
}
@media only screen and (max-width: 529px) {
  .quotes .carousel {
    padding-top: 30px;
  }
}
.quotes .carousel .carousel-inner {
  padding-right: 10%;
  padding-left: 10%;
}
@media only screen and (max-width: 529px) {
  .quotes .carousel .carousel-inner {
    padding-left: 0;
    padding-right: 0;
  }
}
.quotes .carousel .carousel-inner .carousel-item {
  padding-right: 10%;
  padding-left: 10%;
}
@media only screen and (max-width: 529px) {
  .quotes .carousel .carousel-inner .carousel-item {
    padding-left: 0;
    padding-right: 0;
  }
}
.quotes .carousel .carousel-inner .carousel-item .content .body p {
  font-weight: bold;
  font-size: 20px;
  line-height: 150%;
  text-align: center;
  color: #2f37a2;
}
.quotes .carousel .carousel-inner .carousel-item .content .footer {
  padding-top: 40px;
}
.quotes .carousel .carousel-inner .carousel-item .content .footer p:first-of-type {
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 180%;
  color: #1A1A1A;
  text-align: center;
}
.quotes .carousel .carousel-inner .carousel-item .content .footer p:last-of-type {
  font-weight: normal;
  font-size: 14px;
  line-height: 150%;
  text-align: center;
  color: #1A1A1A;
  padding-right: 15%;
  padding-left: 15%;
  margin-top: -20px;
}
@media only screen and (max-width: 529px) {
  .quotes .carousel .carousel-control-prev {
    position: relative;
    margin-top: 60px;
  }
}
.quotes .carousel .carousel-control-prev .carousel-control-prev-icon {
  background-image: none;
}
@media only screen and (max-width: 529px) {
  .quotes .carousel .carousel-control-next {
    position: relative;
    margin-left: 55%;
    margin-top: -18px;
  }
}
.quotes .carousel .carousel-control-next .carousel-control-next-icon {
  background-image: none;
}
.curve {
  background-color: #2f37a2;
}
.curve .color {
  background-color: white;
  height: 100px;
  width: 100%;
  border-bottom-left-radius: 25%;
  border-bottom-right-radius: 25%;
}
.subscribe {
  background-color: #2f37a2;
  padding-bottom: 50px;
}
.subscribe .image {
  margin-top: -1px;
}
@media only screen and (max-width: 529px) {
  .subscribe .image img {
    width: 200px;
    height: 200px;
    margin-top: 1px;
  }
}
.subscribe .text {
  margin-top: 110px;
}
@media only screen and (max-width: 529px) {
  .subscribe .text {
    margin-top: 40px;
  }
}
.subscribe .text p {
  font-size: 35px;
  line-height: 37px;
  text-align: right;
  color: #ffffff;
}
@media only screen and (max-width: 529px) {
  .subscribe .text p {
    font-size: 20px;
    line-height: 25px;
    font-weight: bold;
  }
}
.subscribe .text form {
  text-align: right;
}
.subscribe .text form .email {
  margin-top: 40px;
  background: #272E8A;
  border-radius: 80px;
  color: #1982BD;
  border: none;
  padding-left: 30px;
  padding-top: 30px;
  padding-bottom: 30px;
  width: 80%;
  font-weight: bold;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: .8px;
  font-family: 'Gilroy-Regular';
  outline: none;
}
@media only screen and (max-width: 529px) {
  .subscribe .text form .email {
    margin-top: 20px;
    width: 100%;
    font-size: 18px;
  }
}
.subscribe .text form input::-webkit-input-placeholder {
  color: #1982BD;
}
.subscribe .text form input:-moz-placeholder {
  color: #1982BD;
}
.subscribe .text form .submit {
  background-color: #00d082;
  width: 40%;
  color: white;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 20px;
  line-height: 25px;
  padding-left: 0;
  padding-top: 25px;
  padding-bottom: 25px;
  margin-left: 200px;
  letter-spacing: .8px;
  outline: none;
  border: none;
  border-radius: 80px;
  cursor: pointer;
  margin-top: 40px;
}
@media only screen and (max-width: 529px) {
  .subscribe .text form .submit {
    width: 60%;
    margin-left: 0;
    font-size: 16px;
  }
}
footer {
  display: flex;
  justify-content: space-between;
  padding-right: 10%;
  padding-left: 10%;
  padding-top: 20px;
  padding-bottom: 20px;
}
footer .text {
  text-align: center;
}
footer .text p {
  margin-top: 30px;
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  color: #2f37a2;
}
@media only screen and (max-width: 529px) {
  footer .text p {
    font-size: 14px;
    display: none;
  }
}
footer .social {
  padding-top: 40px;
}
@media only screen and (max-width: 529px) {
  footer .social {
    display: none;
  }
}
footer .social p {
  display: inline-block;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.01em;
  color: #000000;
  padding-right: 20px;
}
footer .social .icons {
  display: inline-block;
}
footer .social .icons img {
  margin-right: 10px;
}

/*
     FILE ARCHIVED ON 20:55:08 Sep 24, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 07:14:13 Nov 08, 2023.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 102.548
  exclusion.robots: 0.078
  exclusion.robots.policy: 0.07
  cdx.remote: 0.054
  esindex: 0.009
  LoadShardBlock: 75.137 (3)
  PetaboxLoader3.datanode: 178.929 (4)
  load_resource: 203.543
  PetaboxLoader3.resolve: 91.628
*/