:root {
	--wd-text-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(0,0,0);
	--wd-text-font-size: 15px;
	--wd-title-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 700;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 600;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: capitalize;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 15px;
	--wd-header-el-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: capitalize;
	--wd-header-el-font-size: 15px;
	--wd-brd-radius: 10px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(65,214,32);
	--wd-alternative-color: rgb(255,255,255);
	--btn-default-bgcolor: rgb(255,255,255);
	--btn-default-bgcolor-hover: rgb(226,226,226);
	--btn-accented-bgcolor: rgb(255,255,255);
	--btn-accented-bgcolor-hover: rgba(0,211,38,0.88);
	--btn-font-family: "Sora", Arial, Helvetica, sans-serif;
	--btn-font-weight: 500;
	--btn-transform: capitalize;
	--btn-color: rgb(0,0,0);
	--btn-font-size: 14px;
	--btn-color-hover: rgba(255,255,255,0.16);
	--wd-form-brd-width: 1px;
	--notices-success-bg: rgb(81,81,81);
	--notices-success-color: #fff;
	--notices-warning-bg: rgb(122,122,122);
	--notices-warning-color: #fff;
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
}
:is(.woodmart-archive-shop .wd-builder-off,.wd-wishlist-content,.related-and-upsells,.cart-collaterals,.wd-shop-product,.wd-fbt) .wd-products-with-bg, :is(.woodmart-archive-shop .wd-builder-off,.wd-wishlist-content,.related-and-upsells,.cart-collaterals,.wd-shop-product,.wd-fbt) .wd-products-with-bg :is(.wd-product,.wd-cat) {
	--wd-prod-bg:rgb(255,255,255);
	--wd-bordered-bg:rgb(255,255,255);
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: #ffffff;
	background-image: none;
}
html .wd-nav-mobile > li > a {
	text-transform: capitalize;
}
html .post.wd-post:not(.blog-design-small) .wd-entities-title {
	font-size: 18px;
}
:is(.page, .search-no-results, .error404) :is(.wd-page-content, .whb-header) {
	background-color: rgb(18,18,18);
	background-image: none;
}
.woodmart-archive-shop:not(.single-product) :is(.wd-page-content, .whb-header) {
	background-color: rgb(18,18,18);
	background-image: none;
}
.single-product :is(.wd-page-content, .whb-header) {
	background-color: rgb(18,18,18);
	background-image: none;
}
.woodmart-archive-blog :is(.wd-page-content, .whb-header) {
	background-color: rgb(18,18,18);
	background-image: none;
}
.single-post :is(.wd-page-content, .whb-header) {
	background-color: rgb(18,18,18);
	background-image: none;
}
.woodmart-archive-portfolio :is(.wd-page-content, .whb-header) {
	background-color: rgb(18,18,18);
	background-image: none;
}
.single-portfolio :is(.wd-page-content, .whb-header) {
	background-color: rgb(18,18,18);
	background-image: none;
}
html .entry-summary .single_add_to_cart_button, .wd-single-add-cart .single_add_to_cart_button, html .btn.wd-buy-now-btn {
	color: rgb(0,0,0);
}
html .entry-summary .single_add_to_cart_button:hover, .wd-single-add-cart .single_add_to_cart_button:hover, html .btn.wd-buy-now-btn:hover {
	color: rgba(0,0,0,0.59);
}
body, [class*=color-scheme-light], [class*=color-scheme-dark], .wd-search-form[class*="wd-header-search-form"] form.searchform, .wd-el-search .searchform {
	--wd-form-color: rgb(0,0,0);
	--wd-form-placeholder-color: rgb(0,0,0);
	--wd-form-brd-color: rgb(0,0,0);
	--wd-form-brd-color-focus: rgb(0,0,0);
	--wd-form-bg: rgb(255,255,255);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1400px;
--wd-form-brd-radius: 5px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #333;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 5px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 5px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
}

