html {
  overflow-x: hidden;
}

.marker {
  background-color: #EBFF00;
}

/* BURGER MENU */
/* Hide the burger menu by default */
#burger-menu {
  position: fixed;
  top: 0;
  right: -100%;
  width: 100%;
  height: 100%;
  background: #fff;
  color: #1d1d1b;
  z-index: 99999;
  transition: 0.3s;
  overflow-y: auto;
}

@media(max-width:992px) {
  #burger-menu {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    color: #1d1d1b;
    z-index: 99999;
    transition: 0.3s;
    overflow-y: auto;
    padding-top: 15px;
  }


  body {
    overflow-x: hidden;

  }

  .row {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }

  .marginLeft {
    margin-left: 0px !important;
  }

  .marginRight {
    margin-right: 0px !important;
  }

  .mobileSpacer {
    margin-top: 30px;
  }

  .menuTitle {
    text-align: right;
    float: right;
    font-size: 12px;
    margin: 10px;
    border-top: 3px solid #1d1d1b;
    padding-top: 5px;
  }
}


/* Style the burger menu */


.overflowNone {
  overflow: hidden !important;
}


.overlay {
  display: none;
  position: fixed;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.7);
  z-index: 99;
}

.overlay.show {
  display: block;
  pointer-events: auto;
  /* Enable clicks on the overlay */
}


.disablepointer {
  pointer-events: none;
}

.burger-menu {
  display: block;
  margin-top: 30px;
  width: 50px;
  height: 50px;
  cursor: pointer;
  padding-top: 10px !important;

}

@media(max-width:992px) {
  .burger-menu {
    padding-left: 10px !important;
  }
}

.burger-menu span {
  display: block;
  width: 100%;
  height: 4px;
  background-color: #bd1622;
  margin: 6px 0;
}

/* BURGER MENU END */

/* FILTER MENU */
#filter-menu {
  position: fixed;
  top: 0;
  right: -40%;
  width: 40%;
  height: 100vh;
  background: #3c3c3b;
  color: #fff;
  z-index: 999;
  overflow-y: auto;
  transition: 0.3s;
}

@media(max-width:992px) {
  #filter-menu {
    position: fixed;
    top: 0;
    right: -70%;
    width: 70%;
    height: 100vh;
    background: #3c3c3b;
    color: #fff;
    z-index: 999;
    overflow-y: auto;
    transition: 0.3s;
    font-size: 20px;
  }

  .filterResults {
    margin-left: 0px !important;
  }
}

.filterResults {
  margin-left: 0px;
  line-height: 1.3;
  font-size: 20px;
}

/* Search Menu */
#search-menu {
  position: fixed;
  top: 0;
  right: -30%;
  width: 30%;
  height: 100vh;
  background: #1d1d1b;
  color: #fff;
  z-index: 999;
  overflow-y: auto;
  transition: 0.3s;
}

.goBtn {
  width: 100%;
  padding: 5px 15px;
  background-color: transparent;
  color: #FFF;
  border: none;
  outline: none;
}

#search .search-query {
  padding: 15px;
  width: 50px;
  height: 20px;
  border: none;
  background-color: transparent;
  color: transparent;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  margin-bottom: 0;
  outline: none;
}

/* Hide Text when unfocused plus fallbacks */
#search .search-query::placeholder {
  color: transparent;
  -webkit-transition: all 0.8s;
  font-size: 16px;
  transition: all 0.8s;
}

#search .search-query::-webkit-input-placeholder {
  color: transparent;
  -webkit-transition: all 0.8s;
  transition: all 0.8s;
}

#search .search-query::-moz-placeholder {
  color: transparent;
  -webkit-transition: all 0.8s;
  transition: all 0.8s;
}

#search .search-query:-moz-placeholder {
  color: transparent;
  -webkit-transition: all 0.8s;
  transition: all 0.8s;
}

#search .search-query:-ms-input-placeholder {
  color: transparent;
  -webkit-transition: all 0.8s;
  font-size: 16px;
  transition: all 0.8s;
}

/* Style when Search is selected */
#search .search-query:focus {
  border-radius: 0px;
  border: none;
  background-color: white;
  width: 300px;
  color: #1d1d1b;
}

#search .search-query:focus::-moz-placeholder {
  color: transparent;
  -webkit-transition: all 0.8s;
  transition: all 0.8s;
}

#search .search-query:focus::-moz-placeholder {
  color: transparent;
  -webkit-transition: all 0.8s;
  transition: all 0.8s;
}

.searchbarIcon:hover {
  cursor: pointer;
}

.searchbarIcon {
  margin-top: -10px;
}

@media(max-width:992px) {
  .searchbarIcon {
    margin-right: 50px;
    margin-top: 15px;
  }
}


.searchField {
  outline: none;
  border: none;
}

.searchMenuCloseBtn {
  margin-top: 20px;
  width: 50px !important;
}

.searchMenuBtnClose {
  background-color: #1d1d1b;
  color: #fff;
  outline: none;
  border: none;
}

.searchInputField {
  width: 100%;
  border-bottom: 3px solid #EBFF00 !important;
  /* border-left: 3px solid #EBFF00 !important; */
  border: none;
  background-color: transparent;
  outline: none;
  margin-top: 30px;
  color: #FFF;
}

.searchInputField::placeholder {
  color: #FFF;
  font-size: 18px;
}

@media(max-width:992px) {
  .searchInputField {
    width: 100%;
    border-bottom: 3px solid #bd1622 !important;
    border: none;
    background-color: transparent;
    outline: none;
    margin-top: -20px;
    margin-right: 10px;
    color: #1d1d1b;
  }

  .searchInputField::placeholder {
    color: #1d1d1b;
  }

  .goBtn {
    width: 100%;
    /* padding: 5px 15px; */
    background-color: transparent;
    color: #1d1d1b;
    border: none;
    outline: none;
  }
}

.searchContainer {
  padding: 10px;
  list-style: none;

}

.searchPos {
  text-align: right;
  float: right;
  margin-top: 17px;
  margin-right: 0px;
}

/* Style the filter menu */
.filterMenuBtn {
  background-color: transparent;
  padding: 0px 0px 0px 12px;
  color: #1d1d1b;
  text-align: left;
  outline: none;
  border: none;
}

.typeTitle {
  font-size: 80px;
  line-height: 0.8;
}

@media(max-width:992px) {
  .typeTitle {
    font-size: 40px;
    margin-left: 0px !important;
  }

  .filterMenuBtn {
    margin-right: 40px;
  }
}

.burger-small {
  margin-left: 6.5%;
}


.filterMenuCloseBtn {
  margin-top: 25px;
  width: 50px !important;
}

.filterByIcon {
  margin-left: 5px;
}

#filter-menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#filter-menu li {
  display: block;
  border-bottom: 1px solid #EBFF00;
}

.filterMenuBtnClose {
  background-color: #3c3c3b;
  color: #fff;
  outline: none;
  border: none;
}

.filterByContainer {
  width: 100%;
  padding: 20px;
  text-align: left;
}

.filter-menu {
  display: block;
  cursor: pointer;
  font-size: 24px;
}

.filter-menu span {
  display: block;
  width: 100%;
  height: 4px;
  background-color: #FFF;
  margin: 6px 0;
}

.filterBtn {
  padding: 5px 15px 5px 15px;
  background-color: transparent;
  color: #FFF;
  outline: none;
  border: none;
  text-align: center;
  width: 100%;
  font-size: 20px;
  margin-top: 50px;
}


@media(max-width:992px) {
  .filterBtn {
    margin-bottom: 100px;
  }
}

#practice {
  -webkit-appearance: none !important;
  -webkit-box-shadow: none !important;
}

#practice .checkbox {
  background-color: white !important;
  border-color: #EBFF00 !important;
  color: #EBFF00 !important;
  -moz-appearance: none;
  -moz-box-shadow: none;
  -webkit-appearance: none;
  -webkit-box-shadow: none;
  /* border: 1px solid #EBFF00; */
  padding: 5px;
  outline: none;
  transition: 0.3s;
  margin-right: 5px;
}

