.container2 {
border:2px solid #BF953F;
color:#FDE08D;
width:100%;}


.question {
  font-size: 1.2rem;
  font-weight: 600;
  padding: 20px 80px 20px 20px;
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.question::after {
  content: ">";
  font-weight:800;
  font-size: 1.4rem;
  position: absolute;
  right: 20px;
  transition: 0.2s;
  transform: rotate(90deg);
}

.question.active::after {
 content: "\002B";
  transform: rotate(45deg);
}

.answercont {
  max-height: 0;
  overflow: hidden;
  transition: 0.3s;
}
.linep{
border-bottom:3px dotted #BF953F;
}
.btn-light3{
border:2px solid #BF953F;
color:#fff;
background-color: #3bb78f;
font-weight:800;
  font-size: 1.2rem;
background-image: linear-gradient(to left, #BF953F, #B38728, #AA771C);
width:100%;}
.btn-light3:hover{
border:2px solid #8f6B29;
background-color: #3bb78f;
background-image: linear-gradient(to right, #BF953F, #B38728, #AA771C);
color:#fff}
.answer {
  padding: 0 10px 20px;
  line-height: 1.5rem;
}

.question.active + .answercont {
}
.radio-section {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100vh;
}

.radio-item [type="radio"] {
	display: none;
}
.radio-item + .radio-item {
	margin-top: 10px;
}
.radio-item label {
	display: block;
	padding: 15px 40px;
	background: #003329;
	border: 2px solid rgba(255, 255, 255, 0.1);
	border-radius: 8px;
	cursor: pointer;
	text-align:left;
	font-size: 18px;
	line-height:26px;
	font-weight: 800;
	min-width: 100%;
	white-space: nowrap;
	position: relative;
	
	transition: 0.4s ease-in-out 0s;
}
.radio-item label span{
font-size: 15px;
	font-weight: 400;
}
.radio-item label:after,
.radio-item label:before {
	content: "";
	position: absolute;
	border-radius: 50%;
}
.radio-item label:after {
	height: 15px;
	width: 15px;
	border: 2px solid #BF953F;
	left: 17px;
	top: calc(50% - 10px);
}
.radio-item label:before {
	background: #BF953F;
	height: 15px;
	width: 15px;
	left: 17px;
	top: calc(50% - 10px);
	transform: scale(3);
	opacity: 0;
	visibility: hidden;
	transition: 0.4s ease-in-out 0s;
}
.radio-item [type="radio"]:checked ~ label {
	border-color: #BF953F;
}
.radio-item [type="radio"]:checked ~ label::before {
	opacity: 1;
	visibility: visible;
	transform: scale(1);
}
  .popup {
            display: none;
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            padding: 20px;
            background-color: white;
            border: 2px solid red;
            box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
            z-index: 1000;
        }
        .popup button {
            display: block;
            margin: 10px auto 0;
        }
@media screen and (max-width: 790px){

  .wrapper {
  width: 80%;
}
}