.elementor-1944 .elementor-element.elementor-element-0503fdc{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-1944 .elementor-element.elementor-element-0503fdc{--content-width:100%;}}/* Start custom CSS for html, class: .elementor-element-95822c5 *//*==================================================
BOOK CATEGORIES
==================================================*/

.book-categories{

    margin:35px 0;

}

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

.section-title{

    text-align:center;

    margin-bottom:28px;

}

.section-title h2{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:10px;

    margin:0;

    padding:12px 28px;

    background:linear-gradient(135deg,#2563eb,#7c3aed);

    color:#fff;

    font-size:30px;

    font-weight:800;

    border-radius:50px;

    box-shadow:0 10px 25px rgba(37,99,235,.25);

    position:relative;

}

.section-title h2::before{

    content:"📚";

    font-size:24px;

}

.section-title h2::after{

    content:"";

    position:absolute;

    left:50%;

    bottom:-10px;

    transform:translateX(-50%);

    width:70px;

    height:4px;

    background:#f59e0b;

    border-radius:20px;

}

/*==================================================
HORIZONTAL SCROLL
==================================================*/

.category-scroll{

    display:flex;

    flex-wrap:nowrap;

    gap:18px;

    overflow-x:auto;

    overflow-y:hidden;

    scroll-behavior:smooth;

    -webkit-overflow-scrolling:touch;

    scrollbar-width:none;

    padding:8px 5px 12px;

}

.category-scroll::-webkit-scrollbar{

    display:none;

}

/*==================================================
CATEGORY CIRCLE
==================================================*/

.category-item{

    flex:0 0 110px;

    width:110px;

    height:110px;

    min-width:110px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    text-align:center;

    text-decoration:none;

    color:#fff !important;

    font-size:15px;

    font-weight:700;

    line-height:1.35;

    padding:12px;

    box-sizing:border-box;

    box-shadow:0 8px 20px rgba(0,0,0,.12);

    transition:.3s;

}

.category-item:hover{

    transform:translateY(-6px) scale(1.06);

    color:#fff !important;

    box-shadow:0 15px 30px rgba(0,0,0,.18);

}

.category-item span{

    display:block;

}

/*==================================================
CATEGORY COLORS
==================================================*/

.all{

    background:linear-gradient(135deg,#111827,#374151);

}

.bpsc{

    background:linear-gradient(135deg,#2563eb,#3b82f6);

}

.bssc{

    background:linear-gradient(135deg,#7c3aed,#8b5cf6);

}

.si{

    background:linear-gradient(135deg,#ef4444,#f87171);

}

.constable{

    background:linear-gradient(135deg,#16a34a,#22c55e);

}

.gkgs{

    background:linear-gradient(135deg,#f59e0b,#fbbf24);

}

.current{

    background:linear-gradient(135deg,#ec4899,#f472b6);

}

.maths{

    background:linear-gradient(135deg,#0891b2,#06b6d4);

}

.reasoning{

    background:linear-gradient(135deg,#ea580c,#fb923c);

}

.others{

    background:linear-gradient(135deg,#6b7280,#9ca3af);

}

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

@media(max-width:1024px){

.section-title h2{

    font-size:24px;

    padding:10px 22px;

}

.category-item{

    flex:0 0 95px;

    width:95px;

    height:95px;

    min-width:95px;

    font-size:13px;

}

}

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

@media(max-width:767px){

.book-categories{

    margin:25px 0;

}

.section-title{

    margin-bottom:20px;

}

.section-title h2{

    font-size:20px;

    padding:10px 18px;

}

.section-title h2::before{

    font-size:18px;

}

.section-title h2::after{

    width:50px;

}

.category-scroll{

    gap:14px;

    padding:5px 10px 12px;

}

.category-item{

    flex:0 0 88px;

    width:88px;

    height:88px;

    min-width:88px;

    font-size:11px;

    padding:8px;

}

}/* End custom CSS */