#practice .checkbox:hover {
  cursor: pointer;
}

#practice .checkbox:checked {
  background-color: #EBFF00 !important;
  color: white !important;
}

#practice .orangeCheckbox {
  outline: none !important;
  background-color: #EBFF00 !important;
}

#practice .text1 {
  font-size: 18px;
  line-height: 1.3;
  padding-right: 5px;
}

#practice .text1 a {
  text-decoration: underline;
}

/* #practice .text2 {
  padding-left: 40px !important;
  font-size: 18px;
  line-height: 1.3;
} */

@media(max-width:992px) {
  .filterNameMobile {
    margin-top: -2px !important;
  }


  /* #practice .text2 {
    padding-left: 0px !important;
  } */
}

/* FILTER MENU END */


.navLink {
  width: 100%;
  padding: 20px;
  background-color: #fff;
  color: #1d1d1b;
  padding-right: 10%;
}

.navLink:hover {
  background-color: #1d1d1b;
  color: #fff;
}

.emptyLink {
  width: 100%;
  padding: 20px;
  background-color: #1d1d1b;
  color: #D84700;
}

.burgerMenuBtn {
  float: right;
  background-color: transparent;
  border: none;
  outline: none;
}


.burgerMenuBtnClose {
  float: right;
  background-color: #fff;
  border: none;
  outline: none;
}

.burgerMenuBtnClose:hover {
  cursor: pointer;
}



/* BURGER MENU ENDS */

.NavbarContainer {
  width: 100%;
  background-color: #FFF;
  top: 0;
  z-index: 99;

}

.NavbarContainer .title {
  display: inline-block;
  margin-top: 10px;
  padding-top: 7px;
  /* border-top: 4px solid #1d1d1b; */
  font-size: 14px;
  font-weight: bold;
}

.NavbarContainer .description {
  margin-top: 7px;
  margin-bottom: 30px;
  font-size: 16px;
  line-height: 1.5 !important;
}

.NavbarContainer .menu {
  width: 100%;
  position: relative;
  padding-left: 18%;
  margin-right: -20px;
  font-size: 21px;
}

.NavbarContainer .tab {
  display: flex;
  align-items: center;
}

.NavbarContainer .tab .text:hover {
  background-color: #EBFF00;
  transition: 0.3s;
}

.NavbarContainer .line {
  flex-grow: 1;
  margin-top: 10px;
  margin-right: 10px;
  height: 3px;
  background-color: #1d1d1b;
}

.NavbarContainer .tab .text {
  margin-right: 2px;
  text-align: right;
  transition: 0.3s;
  line-height: 1.3;
  color: #1d1d1b;
}

.NavbarContainer .col-lg-8 {
  padding: 0px;
}

.logo .title {
  color: #1d1d1b;
  font-size: 12px;
}

.burger-logo {
  float: right;
  width: 200px;
  padding-right: 15px;
}

@media(max-width:992px) {
  .NavbarContainer {
    padding-bottom: 20px;
  }

  .NavbarContainer .menu {
    margin-top: 120px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .NavbarContainer .tab {
    margin-top: 20px;
  }

  .logo {
    width: 300px;
  }

  .logo .title {
    color: #1d1d1b;
    font-size: 12.5px;
    width: 100%;
  }
}




/* Practice */
#practice .projectContainer {
  position: relative;
}

@media(max-width:992px) {
  #practice .projectContainer {
    position: relative;
    padding-top: 10px;
  }

  /* .gridBluePrint {
    margin-right: 5px;
  } */

  .searchImage {
    height: 100% !important;
  }

  .projectColumnsFlex {
    padding: 0px !important;
    flex-basis: 100% !important;
    max-width: 100% !important;
  }
}

/* @media(min-width:992px) {
  .projectColumnsFlex {
    padding: 1px !important;
    padding-right: 10px !important;
    flex-basis: 48% !important;
    max-width: 48% !important;
  }
} */

#practice .box {
  border: 2px solid #1d1d1b;
}

#practice .box .id {
  background-color: #1d1d1b;
  color: white;
  font-size: 40px;
  padding-left: 5px;
  line-height: 1;
}

#practice .box .tag {
  background-color: #b1b1b1;
  text-align: center;
  font-size: 60px;
  color: white;
  padding-top: 12px;
  padding-bottom: 13px;
}

#practice .title {
  text-align: left;
  font-size: 40px;
  line-height: 1;
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

#practice .text {
  font-family: interMedium;
  font-size: 22px;
  padding-left: 20px;
  padding-top: 10px;
  line-height: 1.3;
}

#practice .col-2,
#practice .col-10 {
  padding: 0px;
}

@media(max-width:992px) {
  .projectImg {
    height: auto !important;
  }

  #practice .box {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }

  #practice .box .title {
    font-size: 20px;
  }

  #practice .box .text {
    font-size: 18px;
  }

  #practice .box .id {
    font-size: 18px;
    padding-top: 5px;
    padding-bottom: 5px;
  }

  #practice .box .tag {
    font-size: 40px;
    padding-top: 30px;
  }
}

.searchImage {
  height: 377px;
}



#practice .filterBy {
  padding: 10px;
  background-color: #1d1d1b;
  color: #fff;
  border: 1px solid #1d1d1b;
}



#practice .filterBy:hover {
  background-color: #fff;
  color: #1d1d1b;
}



#practice .projectTitle {
  font-size: 1.6rem;
}

#practice .projectsubTitle {
  font-size: 1.2rem;
}

#practice .projectImage {
  width: 100%;
  /* height: 350px; */
  text-align: center;
}

#practice .clearfiltersBtn {
  background-color: #FFF;
  /* color: #D84700; */
  border: none;
  outline: none;
  padding: 0;
  text-align: left;
}

.inline {
  display: inline-block;
}

.loadMore {
  outline: none;
  border: none;
  background-color: #FFF;
  font-size: 24px;
  transition: 0.3s;
  margin-bottom: 20px;
}

/* PROJECT */

#project .services {
  padding: 2px 8px 2px 8px;
  border: 1px solid white;
  background-color: #EBFF00;
  color: #1d1d1b;
  transition: 0.3s;
}

#project .services:hover {
  background-color: #1d1d1b;
  color: #FFF;
  transition: 0.3s;
}

#project .tagLink {
  color: #1d1d1b;
}


#project .servicesContainer {
  float: left;
  margin: 5px;
}

#project .servicesContainer:hover {
  cursor: pointer;
}

#project .relatedProjectsContainer {
  border-top: 3px solid #EBFF00;
  padding-top: 20px;
  position: relative;
}

#project .box {
  border: 2px solid #1d1d1b;
  /* margin-right: 15px; */
  margin-top: 30px;
}

#project .box .id {
  background-color: #1d1d1b;
  color: white;
  font-size: 40px;
  padding-left: 5px;
  line-height: 1;
}

#project .box .tag {
  background-color: #b1b1b1;
  text-align: center;
  font-size: 60px;
  color: white;
  padding-top: 12px;
  padding-bottom: 13px;
}

#project .box .title {
  text-align: left;
  font-size: 40px;
  line-height: 1;
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

#project .box .text {
  font-family: interMedium;
  font-size: 22px;
  padding-left: 20px;
  padding-top: 10px;
  line-height: 1.3;
}

#project .relatedProject1 .col-2,
#project .relatedProject2 .col-2,
#project .relatedProject3 .col-2,
#project .box .col-2 {
  padding: 0px;
}



@media(max-width:992px) {
  #project .relatedProjectsContainer {
    padding-top: 10px;
  }

  #project .box {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }

  #project .box .title {
    font-size: 20px;
  }

  #project .box .text {
    font-size: 18px;
  }

  #project .box .id {
    font-size: 18px;
    padding-top: 5px;
    padding-bottom: 5px;
  }

  #project .box .tag {
    font-size: 40px;
    padding-top: 10px;
  }

  .loadMore {
    font-size: 20px;
  }
}

#project iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.videoContainer {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
}

#project .clickableLink {
  color: #1d1d1b;
}


