/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Mar 07 2025 | 08:01:12 */
/* General Styling */
.body {
    margin: 0;
    padding: 20px;
    text-align: center;
	font-family: "Century Gothic";
}

/* Main Container */
.container {
    background: white;
    max-width: 990px;
    margin: 0 auto;
    padding: 30px;
    border-radius: 10px;
}

/* Title */
.title {	
/* 	width: 990px; */
height: 61px;
font-size: 30px;
line-height: 32px;
color: #fe60d4;
font-weight: 600;
font-family:'Poppins', sans-serif !important;
text-align: center;
}

/* Header Section */
.header-section {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding:10px;
    border-radius: 10px;
    margin-top: 10px;
	max-width: 990px;
}

.header-section img {
    max-width: 100%;
    border-radius: 10px;
	 background: #f4f4f4;
}

.text {
    max-width: 50%;
    text-align: left;
    font-size: 16px !important;
	padding: 0px 20px 70px 20px;
    color:#666666 !important;
    font-family: 'Poppins', sans-serif !important;
}


.pricing-box {
    background: white;
    max-width: 990px;
    margin: 0 auto;
    padding: 10px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
	font-weight: 600 !important;
    font-size: 30px !important
}

.pricing-box h3 {
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 20px;
	text-align: center;
	font-family:'Poppins', sans-serif !important;

	
}


.pricing-option {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    font-size: 30px;
    gap: 10px; 
    margin-bottom: 10px;
	 font-family:'Poppins', sans-serif !important;
}


.pricing-option strong {
    font-size: 18px;
    white-space: nowrap;
}


.price {
    color: #ff33cc;
    font-weight: bold;
    font-size: 18px;
    white-space: nowrap;
}

.pink-btn {
    background-color: #ff33cc;
    color: white;
    font-size: 16px;
    font-weight: bold;
    border: none;
    border-radius: 20px;
    padding: 8px 15px;
    cursor: pointer;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);
    transition: 0.3s ease;
    white-space: nowrap;
	font-family: 'Poppins', sans-serif !important;
	
}

.pink-btn:hover {
    background-color: #e60099;
}

.discount {
    font-size: 16px;
    color: gray;
    text-align: center;
	font-family:'Poppins', sans-serif !important;
    margin-top: 5px;
}

.full-btn {
    display: block;
    margin: 10px auto 0;
}



.cosmic-grandfathers-section {
    max-width: 990px;
    margin: 40px auto;
    text-align: left;
    font-size: 16px;
    padding:10px;
    line-height: 24px;
    font-family: 'Poppins', sans-serif !important;
	color: #666666 !important;

}

.cosmic-grandfathers-section h2 {
    text-align: center;
    color: #ff33cc;
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 20px;
}

.fusion-transmissions {
    background-color: #f8f8f8;
    padding: 40px 60px;
    max-width: 990px;
    margin: 40px auto;
    border-radius: 10px;
	padding: 10px;
}

/* Centered Heading */
.fusion-header {
    font-size: 30px;
    font-weight: bold;
    color: #222;
    text-align: center;
    margin-bottom: 20px; 
}	

 .fusion-content-container {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 40px; 
}

.fusion-content {
    flex: 1;
    text-align: left;
    font-size: 16px;
    color:  #666666 !important;;
  font-family: 'Poppins', sans-serif !important;
    max-width: 500px; 
}
	
.pink-text {
    color: #ff33cc;
    font-size: 20px;
    font-weight: bold;
	font-family:'Poppins', sans-serif !important;
}


.fusion-image img {
    max-width: 250px; 
    border-radius: 8px;

}


.upgrades-section {
    text-align: center;
    padding: 20px 10px;
    max-width: 990px;
    margin: 0 auto;
    padding: 10px;
}

.bonus-section {
    text-align: center;
    padding: 20px 10px; 
    max-width: 990px;
    margin: 0 auto;
    padding: 10px;
	padding-bottom:0px;
}

.section-title {
    font-size: 30px;
    font-weight: bold;
    color: #ff33cc;
	padding-bottom:10px;
    margin: 5px 0 15px;
}


.pink-title {
    color: #ff33cc;
}


.section-description {
    font-size: 16px;
    color:#666666 !important;;
    line-height: 1.6;
    font-family: 'Poppins', sans-serif !important;
    text-align: left;
    margin-bottom: 15px; 
}


