.elementor-191195 .elementor-element.elementor-element-62b9d3a0{--display:flex;}@media(max-width:767px){.elementor-191195 .elementor-element.elementor-element-62b9d3a0{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for text-editor, class: .elementor-element-3383fb83 *//* ===================================
   JahanBazar Warranty Section
=================================== */

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

.jb-warranty{

    max-width:1400px;
    margin:0px auto;
    padding:30px 20px;

    background:#fafafa;

    font-family:inherit;

}

.jb-title{

    text-align:center;
    margin-bottom:45px;

}

.jb-title h2{

    font-size:40px;
    font-weight:800;
    color:#111;
    margin-bottom:12px;

}

.jb-title p{

    font-size:17px;
    color:#666;
    line-height:2;

}

/* ========================= */

.jb-grid{

    display:grid;

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

    gap:25px;

}

/* ========================= */

.jb-card{

    display:flex;

    align-items:flex-start;

    gap:18px;

    background:rgba(255,255,255,.75);

    backdrop-filter:blur(10px);

    border-radius:22px;

    padding:28px;

    position:relative;

    overflow:hidden;

    border:1px solid rgba(232,23,92,.08);

    transition:.35s;

    box-shadow:
    0 8px 30px rgba(0,0,0,.05);

}

.jb-card:before{

    content:"";

    position:absolute;

    top:0;
    right:0;

    width:100%;
    height:5px;

    background:linear-gradient(90deg,#ff5f88,#e8175c);

}

.jb-card:hover{

    transform:translateY(-8px);

    box-shadow:
    0 18px 45px rgba(232,23,92,.18);

}

.jb-icon{

    width:70px;
    height:70px;

    min-width:70px;

    border-radius:18px;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:32px;

    color:#fff;

    background:linear-gradient(135deg,#ff4d7f,#e8175c);

}

.jb-content{

    flex:1;

}

.jb-content h3{

    font-size:21px;

    margin-bottom:12px;

    color:#222;

    line-height:1.7;

}

.jb-content p{

    font-size:15px;

    color:#666;

    line-height:2;

}

/* ========================= */

.jb-bottom{

    margin-top:50px;

    background:#fff;

    border-radius:22px;

    padding:35px;

    box-shadow:
    0 10px 35px rgba(0,0,0,.05);

}

.jb-bottom h3{

    text-align:center;

    margin-bottom:25px;

    font-size:28px;

    color:#111;

}

.jb-tags{

    display:flex;

    flex-wrap:wrap;

    justify-content:center;

    gap:15px;

}

.jb-tags span{

    padding:14px 24px;

    background:#fff0f5;

    border:1px solid rgba(232,23,92,.15);

    border-radius:50px;

    color:#e8175c;

    font-size:15px;

    font-weight:700;

    transition:.3s;

}

.jb-tags span:hover{

    background:#e8175c;

    color:#fff;

    transform:translateY(-4px);

}

/* ===========================
      Tablet
=========================== */

@media(max-width:1100px){

.jb-grid{

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

}

}

/* ===========================
        Mobile
=========================== */

@media(max-width:768px){

.jb-warranty{

padding:40px 15px;

margin:35px auto;

}

.jb-title{

margin-bottom:30px;

}

.jb-title h2{

font-size:30px;

}

.jb-title p{

font-size:15px;

}

.jb-grid{

grid-template-columns:1fr;

gap:16px;

}

.jb-card{

padding:18px;

border-radius:18px;

gap:15px;

}

.jb-icon{

width:56px;
height:56px;
min-width:56px;

font-size:24px;

border-radius:14px;

}

.jb-content h3{

font-size:18px;

margin-bottom:8px;

}

.jb-content p{

font-size:14px;

line-height:1.9;

}

.jb-bottom{

padding:20px;

border-radius:18px;

}

.jb-bottom h3{

font-size:22px;

margin-bottom:18px;

}

.jb-tags{

display:grid;

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

gap:10px;

}

.jb-tags span{

width:100%;

padding:12px;

border-radius:12px;

text-align:center;

font-size:14px;

}

}

/* ===========================
      Small Mobile
=========================== */

@media(max-width:480px){

.jb-title h2{

font-size:26px;

}

.jb-title p{

font-size:14px;

}

.jb-card{

padding:16px;

}

.jb-icon{

width:50px;
height:50px;
min-width:50px;

font-size:22px;

}

.jb-content h3{

font-size:17px;

}

.jb-content p{

font-size:13px;

}

.jb-tags{

grid-template-columns:1fr;

}

}/* End custom CSS */