#project .relatedProjectLink {
  color: #1d1d1b;
}

#project .relatedProjectLink:hover {
  color: #1d1d1b;
}

#project a {
  color: #1d1d1b;
}

#project .projectSections a {
  color: #1d1d1b;
  text-decoration: underline;
  text-decoration-color: #1d1d1b;
  text-decoration-thickness: 1.2px;
}

#project a:hover {
  color: #1d1d1b;
}

#project .introduction {
  width: 65%;
}

.marginRight {
  margin-right: 20px;
}

.marginLeft {
  margin-left: 20px;
}

@media(max-width:992px) {
  #project .introduction {
    width: 100%;
  }
}

#project .titleLine {
  border-bottom: 3px solid #1d1d1b;
  margin-right: 0px;
}

#project .threeColumns1 {
  padding-right: 20px;
  padding-left: 0px;
}

#project .threeColumns2 {
  padding-right: 20px;
  padding-left: 20px;
}

#project .threeColumns3 {
  padding-right: 0px;
  padding-left: 20px;
}

#project .furtherReadings {
  margin-left: -25px !important;
}

#project .relatedProjectTitle {
  padding: 0px;
}

/* #project .relatedProject1 {
  padding-right: 50px;
  padding-left: 0px;
} */

/* #project .relatedProject2 {
  padding-left: 25px;
  padding-right: 25px;
} */

#project .relatedProject3 {
  padding-left: 50px;
  padding-right: 0px;
}




@media(max-width:992px) {
  #project .servicesContainer {
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 0px;
    margin-right: 5px;
  }

  #project .titleLine {
    margin-right: 0px;
  }

  #project .threeColumns1 {
    padding-right: 0px !important;
    padding-left: 0px !important;
    margin-top: 30px;
  }

  #project .threeColumns2 {
    padding-right: 0px !important;
    padding-left: 0px !important;
    margin-top: 30px;
  }

  #project .threeColumns3 {
    padding-right: 0px !important;
    padding-left: 0px !important;
    margin-top: 30px;
  }

  .videoContainer {
    padding-bottom: none;
  }

  #project .furtherReadings {
    margin-left: 0px !important;
    margin-top: 10px;
  }

  #project .relatedProjectTitle {
    padding-top: 40px;
  }

  /* #project .relatedProject1 {
    padding-right: 0px;
    padding-left: 0px;
    margin-top: 30px;
  } */

  /* #project .relatedProject2 {
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 30px;
  } */

  #project .relatedProject3 {
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 30px;
  }

}

.audioContainer {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
}

.mapContainer {
  width: 100%;
  height: 400px;
}

.mapContainer iframe {
  width: 100% !important;
  height: 100% !important;
}


/* SWIPER */
.swiperContainer {
  width: 100%;
  height: 500px;
  position: relative;
}

@media(max-width:992px) {

  .swiperContainer {
    width: 100%;
    height: 100%;
    position: relative;
  }

  .slideImage {
    height: 300px;
  }
}

.leftArrow {
  color: #1d1d1b !important;
  left: -35px !important;
  padding: 15px;
}

.rightArrow {
  color: #1d1d1b !important;
  right: -35px !important;
  padding: 15px;
}

.swiper-pagination {
  bottom: 120px !important;
}

.swiper-pagination-bullet {
  background-color: #D84700 !important;
}

.swiper-button-next::after,
.swiper-button-prev::after {
  font-size: 35px !important;
}

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

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: transparent;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}



/* FOOTER */
#footer {
  background-color: #3c3c3b;
  box-shadow: 0 0 0 100vmax #3c3c3b;
  clip-path: inset(0 -100vmax);
  color: #FFF;
  margin-top: -10px;
}

#footer .row {
  margin: 0;
  width: 100%;
}

#footer .footerLogo {
  font-size: 20px;
}

#footer .title {
  display: inline-block;
  margin-top: 10px;
  padding-top: 7px;
  border-top: 4px solid #b1b1b1;
  font-size: 12px;
  font-weight: bold;
}

#footer .boxContainer {
  display: flex;
  align-items: center;
}

#footer .yellowBox {
  width: 15px;
  height: 25px;
  background-color: #EBFF00;
  color: #EBFF00;
}


#footer .meetme {
  font-size: 14px;
  padding-left: 10px;
}

#footer .emailContainer {
  margin-top: 15px;
}

#footer .emailContainer a:hover {
  color: #EBFF00;
}

#footer .info {
  margin-top: 15px;
  font-size: 15px;
}

#footer .email {
  color: #FFF;
}

#footer .location {
  font-size: 16px;
}

#footer .socialIcons {
  float: right;
}

#footer .btnContainer {
  float: right;
  clear: both;
  margin-top: 50px;
  margin-right: 50px;
}

#footer .contactMe-btn {
  padding: 10px;
  color: #FFF;
  font-size: 20px;
}

#footer .icon {
  margin-left: 5px;
  transition: transform .3s ease-in-out;
}

#footer .icon:hover {
  transform: rotate(90deg);
}


#footer .link {
  text-decoration: underline;
  color: #FFF;
}

#footer .link:hover {
  text-decoration: underline;
  color: #bd1622;
}

#footer .secondFooter {
  background-color: #1d1d1b;
  box-shadow: 0 0 0 100vmax #1d1d1b;
  clip-path: inset(0 -100vmax);
  color: #FFF;
  font-size: 20px;
}

#footer .rights {
  float: right;
  font-size: 15px;
}

#footer .rights a {
  color: #fff;
}

#footer .rights a:hover {
  color: #EBFF00;
}

#footer .col-lg-5,
#footer .col-lg-4,
#footer .col-12 {
  padding: 0px;
}

#footer .red-circle::after {
  content: '';
  display: block;
  width: 7px;
  height: 7px;
  background-color: #bd1622;
  border-radius: 50%;
  margin-left: 48%;
}

@media(max-width:992px) {
  /* #footer .row {
    padding-right: 20px;
    padding-left: 20px;
  } */

  #footer .footerLogo {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 15px;
  }

  #footer .yellowBox {
    margin-top: 20px;
  }

  #footer .meetme {
    font-size: 12px;
    margin-top: 20px;
  }

  #footer .socialIcons {
    margin-top: 30px;
    margin-bottom: 30px;
    float: none;
    text-align: left;

  }

  #footer .btnContainer {
    float: none;
    margin-top: 20px;
    margin-right: 0px;
    text-align: center;
  }

  #footer .icon {
    margin-left: 10px;
  }

  #footer .secondFooter {
    font-size: 15px;
  }

  #footer .rights {
    margin-top: 15px !important;
    float: none;
  }

  #footer .footerLogo img {
    width: 250px !important;
  }
}

@media(max-width:1200px) {
  #footer .red-circle::after {
    display: none;
  }

  #footer .red-circle {
    color: #bd1622;
    font-weight: bold;
  }
}


/* RESOURCES */

#resources .col-10,
#resources .col-2,
#resources .col-lg-3,
#resources .col-12,
#resources .col-lg-4 {
  padding: 0px !important;
}

#resources .text1 {
  font-size: 18px;
  line-height: 1.3;
  padding-right: 5px;
}

#resources .name {
  font-size: 30px;
}

#resources .description {
  font-size: 18px;
  line-height: 1.1;
  height: 120px;
}

#resources .readmore {
  text-decoration: underline;
  text-decoration-color: #1d1d1d;
  text-decoration-thickness: 1px;
}

#resources .resourceContainer {
  margin-top: 40px;
}

#resources .resourceContainer .inner-container {
  margin-right: 60px;
  padding-top: 10px;
  border-top: 3px solid #1d1d1b;
}

#resources .col-lg-4:nth-child(3n+2) .resourceContainer .inner-container {
  margin-right: 30px;
  margin-left: 30px;

}

#resources .col-lg-4:nth-child(3n) .resourceContainer .inner-container {
  margin-right: 0px !important;
  margin-left: 60px;
}


#resources .contact-form {
  width: 70%;
  margin-top: 40px;
}