@media (min-width: 1400px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


.wd-page-title {
background-color: rgb(28,97,231);
}

/* =========================================
   START - ALL IN ONE SCHOOL BUNDLE
   CLEAN + ELEMENTOR SAFE VERSION
========================================= */

/* GOOGLE FONT */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap');


/* =========================================
   MAIN WRAPPER
========================================= */

.school-bundle-wrapper{
    width:100%;
    padding:40px 0;
    margin:0;
    color:#fff;
    font-family:'Poppins',sans-serif;
    overflow:hidden;
    background:transparent;
}

.school-bundle-wrapper *,
.school-bundle-wrapper *::before,
.school-bundle-wrapper *::after{
    box-sizing:border-box;
}

.school-bundle-wrapper a{
    font-family:'Poppins',sans-serif;
    text-decoration:none !important;
}

.school-bundle-wrapper h1,
.school-bundle-wrapper h2,
.school-bundle-wrapper h3,
.school-bundle-wrapper p,
.school-bundle-wrapper ul{
    margin-top:0;
}

.school-bundle-container{
    width:100%;
    max-width:1200px;
    margin:0 auto;
    padding:0 20px;
}


/* =========================================
   HERO
========================================= */

.school-bundle-wrapper .bundle-hero{

    position:relative;

    width:100%;

    padding:75px 55px;

    margin:0 0 50px;

    border-radius:34px;

    overflow:hidden;

    background:
        linear-gradient(
            145deg,
            #050505,
            #0d0d0d
        );

    border:1px solid #1f1f1f;

    box-shadow:
        0 20px 60px rgba(0,0,0,.35);

}


/* HERO GLOW */

.school-bundle-wrapper .bundle-hero::before{

    content:'';

    position:absolute;

    top:-40%;
    right:-10%;

    width:520px;
    height:520px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(255,255,255,.09),
            transparent 70%
        );

    filter:blur(80px);

    pointer-events:none;

    animation:
        schoolHeroGlow 7s ease-in-out infinite;

}

@keyframes schoolHeroGlow{

    0%{
        transform:scale(1);
        opacity:.6;
    }

    50%{
        transform:scale(1.12);
        opacity:1;
    }

    100%{
        transform:scale(1);
        opacity:.6;
    }

}


/* =========================================
   TAG
========================================= */

.school-bundle-wrapper .bundle-tag{

    position:relative;

    z-index:2;

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:11px 19px;

    margin:0 0 28px;

    border-radius:999px;

    background:#111;

    border:1px solid #252525;

    color:#d5d5d5;

    font-size:12px;

    line-height:1.4;

    font-weight:600;

    letter-spacing:1px;

}


/* =========================================
   TITLE
========================================= */

.school-bundle-wrapper .bundle-title{

    position:relative;

    z-index:2;

    max-width:1000px;

    margin:0 0 28px;

    padding:0;

    color:#fff;

    font-size:68px;

    line-height:1.08;

    font-weight:800;

    letter-spacing:-2px;

    text-transform:uppercase;

}

.school-bundle-wrapper .bundle-title span{

    color:#8f8f8f;

}


/* =========================================
   DESCRIPTION
========================================= */

.school-bundle-wrapper .bundle-text{

    position:relative;

    z-index:2;

    max-width:900px;

    margin:0 0 35px;

    padding:0;

    color:#cfcfcf;

    font-size:15px;

    line-height:2;

    font-weight:400;

}


/* =========================================
   BUTTONS
========================================= */

.school-bundle-wrapper .bundle-buttons{

    position:relative;

    z-index:3;

    display:flex;

    align-items:center;

    gap:14px;

    flex-wrap:wrap;

}

.school-bundle-wrapper .bundle-btn{

    position:relative;

    display:inline-flex !important;

    align-items:center;

    justify-content:center;

    min-width:190px;

    min-height:56px;

    padding:15px 30px;

    border-radius:14px;

    font-size:14px;

    line-height:1;

    font-weight:700;

    text-align:center;

    white-space:nowrap;

    overflow:hidden;

    transition:
        transform .35s ease,
        background .35s ease,
        color .35s ease,
        border-color .35s ease,
        box-shadow .35s ease;

}


/* SHINE */

.school-bundle-wrapper .bundle-btn::before{

    content:'';

    position:absolute;

    top:0;

    left:-120%;

    width:100%;

    height:100%;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.25),
            transparent
        );

    transition:.75s ease;

    pointer-events:none;

}

.school-bundle-wrapper .bundle-btn:hover::before{

    left:120%;

}

.school-bundle-wrapper .bundle-btn:hover{

    transform:translateY(-4px);

}


/* PRIMARY */

.school-bundle-wrapper .bundle-primary{

    background:#fff !important;

    color:#000 !important;

    border:1px solid #fff !important;

    box-shadow:
        0 8px 25px rgba(255,255,255,.08);

}

.school-bundle-wrapper .bundle-primary:hover{

    background:#fff !important;

    color:#000 !important;

    border-color:#fff !important;

}


