@media (max-width: 1000px) {
  #land .wrapper {
    padding-bottom: 30px;
  }
}

h4 {
  margin-top: 1rem;
}

#aditional .bg svg {
  width: 100vw;
  height: auto;
}

#aditional {
  position: relative;
  height: auto;
  margin-bottom: 217px;
}

#aditional .bg {
  position: absolute;
  z-index: -1;
  height: 100%;
}

#aditional .bg .bottom {
  position: relative;
  top: -15px;
}

#aditional .wrapper {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-top: 95px; /*194px;*/
}

#aditional .boxes {
  margin-top: 50px; /*97px;*/
  flex-wrap: wrap;
  gap: 26px;
}

#aditional .boxes .box {
  width: 100%;
  max-width: 300px;
  height: 311px;
  transition: all 0.25s;
}

#aditional .boxes .box:hover {
  background-color: var(--blue) !important;
  cursor: pointer;
}

#aditional .boxes .box:hover h4,
#aditional .boxes .box:hover p {
  color: white;
}

#aditional .boxes .box .title {
  height: 65px;
}

#aditional .boxes .box p {
  width: 75%;
  margin: 0 auto;
  margin-top: 32px;
}

#bottom h3 {
  max-width: 755px;
  margin: 0 auto;
  line-height: 40px;
  margin-bottom: 40px;
}

#mail-section #amico-img {
  top: 0;
  right: 15%;
}
#mail-section {
  > div:has(#amico-img) {
    padding: 4rem 8% 4rem 4%;
  }
}

@media (max-width: 1200px) {
  #land .wrapper .cloud {
    scale: 0.75;
  }
}

@media screen and (max-width: 1000px) {
  #programs-container {
    margin-bottom: 25rem;
  }

  #aditional {
    height: auto;
  }

  #land .wrapper .cloud {
    scale: 0.75;
  }
}

@media (min-width: 14400px) {
}

@media (max-width: 1200px) {
}

@media (max-width: 1000px) {
  #land .wrapper .cloud {
    display: none;
  }
}

@media (max-width: 800px) {
  #aditional .bg {
    top: 5%;
  }
}

@media (max-width: 480px) {
}


/*copied from about */
main {
  position: relative;
  /*background: linear-gradient( 180deg, rgba(217, 240, 243, 0.42620798319327735) 0%, rgba(255, 255, 255, 1) 70% );*/
}

#land {
  height: unset;
}

#land .body {
  display: flex;
  align-items: center;
  gap: 0px 9%;
  position: relative;
}

#land.land_notopmargin .body {
	margin-top: unset;
}

#header-top-icon{display:none;}

#land .body .left {
  position: relative;
  margin-bottom: -22px;
  z-index: 99;
  width: 50%;
}

#land .body .left img {
	max-width: 100%;
	z-index: 9;
	position: relative;
	}

#land .body .right {
  width: 60%;
  max-width: 600px;
}

#land .body .right p {
  line-height: 24px;
}


@media screen and (max-width: 1299px) {	
	#land .body div.landSmallImg {
		text-align:center;
		display:none;
		}
	#land .body .left div.landSmallImg img {
  		max-width:44%;
		display:none;
  		}
	#land .body .right_nomobile {
	  width: 100%;
	}
}
		
@media screen and (min-width: 1300px) {
	#land .body .left img {
  		top: -48rem;
	    position: absolute;
  		}
	
	#land .body .left div.landSmallImg img {
  		top: -5rem;
		left: 7rem;
	    position: absolute;
		/*width: 110%;*/
		height: 100%;
		object-fit: cover;
		border-radius: 20px;
    	clip-path: url(#img-1);
  		}
	}

@media (min-width: 1001px) and (max-width: 1399px) {
  /* #land .body .left img {
    max-width: 650px;
  } */
}


/* bar mitzva */
.bar-mitzvah #add-on .buttons {
  margin-top: 27px;
}

.bar-mitzvah #add-on .button {
  max-width: 161px;
}

#bar-extras .cards-container {
  height: 500px;
}

#bar-extras .cards-container .card._1 {
  margin-top: auto;
}

#bar-extras .cards-container .card._2 {
  margin-bottom: auto;
}

#bar-extras {
  margin-bottom: 146px;
}

#bar-extras .card._1 .body {
  padding-left: 32px;
}

#bar-extras .card._1 h4 {
  margin-bottom: 27px;
}

#bar-extras .card._2 {
  max-width: 397px;
  height: 354px;
  gap: 47px 0;
}

#bar-extras .card._2 p {
  max-width: 274px;
}

#bar-extras ul {
  display: flex;
  flex-direction: column;
  gap: 30px 0px;
}

#bar-extras li {
  position: relative;
}

#bar-extras li:hover::before {
  background: var(--pink);
  box-shadow: 0px 0px 24px var(--pink);
  cursor: pointer;
}

#bar-extras li:hover .description {
  display: block;
}

#bar-extras li::before {
  content: '';
  position: absolute;
  width: 13px;
  height: 13px;
  background: var(--blue);
  box-shadow: 0px 0px 24px var(--blue);
  border-radius: 50%;
  top: 5px;
  left: -30px;
}