#resources .contact-form input {
  width: 90%;
  border: none;
  border-bottom: 2px solid #1d1d1b;
  outline: none;
  padding: 20px 20px 20px 0px;
}



#resources .contact-form textarea {
  width: 95.5%;
  height: 100px;
  margin-top: 30px;
  resize: none;
  outline: none;
  border: none;
  background-color: #FFF;
  border-bottom: 2px solid #1d1d1d;
}

#resources .closeBtn {
  float: right;
  margin-right: 25px;
  margin-top: 25px
}

@media(max-width:992px) {
  .resourceContainer {
    padding: 0px 0px;
    margin-right: 0px;
    width: 100%;
  }

  .mobileNoPadding {
    padding: 0px !important;
  }

  #resources .contact-form {
    width: 100%;
  }

  #resources .closeBtn {
    width: 10%;
  }

  #resources .resourceContainer .inner-container {
    width: 100% !important;
    margin-right: 0px !important;
    padding-top: 0px;
  }

  #resources .col-lg-4:nth-child(3n+2) .resourceContainer .inner-container {
    margin-right: 0px;
    margin-left: 0px;
  }

  #resources .col-lg-4:nth-child(3n) .resourceContainer .inner-container {
    margin-right: 0px !important;
    margin-left: 0px;
  }

  #resources .description {
    height: 100%;
  }
}

.getResBtn {
  background-color: #1d1d1d;
  color: white;
  padding: 10px;
  width: 100%;
  display: block;
  text-align: center;
  outline: none;
  border: 1px solid #1d1d1d;
  font-size: 20px;
}

.resBtn {
  background-color: #1d1d1d;
  color: white;
  padding: 10px;
  outline: none;
  border: 1px solid #1d1d1d;
  font-size: 20px;
}

.overlayResources {
  position: fixed;
  top: 0px;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
}

.overlayResources.show {
  display: block;
  pointer-events: auto;
  /* Enable clicks on the overlay */
}

#overlayResources .name {
  font-size: 60px;
}

#overlayResources .description {
  font-size: 18px;
  line-height: 1.2;
}

#overlayResources .description a {
  text-decoration: underline;
  text-decoration-color: #1d1d1b;
}

.popupContent {
  position: relative;
  background: #fff;
  max-width: 45%;
  max-height: 80%;
  overflow: auto;
  padding: 50px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

@media(max-width:992px) {
  .popupContent {
    max-width: 90%;
    max-height: 80%;
    overflow: auto;
    padding: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  }

  .inner-container .description {
    margin-top: 20px !important;
    font-size: 18px;
    line-height: 1.2;
  }

  .getResBtn {
    font-size: 16px !important;
  }

  #overlayResources .name {
    margin-top: 30px;
    font-size: 30px;
  }
}

#readmore:hover {
  cursor: pointer;
}

.popupCloseBtn {
  position: absolute;
  top: 0;
  right: 0;
}

.popupCloseBtn:hover {
  cursor: pointer;
}

.no-scroll {
  overflow: hidden !important;
}

.buyBtn {
  background-color: #1d1d1b;
  color: white;
  padding: 5px 10px;
  outline: none;
  border: 1px solid #1d1d1b;
}

.successFields {
  width: 100%;
  padding: 5px;
  border: none;
  border-bottom: 2px solid #bd1622;
  outline: none;

}

.customDonateField {
  outline: none;
  border: 2px solid #bd1622;
  width: 100px;
  padding-left: 8px;
}

.resDownloadBtn {
  padding: 10px;
  background-color: #1d1d1b;
  color: white;
  outline: none;
  border: 1px solid #1d1d1b;
}

#contact .separator {
  width: 100%;
  background: url('../images/c-separator.png') no-repeat;
  background-size: cover;
  background-position: center;
  height: 70px;
}


#contact .contactPin {
  position: absolute;
  top: 0;
  left: 0;
  width: 100px;
  height: 100px;
  margin-top: -20px;
}

#contact .dropdown {
  padding: 20px;
  background-color: #FFF;
  outline: none;
  border: 2px solid #1d1d1b;
}

#contact .mainTitle {
  width: 100%;
  font-size: 31px;
}


#contact .row {
  padding: 0;
  width: 100%;
}

#contact .col-12,
#contact .col-lg-3,
#contact .col-lg-4,
#contact .col-lg-1,
#contact .col-lg-8 {
  padding: 0px !important;
}

#contact .contactform input {
  width: 100%;
  border: 2px solid #1d1d1b;
  outline: none;
  padding: 20px;
}

#contact .contactform input::placeholder {
  font-family: InterLight;
  font-size: 18px;
}

#contact .contactform textarea::placeholder {
  font-family: InterLight;
  font-size: 18px;
}

#contact .contactform .name {
  width: 90%;
  font-size: 18px;
}

#contact .contactform .email {
  width: 90%;
  font-size: 18px;

}

#contact .contactform .message {
  width: 95%;
  margin-top: 40px;
  border: 2px solid #1d1d1b;
  outline: none;
  padding: 15px;
  resize: none;
  height: 200px;
  font-size: 18px;

}


#contact .contactform .subscribe {
  margin-top: 40px;
  padding: 10px;
  appearance: none;
  -webkit-appearance: none;
  width: 30px;
  height: 30px;
  border: 2px solid #1d1d1b;
  outline: none;
  cursor: pointer;
  position: relative;
}

#contact .contactform .subscribe:before {
  content: "";
  background-color: transparent;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 20px;
  height: 20px;
}

#contact .contactform .subscribe:checked:before {
  /* content: "\2713"; */
  border: none;
  background-color: #EBFF00;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 16px;
  line-height: 1;
}

#contact .contactform .label {
  margin-top: 40px;
  position: absolute;
  left: 50px;
  bottom: 5px;
  font-size: 16px;
}

#contact .contactform .sendbtn {
  width: 60px;
  color: #1d1d1b;
  text-align: left;
  background-color: #FFF;
  font-size: 24px;
  padding: 0px;
  position: relative;
  border: none;
  outline: none;
  margin-left: 50px;
  transition: 0.3s;
}

#contact .contactform .sendbtn:hover {
  /* text-decoration: underline;
  text-decoration-color: #EBFF00;
  text-decoration-thickness: 3px; */
  background-color: #EBFF00;
  transition: 0.3s;
}

#contact .dropdown {
  width: 100%;
  padding: 20px;
  background-color: #FFF;
  outline: none;
  border: 2px solid #1d1d1b;
  overflow: none !important;
}

#requestType option:checked {
  background-color: #EBFF00 !important;
}

#requestType option:active {
  background-color: #EBFF00 !important;
}

#contact .dropdown::-webkit-scrollbar {
  display: none;
}

#contact .secret {
  margin-right: 10px;
  padding: 15px !important;
}

#contact .captcha {
  margin-left: 10px;
  width: 93% !important;
  padding: 10px !important;
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}

@media(max-width:992px) {

  #contact .contactform input {
    padding: 10px;
  }

  #contact .captcha {
    margin-left: 00px;
    width: 100% !important;
    margin-top: 20px;
  }


  #contact .contactform .name {
    width: 100%;
  }

  #contact .contactform .email {
    width: 100%;
    margin-top: 20px;
  }

  #contact .contactform .message {
    width: 100%;
    margin-top: 20px;
  }

  #contact .contactform .subscribe {
    margin-top: 20px;
  }

  #contact .contactform .sendbtn {
    margin-left: 0px;
    margin-top: 20px;
    font-size: 18px;
  }

  #contact .dropdown {
    width: 100%;
    margin-top: 20px;
  }

}



.social-links {
  max-width: 500px;
  float: right;
  margin-top: 0px;
}

#social-links ul {
  padding: 0px;
}

#social-links ul li {
  display: inline-block;
}

#social-links ul li a {
  padding: 5px;
  margin: 1px;
  font-size: 25px;
  color: #1d1d1b;
}

#social-links ul li a:hover {
  color: #bd1622;
}

.social-icon {
  margin-right: 10px;
  margin-top: 2px;
  display: inline-block;
}

