/* Default padding for larger screens (desktop) */
.hero-section {
    padding: 60px 0;
}

.content-section {
    padding: 40px 0;
}

.footer-section {
    padding: 30px 0;
}

.header-section {
    padding: 20px 0;
}

.sidebar-section {
    padding: 20px 0;
}

.cta-section {
    padding: 40px 0;
}

.form-section {
    padding: 30px 0;
}

.gallery-section {
    padding: 30px 0;
}

.testimonial-section {
    padding: 40px 0;
}

.section-spacing {
    margin-bottom: 60px;
}

.p-60
{
    padding: 60px !important;
}

.mt-min-70
{
    margin-top: -70px !important;
}
/* Tablet-specific padding */
@media (max-width: 768px) {
    .hero-section {
        padding: 45px 0;
    }

    .content-section {
        padding: 30px 0;
    }

    .footer-section {
        padding: 25px 0;
    }

    .header-section {
        padding: 15px 0;
    }

    .sidebar-section {
        padding: 15px 0;
    }

    .cta-section {
        padding: 30px 0;
    }

    .form-section {
        padding: 25px 0;
    }

    .gallery-section {
        padding: 25px 0;
    }

    .testimonial-section {
        padding: 30px 0;
    }

    .section-spacing {
        margin-bottom: 45px;
    }
}

/* Mobile-specific padding */
@media (max-width: 576px) {
    .hero-section {
        padding: 30px 0;
    }

    .content-section {
        padding: 20px 0;
    }

    .footer-section {
        padding: 15px 0;
    }

    .header-section {
        padding: 10px 0;
    }

    .sidebar-section {
        padding: 10px 0;
    }

    .cta-section {
        padding: 20px 0;
    }

    .form-section {
        padding: 15px 0;
    }

    .gallery-section {
        padding: 15px 0;
    }

    .testimonial-section {
        padding: 20px 0;
    }

    .section-spacing {
        margin-bottom: 30px;
    }
}


/* font start style css  */

.main-heading
{
    font-size:48px;
    font-weight: 700;
    line-height: 1.2;
}

.sub-main-heading
{
    font-size: 32px;
    font-weight: 600;
    line-height: 1.5;
}

.sub-heading
{
    font-size: 24px;
    font-weight: 500;
    line-height: 1.2;
}

.sub-text-heading 
{
    font-size: 18px;
    font-weight: 500;
    line-height: 1.5;
}

p
{
    font-size: 16px;
    color: #1a1a1a;
    line-height: 1.6;
    margin-bottom: 5px !important;
}

.fw-500 
{
    font-weight: 500 !important;
}

.text-green
{
    color: green;
}

.fs-24
{
    font-size: 24px !important;
}

.light-brown-color
{
    color: rgb(255 145 77);
}

.yellow-color
{
    background-color: #F5A120 !important;
}

.dark-blue-color
{
    background-color: #0A4DA5 !important;
}

.sub-green-color
{
    background-color: #00BF63 !important;
}

.subdark-green-color
{
    background-color: #229D8F !important;
}
.text-black
{
    color: #1a1a1a !important;
}

.light-yellow-color
{
    background-color: #FFBD59 !important;
}

.light-orange-color
{
    background-color: #FF914D !important;
}


