/* CSS Document */
/**************************
AED
**************************/
.movie{
	position: relative;
	width: 100%;
	padding-top: 56.25%;
	margin-bottom:10px;
	z-index:0;
}
 
.movie iframe{
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}


.aed h3{
  text-align: center;
  font-size: 2.875rem;
  font-weight: bold;
  margin-bottom: 3rem;
}

.flex_support{
  display: flex;
  justify-content: space-between;
  gap:2rem;
}

.flex_support > div{
  flex:1;
  text-align: center;
}
.flex_support p{
  margin-top: 1rem;
  font-weight: 600;
  margin-bottom: 2rem;
  text-align: left;
}

@media screen and (max-width: 768px) {
  .aed h3{
    text-align: center;
    font-size: 1.25rem;
    font-weight: bold;
    margin-bottom: 3rem;
  }
  .flex_support{
    display:flex;
    flex-direction:column;
    gap: 1rem;
  }

  .flex_support > div{
    width: 100%;
  }
}

.aed h4{
  font-size: 1.25rem;
  border-bottom: 3px solid #096240;
  margin:3rem 0 1rem;
  font-weight: bold;
}
.flex_kinou{
  width: 100%;
  display: flex;
  gap:2rem;
}
.flex_kinou > div{
  flex:1;
}
@media screen and (max-width: 768px) {
  .flex_kinou{
    display: flex;
    flex-direction: column;
    gap:2rem;
  }
  .flex_kinou > div{
    width: 100%;
  }
}

dl.list_kinou{
  background-color: #f8f8fa;
  padding: 2rem 1rem;
  border-radius: 10px;
}
dl.list_kinou dt{
  font-weight: bold;
  color: #096240;
  font-size: 1.125rem;
}
dl.list_kinou dd{
  margin-bottom: 1rem;
}

.flex_option{
  display: flex;
  justify-content: flex-start;
}
.flex_option >div{
  width: 25%;
  text-align: center;
}
@media screen and (max-width: 768px) {
.flex_option{
  display:flex;
  flex-direction:column;
  gap: 1rem;
}
.flex_option >div{
  width: 100%;;
  text-align: center;
}
}

.flex_aed-products{
  width: 100%;
  display: flex;
  gap:2rem;
  background: linear-gradient(
    105deg,
    #FCFDFB 0%,
    #eef4dc 100%
  );
}
.flex_aed-products > div{
  flex:1;
  padding: 3rem;
}
.flex_aed-products > div h3{
  font-size: 1.2rem;
}
@media screen and (max-width: 768px) {
  .flex_aed-products{
    display: flex;
    flex-direction: column;
    gap:2rem;
  }
  .flex_aed-products > div{
    width: 100%;
  }
  .flex_aed-products > div{
    flex:1;
    padding: 1rem;
  }
}