.social-icon:hover {
  cursor: pointer;
}

.shareIcon {
  float: right;
  margin-top: 0px;
  font-size: 20px;
}

.shareIcon,
.icon-x:hover {
  cursor: pointer;
}

#copyButton {
  transition: 0.1s;

}

#copyButton:hover {
  cursor: pointer;
  transform: 0.1s;
}

#copyButtonMobile {
  transition: 0.1s;
}

#copyButtonMobile:hover {
  cursor: pointer;
  transform: 0.1s;
}

.icon-x {
  float: right;
  margin-top: 5px;
}

@media(max-width:992px) {
  .social-links {
    float: right;
    margin-top: 0px;
  }

  .social-icon {
    display: block;
    margin-right: 10px;
    margin-top: 10px;
    float: right;
    width: 100%;
  }


  #copyButton {
    transition: 0.1s;
    float: right;
    margin-right: 5px;
    margin-top: 5px;
  }

  #copyButtonMobile {
    transition: 0.1s;
    float: right;
    padding-left: 0px;
    margin-right: 5px;
    margin-top: 5px;
  }

  .social-links ul {
    text-align: right;
  }

  .shareIcon {
    float: right;
    margin-top: 0px;
    margin-right: 0px;
    padding: 5px;
  }

  .icon-x {
    float: right;
    margin-top: 0px;
    margin-right: 5px;
    padding: 5px;
  }

  #social-links ul li a {
    padding: 5px;

  }

  #social-links ul {
    margin: 0px;
  }

}


/* HOMEPAGE */



#home {
  background: #FFFFFF !important;
}

.hoverUnderline {
  position: relative;
}

.hoverUnderline::after {
  content: "";
  position: absolute;
  width: 0%;
  height: 3px;
  bottom: 0px;
  left: 0;
  background-color: #EBFF00;
  transition: width 0.5s ease-in-out;
}

.hoverUnderline:hover::after {
  width: 100%;
}

.hoverShadow:hover {
  background-color: #EBFF00;
  color: #1d1d1b;
  transition: 0.3s;
}

/* SECTION 1 */

#section1 {
  background: url('../images/top-background.svg') no-repeat;
  background-size: cover;
  background-position: center;
  height: 900px;
  position: relative;
}

#section1 a {
  color: #EBFF00;
}

#section1 .mainTitle {
  width: 100%;
  font-size: 30px;
  color: #fff;
  padding-top: 40px;
}

#section1 .numberContainer {
  height: 80px;
  position: relative;
  margin: 0;
  padding: 0;
  float: right;
  clear: both;
}

#section1 .number {
  list-style-type: none;
  display: block;
  float: left;
  text-align: center;
  background-color: grey;
  color: #1d1d1b;
  font-size: 45px;
  border-radius: 50%;
  width: 70px;
  padding: 0px;
  margin-left: 10px;
  margin-top: 10px;
}

#section1 .number:hover {
  cursor: pointer;
}

#section1 .numberActive {
  background-color: #EBFF00;
  color: #1d1d1b;
}

@media(max-width:460px) {
  #section1 .numberContainer {
    margin-top: 10px;
    margin-right: 0px;
    float: none;
  }

  #section1 .number {
    margin-left: 0px;
    margin-right: 10px;
  }
}

#section1 .row {
  margin: 0;
  padding: 0;
  width: 100%;
}

#section1 .title {
  text-align: left;
  font-size: 80px;
  line-height: 1;
  margin-top: 0px;
  letter-spacing: -2px;
}

#section1 .text p {
  text-align: left;
  font-size: 25px;
  padding-right: 30px;
  font-family: interRegular;
  margin-top: 40px;
}

#section1 .highlighter {
  margin-top: 70px;
  margin-right: 40px;
}

#section1 .image {
  padding-top: 50px;
}

#section1 .col-7,
#section1 .col-12,
#section1 .col-1,
#section1 .col-lg-5,
#section1 .col-9,
#section1 .col-2 {
  padding: 0px !important;
}

#section1 .btnName {
  margin-top: 15px;
  margin-right: 25px;
  background-color: transparent;
  color: white !important;
  font-weight: semiBold;
  text-align: right;
  font-family: interLight;
  font-size: 24px;
  transition: 0.3s;
}

#section1 .swiper-slide {
  background-color: transparent;
  color: #fff;
}

#section1 .btnName a {
  position: relative;
  text-decoration: none;
  color: white !important;
  font-family: interLight;
}

#section1 .btnName a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 0;
  height: 3px;
  background-color: #EBFF00;
  transition: width 0.5s;
}

#section1 .btnName a:hover::after {
  width: 100%;
}

#section1 .arrowContainer {
  text-align: center;
  float: right;
  margin-top: 120px;
  margin-right: 35%;
  width: 85px;
  height: 85px;
  background-color: #FFF;
  border-radius: 50%;
  z-index: 1;
  transition: 0.3s;
}

#section1 .arrowContainer:hover {
  background-color: #EBFF00;
  transition: 0.3s;
}

#section1 .arrowDown {
  margin-top: 28px;
  filter: invert(0%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(0%) contrast(100%);
}

#section1 a {
  outline: none;
  border: none;
}

@media(max-width:992px) {
  #section1 {
    height: 850px;
  }

  #section1 .mainTitle {
    font-size: 20px;
  }

  #section1 .numberContainer {
    width: 180px;
    height: 80px;
    position: relative;
  }

  #section1 .number {
    font-size: 32px;
    width: 50px;
    margin-top: 0px;
  }

  #section1 .title {
    font-size: 40px;
  }

  #section1 .text p {
    font-size: 20px;
  }

  #section1 .btnName {
    font-size: 20px;
    transition: 0.3s;
  }

  #section1 .arrowContainer {
    width: 50px;
    height: 50px;
    margin-top: 40px;
  }

  #section1 .arrowDown {
    margin-top: 10px;
  }
}

@media(max-width:460px) {
  #section1 .arrowContainer {
    margin-left: 0px;
  }
}



/* SECTION 2 */


#section2 .mainTitle {
  width: 100%;
  font-size: 30px;
}

#section2 .imgBackground {
  height: 678px;
  width: 100%;
  padding-left: 10px;
}

#section2 .imgText {
  position: absolute;
  top: 190px;
  left: 20px;
  color: white;
  font-size: 68px;
  padding: 10px;
  line-height: 1.1;
}

#section2 .archive {
  float: right;
  position: relative;
}

#section2 .learnMore {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 120px;
  font-size: 24px;
  transition: 0.3s;
}


#section2 .box {
  border: 2px solid #1d1d1b;
  margin-right: 15px;
}

#section2 .col-2 {
  padding: 0px;
}

#section2 .box .id {
  background-color: #1d1d1b;
  color: white;
  font-size: 40px;
  line-height: 1;
  padding-left: 5px;
}

#section2 .box .tag {
  background-color: #b1b1b1;
  text-align: center;
  font-size: 60px;
  color: white;
  padding-top: 12px;
  padding-bottom: 13px;
}

#section2 .title {
  text-align: left;
  font-size: 40px;
  line-height: 1;
  padding-top: 20px;
  padding-left: 20px;
}

#section2 .text {
  font-family: interMedium;
  font-size: 22px;
  padding-left: 20px;
  padding-top: 10px;
  line-height: 1.3;
}

#section2 .imgTextAdjustment {
  padding-left: 12px !important;
}

#section2 .row {
  margin: 0;
  padding: 0;
  width: 100%;
}

#section2 .col-lg-7,
#section2 .col-10,
#section2 .col-lg-10 {
  padding: 0px !important;
}