.bonus-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
	 font-family: 'Poppins', sans-serif !important;
    gap: 20px; 
    padding: 10px; 
	 max-width: 990px;
}

.section-title pink-title
/* Images Section */
.bonus-image {
    flex: 1;
    text-align: center;
    padding: 10px; 
}

.bonus-image img {
    max-width: 100%;
    border-radius: 10px;
    margin: 0; 
	  padding: 10px;
}

/* Text Section */
.bonus-text {
    flex: 1;
    text-align: left;
    font-size: 16px;
    color:#666666 !important;;
    line-height: 1.4;
    font-family:'Poppins', sans-serif !important;
    padding: 10px;
	padding-bottom:100px;
}







/* General Styling */
.receive-section {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
	 max-width: 990px;
	padding-top:0px;
	
}

/* White Box Container */
.receive-container {
    background: #fff;
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
    max-width: 990px;
    width: 100%;
    text-align: center;
}

/* Section Title */
.receive-title {
    font-size: 30px;
    font-weight: bold;
    color: #000;
    margin-bottom: 20px;
}

/* List Styling */
.receive-list {
    list-style: none;
    
    align-items: left;
	 
}

.receive-list li {
    font-size: 16px;
    color: #666666 !important;;
    line-height: 1.6;
    font-family:'Poppins', sans-serif !important;
    display: flex;
    align-items: left;
    margin-bottom: 10px;
    text-align:left;
	 padding-left: 40px;
	padding-right: 50px;
}

/* Pink Star Icon */
.receive-list li::before {
    content: "★"; /* Unicode Star */
    color: #ff33cc;
    font-size: 20px;
    margin-right: 10px;
}

/* Pink Button */
.receive-button {
    display: inline-block;
    margin-top: 20px;
    padding: 12px 30px;
    background: #ff33cc;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    border-radius: 25px;
    text-decoration: none;
    transition: 0.3s;
}

.receive-button:hover {
    background: #e60099;
}





/* General Section Styling */
.history-section {
    text-align: center;
    padding: 10px;
	 max-width: 990px;
}

/* Pink Title */
.history-title {
    font-size: 30px;
    font-weight: bold;
    color: #ff33cc;
    margin-bottom: 5px;
}

/* Bold Black Subtext */
.history-subtext {
    font-size: 16px;
    font-weight: bold;
	line-height: 24px;
    color:#313131;
	font-family:'Poppins', sans-serif !important;
	text-align:center;
}


        
 .bonus-content1 {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 20px;
            background: white;
            border-radius: 10px;
            margin-bottom: 10px;
            box-shadow: 0px 0px 0px rgba(0,0,0,0.1);
	        font-family:'Poppins', sans-serif !important;
	         max-width: 990px;
        }

        .bonus-image1 img {
            max-width:100%;
            border-radius: 10px;
        }
        .bonus-text1 {
            flex: 1;
            text-align: left;
            padding-left: 10px;
            font-size: 16px;
            color:  #666666 !important;
        }

        .day-badge1 {
            display: inline-block;
            background: #3498db;
            color: #fff;
            width: 40px;
            height: 40px;
            line-height: 40px;
            text-align: center;
            border-radius: 50%;
            font-size: 13px;
            font-weight: bold;
            margin-bottom: 10px;	
        }


        .list1 {
            list-style: none;
           padding-left: 16px; 
        }
        .list1 li::before {
           content: "•" ;
            color: black;
            font-weight: bold;
            display: inline-block;
            width: 1em;
            margin-left: -1em;
        }



        h2 {
            color:#ff33cc;
			  text-align: center;
			 font-family:'Poppins', sans-serif !important;
        }
        table {
            width: 100%;
            margin: 20px auto;
            border-collapse: collapse;
            background: white;
			 max-width: 990px;
        }
        th, td {
            border: 1px solid #ddd;
            padding: 10px;
            text-align: left;
			font-family:'Poppins', sans-serif !important;
			 font-size: 16px;
			
        }
        th {
            background-color: #d1b3ff;
            color: white;
			 font-family: 'Poppins', sans-serif !important;
			 font-size: 16px;
        }
td {
	padding-top:0px;
	 color:#666666 !important;
}
        a {
            color: #ff33cc;
            text-decoration: none;
        }
        
.last-heading{
	padding-top:25px;
}

