.elementor-660 .elementor-element.elementor-element-85898e7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:180px;--padding-bottom:150px;--padding-left:0px;--padding-right:0px;}.elementor-660 .elementor-element.elementor-element-85898e7:not(.elementor-motion-effects-element-type-background), .elementor-660 .elementor-element.elementor-element-85898e7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://criclineads.com/wp-content/uploads/2026/05/5fd3ed7b62be627f4bc73c3b813a004b.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-660 .elementor-element.elementor-element-9bf0ce6{text-align:center;}.elementor-660 .elementor-element.elementor-element-9bf0ce6 .elementor-heading-title{font-family:"Georgia", Sans-serif;font-size:50px;font-weight:500;color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-660 .elementor-element.elementor-element-e6e1510{text-align:center;font-family:"Arial", Sans-serif;font-size:30px;font-weight:400;color:#E43A19;}.elementor-660 .elementor-element.elementor-element-e6e1510 p{margin-block-end:0px;}.elementor-660 .elementor-element.elementor-element-e6e1510.elementor-element{--align-self:center;}.elementor-660 .elementor-element.elementor-element-4245a08{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-660 .elementor-element.elementor-element-4245a08:not(.elementor-motion-effects-element-type-background), .elementor-660 .elementor-element.elementor-element-4245a08 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-660 .elementor-element.elementor-element-bbb1f3e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-660 .elementor-element.elementor-element-bbb1f3e:not(.elementor-motion-effects-element-type-background), .elementor-660 .elementor-element.elementor-element-bbb1f3e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}@media(max-width:767px){.elementor-660 .elementor-element.elementor-element-9bf0ce6 .elementor-heading-title{font-size:35px;}.elementor-660 .elementor-element.elementor-element-e6e1510{font-size:18px;}}/* Start custom CSS for html, class: .elementor-element-d281918 *//* =========================
BODY
========================= */

body{
    background:#000;
    font-family:Georgia, Arial;
}

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

.category-wrapper{
    max-width:1400px;
    margin:auto;
    padding:30px;
}

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

.category-title{
    background:rgba(0,0,0,0.85);

    border:1px solid rgba(255,255,255,0.08);

    color:#fff;

    padding:25px 40px;

    border-radius:25px;

    font-size:55px;
    font-weight:800;

    margin-bottom:35px;
}

.category-title span{
    color:#E43A19;
}

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

.single-category-card{
    background:#f3f3f3;

    border-radius:24px;

    padding:35px 40px;

    display:flex;

    align-items:center;

    justify-content:space-between;

    cursor:pointer;

    transition:0.3s ease;
}

.single-category-card:hover{
    transform:translateY(-5px);
}

/* ACTIVE */

.single-category-card.active{
    background:#ff1f1f;

    color:#fff;
}

/* =========================
center SIDE
========================= */

.category-left{
    display:flex;

    align-items:center;

    gap:30px;
}

/* =========================
ICON
========================= */

.cat-icon{
    width:110px;
    height:110px;

    background:#fff;

    border-radius:22px;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:52px;
}

/* =========================
TEXT
========================= */

.cat-content h3{
    font-size:38px;

    margin-bottom:12px;

    font-weight:800;
}

.cat-content h2{
    font-size:55px;

    margin-bottom:5px;

    font-weight:800;
}

.cat-content p{
    font-size:16px;

    margin-bottom:12px;
}

.learn-more{
    font-size:17px;
}

/* =========================
RADIO
========================= */

.radio-circle{
    width:42px;
    height:42px;

    border:3px solid #fff;

    border-radius:50%;

    position:relative;
}

/* INNER DOT */