@media(max-width:992px) {

  #section2 .mainTitle {
    font-size: 20px;
  }

  #section2 .imgText {
    top: 85px;
    width: 100%;
    background-color: #1d1d1b;
    font-size: 30px;
    left: 0;
    padding: 20px;
    line-height: 1.4;
  }

  #section2 .imgTextAdjustment {
    padding: 0px !important;
  }

  #section2 .archive {
    float: right;
    font-size: 12px;
    margin-right: 15px;
    text-align: center;
    position: relative;
  }

  #section2 .archive img {
    width: 90px;
  }

  #section2 .learnMore {
    transition: 0.3s;
    font-size: 20px;
    text-align: right;
  }

  #section2 .box {
    margin-right: 0px;
  }

  #section2 .box .id {
    font-size: 18px;
    padding-bottom: 5px;
    padding-top: 5px;
  }

  #section2 .box .tag {
    font-size: 40px;
  }

  #section2 .title {
    font-size: 20px;
  }

  #section2 .text {
    font-size: 18px;
  }
}

/* SECTION 3 */
#section3 .mainTitle {
  width: 100%;
  font-size: 30px;
}

#section3 .title p {
  font-size: 80px;
  line-height: 1.3;
  font-family: interLight;
}

#section3 .title p ins {
  transition: 0.3s;
}

#section3 .title p ins:hover {
  background-color: #EBFF00;
  color: #1d1d1b;
  transition: 0.3s;
}

#section3 a {
  background-color: #EBFF00;
}

/* #section3 .title p ins:hover {
  text-decoration-color: #EBFF00;
  transition: 0.3s;
} */

#section3 .row {
  margin: 0;
  padding: 0;
  width: 100%;
}

#section3 .title a {
  color: #1d1d1b;
  transition: 0.3s;
}

/* #section3 .title a:hover {
  color: #EBFF00;
  transition: 0.3s;
} */

#section3 .col-lg-4,
#section3 .col-3,
#section3 .col-12,
#section3 .col-lg-8 {
  padding: 0px !important;
}

@media(max-width:992px) {
  #section3 .mainTitle {
    font-size: 20px;
    margin-top: 500px;
  }

  #section3 .title p {
    font-size: 50px;
    margin-top: 20px;
  }

  #section3 .image-one {
    margin-top: 30px;
    width: 300px;
  }

}


/* SECTION 4 */


#section4 .background {
  background: url('../images/fromLebanon.svg') no-repeat;
  background-size: cover;
  background-position: center;
  height: 200px;
}

#section4 .text {
  margin-top: 68px;
  color: white;
  font-size: 30px;
}

#section4 .arrow-container {
  margin-top: 60px;
  margin-right: 70px;
  float: right;
  background-color: white;
  border-radius: 50px;
  width: 85px;
  height: 85px;
  transition: border-width 0.5s;
  /* EBFF00 */
}

#section4 .arrow-container:hover {
  cursor: pointer;
  background-color: #EBFF00;
}

#section4 .arrow {
  margin-top: 32px;
  margin-left: 28px;
}

#section4 .row {
  margin: 0;
  padding: 0;
  width: 100%;
}

#section4 .col-lg-9,
#section4 .col-10,
#section4 .col-lg-10,
#section4 .col-lg-5 {
  padding: 0px;
}



@media(max-width:992px) {

  #section4 .background {
    background-size: cover;
    background-position: auto;
    height: 200px;
  }

  #section4 .text {
    font-size: 20px;
    margin-top: 0px;
    position: absolute;
    top: 30%;
    left: 10px;
  }

  #section4 .arrow-container {
    position: absolute;
    margin-right: 0px;
    margin-top: 0px;
    top: 30%;
    right: 10%;
    width: 50px;
    height: 50px;
  }

  #section4 .arrow {
    position: absolute;
    top: 17px;
    right: 12px;
    margin: 0px !important;
  }
}

@media(max-width:460px) {
  #section4 .arrow {
    margin-top: -70px;
    float: none;
    margin-left: 85%;
  }

  #section4 .text {
    font-size: 20px;
    margin-top: 0px;
    position: absolute;
    top: 25%;
    left: 10px;
  }
}

/* SECTION 5 */


#section5 .mainTitle {
  width: 100%;
  font-size: 30px;
}

#section5 .background {
  background: url('../images/current-preocc.svg') no-repeat;
  background-size: cover;
  background-position: center;
  height: 800px;
}

/* #section5 .card {
  margin: 0px auto;
  padding-top: 70px;
  background: transparent;
  border: none;
  width: 80%;
  height: 70%;
  z-index: 2;
} */

#section5 .card-mobile {
  display: none;
}

#section5 .content {
  position: absolute;
  top: 140px;
  left: 15%;
  z-index: 3;
}

#section5 .title {
  color: #1d1d1b;
  font-size: 24px;
}

#section5 .subtitle {
  margin-top: 15px;
  color: #1d1d1b;
  font-size: 24px;
  width: 80%;
}

#section5 .text p {
  margin-top: 25px;
  color: #1d1d1b;
  font-size: 20px !important;
  font-family: interRegular;
  width: 80%;
}

#section5 .row {
  margin: 0;
  padding: 0;
  width: 100%;
}

#section5 .col-lg-8,
#section5 .col-lg-4,
#section5 .col-lg-9,
#section5 .col-lg-2,
#section5 .col-1 {
  padding: 0 !important;
}

@media(max-width:992px) {

  #section5 .mainTitle {
    font-size: 20px;
  }

  #section5 .background {
    background: none;
    height: auto;
  }

  #section5 .card {
    display: none;
  }

  #section5 .card-mobile {
    display: block;
  }

  #section5 .content {
    position: relative;
    top: 0;
    left: 0;
    margin-top: -20px;
  }

  #section5 .title {
    font-size: 20px;
  }

  #section5 .subtitle {
    font-size: 20px;
  }

  #section5 .text p {
    font-size: 18px !important;
    width: 90%;
  }
}


/* SECTION 6 */

#section6 .mainTitle {
  width: 100%;
  font-size: 30px;
  margin-bottom: 10px;
}

#section6 .background {
  background: url('../images/at-the-edge.svg') no-repeat;
  background-size: cover;
  background-position: center;
  height: 350px;
}

#section6 .arrow-container {
  margin-top: 130px;
  margin-right: 70px;
  float: right;
  background-color: white;
  border-radius: 50px;
  width: 85px;
  height: 85px;
  transition: border-width 0.5s;
  /* EBFF00 */
}

#section6 .arrow-container:hover {
  cursor: pointer;
  background-color: #EBFF00;
}

#section6 .arrow {
  margin-top: 32px;
  margin-left: 28px;
}

#section6 .row {
  padding: 0;
  width: 100%;
}

#section6 .col-1,
#section6 .col-10 {
  padding: 0px !important;
}

#section6 .icon {
  padding-right: 20px;
  padding-left: 20px;
}

#section6 .quotesContainer {
  font-size: 30px;
}

#section6 .quote {
  padding: 10px;
}

#section6 .quote p {
  font-family: interItalic !important;
}

#section6 .reference {
  margin-top: 50px;
  font-family: interItalic !important;
  font-size: 25px;
  padding-bottom: 70px;
}

#section6 .swiper-scrollbar {
  background-color: rgb(128, 128, 128, 0.4);
}

#section6 .swiper {
  margin-left: 15px;
}

@media(max-width:992px) {
  #section6 .mainTitle {
    font-size: 20px;
  }

  #section6 .background {
    background-size: contain;
    background-position: auto;
    height: 150px;
  }

  #section6 .arrow-container {
    position: absolute;
    top: 30%;
    right: 10%;
    width: 50px;
    height: 50px;
    margin: 0px;
  }

  #section6 .arrow {
    position: absolute;
    top: 17px;
    right: 12px;
    margin: 0px !important;
  }

  #section6 .row {
    margin: 0;
  }

  #section6 .quotesContainer {
    font-size: 18px;
  }

  #section6 .quote {
    padding: 5px;
  }

  #section6 .icon {
    width: 30px;
    padding: 0;
  }

  #section6 .reference {
    font-size: 15px;
  }

  #section6 .swiper {
    margin-left: 0px;
  }
}

/* SECTION 7 */

#section7 {
  background-color: #3c3c3b;
  box-shadow: 0 0 0 100vmax #3c3c3b;
  clip-path: inset(0 -100vmax);
}

#section7 .row {
  margin: 0;
  padding: 0;
  width: 100%;
}

