/* Improved WarriorPlus/JVZoo Style CSS for 500 Ways to Make Money with ChatGPT */

.main-heading{
	background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
	padding: 40px 0;
}

.s1 {
	font-family: "Open Sans", sans-serif;
	font-optical-sizing: auto;
	font-size: 24px;
	font-weight: 500;
	text-align: center;
	padding-top: 30px;
	color: #2c3e50;
	line-height: 1.4;
	/*margin-bottom: 20px;*/
}

.s2 {
	font-family: "Open Sans", sans-serif;
	font-optical-sizing: auto;
	font-size: 46px;
	font-weight: 700;
	text-align: center;
	padding: 10px 20px;
	color: #2c3e50;
	line-height: 1.3;
	margin-bottom: 15px;
}

.s2-sub {
	font-family: "Open Sans", sans-serif;
	font-optical-sizing: auto;
	font-size: 38px;
	font-weight: 600;
	text-align: center;
	padding: 0px 0px;
	color: #e74c3c;
	line-height: 1.3;
	margin-bottom: 25px;
}

.d1 {
	color: #3498db;
}

.d2 {
	color: #e74c3c;
}

.d3 {
	color: #e67e22;
}

.s3 {
	font-family: "Raleway", sans-serif;
	font-optical-sizing: auto;
	font-size: 22px;
	font-weight: 400;
	text-align: center;
	padding: 20px 20px;
	color: #34495e;
	line-height: 1.6;
	margin-bottom: 20px;
}

.s4 {
	font-family: "Open Sans", sans-serif;
	font-optical-sizing: auto;
	font-size: 22px;
	font-weight: 600;
	text-align: center;
	color: #e74c3c;
    padding: 20px;
    margin-bottom: 30px;
    line-height: 2.2em;
}