.radio-circle::after{
    content:"";

    width:18px;
    height:18px;

    background:#fff;

    border-radius:50%;

    position:absolute;

    top:50%;
    left:50%;

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

/* =========================
RESPONSIVE
========================= */

@media(max-width:768px){

    .category-title{
        font-size:30px;
        padding:20px;
    }

    .single-category-card{
        flex-direction:column;
        gap:20px;
        align-items:flex-start;
    }

    .category-left{
        flex-direction:column;
        align-items:flex-start;
    }

    .cat-content h3{
        font-size:28px;
    }

    .cat-content h2{
        font-size:42px;
    }

}

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

.single-category-card{
    background:#ffffff;

    border-radius:22px;

    padding:25px 30px;

    display:flex;

    align-items:center;

    justify-content:space-between;

    cursor:pointer;

    transition:0.3s ease;

    max-width:900px;

    margin:auto;

    min-height:180px;
}

/* ACTIVE */

.single-category-card.active{
    background:#E43A19;

    color:#fff;
}

/* =========================
LEFT SIDE
========================= */

.category-left{
    display:flex;

    align-items:center;

    gap:25px;
}

/* =========================
ICON
========================= */

.cat-icon{
    width:90px;
    height:90px;

    background:#f3f3f3;

    border-radius:20px;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:42px;
}

/* =========================
TEXT
========================= */

.cat-content h3{
    font-size:30px;

    margin-bottom:8px;

    font-weight:800;

    color:#E43A19;
}

.single-category-card.active h3{
    color:#fff;
}

.cat-content h2{
    font-size:48px;

    margin-bottom:5px;

    font-weight:800;

    color:#071c3f;
}

.single-category-card.active h2{
    color:#fff;
}

.cat-content p{
    font-size:15px;

    margin-bottom:10px;

    color:#777;
}

.single-category-card.active p{
    color:#fff;
}

.learn-more{
    font-size:16px;

    color:#071c3f;
}

.single-category-card.active .learn-more{
    color:#fff;
}

/* =========================
RADIO
========================= */

.radio-circle{
    width:38px;
    height:38px;

    border:3px solid #777;

    border-radius:50%;

    position:relative;
}

/* INNER DOT HIDDEN */

.radio-circle::after{
    content:"";

    width:14px;
    height:14px;

    background:#fff;

    border-radius:50%;

    position:absolute;

    top:50%;
    left:50%;

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

    opacity:0;
}

/* ACTIVE RADIO */

.single-category-card.active .radio-circle{
    border-color:#fff;
}

.single-category-card.active .radio-circle::after{
    opacity:1;
}
/* DEFAULT WHITE CARD */

.single-category-card{
    background:#ffffff;

    border-radius:22px;

    padding:25px 30px;

    display:flex;

    align-items:center;

    justify-content:space-between;

    cursor:pointer;

    transition:0.3s ease;

    max-width:900px;

    margin:auto;

    min-height:180px;
}

/* ACTIVE RED */

.single-category-card.active{
    background:#E43A19;

    color:#fff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2996bc8 *//* =========================
WRAPPER
========================= */

.device-wrapper{
    max-width:1400px;
    margin:auto;
    padding:30px;
}

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

.device-title{
    background:rgba(0,0,0,0.85);

    border:1px solid rgba(255,255,255,0.08);

    color:#fff;

    padding:25px 40px;

    border-radius:25px;
    font-family:Georgia, Arial;
    font-size:55px;
    font-weight:400;

    margin-bottom:35px;
}

.device-title span{
    color:#E43A19;
}

/* =========================
GRID
========================= */

.device-grid{
    display:flex;

    gap:30px;

    flex-wrap:wrap;
}

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

.device-card{
    width:320px;

    background:#f3f3f3;

    border-radius:18px;

    padding:35px 25px;

    text-align:center;

    cursor:pointer;

    transition:0.3s ease;
}

/* ACTIVE */

.device-card.active{
    background:#E43A19;

    color:#fff;
}

/* =========================
ICON
========================= */

.device-icon{
    font-size:80px;

    margin-bottom:20px;
}

/* =========================
TEXT
========================= */

.device-card h3{
    font-size:24px;

    font-weight:700;

    margin-bottom:25px;

    color:#071c3f;
}

/* ACTIVE TEXT */

.device-card.active h3{
    color:#fff;
}

/* =========================
CHECKBOX
========================= */

.device-check{
    width:28px;
    height:28px;

    border:2px solid #888;

    border-radius:6px;

    margin:auto;

    position:relative;
}

/* ACTIVE CHECK */

.device-card.active .device-check{
    border-color:#fff;
}

/* INNER TICK */

.device-card.active .device-check::after{
    content:"✓";

    position:absolute;

    top:50%;
    left:50%;

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

    color:#fff;

    font-size:18px;

    font-weight:bold;
}

/* =========================
RESPONSIVE
========================= */

@media(max-width:768px){

    .device-title{
        font-size:30px;
        padding:20px;
    }

    .device-card{
        width:100%;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c6fcd8b *//* =========================
HIDE BY DEFAULT
========================= */

.adsize-wrapper{
    display:none;
}

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

.adsize-wrapper{
    max-width:1400px;
    margin:auto;
    padding:30px;
}

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

.adsize-title{
    background:rgba(0,0,0,0.85);

    border:1px solid rgba(255,255,255,0.08);

    color:#fff;

    padding:25px 40px;

    border-radius:25px;

    font-size:55px;
    font-weight:400;
    font-family:Georgia, Arial;

    margin-bottom:35px;
}

.adsize-title span{
    color:#E43A19;
}

/* =========================
GRID
========================= */

.adsize-grid{
    display:grid;

    grid-template-columns:
    repeat(auto-fit,minmax(300px,1fr));

    gap:28px;
}

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

.adsize-card{
    background:#f3f3f3;

    border-radius:18px;

    overflow:hidden;

    cursor:pointer;

    transition:0.3s ease;
}

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

/* ACTIVE */

.adsize-card.active{
    background:#ff1f1f;

    color:#fff;
}

/* =========================
IMAGE
========================= */

.adsize-card img{
    width:100%;

    display:block;
}

/* =========================
BOTTOM
========================= */

.adsize-bottom{
    padding:18px;

    display:flex;

    align-items:center;

    gap:15px;
}

/* =========================
CHECKBOX
========================= */

.adsize-check{
    width:28px;
    height:28px;

    border:2px solid #888;

    border-radius:6px;

    position:relative;
}

/* ACTIVE CHECK */

.adsize-card.active .adsize-check{
    border-color:#fff;
}

/* TICK */

.adsize-card.active .adsize-check::after{
    content:"✓";

    position:absolute;

    top:50%;
    left:50%;

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

    color:#fff;

    font-size:18px;

    font-weight:bold;
}

/* =========================
TEXT
========================= */

.adsize-bottom h3{
    font-size:18px;

    font-weight:700;

    color:#071c3f;
}

.adsize-card.active h3{
    color:#fff;
}

/* =========================
RESPONSIVE
========================= */

@media(max-width:768px){

    .adsize-title{
        font-size:30px;
        padding:20px;
    }

}

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

.adsize-card{
    background:#f3f3f3;

    border-radius:18px;

    overflow:hidden;

    cursor:pointer;

    transition:0.3s ease;

    position:relative;
}

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

/* =========================
IMAGE
========================= */

.adsize-card img{
    width:100%;

    height:auto;

    display:block;

    object-fit:cover;
}

/* =========================
BOTTOM
========================= */

.adsize-bottom{
    padding:18px;

    display:flex;

    align-items:center;

    gap:15px;

    background:#f3f3f3;
}

/* =========================
ACTIVE
========================= */

.adsize-card.active .adsize-bottom{
    background:#ff1f1f;
}

/* =========================
CHECKBOX
========================= */

.adsize-check{
    width:28px;
    height:28px;

    border:2px solid #888;

    border-radius:6px;

    position:relative;

    flex-shrink:0;
}

/* ACTIVE CHECK */

.adsize-card.active .adsize-check{
    border-color:#fff;
}

/* TICK */

.adsize-card.active .adsize-check::after{
    content:"✓";

    position:absolute;

    top:50%;
    left:50%;

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

    color:#fff;

    font-size:18px;

    font-weight:bold;
}

/* =========================
TEXT
========================= */

.adsize-bottom h3{
    font-size:18px;

    font-weight:700;

    color:#071c3f;

    margin:0;
}

/* ACTIVE TEXT */

.adsize-card.active h3{
    color:#fff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-00c66c6 *//* =========================
WRAPPER
========================= */

.mobile-adsize-wrapper{
    max-width:1400px;

    margin:auto;

    padding:30px;
}

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

.mobile-adsize-title{
    background:rgba(0,0,0,0.85);

    border:1px solid rgba(255,255,255,0.08);

    color:#fff;
    font-family:Georgia, Arial;

    padding:25px 40px;

    border-radius:25px;

    font-size:55px;

    font-weight:400;

    margin-bottom:35px;
}

.mobile-adsize-title span{
    color:#E43A19;
}

/* =========================
GRID
========================= */

.mobile-adsize-grid{
    display:flex;

    gap:25px;

    flex-wrap:wrap;
}

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

.mobile-ad-card{
    width:320px;

    background:#f3f3f3;

    border-radius:18px;

    overflow:hidden;

    cursor:pointer;

    transition:0.3s ease;
}

.mobile-ad-card:hover{
    transform:translateY(-5px);
}

/* ACTIVE */

.mobile-ad-card.active .mobile-ad-bottom{
    background:#ff1f1f;
}

/* =========================
IMAGE
========================= */

.mobile-ad-card img{
    width:100%;

    display:block;
}

/* =========================
BOTTOM
========================= */

.mobile-ad-bottom{
    padding:18px;

    display:flex;

    align-items:center;

    gap:15px;

    background:#f3f3f3;
}

/* =========================
CHECKBOX
========================= */

.mobile-ad-check{
    width:28px;
    height:28px;

    border:2px solid #888;

    border-radius:6px;

    position:relative;
}

/* ACTIVE CHECK */

.mobile-ad-card.active .mobile-ad-check{
    border-color:#fff;
}

/* TICK */

.mobile-ad-card.active .mobile-ad-check::after{
    content:"✓";

    position:absolute;

    top:50%;
    left:50%;

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

    color:#fff;

    font-size:18px;

    font-weight:bold;
}

/* =========================
TEXT
========================= */

.mobile-ad-bottom h3{
    font-size:18px;

    font-weight:700;

    color:#071c3f;

    margin:0;
}

/* ACTIVE TEXT */

.mobile-ad-card.active h3{
    color:#fff;
}

/* =========================
RESPONSIVE
========================= */

@media(max-width:768px){

    .mobile-adsize-title{
        font-size:30px;

        padding:20px;
    }

    .mobile-ad-card{
        width:100%;
    }

}

/* HIDE BY DEFAULT */

.mobile-adsize-wrapper{
    display:none;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ab5c01 *//* =========================
WRAPPER
========================= */

.cart-agree-wrapper{
    max-width:1400px;

    margin:auto;

    padding:30px;

    border-radius:25px;

    background:rgba(0,0,0,0.75);

    border:1px solid rgba(255,255,255,0.08);

    backdrop-filter:blur(10px);
}

/* =========================
AGREE BOX
========================= */

.agree-box{
    display:flex;

    align-items:center;

    gap:15px;

    margin-bottom:35px;

    cursor:pointer;
}

/* HIDE DEFAULT */

.agree-box input{
    display:none;
}

/* CUSTOM CHECKBOX */

.custom-check{
    width:26px;
    height:26px;

    border:2px solid #999;

    border-radius:4px;

    position:relative;

    flex-shrink:0;
}

/* ACTIVE CHECK */

.agree-box input:checked + .custom-check{
    background:#ff1f1f;

    border-color:#ff1f1f;
}

/* TICK */

.agree-box input:checked + .custom-check::after{
    content:"✓";

    position:absolute;

    top:50%;
    left:50%;

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

    color:#fff;

    font-size:16px;

    font-weight:bold;
}

/* =========================
TEXT
========================= */

.agree-text{
    color:#fff;

    font-size:20px;

    line-height:1.6;
}

.agree-text a{
    color:#fff;

    text-decoration:underline;
}
.cart-btn{
    width:100%;

    border:none;

    background:#fff;

    color:#000;

    font-size:42px;

    font-weight:400;

    padding:30px;

    border-radius:20px;

    cursor:pointer;

    transition:0.3s ease;

    display:flex;

    align-items:center;

    justify-content:center;

    gap:18px;
}

/* SVG ICON */

.cart-svg{
    width:42px;

    height:42px;

    fill:#000;

    transition:0.3s ease;
}

/* HOVER */

.cart-btn:hover{
    background:#ff1f1f;

    color:#fff;

    transform:translateY(-3px);
}

.cart-btn:hover .cart-svg{
    fill:#fff;
}
/* =========================
/* =========================
BUTTON
========================= */

.cart-btn{
    width:100%;

    border:none;

    background:#fff;

    color:#000;

    font-size:42px;

    font-weight:400;
    font-family:Georgia, Arial;

    padding:30px;

    border-radius:20px;

    cursor:pointer;

    transition:0.3s ease;
}

/* HOVER */

.cart-btn:hover{
    background:#ff1f1f;

    color:#fff;

    transform:translateY(-3px);
}

.cart-btn{
    width:100%;

    border:none;

    background:#fff;

    color:#000;

    font-size:42px;

    font-weight:800;

    padding:30px;

    border-radius:20px;

    cursor:pointer;

    transition:0.3s ease;

    display:flex;

    align-items:center;

    justify-content:center;

    gap:18px;
}

/* SVG ICON */

.cart-svg{
    width:42px;

    height:42px;

    fill:#000;

    transition:0.3s ease;
}

/* HOVER */

.cart-btn:hover{
    background:#ff1f1f;

    color:#fff;

    transform:translateY(-3px);
}

.cart-btn:hover .cart-svg{
    fill:#fff;
}
/* =========================
RESPONSIVE
========================= */

@media(max-width:768px){

    .agree-text{
        font-size:15px;
    }

    .cart-btn{
        font-size:22px;

        padding:22px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-eb2c89b *//* =========================
SECTION
========================= */

.feature-section{
    display:grid;

    grid-template-columns:repeat(5,1fr);

    gap:25px;

    max-width:1700px;

    margin:auto;

    padding:40px;
}

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

.feature-card{
    background:rgba(0,0,0,0.72);

    border:1px solid rgba(255,255,255,0.08);

    border-radius:28px;

    padding:45px 30px;

    text-align:center;

    backdrop-filter:blur(10px);

    transition:0.3s ease;

    position:relative;

    overflow:hidden;
}

/* HOVER */

.feature-card:hover{
    transform:translateY(-8px);

    border-color:rgba(255,0,0,0.4);
}

/* GLOW EFFECT */

.feature-card::before{
    content:"";

    position:absolute;

    width:220px;
    height:220px;

    background:rgba(255,0,0,0.18);

    filter:blur(80px);

    top:-60px;
    right:-60px;

    border-radius:50%;
}

/* =========================
ICON
========================= */

.feature-icon{
    font-size:68px;

    color:#fff;

    margin-bottom:28px;

    line-height:1;
}

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

.feature-card h3{
    color:#fff;

    font-size:28px;

    font-weight:400;
    font-family:Georgia, Arial;

    margin-bottom:20px;

    line-height:1.3;
}

/* =========================
TEXT
========================= */

.feature-card p{
    color:#d7d7d7;

    font-size:22px;

    line-height:1.8;
}

/* =========================
RESPONSIVE
========================= */

@media(max-width:1400px){

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

}

@media(max-width:992px){

    .feature-section{
        grid-template-columns:repeat(2,1fr);
    }

}

@media(max-width:768px){

    .feature-section{
        grid-template-columns:1fr;

        padding:20px;
    }

    .feature-card{
        padding:35px 25px;
    }

    .feature-card h3{
        font-size:24px;
    }

    .feature-card p{
        font-size:18px;
    }

}
.feature-icon{
    width:90px;

    height:90px;

    margin:0 auto 30px;

    display:flex;

    align-items:center;

    justify-content:center;
}

.feature-icon svg{
    width:100%;

    height:100%;

    fill:none;

    stroke:#fff;

    stroke-width:18;
}/* End custom CSS */