#section7 .col-1 {
  padding: 0px !important;
}

#section7 .quotesContainer {
  font-size: 30px;
  background-color: #3c3c3b;
  color: #FFF;
}

#section7 .quote {
  padding: 10px;
}

#section7 .quote p {
  font-family: interItalic !important;
}

#section7 .reference {
  margin-top: 50px;
  font-family: interItalic;
  font-size: 25px;
  padding-bottom: 70px;
}

#section7 .swiper-scrollbar-drag {
  background: #b1b1b1;
}

#section7 .swiper-scrollbar {
  background-color: rgb(128, 128, 128, 0.4);
}

@media(max-width:992px) {
  #section7 .row {
    margin: 0;
    padding: 0;
    width: 100%;
  }

  #section7 .col-1,
  #section7 .col-10 {
    padding: 0px !important;
  }

  #section7 .row {
    margin: 0;
  }

  #section7 .quotesContainer {
    font-size: 18px;
  }

  #section7 .quote {
    padding: 5px;
  }

  #section7 .icon {
    width: 30px;
    padding: 0;
  }

  #section7 .reference {
    font-size: 15px;
  }

  #section7 .swiper {
    margin-left: 0px;
  }
}



/* SECTION 8 */

#section8 .mainTitle {
  font-size: 30px;
  margin-bottom: 40px;
}

#section8 .section-topSpacer {
  margin-top: 40px !important;
}

#section8 .box {
  border: 2px solid #1d1d1b;
}

#section8 .col-2,
#section8 .col-12 {
  padding: 0px;
}

#section8 .row {
  margin: 0px;
}

#section8 .box .id {
  background-color: #1d1d1b;
  color: white;
  font-size: 40px;
  padding-left: 5px;
  line-height: 1;
}

#section8 .box .tag {
  background-color: #b1b1b1;
  text-align: center;
  font-size: 60px;
  color: white;
  padding-top: 12px;
  padding-bottom: 13px;
}

#section8 .title {
  text-align: left;
  font-size: 40px;
  line-height: 1;
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

#section8 .text {
  font-family: interMedium;
  font-size: 22px;
  padding-left: 20px;
  padding-top: 10px;
  line-height: 1.3;
}

#section8 .viewall {
  float: right;
  font-size: 24px;
  margin-top: 40px;
}

#section8 .viewall a {
  color: #1d1d1b;
  transition: 0.3s;
}

#section8 .viewall a:hover {
  transition: 0.3s;
}

#section8 .arrow {
  position: relative;
  transition: 0.3s;
}


@media(max-width:992px) {
  #section8 .mainTitle {
    font-size: 20px;
    margin-bottom: 0px;
  }

  #section8 .section-topSpacer {
    margin-top: 0px !important;
  }

  #section8 .box {
    margin-right: 0px !important;
    margin-left: 0px !important;
    margin-top: 20px;
  }

  #section8 .box .id {
    font-size: 18px;
    padding-top: 5px;
    padding-bottom: 5px;
  }

  #section8 .box .tag {
    font-size: 40px;
  }

  #section8 .title {
    font-size: 20px;
  }

  #section8 .text {
    font-size: 18px;
  }

  #section8 .viewall {
    float: right;
    font-size: 20px;
    margin-top: 20px;
    margin-right: 0px;
  }
}

/* SECTION 9 */

#section9 .background {
  width: 100%;
  background: url('../images/podcastBg.svg') no-repeat;
  background-size: cover;
  background-position: center;
  height: 430px;
  position: relative;
  z-index: 9;
}

#section9 .row {
  margin: 0;
  padding: 0;
  width: 100%;
}

#section9 .mainTitle {
  background: #1d1d1b;
  color: #FFF;
  width: 100%;
  font-size: 30px;
}

#section9 .title1 {
  color: #EBFF00;
  font-size: 30px;
  margin-top: 40px;
}

#section9 .title2 {
  color: #EBFF00;
  font-size: 60px;
  margin-top: 40px;
  line-height: 1;
}

#section9 .podcastContainer {
  background: #091621;
  color: #FFF;
  padding: 70px 30px;
  margin: 0px;
  width: 100%;
}

#section9 .cassette {
  transition: 0.3s;
}

#section9 .cassette:hover {
  /* box-shadow: -10px -10px 20px 10px #EBFF00, #EBFF00 10px -10px 20px 0px inset; */
  border-radius: 8px;
  background-color: #EBFF00;
  box-shadow: 0 0 10px 10px #EBFF00;
  transition: 0.3s;
}

#section9 .cassetteContainer {
  text-align: right;
}

@media(max-width:992px) {


  #section9 .cassette {
    width: 300px;
  }

  #section9 .mainTitle {
    font-size: 20px;
  }

  #section9 .title1 {
    font-size: 20px;
  }

  #section9 .title2 {
    font-size: 40px;
    margin-top: 20px;
  }

  #section9 .cassetteContainer {
    margin-top: 30px;
    text-align: left;
  }
}


/* CONTACT ME */
#contactme .mainTitle {
  width: 100%;
  font-size: 31px;
}

#contactme .separator {
  width: 100%;
  background: url('../images/c-separator.png') no-repeat;
  background-size: cover;
  background-position: center;
  height: 70px;
}

#contactme .contactPin {
  position: absolute;
  top: 0;
  left: 0;
  width: 100px;
  height: 100px;
  margin-top: -20px;
}

#contactme .row {
  padding: 0;
  width: 100%;
}

#contactme .col-12,
#contactme .col-lg-3,
#contactme .col-lg-4,
#contactme .col-lg-1,
#contactme .col-lg-8 {
  padding: 0px !important;
}

.contactform {
  width: 100%;
}

#contactme .contactform input {
  width: 100%;
  border: 2px solid #1d1d1b;
  outline: none;
  padding: 20px;
}

#contactme .contactform input::placeholder {
  font-family: InterLight;
  font-size: 18px;
}

#contactme .contactform textarea::placeholder {
  font-family: InterLight;
  font-size: 18px;
}

#contactme .contactform .name {
  width: 90%;
  font-size: 18px;
}

#contactme .contactform .email {
  width: 90%;
  font-size: 18px;

}

#contactme .contactform .message {
  width: 95%;
  margin-top: 40px;
  border: 2px solid #1d1d1b;
  outline: none;
  padding: 15px;
  resize: none;
  height: 200px;
  font-size: 18px;

}


#contactme .contactform .subscribe {
  margin-top: 38px;
  padding: 10px;
  appearance: none;
  -webkit-appearance: none;
  width: 30px;
  height: 30px;
  border: 2px solid #1d1d1b;
  outline: none;
  cursor: pointer;
  position: relative;
}

#contactme .contactform .subscribe:before {
  content: "";
  background-color: transparent;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 20px;
  height: 20px;
}

#contactme .contactform .subscribe:checked:before {
  /* content: "\2713"; */
  border: none;
  background-color: #EBFF00;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 16px;
  line-height: 1;
}

#contactme .contactform .label {
  margin-top: 40px;
  position: absolute;
  left: 50px;
  bottom: 5px;
  font-size: 16px;
}

#contactme .contactform .sendbtn {
  width: 60px;
  color: #1d1d1b;
  text-align: left;
  background-color: #FFF;
  font-size: 24px;
  padding: 0px;
  position: relative;
  border: none;
  outline: none;
  margin-left: 50px;
  transition: 0.3s;
}

#contactme .contactform .sendbtn:hover {
  /* text-decoration: underline;
  text-decoration-color: #EBFF00;
  text-decoration-thickness: 3px; */
  background-color: #EBFF00;
  transition: 0.3s;
}

#contactme .dropdown {
  width: 100%;
  padding: 20px;
  background-color: #FFF;
  outline: none;
  border: 2px solid #1d1d1b;
}

#contactme .secret {
  margin-right: 10px;
  padding: 15px !important;
}

#contactme .captcha {
  margin-left: 10px;
  width: 93% !important;
  padding: 10px !important;
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}