.s4 span {
	background: linear-gradient(45deg, #f39c12, #f1c40f);
	padding: 10px 20px;
	border-radius: 5px;
	color: #2c3e50;
	font-weight: 700;
}

.im {
	max-width: 550px;
	margin: 30px auto;
	padding: 20px 0;
}

.s5 {
	font-family: "Open Sans", sans-serif;
	font-optical-sizing: auto;
	font-size: 22px;
	font-weight: 600;
	text-align: center;
	padding-top: 30px;
	color: #2c3e50;
	line-height: 1.4;
}

.s6 {
	font-family: "Open Sans", sans-serif;
	font-optical-sizing: auto;
	font-size: 20px;
	font-weight: 400;
	text-align: center;
	padding-bottom: 10px;
	color: #e74c3c;
	line-height: 1.4;
}

.buy {
	margin: 30px auto;
	text-align: center;
	padding-bottom: 40px;
}

.what {
	background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
	color: white;
	padding: 50px 0;
}

.s7 {
	font-family: "Open Sans", sans-serif;
	font-optical-sizing: auto;
	font-size: 36px;
	font-weight: 700;
	text-align: center;
	padding: 20px;
	color: white;
	line-height: 1.3;
	margin-bottom: 30px;
}

.point ul {
	padding: 20px;
	margin-bottom: 30px;
}

.point ul li {
	font-size: 20px;
	line-height: 1.6;
	margin-bottom: 15px;
}

.point p {
	font-size: 20px;
	padding: 20px;
	color: white;
	line-height: 1.6;
	text-align: center;
}

.ims {
	background: linear-gradient(135deg, #74b9ff 0%, #0984e3 100%);
	padding: 50px 0;
}

.s50 {
	font-family: "Open Sans", sans-serif;
	font-optical-sizing: auto;
	font-size: 40px;
	font-weight: 800;
	text-align: center;
	padding: 20px;
	color: white;
	line-height: 1.2;
	margin-bottom: 30px;
}

.list-group-item {
	font-size: 18px;
	line-height: 1.6;
	padding: 20px;
	margin-bottom: 10px;
	border: none;
	background-color: rgba(255, 255, 255, 0.95);
	border-radius: 8px;
	box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.list-group-item i {
	margin-right: 10px;
	font-size: 20px;
}

.benefits {
	background: linear-gradient(135deg, #fd79a8 0%, #fdcb6e 100%);
	padding: 50px 0;
}

.s8 {
	font-family: "Open Sans", sans-serif;
	font-optical-sizing: auto;
	font-size: 36px;
	font-weight: 600;
	text-align: center;
	padding: 20px;
	color: #2c3e50;
	line-height: 1.3;
	margin-bottom: 30px;
}

.bb {
	background-color: #fff;
	padding: 30px;
	margin: 20px;
	border-radius: 15px;
	box-shadow: 0 8px 16px rgba(0,0,0,0.1);
	transition: transform 0.3s ease;
}

.bb:hover {
	transform: translateY(-5px);
}

.ima {
	max-width: 100px;
	margin: 0 auto 20px auto;
	text-align: center;
}

.s10 {
	font-family: "Open Sans", sans-serif;
	font-optical-sizing: auto;
	font-size: 24px;
	font-weight: 600;
	text-align: center;
	padding: 15px 0;
	color: #2c3e50;
	line-height: 1.4;
}

.s11 {
	font-family: "Open Sans", sans-serif;
	font-optical-sizing: auto;
	font-size: 18px;
	font-weight: 400;
	text-align: center;
	padding-bottom: 15px;
	color: #7f8c8d;
	line-height: 1.5;
}

.s12 {
	font-family: "Open Sans", sans-serif;
	font-optical-sizing: auto;
	font-size: 24px;
	font-weight: 600;
	text-align: center;
	padding: 20px;
	color: #2c3e50;
	line-height: 1.4;
}

.s13 {
	font-family: "Open Sans", sans-serif;
	font-optical-sizing: auto;
	font-size: 20px;
	font-weight: 500;
	text-align: center;
	padding: 15px 20px 30px 20px;
	color: #2c3e50;
	line-height: 1.5;
}

.use {
	background: linear-gradient(135deg, #a29bfe 0%, #6c5ce7 100%);
	padding: 50px 0;
}

.s14 {
	font-family: "Open Sans", sans-serif;
	font-optical-sizing: auto;
	font-size: 36px;
	font-weight: 700;
	text-align: center;
	padding: 20px;
	color: white;
	line-height: 1.3;
	margin-bottom: 30px;
}


.s14a {
	font-family: "Open Sans", sans-serif;
	font-optical-sizing: auto;
	font-size: 36px;
	font-weight: 700;
	text-align: center;
	padding: 20px;
	color: #363636;
	line-height: 1.3;
	margin-bottom: 30px;
}



.bs {
	background: rgba(255, 255, 255, 0.95);
	padding: 30px;
	margin: 20px;
	border-radius: 15px;
	box-shadow: 0 8px 16px rgba(0,0,0,0.1);
}

.bs p {
	font-family: "Open Sans", sans-serif;
	font-optical-sizing: auto;
	font-size: 20px;
	font-weight: 600;
	text-align: center;
	padding: 20px;
	color: #2c3e50;
	line-height: 1.6;
}

.ben {
     background: linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%);
     padding: 50px 0;
}

.bs ul {
	list-style-type: none;
    padding: 20px;
}

.bs ul li {
	list-style-type: none;
    padding: 15px 0;
    font-size: 20px;
    line-height: 1.6;
    color: #2c3e50;
}

.sp ul {
	list-style-type: none;
	padding: 20px;
}

.sp ul li {
	background-color: rgba(255, 255, 255, 0.95);
	padding: 25px;
	margin: 15px 0;
	font-family: "Open Sans", sans-serif;
	font-size: 18px;
	font-weight: 400;
	border-radius: 10px;
	box-shadow: 0 4px 8px rgba(0,0,0,0.1);
	line-height: 1.6;
}

.sp ul li i {
	margin-right: 10px;
	color: #3498db;
	font-size: 20px;
}

.spp p {
	font-family: "Open Sans", sans-serif;
	font-size: 20px;
	font-weight: 600;
	padding: 20px;
	color: #2c3e50;
	line-height: 1.6;
}

.spp ul {
	list-style-type: none;
	padding: 20px;
}

.spp ul li {
	background-color: rgba(255, 255, 255, 0.95);
	padding: 25px;
	margin: 15px 0;
	font-family: "Open Sans", sans-serif;
	font-size: 18px;
	font-weight: 400;
	border-radius: 10px;
	box-shadow: 0 4px 8px rgba(0,0,0,0.1);
	line-height: 1.6;
}

.spp ul li i {
	margin-right: 10px;
	color: #e74c3c;
	font-size: 20px;
}

.bs li i {
  color: #e74c3c;
  margin-right: 12px;
  font-size: 24px;
}

.ss {
	font-family: "Open Sans", sans-serif;
	font-optical-sizing: auto;
	font-size: 36px;
	font-weight: 800;
	text-align: center;
	padding: 30px 20px;
	color: #2c3e50;
	line-height: 1.3;
}

.ssp h3 {
	font-family: "Open Sans", sans-serif;
	font-optical-sizing: auto;
	font-size: 22px;
	font-weight: 600;
	color: #2c3e50;
	margin-bottom: 15px;
	line-height: 1.4;
}

.ssp p {
	font-size: 18px;
	color: #7f8c8d;
	line-height: 1.6;
	margin-bottom: 25px;
}

.footer-bg {
	background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);
	color: #ecf0f1;
	padding: 60px 0;
}

/* FAQ Section */
.faq {
	background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
	padding: 50px 0;
}

.ssp {
	padding: 0 30px;
}

/* Pop-up section */
.pop-up {
    position: sticky;
    bottom: -2px;
    z-index: 999999999999;
}

.popup-bg {
    position: relative;
    background: linear-gradient(45deg, #e74c3c, #c0392b);
}

.popup {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    flex-wrap: wrap;
    padding: 20px;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
}

.popuo-cont {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.popup .p-first {
    margin: 0;
    font-size: 24px;
    color: #ffffff;
    font-weight: 600;
    line-height: 1.3;
}

.popup .p-second {
    margin: 0;
    font-size: 18px;
    color: #ffffff;
    font-weight: 500;
    line-height: 1.4;
}

.popup h1 {
    color: white;
    font-size: 48px;
    margin: 10px 0;
    font-weight: 700;
}

.popup a {
    text-decoration: none;
    background: linear-gradient(45deg, #f1c40f, #f39c12);
    padding: 15px 30px;
    border-radius: 25px;
    color: #2c3e50;
    font-size: 20px;
    font-weight: bold;
    transition: transform 0.3s ease;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}

.popup a:hover {
    transform: scale(1.05);
    text-decoration: none;
    color: #2c3e50;
}

.cancle {
    position: absolute;
    top: 15px;
    right: 20px;
    z-index: 999999999;
}

.cancle img {
    width: 25px;
    cursor: pointer;
    opacity: 0.8;
}

.cancle img:hover {
    opacity: 1;
}

/* Footer section */
.footer {
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: center;
}

.footer-bg p {
    font-family: "Open Sans", sans-serif;
    margin: 0;
    padding: 20px;
    font-size: 18px;
    color: #bdc3c7;
    line-height: 1.6;
    text-align: center;
}

.footer-btn {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: center;
    align-items: center;
}

.footer-btn a {
    text-decoration: none;
    color: #ecf0f1;
    font-size: 18px;
    font-weight: 500;
    text-transform: capitalize;
    transition: color 0.3s ease;
}

.footer-btn a:hover {
    color: #3498db;
    text-decoration: none;
}

.copyright p {
    color: #95a5a6;
    font-weight: 500;
    font-size: 16px;
    margin-top: 20px;
}

/* Responsive Design */
@media (max-width: 768px) {
    .s1 {
        font-size: 22px;
        padding: 20px 15px;
    }
    
    .s2 {
        font-size: 28px;
        padding: 15px;
    }
    
    .s2-sub {
        font-size: 24px;
        padding: 15px;
    }
    
    .s3 {
        font-size: 20px;
        padding: 15px;
    }
    
    .s4 {
        font-size: 18px;
        padding: 15px;
    }
    
    .s7, .s14 {
        font-size: 28px;
        padding: 15px;
    }
    
    .s50 {
        font-size: 32px;
        padding: 15px;
    }
    
    .popup .p-first {
        font-size: 18px;
    }
    
    .popup .p-second {
        font-size: 16px;
    }
    
    .popup h1 {
        font-size: 36px;
    }
    
    .popup a {
        font-size: 18px;
        padding: 12px 24px;
    }
    
    .bb {
        margin: 10px;
        padding: 20px;
    }
    
    .sp ul li, .spp ul li {
        padding: 20px;
        font-size: 16px;
    }
}

@media (max-width: 576px) {
    .s1 {
        font-size: 20px;
        padding: 15px 10px;
    }
    
    .s2 {
        font-size: 24px;
        padding: 10px;
    }
    
    .s2-sub {
        font-size: 20px;
        padding: 10px;
    }
    
    .s3 {
        font-size: 18px;
        padding: 10px;
    }
    
    .s7, .s14 {
        font-size: 24px;
        padding: 10px;
    }
    
    .s50 {
        font-size: 28px;
        padding: 10px;
    }
    
    .popup {
        padding: 15px 10px;
    }
    
    .popup a {
        font-size: 16px;
        padding: 10px 20px;
    }
}