body {
    overflow-x: hidden;
    font-size: 14px !important;
}

b, strong {
    font-weight: bold!important;
}

body, h1, h2, h3, h4, h5, h6, ul, li, a, div, span, strong, button, img {
    font-family: 'Lato', sans-serif !important;
    transition: all 500ms;
    outline: none;
}

img {
    max-width: 100%;
}

li {
    list-style: none;
}

a {
    text-decoration: none !important;
}

/* Remove default browser focus outlines when clicking links or buttons */
a:focus, a:active, 
button:focus, button:active, 
input:focus, textarea:focus {
    outline: none !important;
    box-shadow: none !important;
}

/* Headers */
.header, .header2 {position: fixed;left: 0;right: 0;z-index: 999;}
.header.sticky, .header2.sticky {background: #223641;}
.header2 {background: #223641;} /* This forces the solid background on load for legal/about pages */
.header .container, .header2 .container {position: relative;}
.header .header-logo, .header2 .header-logo {text-align: center;padding: 12px 0;} 
.header .header-menu, .header2 .header-menu {position: absolute;right: 5px;top: 0;}
.header .search-box > a, .header .login-box a, .header2 .search-box > a, .header2 .login-box a {color: #fff;text-transform: uppercase;font-weight: 700;} 
.header .search-box .search-result ul, .header2 .search-box .search-result ul {padding: 0;margin: 0;}
.header .search-box .search-result ul li a, .header2 .search-box .search-result ul li a {border-bottom: 1px solid rgba(255, 255, 255, 0.1);padding: 10px 15px;margin: 0;line-height: 22px;font-size: 14px;letter-spacing: .015em;color: #fff;display: block;text-transform: inherit;font-weight: 400;}
.header .search-box .search-result, .header2 .search-box .search-result {z-index: 999;width: 300px;position: absolute;background: #000000;max-height: 500px;border: 1px solid rgba(255, 255, 255, 0.1);border-radius: 4px;transition: all 500ms;opacity: 0;height: 0;visibility: hidden;overflow: hidden;right: 0;}
.header .search-box:hover .search-result, .header2 .search-box:hover .search-result {opacity: 1;height: 216px;visibility: visible;overflow: visible;}
.header .header-menu .search-box, .header .header-menu .login-box, .header2 .header-menu .search-box, .header2 .header-menu .login-box {display: inline-block;padding: 0 10px;}
.header .header-menu .search-box img, .header2 .header-menu .search-box img {width: 15px;margin-right: 10px;} 
.header .header-menu a:hover, .header2 .header-menu a:hover {color: #40c6ff !important;}

/* Banners */
.plain-baner {background: none;padding: 150px 15px 10px;background-size: cover;position: relative;}
.plain-baner:before {content: "";background: rgb(0 0 0 / 0%);position: absolute;top: 0;bottom: 0;left: 0;right: 0;}
.plain-baner .baner-text {text-align: center;position: relative;z-index: 9;}
.plain-baner .baner-text h3 {font-family: Lato, Helvetica, Arial, "sans-serif"; color: #000;font-size: 36px;max-width: 900px;margin: auto;font-weight: 100;line-height: normal;} 
.plain-baner .baner-text h4 {font-family: Lato, Helvetica, Arial, "sans-serif"; color: #9C9A9A;font-size: 16px;max-width: 900px;margin: auto;font-weight: 100;line-height: normal;}
.plain-baner .baner-text p {color: #000;font-size: 24px;max-width: 900px;margin: auto;padding: 5px 0 0;}
.plain-baner .baner-text a {background: none;color: #D69F6D;text-transform: uppercase;font-weight: bold;font-size: 17px;border-radius: 10px;padding: 18px 40px;border: solid 2px #D69F6D;display: inline-block;}
.plain-baner .baner-text a:hover {background: #D69F6D;color: #fff;}

.home-baner, .biz-baner {padding: 200px 15px;background-size: cover;position: relative;background-position: center;}
.home-baner {background-image: url(../images/bannerfold.jpg);}
.biz-baner {background-image: url(../images/community.jpg);}
.home-baner:before, .biz-baner:before {content: "";background: rgb(0 0 0 / 39%);position: absolute;top: 0;bottom: 0;left: 0;right: 0;}
.home-baner .baner-text, .biz-baner .baner-text {text-align: center;position: relative;z-index: 9;}
.home-baner .baner-text h3, .biz-baner .baner-text h3 {color: #fff;font-size: 60px;max-width: 900px;margin: auto;font-weight: 700;line-height: normal;} 
.home-baner .baner-text p, .biz-baner .baner-text p {color: #fff;font-size: 24px;max-width: 900px;margin: auto;padding: 50px 0;}
.home-baner .baner-text a, .biz-baner .baner-text a {background: none;color: #D69F6D;text-transform: uppercase;font-weight: bold;font-size: 17px;border-radius: 10px;padding: 18px 40px;border: solid 2px #D69F6D;display: inline-block;}
.home-baner .baner-text a:hover, .biz-baner .baner-text a:hover {background: #D69F6D;color: #fff;}

/* Typography & Layout Sections */
.below_fold_sec, .sub_head_sec, .tool-section, .plainblock_sec {text-align: center;margin: 70px 0;}
.sub_head_sec {margin: 10px 0 70px;}
.tool-section {padding: 60px 0;}
.plainblock_sec {margin: 70px 0 20px;}
.below_fold_sec h3, .sub_head_sec h3, .tool-section h3, .plainblock_sec h3 {padding: 0;margin: 0 0 30px 0;font-size: 28px;color: #000;font-weight: 500;}
.below_fold_sec p, .sub_head_sec p, .tool-section p, .plainblock_sec p {padding: 0;font-size: 14px;color: #000;line-height: 24px; max-width: 1400px;margin: auto;}
.tool-section p {max-width: 700px;}
.plainblock_sec p {font-size: 15px;max-width: 800px;text-align: justify;}
.below_fold_sec h4, .sub_head_sec h4, .plainblock_sec h4 {padding: 0;margin: 0 0 24px 0;font-size: 18px;color: #000;letter-spacing: 1px;font-weight: 600;}
.below_fold_sec h3 strong, .sub_head_sec h3 strong, .tool-section h3 strong, .plainblock_sec h3 strong {color: #78b73f;font-weight: 550;}
.below_fold_sec h2, .sub_head_sec h2, .tool-section h2, .plainblock_sec h2 {margin: 0 0 15px 0;font-size: 35px;color: #000;text-transform: uppercase;font-weight: 700}
.below_fold_sec h2 strong, .sub_head_sec h2 strong, .tool-section h2 strong, .plainblock_sec h2 strong {color: #40c6ff;}
.below_fold_sec h4 span, .sub_head_sec h4 span {color: #40c6ff;line-height: normal;}

.plainblock2_sec {text-align: left;margin: 30px 0 20px;}
.plainblock2_sec h3 {padding: 0;margin: 0 0 30px 0;font-size: 28px;color: #000;font-weight: 500;}
.plainblock2_sec p {padding: 0;font-size: 15px;color: #000;line-height: 24px;max-width: 1000px;margin: auto;text-align: left;}
.plainblock2_sec h4 {padding: 0;margin: 0 0 24px 0;font-size: 18px;color: #000;letter-spacing: 1px;font-weight: 600;}
.plainblock2_sec h3 strong {color: #78b73f;font-weight: 550;}
.plainblock2_sec h2 {padding: 0 0 10px;margin: auto;font-size: 17px;color: #000;text-transform: uppercase;font-weight: 600;max-width: 1000px;text-align: left;}
.plainblock2_sec h2 strong {color: #40c6ff;}

/* --- Alternating Content Sections with Parallax Images --- */
.content_section, .content_section_alt {
    padding: 100px 0;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed; /* Creates a beautiful premium parallax scroll effect */
    position: relative;
}

/* Clearfix to contain the floating text boxes */
.content_section::after, .content_section_alt::after {
    content: "";
    display: table;
    clear: both;
}

/* The 4 Unique Background Image Classes */
.bg-illusion { background-image: url(../images/bg-illusion.jpg); }
.bg-suffering { background-image: url(../images/bg-suffering.jpg); }
.bg-relationships { background-image: url(../images/bg-relationships.jpg); }
.bg-scarcity { background-image: url(../images/bg-scarcity.jpg); }

/* The Text Container (White Card Effect for perfect readability) */
.content_section .consis_iner, .content_section_alt .consis_iner {
    max-width: 670px;
    background: rgba(255, 255, 255, 0.92); /* Semi-transparent white */
    padding: 50px;
    border-radius: 15px;
    box-shadow: 0 15px 35px rgba(0,0,0,0.15);
}

/* Alternating Left and Right floats */
.content_section .consis_iner {float: right;}
.content_section_alt .consis_iner {float: left;}

/* Typography inside these specific sections */
.content_section h2, .content_section_alt h2 {margin: 0 0 15px 0;font-size: 35px;color: #000;text-transform: uppercase;font-weight: 700;}
.content_section h2 strong, .content_section_alt h2 strong {color: #40c6ff;}
.content_section h3, .content_section_alt h3 {padding: 0;margin: 0 0 26px 0;font-size: 25px;color: #000;font-weight: 550;}
.content_section h3 strong, .content_section_alt h3 strong {color: #6fb332;font-weight: 600;}
.content_section p, .content_section_alt p {margin: 0 0 20px 0;font-size: 16px;color: #222;line-height: 1.8;}
.content_section h4, .content_section_alt h4 {padding: 0;margin: 0 0 24px 0;font-size: 20px;color: #000;font-weight: 700;}

/* Mobile Fixes for the Image Sections */
@media(max-width: 767px) {
    .content_section .consis_iner, .content_section_alt .consis_iner {
        float: none;
        margin: 0 auto;
        padding: 30px 20px;
    }
    .content_section, .content_section_alt {
        background-attachment: scroll; /* Disables parallax on mobile for better performance */
        padding: 60px 15px;
    }
}

/* Functional Blocks */
.tool-block {position: relative;margin-bottom: 30px;}
.tool-block a:after {content: "";display: block;position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-image: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0, rgba(0, 0, 0, 0.6) 25%, transparent 45%);}
.tool-block .caption {position: absolute;bottom: 30px;left: 30px;z-index: 1;text-transform: uppercase;text-shadow: 0 0 10px #000;} 
.tool-block .caption h4 {text-align: left;color: #fff;font-size: 26px;letter-spacing: 0.045em;margin: 0 0 10px;}
.tool-block .caption h5 {text-align: left;margin: 0;font-size: 17px;color: rgba(255, 255, 255, 0.5);text-transform: uppercase;letter-spacing: 0.045em;}
.tool-block .tool-img img {max-width: 100%;transition: transform 15s cubic-bezier(0.02, 0.075, 0.42, 1);}
.tool-block .tool-img {overflow: hidden;}
.tool-block:hover .caption {transform: translateY(-10px);}
.tool-block:hover .tool-img img {transform: scale(1.1);}

.health-section {position: relative;padding: 50px 0;}
.health-section:before {content: "";background: linear-gradient(to bottom, #08314a 0%,#054a77 100%);position: absolute;top: 0;left: 0;right: 0;height:280px;}
.health-section .helth-block {position: relative;}
.health-section .helth-block h2 {text-align: center;text-transform: uppercase;font-weight: 700;font-size: 25px;color: #00a5dd;margin: 0;letter-spacing: 4px;}
.health-section .helth-block p {font-size: 16px;line-height: 28px;max-width: 1000px;margin: auto;padding: 30px 0 30px;color: #d8c89e; text-align: center;}
.health-section .helth-block ul {padding: 0;margin: 0;text-align: center;}
.health-section .helth-block ul li {display: inline-block;margin: 0 -10px;}

.profit_sec {background: #fff no-repeat;text-align: center;background-attachment: fixed;background-size: cover;padding: 80px 0 0;}
.profit_sec h2 {color: #000;font-size: 35px;text-transform: uppercase;margin: 0 0 15px;font-weight:700;}
.profit_sec h2 strong {color: #40c6ff;}
.profit_sec h3 {padding: 0;margin: 0 0 26px 0;font-size: 28px;color: #000;font-weight: 500;}
.profit_sec p {padding: 0;margin: 0 0 24px 0;font-size: 16px;color: #000;line-height: 24px;}
.profit_sec h3 strong {color: #6fb332;font-weight: 550;}
.profit_sec .detail_2 {width: 100%;max-width: 850px;padding: 0;margin: 0 auto 20px auto;display: block;}
.profit_sec .block {width: 100%;min-height: 220px;padding: 20px 15px 20px 15px;margin: 0 0 30px 0;background: #e1edf2;border-radius: 25px;position: relative;}
.profit_sec .block h5 {min-height: 44px;padding: 0;margin: 0 0 15px 0;font-size: 18px;color: #000000;text-transform: uppercase;font-weight: 700;letter-spacing: 1px;}
.profit_sec .block p {padding: 0;margin: 20px 0 0;font-size: 16px;color: #000000;line-height: 24px;}

.improve_sec {text-align: center;margin: 70px 0;}
.improve_sec h3 {padding: 0;margin: 0 0 30px 0;font-size: 28px;color: #000;font-weight: 500;}
.improve_sec p {padding: 0;font-size: 14px;color: #000;line-height: 24px;max-width: 700px;margin: auto;}
.improve_sec h4 {padding: 0;margin: 0 0 24px 0;font-size: 18px;color: #000;letter-spacing: 1px;font-weight: 600;}
.improve_sec h3 strong {color: #78b73f;font-weight: 550;}
.improve_sec h2 {margin: 0 0 15px 0;font-size: 35px;color: #000;text-transform: uppercase;font-weight: 700}
.improve_sec h2 strong {color: #40c6ff;}
.improve_sec .block {width: 100%;min-height: 500px;float: left;padding: 20px 15px;margin: 0 0 4px 0;background: #eff4f6;}
.improve_sec .block h5 {padding: 0 0 10px 0;margin: 0 0 15px 0;font-size: 20px;color: #000;font-weight: 700;position: relative;}
.improve_sec .block h5:after {content: "";width: 50px;height: 3px;padding: 0;margin: 0 0 0 -25px;background: #5ecaf4;position: absolute;left: 50%;bottom: 0;}
.improve_sec .block p {padding: 0;margin: 0;font-size: 14px;color: #000;line-height: 22px;text-align: justify;font-weight: 300;}
.improve_sec .block img {margin-bottom: 15px;}
.improve_sec .improve_detail {margin-top: 20px}

.member_sec {background: url(../images/member_bg.jpg) no-repeat;text-align: center;background-size: cover;padding: 80px 0;background-attachment: fixed;}
.member_sec h2 {color: #fff;font-size: 35px;text-transform: uppercase;font-weight: 700;margin: 0 0 15px;}
.member_sec h2 strong {color: #40c6ff;}
.member_sec h3 {padding: 0;margin: 0 0 40px 0;font-size: 24px;color: #fff;font-weight: 400;line-height: normal;}
.member_sec .block {width: 100%;min-height: 330px;float: left;padding: 0 15px 20px 15px;margin: 40px 0 30px 0;background: rgba(2, 23, 38, 0.7);border: 1px solid #277ea7;}
.member_sec .block img {padding: 0;margin: -38px 0 20px 0;}
.member_sec .block h5 {min-height: 40px;padding: 0;margin: 0 0 5px 0;font-size: 18px;color: #40c6ff;font-weight: 700;clear: both;}
.member_sec .block p {padding: 0;margin: 0;font-size: 14px;color: #ffffff;font-weight: 300;line-height: 22px;text-align: justify;}
.member_sec .free_btn {padding: 0 15px;margin-top: 15px;display: inline-block;clear: both;line-height: 42px;font-size: 18px;color: #40c6ff;font-weight: 700;border-radius: 4px;border: 1px solid #40c6ff;}
.member_sec .free_btn:hover {color: #fff;background: #40c6ff;}

.order2_sec {background: url(../images/order2_bg.jpg) no-repeat;background-size: cover;padding: 70px 0 40px;text-align: center;}
.order2_sec h2 {color: #000;font-size: 35px;text-transform: uppercase;font-weight: 700;margin: 0 0 15px;text-align: center;}
.order2_sec h2 strong {color: #40c6ff;}
.order2_sec p {padding: 0;margin: 0 0 23px 0;font-size: 14px;color: #000;line-height: 24px;text-align: center;}
.order2_sec h4 {padding: 0;margin: 0 0 10px 0;font-size: 24px;color: #000;font-weight: 600;line-height: normal;text-align: center;text-transform: uppercase;}
.order2_sec h4 strong {color: #6fb332;}
.order2_sec .detail_2 {width: 100%;max-width: 850px;padding: 0;margin: 0 auto 20px auto;display: block;}
.order2_sec .block {width: 100%;min-height: 220px;float: center;padding: 20px 15px 50px 15px;margin: 0 auto 30px auto;background: #e1edf2;border-radius: 25px;}
.order2_sec .block:hover {color: #fff;background: #c8d9e0;}
.order2_sec .block h5 {min-height: 44px;padding: 0;margin: 0 0 5px 0;font-size: 18px;color: #000000;text-transform: uppercase;font-weight: 700;letter-spacing: 1px;text-align: center;}
.order2_sec .block h5 strong {color: #6fb332;font-size: 22px;line-height: 50px;}
.order2_sec .block h3 {min-height: 44px;padding: 0;margin: 20px 0 0 0;font-size: 35px;color: #000000;text-transform: uppercase;font-weight: 700;letter-spacing: 1px;text-align: center;}
.order2_sec .block p {padding: 0;margin: 0 0;font-size: 16px;color: #000000;line-height: 24px;text-align: center;}
.order2_sec .free_btn {padding: 0 15px;margin-top: 15px;display: inline-block;clear: both;line-height: 42px;font-size: 18px;color: #fff;background: #40c6ff;font-weight: 700;border-radius: 4px;border: 1px solid #40c6ff;}
.order2_sec .free_btn:hover {color: #fff;background: #78b73f;}
.order2_sec .detail_3 {width: 100%;max-width: 850px;padding: 0;margin: 0 auto 20px auto;display: block;}
.order2_sec .block2 {width: 100%;min-height: 220px;float: center;padding: 20px 15px 0px 15px;margin: 0 auto 30px auto;border-radius: 5px;border: 1px solid #40c6ff;}

/* Grid Flexbox Fixes to perfectly center bottom row columns */
.improve_detail .row, 
.member_sec .row, 
.order2_sec .detail_2 .row,
.order2_sec .detail_3 .row,
.tool-section .row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.improve_detail .row > [class*='col-'], 
.member_sec .row > [class*='col-'], 
.order2_sec .detail_2 .row > [class*='col-'],
.order2_sec .detail_3 .row > [class*='col-'],
.tool-section .row > [class*='col-'] {
    float: none !important; /* Disables the old Bootstrap 3 float to allow Flexbox centering */
}

/* Testimonials Carousel Restore */
.testimonial {min-height: 375px;position: relative;background: url(../images/testimonials-bg.jpg);padding-top: 10px;padding-bottom: 5px;background-position: center;background-size: cover;}
.testimonial4_header{top: 0;left: 0;bottom: 0;width: 550px;display: block;margin: 30px auto;text-align: center;position: relative;}
.testimonial4_header h4{color: #ffffff;font-size: 30px;font-weight: 600;position: relative;letter-spacing: 1px;text-transform: uppercase;}
.testimonial4_slide{top: 0;left: 0;right: 0;bottom: 0;width: 70%;margin: auto;padding: 20px;position: relative;text-align: center;}
.testimonial4_slide p {color: #ffffff;font-size: 20px;line-height: 1.4;margin: 40px 0 20px 0;}
.testimonial4_slide h4 {color: #ffffff;font-size: 22px;}

/* Bootstrap 4 Carousel Rules (Fixes stacking and sliding animation) */
.carousel { position: relative; }
.carousel-inner { position: relative; width: 100%; overflow: hidden; }

.carousel-item {
    position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: transform 0.6s ease-in-out;
}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
    display: block;
}

.carousel-item-next:not(.carousel-item-left),
.active.carousel-item-right {
    transform: translateX(100%);
}

.carousel-item-prev:not(.carousel-item-right),
.active.carousel-item-left {
    transform: translateX(-100%);
}

/* Carousel Arrows & Removing Click Border */
.carousel-control-prev, .carousel-control-next {
    position: absolute;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    color: #fff;
    text-align: center;
    opacity: 0.5;
    z-index: 10;
    border: none;
    background: transparent;
}

.carousel-control-prev:hover, .carousel-control-next:hover { 
    opacity: 0.9; 
    color: #fff; 
    text-decoration: none; 
}

/* Removes the blue focus outline when clicked */
.carousel-control-prev:focus, .carousel-control-next:focus,
.carousel-control-prev:active, .carousel-control-next:active {
    outline: none !important;
    box-shadow: none !important;
}

.carousel-control-prev-icon, .carousel-control-next-icon {
    display: inline-block;
    width: 35px;
    height: 35px;
    background: transparent no-repeat center center;
    background-size: 100% 100%;
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}

/* Carousel Arrows */
.carousel-control-prev, .carousel-control-next {
    position: absolute;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    color: #fff;
    text-align: center;
    opacity: 0.5;
    z-index: 10;
}
.carousel-control-prev { left: 0; }
.carousel-control-next { right: 0; }
.carousel-control-prev:hover, .carousel-control-next:hover { opacity: 0.9; color: #fff; text-decoration: none; }
.carousel-control-prev-icon, .carousel-control-next-icon {
    display: inline-block;
    width: 35px;
    height: 35px;
    background: transparent no-repeat center center;
    background-size: 100% 100%;
}
.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}
.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}

/* FAQ Section Accordion */
.faq_sec { padding-bottom: 40px; }
.faq_sec h2 {padding: 0;margin: 60px 0 30px 0;font-size: 35px;color: #000;font-weight: 700;text-align: center;}
.faq_sec h2 strong {color: #40c6ff;}

.faq-item {
    max-width: 950px;
    margin: 0 auto 10px auto;
}

.faq-toggle { display: none; }

.faq-label {
    display: block;
    padding: 15px 40px 15px 20px;
    margin: 0;
    border: 1px solid #40c6ff;
    border-radius: 4px;
    background-color: #ffffff;
    color: #223641;
    font-size: 18px;
    font-weight: 600;
    cursor: pointer;
    position: relative;
    transition: all 0.3s ease;
}

.faq-label:hover { background-color: #e1edf2; }

/* Add +/- icon */
.faq-label::after {
    content: '+';
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 24px;
    color: #40c6ff;
    transition: transform 0.3s ease;
}

.faq-toggle:checked + .faq-label {
    border-radius: 4px 4px 0 0;
    background-color: #e1edf2;
}

.faq-toggle:checked + .faq-label::after {
    content: '-';
}

.collapsible {
    background-color: #f9f9f9;
    border: 1px solid #40c6ff;
    border-top: none;
    border-radius: 0 0 4px 4px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease-in-out, padding 0.4s ease-in-out;
    padding: 0 20px;
}

.collapsible p {
    margin: 0;
    padding: 0;
    font-size: 16px;
    line-height: 1.6;
    color: #333;
}

/* Expands the box to fit content automatically */
.faq-toggle:checked + .faq-label + .collapsible {
    max-height: 1000px; 
    padding: 20px;
}

/* Loyalty Reward Styling */
.loyalty-reward-wrapper {width: 100%;max-width: 850px;margin: 40px auto;padding: 0 15px;}
.loyalty-card {background: #ffffff;border: 2px solid #40c6ff;border-radius: 20px;padding: 30px;position: relative;box-shadow: 0 10px 30px rgba(64, 198, 255, 0.15);overflow: hidden;}
.loyalty-icon {text-align: center;padding: 20px;}
.loyalty-icon i {font-size: 60px;color: #40c6ff;display: block;margin-bottom: 10px;}
.loyalty-icon .badge-text {font-size: 12px;font-weight: 900;color: #223641;letter-spacing: 2px;display: block;}
.loyalty-text {text-align: left;}
.loyalty-text h3 {font-size: 24px !important;color: #223641 !important;margin-bottom: 15px !important;text-transform: uppercase;}
.loyalty-text h3 strong {color: #78b73f !important;}
.loyalty-text p {font-size: 16px !important;color: #333 !important;line-height: 1.6 !important;margin-bottom: 10px !important;text-align: left !important;}
.loyalty-text .small-note {font-size: 13px !important;font-style: italic;color: #666 !important;}

/* Mission & Footer */
.mission {background: url(../images/mission.jpg) no-repeat;background-size: cover;padding: 100px 0;}
.mission .mission-text {text-align: center;}
.mission .mission-text h2 {color: #fff;margin: 0 0 30px;text-transform: uppercase;font-weight: 300;}
.mission .mission-text p {font-weight: 300;line-height: 1.2;color: #ffffff;font-size: 17px;max-width: 460px;margin: auto;}
.footer {background: #223641;padding: 60px 0;text-align: center;}
.footer .address p {margin: 0;color: #fff;font-size: 18px;}
.footer-logo > a > img {width: 138px;}
.footer .call {margin-top: 30px;}
.footer .call a {color: #fff;font-size: 18px;}
.footer .call a:hover, .footer-bottom .links a:hover {color: #40c6ff !important;}
.footer .footer-bottom {margin-top: 40px;}
.footer .footer-bottom .links a, .footer-bottom .links span {color: #fff;font-size: 16px;margin: 0 5px;}
.footer .footer-bottom .copyright p {margin: 0;color: rgba(255, 255, 255, 0.5);font-size: 16px;}

/* Media Queries */
@media(max-width:767px){
    .header .header-menu, .header2 .header-menu {top: 10px;}  
    .header .header-logo, .header2 .header-logo {text-align: left;}    
    .header .header-logo img, .header2 .header-logo img {width: 140px;}
    .header .search-box > a, .header .login-box a, .header2 .search-box > a, .header2 .login-box a {font-size: 12px;}
    .plain-baner, .home-baner, .biz-baner {padding: 100px 15px;}
    .plain-baner .baner-text h3, .home-baner .baner-text h3, .biz-baner .baner-text h3 {font-size: 20px;line-height: 30px;}
    .plain-baner .baner-text p, .home-baner .baner-text p, .biz-baner .baner-text p {font-size: 14px;padding: 25px 0;}
    .plain-baner .baner-text a, .home-baner .baner-text a, .biz-baner .baner-text a {font-size: 13px;padding: 13px 20px;}    
    .tool-block .caption {left: 10px;} 
    .tool-block .caption h3 {font-size: 20px;}
    .tool-block .caption h4 {font-size: 14px;}
    .health-section:before {height: 100%;}  
    .health-section .helth-block ul li {margin: -15px -10px;width: 50%;}
    .order2_sec h2, .member_sec h2, .improve_sec h2, .plainblock_sec h2, .profit_sec h2, .content_section h2, .content_section_alt h2 {font-size: 25px;line-height: normal;}
    .member_sec h3, .improve_sec h3, .profit_sec h3, .content_section h3, .content_section_alt h3 {font-size: 17px;line-height: normal;}
    .member_sec .free_btn {line-height: normal;font-size: 14px;padding: 10px 0;}
    .loyalty-text {text-align: center;margin-top: 20px;}
    .loyalty-text p {text-align: center !important;}
    .mission {padding: 50px 0;}    
    .mission .mission-text h2 {font-size: 25px;}
    .footer .footer-logo {padding: 30px 0;}
    .footer .call {margin-top: 0;}
    .footer .footer-bottom .links span {display: none;}
    .footer .footer-bottom .links a, .footer-bottom .links span {display: block;}  
    .footer .footer-bottom  .copyright {padding: 30px 0;}
} 

@media(min-width:768px) and (max-width:991px){
    .home-baner .baner-text h3 {font-size: 44px;}  
    .health-section .helth-block ul {display: flex;}    
    .member_sec .block {min-height: 370px;}    
}

@media(min-width:992px) and (max-width:1199px){
    .health-section .helth-block ul {display: flex;justify-content: center;} 
    .improve_sec .block {min-height: 450px;}    
    .member_sec .block {min-height: 375px;}    
}