#popup-agree .modal-content {
	border-radius: 8px;
	box-shadow: none;
	border: 0px;
	overflow: hidden;
}
#popup-agree .modal-header .close{
	background-image: url("/catalog/view/theme/grand/image/svg-icon/close-icon.svg");
	cursor: pointer !important;
	font-size: 0px;
	height: 25px;
	outline: medium none;
	position: absolute;
	right: 15px;
	top: 15px;
	width: 25px;
	z-index: 1060;
	text-align: center;
	line-height: 25px;
	border: 1px solid #ececec;
	border-radius: 50%;
	background-position: center;
	background-repeat: no-repeat;
	opacity: 1;
	background-color:#fff;
}
#popup-agree .modal-header .close:hover {
	background-image: url("/catalog/view/theme/grand/image/svg-icon/close-icon.svg");
	cursor: pointer !important;
	font-size: 0px;
	outline: medium none;
	position: absolute;
	line-height: 25px;
	border: 1px solid #fff;
	box-shadow:0px 2px 4px rgba(0,0,0,0.067);
	background-position: center;
	background-repeat: no-repeat;
	background-color:#fff;
}
#popup-agree .agree-header {
	padding:30px 30px 10px;
	background:#fff;
	border:0px;
}
#popup-agree .agree-header h1{color:#333; font-size:18px;margin:0px;}
#popup-agree .agree-header i{font-size:18px;margin-right: 10px;}

#popup-agree .agree-content {padding:10px 30px; background:#ffffff;}

#popup-agree .agree-footer {border:0px;padding:10px 30px 30px; background:#ffffff;}

#popup-agree .description_agree img {
	max-width: 100%;
}
#popup-agree .btn-agree {
	color: #fff;
	background: #00BC52;
	border-radius: 8px;
	display: inline-block;
	font-size: 14px;
	padding: 10px 25px;
	box-shadow: none;
	height: 40px;
	border: 0px;
	line-height: 18px;
	-webkit-transition: background .2s ease;
	transition: background .2s ease;
}
#popup-agree .btn-agree i,
#popup-agree .btn-disagree i {
	margin-right: 5px;
}
#popup-agree .modal-footer .btn + .btn {
	margin-left: 20px;
}
#popup-agree .btn-agree:hover {
	background: #04A349;
}
#popup-agree .btn-disagree {
	color: #000;
	background: #F8F9FA;
	border-radius: 8px;
	display: inline-block;
	font-size: 14px;
	padding: 10px 25px;
	box-shadow: none;
	height: 40px;
	border: 0px;
	line-height: 18px;
	-webkit-transition: background .2s ease;
	transition: background .2s ease;

}
#popup-agree .btn-disagree:hover {
	background: #e9ecef;
	color: #000;
}

#popup-agree .agree-content {
	padding: 10px 28px 22px;
}

#popup-agree .agree-header {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 22px 28px 10px;
  position: relative;
}

#popup-agree .agree-header h1 {
	font-weight: 900;
  text-align: center;
}

.description_agree {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 14px;
}

.description_agree p {
  text-align: center;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0.5px;
}

.chameleon_agree_popup {
	color: white;
	padding: 14px 28px;
	display: flex;
	align-items: center;
	gap: 14px;
	background: #009ca3;
	border-radius: 8px;
	width: max-content;
	cursor: pointer;
}

.chameleon_agree_popup i {
	font-size: 26px;
}

.chameleon_agree_popup b {
	font-size: 18px;
}

@media (min-width: 992px) {
	#popup-agree .modal-lg {
		width: 600px;
	}
}

#popup-agree .modal-dialog {
	margin: calc(50vh - 110px) 1rem;
}

@media (min-width: 768px) {
  #popup-agree .modal-dialog {
    margin: calc(50vh - 110px) auto;
  }
}

.agree-close {
	position: absolute;
  right: 0;
  top: 0;
  font-size: 24px;
  padding: 6px;
  background: #fff;
  margin: 0;
  line-height: 1;
  outline: none;
  border: none;
}