@media(max-width:992px) {
  #contactme .contactPin {
    left: 10px;
  }

  #contactme .captcha {
    margin-left: 00px;
    width: 100% !important;
  }

  #contactme .row {
    margin-top: 30px;
  }

  #contactme .contactform input {
    margin-top: 10px;
    padding: 10px;
  }

  #contactme .contactform input::placeholder {
    font-size: 15px;
  }

  #contactme .contactform textarea::placeholder {
    font-size: 15px;
  }

  #contactme .contactform .name {
    width: 100%;
    font-size: 15px;
  }

  #contactme .contactform .email {
    width: 100%;
    font-size: 15px;

  }

  #contactme .contactform .message {
    width: 100%;
    padding: 10px;
    font-size: 15px;
    margin-top: 10px !important;
  }


  #contactme .contactform .label {
    font-size: 15px;
  }

  #contactme .contactform .sendbtn {
    font-size: 18px;
    text-align: left;
    display: block;
    margin-left: 0px;
    margin-top: 40px;
  }

  #contactme .contactform .label {
    margin-top: 15px;
  }

  #contactme .contactform .subscribe {
    margin-top: 20px;
  }

  #contactme .dropdown {
    margin-top: 10px;
  }
}

#colophon .title {
  font-size: 80px;
}

#colophon .text {
  font-size: 18px;
}

#colophon .text a {
  text-decoration: underline;
}

#colophon .creative-commons {
  width: 70%;
}

@media(max-width:992px) {
  #colophon .title {
    font-size: 40px;
  }

  #colophon .text {
    font-size: 16px;
  }
}

#privacy .title {
  font-size: 80px;
}

#privacy .text {
  font-size: 18px;
}

#privacy .text a {
  text-decoration: underline;
}

@media(max-width:992px) {
  #privacy .title {
    font-size: 20px;
  }

  #privacy .text {
    font-size: 16px;
  }
}

#terms .title {
  font-size: 80px;
}

#terms .text {
  font-size: 18px;
}

#terms .text a {
  text-decoration: underline;
}

@media(max-width:992px) {
  #terms .title {
    font-size: 20px;
  }

  #terms .text {
    font-size: 16px;
  }
}

#cookies-page .title {
  font-size: 80px;
}

#cookies-page .text {
  font-size: 18px;
}

#cookies-page .text a {
  text-decoration: underline;
}

@media(max-width:992px) {
  #cookies-page .title {
    font-size: 20px;
  }

  #cookies-page .text {
    font-size: 16px;
  }
}

.width70 {
  width: 70%;
}

/* -------------------------------------------HOMEPAGE END--------------------------------------------------- */

#body {
  background-color: #FFF !important;
}

.width70 {
  width: 70%;
}

@media(max-width:992px) {
  .width70 {
    width: 100%;
  }
}

.homepopup {
  position: absolute;
  top: 200px;
  left: 35%;
  z-index: 999;
  background-color: #1d1d1b;
  color: white;
  padding-bottom: 10px;
}

.homepopup .messageContainer {
  line-height: 1.25;
  font-size: 60px;
  padding-left: 5px;
  padding-right: 5px;
  margin-top: -2px;
}

.homepopup .yellowBg {
  background-color: #EBFF00;
  color: #1d1d1b;
  padding-left: 5px;
  padding-right: 35px;
  margin-left: -50px;
}

.homepopup .greyBg {
  background-color: #3c3c3b;
  color: #EBFF00;
  padding-left: 5px;
  padding-right: 5px;
}

@media(max-width:992px) {
  .homepopup {
    position: absolute;
    top: 200px;
    left: 2.5%;
    width: 95%;
    z-index: 999;
    background-color: #3c3c3b;
    color: white;
    padding: 10px;
  }

  .homepopup .yellowBg {
    padding-left: 5px;
    padding-right: 5px;
    margin-left: 0px;
  }

  .homepopup .greyBg {
    background-color: #3c3c3b;
    color: #EBFF00;
    padding-left: 5px;
    padding-right: 5px;
  }
}

.homepopupClose {
  outline: none;
  border: none;
  background-color: transparent;
  color: #FFF;
  font-size: 20px;
  padding: 5px 10px;
}


.breadcrumb {
  background-color: white !important;
  padding-left: 5px !important;
  margin-top: 60px;
}

.breadcrumb a {
  color: #1d1d1b !important;
}

.breadcrumb a:hover {
  color: #1d1d1b !important;
}

.breadcrumb-item.active {
  color: #1d1d1b !important;
  background-color: #EBFF00 !important;
}

.breadcrumb-item.active::before {
  color: #1d1d1b !important;
  background-color: #FFF !important;
}

.breadcrumb-item+.breadcrumb-item {
  padding-left: 0px !important;
  margin-left: 10px;
}


/* .breadcrumbResponsive {
  margin-left: -20px;
} */

/* @media(max-width:992px) {
  .breadcrumbResponsive {
    margin-left: -10px;
  }
} */

/* COOKIES */
/* CSS for Cookie Consent Popup */
#cookie-consent-popup {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #3c3c3b;
  color: white;
  padding: 15px;
  text-align: left;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
  z-index: 999;
}


#cookie-consent-popup button {
  background-color: transparent;
  color: #FFF;
  border: none;
  cursor: pointer;
  margin-right: 20px;
}

#cookie-consent-popup .btn-container {
  float: right;
  margin-right: 70px;
}

#cookie-consent-popup .text {
  width: 90%;
  margin: 0;
  font-size: 16px;
}

#cookie-consent-popup .row {
  width: 85%;
}

.cookie {
  position: absolute;
  top: 0;
  left: 0px;
}

.cookies-btn:hover {
  cursor: pointer;
  color: #EBFF00;
}


#cookie-consent-popup .cookies-link {
  margin-left: 50px;
}

@media(max-width:992px) {
  #cookie-consent-popup {
    padding: 10px;
  }

  #cookie-consent-popup button {
    background-color: transparent;
    color: #FFF;
    border: none;
    cursor: pointer;
    margin-right: 10px;
    font-size: 14px;
  }

  #cookie-consent-popup .privacy {
    font-size: 14px;
    margin-left: 0px;
  }

  #cookie-consent-popup .btn-container {
    float: left;
    margin-top: 40px;
    margin-right: 0px;
  }

  #cookie-consent-popup .text {
    width: 80%;
    margin: 0;
    margin-left: 50px;
    font-size: 14px;
  }

  .cookie {
    position: absolute;
    top: 20%;
    right: 30px;
  }

  .cookies-btn:hover {
    cursor: pointer;
    color: #EBFF00;
  }

  #cookie-consent-popup .cookies-link {
    font-size: 14px;
  }
}

/* Resource page */
#resource .name {
  font-size: 30px;
}

#resource .description {
  font-size: 20px;
  width: 70%;
}

#resource .contact-form {
  width: 70%;
  margin-top: 40px;
}

#resource .contact-form input {
  width: 90%;
  border: none;
  border-bottom: 2px solid #1d1d1b;
  outline: none;
  padding: 20px 20px 20px 0px;
}

#resource .resBtnMsg {
  font-size: 13px;
  text-align: center;
}

#resource .col-10 {
  padding: 0px !important;
}

#resource .title {
  font-size: 40px;
}

#resource a {
  color: #1d1d1b !important;
  font-weight: bold !important;
  text-decoration: underline !important;
  text-decoration-color: #1d1d1b !important;
  text-decoration-thickness: 1.2px !important;
}

@media(max-width:992px) {
  #resource .description {
    width: 100%;
    font-size: 18px;
  }

  #resource .title {
    font-size: 45px;
  }

  #resource .contact-form {
    width: 100%;
  }

}

/* Security checks */
#subscribo {
  position: absolute;
  bottom: 50px;
  left: 0;
  background-color: white !important;
  border-color: #FFF !important;
  color: #FFF !important;
  -moz-appearance: none;
  -moz-box-shadow: none;
  -webkit-appearance: none;
  -webkit-box-shadow: none;
  /* border: 1px solid #EBFF00; */
  padding: 5px;
  outline: none;
  transition: 0.3s;
  margin-right: 5px;
}