/* OUTLINE */

.school-bundle-wrapper .bundle-outline{

    background:#111 !important;

    color:#fff !important;

    border:1px solid #2b2b2b !important;

}

.school-bundle-wrapper .bundle-outline:hover{

    background:#fff !important;

    color:#000 !important;

    border-color:#fff !important;

}


/* =========================================
   TWO COLUMN GRID
========================================= */

.school-bundle-wrapper .bundle-grid{

    display:grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap:25px;

    width:100%;

    margin:0 0 50px;

}


/* =========================================
   CARD
========================================= */

.school-bundle-wrapper .bundle-card{

    position:relative;

    width:100%;

    min-width:0;

    padding:35px;

    border-radius:28px;

    background:#0a0a0a;

    border:1px solid #1f1f1f;

    overflow:hidden;

    transition:
        transform .45s ease,
        border-color .45s ease,
        box-shadow .45s ease;

}


/* CARD SHINE */

.school-bundle-wrapper .bundle-card::before{

    content:'';

    position:absolute;

    top:-50%;

    left:-80%;

    width:220%;

    height:220%;

    background:
        linear-gradient(
            120deg,
            transparent,
            rgba(255,255,255,.05),
            transparent
        );

    transform:rotate(25deg);

    transition:.9s ease;

    pointer-events:none;

}

.school-bundle-wrapper .bundle-card:hover::before{

    left:100%;

}

.school-bundle-wrapper .bundle-card:hover{

    transform:
        translateY(-8px)
        scale(1.015);

    border-color:#555;

    box-shadow:
        0 20px 50px rgba(0,0,0,.5),
        0 0 30px rgba(255,255,255,.05);

}


/* CARD TITLE */

.school-bundle-wrapper .bundle-card h3{

    position:relative;

    z-index:2;

    margin:0 0 16px;

    color:#fff;

    font-size:28px;

    line-height:1.25;

    font-weight:700;

}


/* CARD TEXT */

.school-bundle-wrapper .bundle-card p{

    position:relative;

    z-index:2;

    margin:0 0 22px;

    color:#cfcfcf;

    font-size:15px;

    line-height:1.9;

}


/* =========================================
   LIST
========================================= */

.school-bundle-wrapper .bundle-list{

    position:relative;

    z-index:2;

    display:flex;

    flex-direction:column;

    gap:12px;

    margin:0;

    padding:0;

    list-style:none;

}

.school-bundle-wrapper .bundle-list li{

    position:relative;

    padding:0 0 0 28px;

    margin:0;

    color:#d5d5d5;

    font-size:14px;

    line-height:1.8;

}

.school-bundle-wrapper .bundle-list li::before{

    content:'✓';

    position:absolute;

    left:0;

    top:0;

    color:#fff;

    font-size:14px;

    font-weight:700;

}


/* =========================================
   HIGHLIGHT
========================================= */

.school-bundle-wrapper .bundle-highlight{

    position:relative;

    width:100%;

    padding:60px 45px;

    margin:0 0 50px;

    border-radius:30px;

    background:
        linear-gradient(
            145deg,
            #090909,
            #111
        );

    border:1px solid #1f1f1f;

    text-align:center;

    overflow:hidden;

}


/* HIGHLIGHT GLOW */

.school-bundle-wrapper .bundle-highlight::before{

    content:'';

    position:absolute;

    left:50%;

    top:50%;

    width:600px;

    height:600px;

    transform:translate(-50%,-50%);

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(255,255,255,.07),
            transparent 70%
        );

    filter:blur(80px);

    pointer-events:none;

    animation:
        schoolHighlightGlow 6s ease-in-out infinite;

}

@keyframes schoolHighlightGlow{

    0%,100%{
        transform:
            translate(-50%,-50%)
            scale(.95);
    }

    50%{
        transform:
            translate(-50%,-50%)
            scale(1.08);
    }

}


/* HIGHLIGHT TITLE */

.school-bundle-wrapper .bundle-highlight h2{

    position:relative;

    z-index:2;

    margin:0 0 20px;

    color:#fff;

    font-size:56px;

    line-height:1.15;

    font-weight:800;

}


/* HIGHLIGHT TEXT */

.school-bundle-wrapper .bundle-highlight p{

    position:relative;

    z-index:2;

    max-width:900px;

    margin:0 auto 30px;

    color:#cfcfcf;

    font-size:15px;

    line-height:2;

}