/* font end style css  */
.hero-section-main
{
    background-image: linear-gradient(340deg, #2af598 0%, #009efd 100%);
}

.hero-section-content ul, .Referral-programme ul, .commision-payout ul{
    list-style-type: disc !important;
    padding: 0;
}

.hero-section-content li ,.Referral-programme li
{
    font-size: 16px;
    color: #1a1a1a;
    margin-top: 10px;
    line-height: 1.6;
}

.hero-btn-section
{
    display: flex;
}
.btn-main a, .matrix-text
{
    background-color: #FBAB7E;
    background-image: linear-gradient(285deg, #FBAB7E 0%, #F7CE68 100%);
    color: #1a1a1a;
    font-size: 14px;
    padding: 10px 30px;
    border-radius: 80px;
    margin: 0 10px 0 0;
    font-weight: 600;
}

.hero-btn-section .secondary-btn a
{   
    background-color: #FBAB7E;
    background-image:linear-gradient(90deg,rgba(37, 150, 172, 1) 0%, rgba(112, 217, 98, 1) 100%);
    color: #fafafa !important;
    font-size: 16px;
    padding: 10px 30px;
    border-radius: 80px;
    margin: 0 10px 0 0;
    font-weight: 600;
}

.social-icons{
	/* padding:30px; */
	/* background-color:#00506b; */
  text-align: left;
}
.social-icons a{
	color:#1a1a1a;
  line-height:30px;
  font-size:30px;
  margin: 0 5px;
  text-decoration:none;
  
}
.social-icons a i{
	line-height:30px;
  font-size:30px;
  -webkit-transition: all 200ms ease-in;
  -webkit-transform: scale(1); 
  -ms-transition: all 200ms ease-in;
  -ms-transform: scale(1); 
  -moz-transition: all 200ms ease-in;
  -moz-transform: scale(1);
  transition: all 200ms ease-in;
  transform: scale(1);
  /* padding: 15px;
    background: #fafafa20;
    border-radius: 80px;
    border: 1px solid #fafafa; */
}
.social-icons a:hover i{
  box-shadow: 0px 0px 150px #000000;
  z-index: 2;
  -webkit-transition: all 200ms ease-in;
  -webkit-transform: scale(1.5);
  -ms-transition: all 200ms ease-in;
  -ms-transform: scale(1.5);   
  -moz-transition: all 200ms ease-in;
  -moz-transform: scale(1.5);
  transition: all 200ms ease-in;
  transform: scale(1.5);
  color: #1a1a1a !important;
}

.join-club-card
{
    /* background-color: #229d8f; */
    /* padding: 20px 60px; */
    /* text-align: center; */
    margin-top: 30px;
    /* clip-path: polygon(100% 0, 100% 88%, 75% 100%, 25% 100%, 0 81%, 0 0); */
}

.join-club-card h1
{
    font-size: 28px;
    font-weight: 700;
    color: #2a2a2a;
    text-align: center;
    text-decoration: underline;
    margin-bottom: 30px;
}

.join-club-card h5
{
    font-size: 18px;
    font-weight: 500;
}

.join-club-card .join-club-left
{
    text-align: left !important;
}

.member-benefits .member-card-main-heading, .join-the-club .sub-main-heading,.Referral-programme .sub-main-heading
{
    color:#22147b !important;
    font-size: 32px;
    letter-spacing: 1px;
    font-weight: 700;
}

.member-benefits .member-card .sub-main-heading
{
    padding: 20px;
    background: linear-gradient(90deg,rgba(37, 150, 172, 1) 0%, rgba(112, 217, 98, 1) 100%) !important;
    color: #fafafa !important;
    border-radius: 80px;
    font-size: 24px;
}

.member-cards-section
{
    background: #f5f5f5;
    padding: 30px;
    min-height:360px !important;
    border-radius: 20px;
}


.member-points
{
    color: #fafafa;
    background: linear-gradient(90deg,rgba(37, 150, 172, 1) 0%, rgba(112, 217, 98, 1) 100%) !important;
    font-size: 24px;
    font-weight: 600;
    padding: 20px;
    border-radius: 80px;
}

.member-text
{
    color: #1a1a1a;
}

.payout-card
{
    background: #F14E0B;
    /* clip-path: polygon(20% 6%, 80% 0%, 96% 28%, 100% 80%, 80% 100%, 20% 100%, 0 65%, 0 20%); */
    clip-path: polygon( 20.611% 9.707%,20.611% 9.707%,29.679% 10.156%,37.833% 9.186%,45.197% 7.293%,51.892% 4.969%,58.04% 2.711%,63.764% 1.013%,69.187% 0.368%,74.429% 1.273%,79.614% 4.221%,84.864% 9.707%,84.864% 9.707%,89.762% 17.428%,93.76% 26.461%,96.79% 36.365%,98.778% 46.702%,99.654% 57.033%,99.347% 66.919%,97.786% 75.921%,94.899% 83.601%,90.616% 89.519%,84.864% 93.236%,84.864% 93.236%,78.415% 95.484%,72.064% 97.274%,65.775% 98.592%,59.514% 99.42%,53.247% 99.744%,46.939% 99.547%,40.556% 98.813%,34.063% 97.528%,27.426% 95.674%,20.611% 93.236%,20.611% 93.236%,14.178% 88.567%,8.803% 80.64%,4.627% 70.369%,1.788% 58.669%,0.424% 46.456%,0.676% 34.644%,2.681% 24.148%,6.58% 15.884%,12.51% 10.765%,20.611% 9.707% );
    width: 80%;
    padding: 40px;
    text-align: center;
    margin:0 auto;
}

.product-card
{
    background-color: #fafafa !important;
    border-radius: 4px !important;
    margin-top: 15px;
    border: 1px solid #ededed !important;
    border-radius:16px !important;
}

.club-object-card
{
    padding: 30px;
}

.club-object-card ul
{
    color: #1a1a1a !important;
    list-style:disc !important;
}

.club-object-card li
{
    margin-bottom: 10px;
}
.commision-payout .sub-main-heading
{
    color:#22147b !important;
    font-size: 26px;
    letter-spacing: 1px;
    font-weight: 700;
    padding: 10px;
    border: 1px solid #22147b;
    border-radius: 8px;
}

.commision-payout ul li
{
    font-size:16px !important;
}

.meet-the-founder .founder-name {
    font-size: 24px;
    margin-top: 10px;
    text-align:center !important;
}

.meet-the-founder .founders-img img
{
    width:100%;
/*    height:300px;*/
}

.contact-heading::after {
    content: "";
    background-image: url('../img/contact-star.png');
    width: 46px;
    height: 46px;
    display: inline-block;
    background-repeat: no-repeat;
}

.contact-details-card 
{
    padding: 30px;
    background-color: #fafafa;
    margin-top: 10px;
    border-radius: 10px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    border: 1px solid #ededed;
}

.contact-details-card i
{
    font-size: 24px;
    padding: 10px;
    background-image:linear-gradient(340deg, #2af598 0%, #009efd 100%);
    color: #fafafa;
    border-radius: 80px;
    margin-right: 10px;
}
.contact-details-card span
{
    color: #1a1a1a;
    font-weight: 600;
}
.contact-details-card a
{
    color: #1a1a1a;
    font-weight: 400;
}

.contact-details-card a:hover
{
    color:#00BF63 !important;
}

.pointers-sub li
{
    margin-bottom: 10px;
}




/* FAQ  */

.faq {
    padding: 20px 0;
    background: #fff;
}

.container-faq {
    width: 90%;
    max-width: 800px;
    margin: 0 auto;
}

/* .accordion {
    border: 1px solid #ddd;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
} */

.accordion-item {
    border-bottom: 1px solid #ddd;
}

.accordion-item:last-child {
    border-bottom: none;
}

.accordion-header {
    padding: 15px;
    /* background: #f9f9f9; */
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: background 0.3s;
}

.accordion-header:hover {
    background: #b6ddcd;
}

.accordion-header h3 {
    margin: 0;
    font-size: 16px;
    font-family: "Poppins", sans-serif;
    font-weight: 600;

}

.accordion-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out;
    padding: 0 15px;
}

.accordion-content p {
    margin: 15px 0;
    font-family: "Poppins", sans-serif;

}

.accordion-content.show {
    max-height: 900px; /* Adjust as needed */
    padding: 15px;
}

.accordion-header .icon {
    font-size: 24px;
    color: #333;
    transition: transform 0.3s;
}

.accordion-header.active .icon {
    transform: rotate(45deg);
}

.faq-heading
{
    padding: 10px ;
    background-color: #008000;
    color: #fafafa !important;
}


/* media query for responsive website */

@media screen and (max-width:576px) {
    .hero-section-content ul, .Referral-programme ul
    {
        padding-left: 15px !important;
    }

    .hero-btn-section
    {
        display: block !important;
        text-align: center !important;
    }

    .social-icons
    {
        text-align: center !important;
    }

    .btn-main
    {
        margin-bottom: 30px !important;
    }

    .member-card-content
    {
        margin-top: 30px !important;
    }

    .dark-blue-color,.subdark-green-color
    {
        clip-path: none !important;
        padding: 30px 20px !important;
        margin-top: 20px !important;
    }

    .club-object-section
    {
        text-align: center !important;
    }

    .founders-img
    {
        margin-bottom:30px !important;
        text-align:center !important;
    }

    .meet-the-founder .founders-img img {
        width: 100% !important;
        height: auto !important;
    }

    .commision-payout .p-60
    {
        padding:40px 20px !important;
    }

    .member-benefits .member-card-main-heading, .join-the-club .sub-main-heading, .Referral-programme .sub-main-heading,.main-heading
    {
        font-size:24px !important;
    }

    .member-benefits .member-card .sub-main-heading
    {
        font-size:18px !important;
        padding:15px !important;
    }
}


/* Small Devices (Landscape Phones, 576px and up) */
@media only screen and (min-width: 576px) and (max-width: 767.98px) {
    .member-card-content
    {
        margin-top: 30px !important;
    }

    .dark-blue-color,.subdark-green-color
    {
        clip-path: none !important;
        padding: 30px 20px !important;
        margin-top: 20px !important;
        border-radius: 16px !important;
    }

}

/* Medium Devices (Tablets, 768px and up) */
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
    .hero-btn-section
    {
        display: block !important;
    }

    .btn-main
    {
        margin-top: 30px !important;
    }
}


/* Large Devices (Desktops, 992px and up) */
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
    .main-heading
    {
        font-size: 42px !important;
    }
    .hero-btn-section
    {
        display: block !important;
    }

    .btn-main
    {
        margin-top: 30px !important;
    }
}


/* Extra Large Devices (Large Desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
    
}

/* media query for responsive website end here */
.accordion-item ul,.pointer-sub
{
    list-style:disc !important;
    padding-inline-start:40px !important;
}

.about-section-main {
    background: url('../img/about-section-bg.png');
}

.accordion-content h5, .accordion-content h4{
    font-size: 18px !important;
}


.social-links .social-icons a i{
	color: #333;
}
.social-links .social-icons a:hover i:hover{
	color: #333 !important;
}
.footer-block .social-icons a i{
	color: #fff !important;
}