.popup-btns-wrapper {
	margin-bottom: -20px;
	margin-left: 20px;
	margin-top: 20px;
}

.popup-btn {
	padding-bottom: 2rem;
	width: 20rem;
}

.popup-btn span {
	background: tomato;
	color: white;
	cursor: pointer;
	display: block;
	line-height: 1;
	padding: 1rem 2rem;
	text-align: center;
}

.popup-content-container {
	display: none;
	left: 50%;
	padding:50px 0;
	position: fixed;
	top: 50%;
	transform: translate(-50%,-50%);
	overflow-y: auto;
	width: 1250px;
	z-index: 999999;
	text-align:center;
}
    
.popup-close {
	cursor: pointer;
	display: none;
	position: absolute;
	right: 1rem;
	top: 75px;
	z-index: 999999;
}

.popup-close:hover { opacity: 0.7; }

.popup-overlay {
	background: #000 url(../images/popup-bg.jpg) no-repeat center / cover;
	display: none;
	height: 100%;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 999999;
}

.popup-content-container h2 { font-size:40px; color:#cda251; line-height:40px; margin:0 0 70px;}
.popup-content-container h2 a { color:#6f6f6f;}
.popup-content-container h2 span { display:block;}
.purpose-row1 h3 { font-size:30px; color:#cda251; line-height:42px; margin:0 0 15px;}
.purpose-row1 h3 a { color:#cda251;}
.purpose-row1 h3 span { display:block;}
.purpose-row1 h4 { font-size:15px; color:#ffffff; line-height:25px; margin:0 0 0;}
.purpose-row1 h4 a { color:#ffffff;}
.purpose-row1 h4 span { display:block;}
.purpose-row1 p { font-size:15px; color:#ffffff; line-height:25px; margin:0 0 25px;}
.purpose-row1 p a { color:#ffffff;}
.purpose-row1 p span { display:block;}
.purpose-row1 { width:100%; float:left; text-align:left; margin:0 0 45px;}
.purpose-row1 .purpose-col1 { width:27.3%; float:left; margin:0 9% 0 0;}
.purpose-row1 .purpose-col1:last-child { margin-right:0;}
.purpose-row1 .purpose-col1 .purpose-ul { width:100%; float:right; margin:0 0 0;}
.purpose-row1 .purpose-col1 .purpose-ul .purpose-li { width:100%; float:left;}
.purpose-row1 .purpose-col1 .purpose-ul .purpose-li li { font-size:15px; color:#ffffff; line-height:25px; background:url(../images/dot.png) no-repeat 0 11px; display:block; padding-left:20px;}
.popup-content-container .purpose-btn1 { float:none; color:#ffffff; background:#cda251; border-color:#cda251; margin:0 0 0 0; padding:15px 28px 15px 28px;}
.popup-content-container .purpose-btn1:hover { color:#cda251; background:#ffffff; border-color:#cda251;}

.popup-content-container h2, .popup-content-container h2 span, .purpose-row1 h3, .purpose-row1 h3 span { font-family: 'Poppins', sans-serif; font-weight: 500;}

/*Smartphone css*/
@media screen and (max-width: 480px) {
.popup-content-container { width:100%; padding:0 5%;}
.popup-close { top:20px;}
.purpose-row1 .purpose-col1 { width:100%; margin:0 0 30px;}
.popup-content-container h2 { margin:0 0 40px;}
.popup-content-container { height:83vh;}
}

@media screen and (min-width:481px) and (max-width:600px) {
.popup-content-container { width:100%; padding:0 5%;}
.popup-close { top:20px;}
.purpose-row1 .purpose-col1 { width:100%; margin:0 0 30px;}
.popup-content-container h2 { margin:0 0 40px;}
.popup-content-container { height:83vh;}
}

@media screen and (min-width:601px) and (max-width:767px) {
.popup-content-container { width:100%; padding:0 5%;}
.popup-close { top:20px;}
.purpose-row1 .purpose-col1 { width:100%; margin:0 0 30px;}
.popup-content-container h2 { margin:0 0 40px;}
.popup-content-container { height:83vh;}
}

@media screen and (min-width:768px) and (max-width:900px) {
.popup-content-container { width:100%; padding:50px 5%;}
.popup-close { top:20px;}
.popup-content-container { height:83vh;}
}


@media screen and (min-width:901px) and (max-width:1024px) {
.popup-content-container { width:100%; padding:50px 5%;}
.popup-close { top:20px;}
.popup-content-container { height:83vh;}
}

@media screen and (min-width:1025px) and (max-width:1300px) {
.popup-content-container { width:100%; padding:50px 5%;}
.popup-close { top:20px;}
.popup-content-container { height:83vh;}
}