/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 18 2025 | 07:58:32 */
.custom-details {
/*   width: 560px;
	height: 64px; */
  max-width: 560px;
  background: none;
  font-family: inherit;
  margin-left: 2em;
}

.custom-details summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: white;
  box-shadow: 0px 0px 9px 0px rgba(58,105,113,0.75);
  border-radius: 30px 35px 35px 0px;
  cursor: pointer;
  position: relative;
  list-style: none;
  outline: none;
  font-size: 1.25rem;
  font-weight: 500;
	word-wrap: break-word;
}

@media screen and (max-width: 430px){
	.custom-details summary {
	  font-size: 1rem;
	  font-weight: 400;
	}
}

.custom-details summary::-webkit-details-marker {
  display: none;
}

.details-text {
  margin-left: 32px;
  margin-right: 20px;
  color: #1a2322;
}

@media screen and (max-width: 430px){
	.details-text {
	  margin-left: 0.5rem;
	}
}

.details-semicircle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
/*   height: auto; */
  background: #406b71;
  border-radius: 0 30px 30px 0;
  position: relative;
  padding-left: 20px;
  padding-right: 20px;
/*   padding: 0.7rem 0.5rem; */
}

@media screen and (max-width: 430px){
	.details-semicircle {
	  background: #406b71;
/* 	  height: 55px; */
	  padding-left: 15px;
      padding-right: 15px;
	  padding-top: 10px;
	  padding-bottom: 10px;
	  border-radius: 0 30px 30px 0;
	}
}

.details-arrow {
  width: 50px;
  height: 50px;
  padding-top: 10px;
  padding-bottom: 10px;
  display: block;
  transition: transform 0.25s ease;
  transform-origin: center;
}
@media screen and (max-width: 430px){
	.details-arrow {
	  width: 40px;
	  height: 40px;
	  display: flex;
	  transition: transform 0.25s ease;
	  transform-origin: center;
	}
}

.custom-details[open] .details-arrow{
	transform: rotate(-90deg);
	color: black;
}

.details-content {
  margin-right: 5.7rem;
  padding: 24px 32px;
  background-color: #f8f9fa;
  color: black;
  border-radius: 0 0 12px 12px;
  font-size: 1rem;
  overflow: hidden;
  height: 0;
  text-align: justify;
  transition: all 0.5s ease-out;
}

@media screen and (max-width: 430px){
	.details-content {
	  margin-right: 4.3rem;
	}
}


.custom-details[open] .details-content
{
	height: auto;
/*     transition: max-height 1s ease-out; */
}