/* =========================================
   SALE BOX
========================================= */

.school-bundle-wrapper .sale-box{

    position:relative;

    z-index:3;

    display:flex;

    align-items:center;

    justify-content:center;

    gap:14px;

    flex-wrap:wrap;

    margin:25px 0 0;

}


/* SALE BADGE */

.school-bundle-wrapper .sale-badge{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    min-height:48px;

    padding:12px 22px;

    border-radius:999px;

    background:#fff;

    color:#000;

    font-size:13px;

    line-height:1.3;

    font-weight:700;

    white-space:nowrap;

}


/* =========================================
   TABLET
========================================= */

@media(max-width:992px){

    .school-bundle-wrapper{

        padding:30px 0;

    }

    .school-bundle-wrapper .school-bundle-container{

        padding:0 18px;

    }

    .school-bundle-wrapper .bundle-hero{

        padding:60px 40px;

    }

    .school-bundle-wrapper .bundle-title{

        font-size:52px;

        line-height:1.12;

    }

    .school-bundle-wrapper .bundle-grid{

        grid-template-columns:1fr;

    }

}


/* =========================================
   MOBILE
========================================= */

@media(max-width:768px){

    .school-bundle-wrapper{

        padding:20px 0;

    }

    .school-bundle-wrapper .school-bundle-container{

        padding:0 12px;

    }

    .school-bundle-wrapper .bundle-hero{

        padding:45px 28px;

        margin-bottom:30px;

        border-radius:24px;

    }

    .school-bundle-wrapper .bundle-title{

        font-size:38px;

        line-height:1.2;

        letter-spacing:-1px;

    }

    .school-bundle-wrapper .bundle-text{

        font-size:14px;

        line-height:1.9;

    }

    .school-bundle-wrapper .bundle-buttons{

        flex-direction:column;

        width:100%;

    }

    .school-bundle-wrapper .bundle-btn{

        width:100%;

        min-width:0;

    }

    .school-bundle-wrapper .bundle-card{

        padding:28px;

        border-radius:22px;

    }

    .school-bundle-wrapper .bundle-card h3{

        font-size:24px;

    }

    .school-bundle-wrapper .bundle-highlight{

        padding:45px 25px;

        border-radius:24px;

        margin-bottom:30px;

    }

    .school-bundle-wrapper .bundle-highlight h2{

        font-size:36px;

        line-height:1.2;

    }

    .school-bundle-wrapper .bundle-highlight p{

        font-size:14px;

        line-height:1.9;

    }

    .school-bundle-wrapper .sale-box{

        flex-direction:column;

    }

    .school-bundle-wrapper .sale-badge{

        width:100%;

    }

}


/* =========================================
   SMALL MOBILE
========================================= */

@media(max-width:480px){

    .school-bundle-wrapper .school-bundle-container{

        padding:0 8px;

    }

    .school-bundle-wrapper .bundle-hero{

        padding:38px 22px;

    }

    .school-bundle-wrapper .bundle-tag{

        padding:9px 14px;

        font-size:10px;

        letter-spacing:.6px;

    }

    .school-bundle-wrapper .bundle-title{

        font-size:30px;

        line-height:1.25;

    }

    .school-bundle-wrapper .bundle-text{

        font-size:14px;

        line-height:1.9;

    }

    .school-bundle-wrapper .bundle-card{

        padding:24px;

    }

    .school-bundle-wrapper .bundle-card h3{

        font-size:22px;

    }

    .school-bundle-wrapper .bundle-card p{

        font-size:14px;

        line-height:1.8;

    }

    .school-bundle-wrapper .bundle-highlight{

        padding:38px 20px;

    }

    .school-bundle-wrapper .bundle-highlight h2{

        font-size:28px;

        line-height:1.3;

    }

    .school-bundle-wrapper .bundle-highlight p{

        font-size:13px;

    }

}


/* =========================================
   END - ALL IN ONE SCHOOL BUNDLE
========================================= */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap');

.webomi-restaurant-product{
    --bg:#050505;
    --card:#0d0d0d;
    --card2:#111;
    --border:#222;
    --text:#fff;
    --muted:#999;

    font-family:'Poppins',sans-serif;
    color:var(--text);
    background:var(--bg);
    line-height:1.6;
    overflow:hidden;
}

.webomi-restaurant-product *{
    box-sizing:border-box;
}

.webomi-restaurant-product a{
    text-decoration:none !important;
}