.signs-heading {

font-size: 16px;
color: #313131;
font-weight: 600;
font-family:'Poppins', sans-serif !important;
text-align: center;

}




	
	
	
	@media(max-width: 768px) {
   
    .container {
        padding: 10px;
        max-width: 100%;
    }

    .title {
        font-size: 30px;
        line-height: 30px;
        margin-bottom: 30px;
    }

  
    .header-section {
        flex-direction: column;
        align-items: center;
        padding: 0px;
		justify-content: flex-start;
    }

    .header-section img {
        max-width: 100%;
        margin-bottom: 0px; 
    }

    .text {
        max-width: 100%; 
        padding:0px;
        text-align:center;
		margin-top:0px;
    }

  
    .pricing-box {
        padding: 10px;
    }

    .pricing-box h3 {
    }

  
    .pricing-option {
        flex-direction: column;
        gap: 0px; 
        align-items: center;
        justify-content: center;
		 flex-wrap: nowrap;
		padding-bottom:0px;
	
    }

	.cosmic-grandfathers-section {
		 text-align: center;
	}
	
	.fusion-transmissions {
        padding: 10px; 
    }

    .fusion-header {
        margin-bottom: 15px; 
    }

    
    .fusion-content-container {
        flex-direction: column;  
        align-items: center; 
        gap: 15px; 
    }

   
    .fusion-content {
        max-width: 100%;  
        text-align: center; 
        line-height: 1.5;  
    } 

    .fusion-image img {
        max-width: 200px;  
        height: auto;  
    }


.upgrades-section, .bonus-section {
    text-align: center;
    padding: 10px; 
    max-width: 100%; 
    margin: 0 auto;
}


.section-title {
    font-weight: bold;
    color: #ff33cc;
    padding-bottom: 8px;
}


.pink-title {
    color: #ff33cc;
}

.section-description {
    text-align:center;
    margin-bottom: 10px; 
    padding: 0 10px;
}
	
.bonus-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 15px; 
    padding: 10px;
}

.bonus-image {
    flex: 1;
    text-align: center;
    padding: 0; 
}

.bonus-image img {
    max-width: 250px; 
    width: 100%;
    border-radius: 10px;
    margin: 0; 
}

.bonus-text {
    flex: 1;
    text-align: center; 
	 padding-bottom: 50px;
	 padding: 0 10px; 
}

}

.bonus-content1{
	 flex-direction: column;
        align-items: center;
        padding: 10px;
		 justify-content: flex-start;
}




.receive-section, .history-section, .bonus-content1 {
    padding: 10px; 
    max-width: 100%; 
}

/
.receive-container {
    padding: 15px;
    border-radius: 10px;
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
    max-width: 100%;
    width: 100%;
    text-align: center;
}

.receive-title {
    font-weight: bold;
    color: #000;
    margin-bottom: 15px;
}

.receive-list {
    list-style: none;
    padding-left: 0; 
    margin-bottom: 20px;
}

.receive-list li {
    line-height: 1.5;
    margin-bottom: 8px;
    text-align: left;
    padding-left: 30px;
    padding-right: 20px; 
}


.receive-list li::before {
    content: "★";
    color: #ff33cc;
    margin-right: 8px;
}


.receive-button {
    display: inline-block;
    margin-top: 15px;
    padding: 10px 25px;
    background: #ff33cc;
    color: #fff;
    font-weight: bold;
    border-radius: 25px;
    text-decoration: none;
    transition: 0.3s;
}

.receive-button:hover {
    background: #e60099;
}

.history-title {
    font-weight: bold;
    color: #ff33cc;
    margin-bottom: 10px;
}

.history-subtext {
    font-weight: bold;
    line-height: 1.6;
    color: #313131;
    text-align: center;
}
/* 
.bonus-content1 {
    display: flex;
    flex-direction: column;
    padding: 10px;
    background: white;
    border-radius: 10px;
    margin-bottom: 15px;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.1);
}

.bonus-image1 {
    text-align: center;
    margin-bottom: 10px;
}

.bonus-image1 img {
    max-width: 100%;
    border-radius: 10px;
}

.bonus-text1 {
    text-align: left;
    padding-left: 10px;
}

.day-badge1 {
    display: inline-block;
    background: #3498db;
    color: #fff;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    border-radius: 50%;
    font-weight: bold;
    margin-bottom: 10px;
}

.list1 {
    list-style: none;
    padding-left: 16px;
    margin-top: 10px;
}


.list1 li::before {
    content: "•";
    color: black;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
} */