/* HERO */

.wrp-hero{
    position:relative;
    padding:90px 60px;
    margin-bottom:30px;
    border:1px solid #202020;
    border-radius:32px;
    overflow:hidden;
    background:
        radial-gradient(
            circle at 80% 20%,
            rgba(255,255,255,.08),
            transparent 35%
        ),
        linear-gradient(145deg,#050505,#101010);
}

.wrp-hero:before{
    content:"";
    position:absolute;
    width:650px;
    height:650px;
    right:-220px;
    top:-280px;
    border-radius:50%;
    background:rgba(255,255,255,.06);
    filter:blur(90px);
    animation:wrpGlow 7s ease-in-out infinite;
}

@keyframes wrpGlow{
    0%,100%{
        transform:scale(1);
        opacity:.6;
    }

    50%{
        transform:scale(1.15);
        opacity:1;
    }
}

.wrp-badge{
    position:relative;
    z-index:2;
    display:inline-flex;
    padding:10px 18px;
    margin-bottom:25px;
    border:1px solid #292929;
    border-radius:999px;
    background:#111;
    color:#ccc;
    font-size:12px;
    font-weight:600;
    letter-spacing:1px;
}

.wrp-hero h1{
    position:relative;
    z-index:2;
    max-width:900px;
    margin:0 0 25px;
    font-size:68px;
    line-height:1.08;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:-2px;
}

.wrp-hero h1 span{
    color:#888;
}

.wrp-hero > p{
    position:relative;
    z-index:2;
    max-width:780px;
    margin:0 0 35px;
    color:#c8c8c8;
    font-size:17px;
    line-height:1.9;
}

.wrp-buttons{
    position:relative;
    z-index:2;
    display:flex;
    gap:14px;
    flex-wrap:wrap;
}

.wrp-btn{
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:210px;
    height:58px;
    padding:0 28px;
    border-radius:14px;
    font-size:15px;
    font-weight:700;
    overflow:hidden;
    transition:.35s ease;
}

.wrp-btn:hover{
    transform:translateY(-4px);
}

.wrp-primary{
    background:#fff !important;
    color:#000 !important;
}

.wrp-outline{
    background:#111 !important;
    color:#fff !important;
    border:1px solid #333;
}

.wrp-outline:hover{
    background:#fff !important;
    color:#000 !important;
}


/* SECTIONS */

.wrp-section{
    padding:45px;
    margin-bottom:30px;
    border:1px solid #202020;
    border-radius:28px;
    background:#090909;
}

.wrp-heading{
    margin-bottom:30px;
}

.wrp-heading > span{
    color:#777;
    font-size:11px;
    font-weight:700;
    letter-spacing:2px;
}

.wrp-heading h2{
    margin:8px 0 12px;
    color:#fff;
    font-size:40px;
    line-height:1.2;
    font-weight:800;
}

.wrp-heading p{
    max-width:750px;
    margin:0;
    color:#999;
    font-size:15px;
}


/* HIGHLIGHT CARDS */

.wrp-grid{
    display:grid;
    gap:22px;
}

.wrp-grid-3{
    grid-template-columns:repeat(3,1fr);
}

.wrp-card{
    position:relative;
    padding:30px;
    border:1px solid #222;
    border-radius:22px;
    background:#0e0e0e;
    overflow:hidden;
    transition:.4s ease;
}

.wrp-card:hover{
    transform:translateY(-8px);
    border-color:#555;
    box-shadow:0 20px 50px rgba(0,0,0,.5);
}

.wrp-icon{
    width:52px;
    height:52px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:20px;
    border-radius:15px;
    background:#161616;
    font-size:23px;
}

.wrp-card h3{
    margin:0 0 10px;
    color:#fff;
    font-size:21px;
}

.wrp-card p{
    margin:0;
    color:#999;
    font-size:14px;
    line-height:1.8;
}


/* PLUGINS */

.wrp-plugin-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:15px;
}

.wrp-plugin{
    display:flex;
    gap:18px;
    padding:24px;
    border:1px solid #222;
    border-radius:20px;
    background:#0e0e0e;
    transition:.35s ease;
}

.wrp-plugin:hover{
    transform:translateY(-5px);
    border-color:#444;
    background:#111;
}

.wrp-plugin-number{
    flex:0 0 42px;
    height:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:12px;
    background:#171717;
    color:#777;
    font-size:12px;
    font-weight:700;
}

.wrp-plugin h3{
    margin:0 0 7px;
    color:#fff;
    font-size:17px;
}

.wrp-plugin p{
    margin:0;
    color:#888;
    font-size:13px;
    line-height:1.7;
}


/* BUILD */

.wrp-build-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:18px;
}

.wrp-build-card{
    padding:28px;
    border:1px solid #222;
    border-radius:20px;
    background:#0d0d0d;
    transition:.35s ease;
}

.wrp-build-card:hover{
    transform:translateY(-6px);
    border-color:#555;
}

.wrp-build-card strong{
    color:#666;
    font-size:12px;
}

.wrp-build-card h3{
    margin:12px 0 8px;
    color:#fff;
    font-size:18px;
}

.wrp-build-card p{
    margin:0;
    color:#999;
    font-size:13px;
    line-height:1.8;
}


/* LIST */

.wrp-list{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:13px 30px;
    margin:0;
    padding:0;
    list-style:none;
}

.wrp-list li{
    position:relative;
    padding:14px 15px 14px 38px;
    border-bottom:1px solid #1c1c1c;
    color:#ccc;
    font-size:14px;
}

.wrp-list li:before{
    content:"✓";
    position:absolute;
    left:8px;
    color:#fff;
    font-weight:800;
}


/* TAGS */

.wrp-tags{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
}

.wrp-tags span{
    padding:12px 18px;
    border:1px solid #292929;
    border-radius:999px;
    background:#111;
    color:#bbb;
    font-size:13px;
    transition:.3s ease;
}

.wrp-tags span:hover{
    background:#fff;
    color:#000;
    border-color:#fff;
    transform:translateY(-3px);
}


/* CTA */

.wrp-cta{
    position:relative;
    padding:70px 40px;
    margin-bottom:10px;
    border:1px solid #222;
    border-radius:32px;
    background:
        radial-gradient(
            circle at center,
            rgba(255,255,255,.08),
            transparent 45%
        ),
        linear-gradient(145deg,#050505,#101010);
    text-align:center;
    overflow:hidden;
}

.wrp-cta:before{
    content:"";
    position:absolute;
    width:500px;
    height:500px;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    border-radius:50%;
    border:1px solid rgba(255,255,255,.04);
    animation:wrpPulse 5s ease-in-out infinite;
}

@keyframes wrpPulse{
    0%,100%{
        transform:translate(-50%,-50%) scale(.9);
        opacity:.3;
    }

    50%{
        transform:translate(-50%,-50%) scale(1.1);
        opacity:1;
    }
}

.wrp-cta > *{
    position:relative;
    z-index:2;
}

.wrp-cta-badge{
    display:inline-block;
    margin-bottom:18px;
    color:#888;
    font-size:11px;
    font-weight:700;
    letter-spacing:2px;
}

.wrp-cta h2{
    margin:0 0 18px;
    color:#fff;
    font-size:52px;
    line-height:1.1;
    font-weight:800;
}

.wrp-cta h2 span{
    color:#777;
}

.wrp-cta p{
    max-width:650px;
    margin:0 auto 30px;
    color:#aaa;
    font-size:15px;
    line-height:1.8;
}


/* TABLET */

@media(max-width:1024px){

    .wrp-hero{
        padding:65px 40px;
    }

    .wrp-hero h1{
        font-size:52px;
    }

    .wrp-grid-3,
    .wrp-plugin-grid,
    .wrp-build-grid{
        grid-template-columns:repeat(2,1fr);
    }
}


/* MOBILE */

@media(max-width:767px){

    .wrp-hero{
        padding:45px 22px;
        border-radius:22px;
    }

    .wrp-hero h1{
        font-size:36px;
        line-height:1.12;
        letter-spacing:-1px;
    }

    .wrp-hero > p{
        font-size:14px;
        line-height:1.8;
    }

    .wrp-buttons{
        flex-direction:column;
    }

    .wrp-btn{
        width:100%;
        min-width:0;
    }

    .wrp-section{
        padding:25px 20px;
        border-radius:22px;
    }

    .wrp-heading h2{
        font-size:30px;
    }

    .wrp-grid-3,
    .wrp-plugin-grid,
    .wrp-build-grid,
    .wrp-list{
        grid-template-columns:1fr;
    }

    .wrp-plugin{
        padding:20px;
    }

    .wrp-cta{
        padding:50px 22px;
        border-radius:22px;
    }

    .wrp-cta h2{
        font-size:36px;
    }
}