/*----------------- custom css --------------*/

.logohome {
  width: 8%;
}

.navbar-brand.logo-brand.p-0 {
  width: 100%;
  display: contents;
}

.notification-message
{
    padding: 7px;
    padding-left: 14px;
}

.single-blog-body {
  padding-left: 20px;
  text-align: justify;
}

.list-group-item {
  padding: 14px;
}
 
.rounded-circle.userimg {
  width: 25%;
}

.custom-height
{
  height: 68px;
}

.cursor-pointer
{
  cursor: pointer;
}

.login-cursor-pointer {
  cursor: pointer;
  height: 50px;
  position: absolute;
  margin-left: 433px;
  display: flex;
  align-items: center;
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  text-align: center;
  white-space: nowrap;
}

.pt-201
{
  padding-top: 201px;
}




/*--------Product List----------*/ 

.breadcrumb{margin-top: 60px;padding-top: 15px;}
.breadcrumb_inner{font-size: 12px;line-height: 16px;text-transform: capitalize;}
.breadcrumb_inner a, .breadcrumb_inner span{font-size: 12px;line-height: 16px;color: #006B92;}
.breadcrumb_inner span{padding: 0 5px;color: #000000;}
.breadcrumb h1{font-size: 20px;line-height: 30px;padding-bottom: 10px;}
.heading-sec h2{font-size: 24px;line-height: 32px;}
.product_list ul li{flex-basis: 25%; }
.product_list ul li:nth-child(4n+4){margin-right: 0;}
.product_details{margin-top: 100px;}
.share_product button::after{display: none;}
.share_product button{font-size: 14px;}
.share_product .dropdown-menu{box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .2);}
.share_product .dropdown-item i{display: flex;width: 42px;height: 42px;border-radius: 100%;display: flex;justify-content: center;align-items: center;border: 1px solid #d9d9d9;margin: 0 auto;}
.share_product .dropdown-item:hover{background: none;}
.share_product .dropdown-item span{font-size: 12px;text-transform: capitalize;line-height: 16px;padding-top: 5px;display: block;}
.product_name{margin-top: 10px;}
.product_name h1{font-size: 24px;text-transform: capitalize;line-height: 32px;}
.special_price_rw{margin-top: 15px;}
.special_price{color: #006B92;}
.special_price_rw h3 span{text-decoration:line-through;font-size: 14px;color: #848484;padding-left: 10px;}
.special_price_rw h3 span:last-child{font-size: 13px;color: #008709;text-decoration: none;}
.author_rw {margin-top: 20px;}
.author_rw .auth{flex-basis: 20%;color: #090909; font-weight: bold;}
.author_rw .auth_name{flex-basis: 80%;padding-left: 10px;}
.author_rw .auth_name span{color: #090909;  }
.author_rw .auth_name ul{padding-left: 15px;}
.author_rw .auth_name ul li{padding-bottom: 8px;list-style-type: disclosure-closed; font-weight: bold; color: #063546; font-size: 17px;}
.book_specification{border: 1px solid #d9d9d9;border-radius: 4px;margin-top: 30px;}
.book_specification h3{text-transform: capitalize;padding: 15px;border-bottom: 1px solid #d9d9d9;}
.product_view{ display: flex;justify-content: center;align-items: start;flex-direction:row-reverse;}
.moretext {display: none;}
.moretext p{padding-bottom: 20px;}
.moreless-button{text-transform: capitalize;color: #006B92;transition:  ease-in-out 0.4s; font-weight: bold;}
.moreless-button:hover{color: #004B8C; font-weight: bold;}
.slideshow-items {width: 100%;height: 100%;margin-bottom: 20px;}
.slideshow-thumbnails {
  width: 111px;
  margin-bottom: 15px;
}
.row.prothumb {
  padding: 0px 14px;
}


#slideshow-items-container { display: inline-block; position: relative; }
#lens { background-color: rgba( 233, 233, 233, 0.4 ) }
#lens, #result { position: absolute; display: none; z-index: 1; }
.slideshow-items { display: none; }
.slideshow-items.active { display: block; } 
.slideshow-thumbnails.active {opacity: 1;
  border: 2px solid #006b91;
  margin-left: 1px;
  margin-right: 1px; }
#lens, .slideshow-items, .slideshow-thumbnails, #result { border: solid 1px #d9d9d9; padding: 0px; }
.whishlish_btn{right: 20px;top: 20px;}
.whishlish_btn button{display: flex;justify-content: center;align-items: center;border: 1px solid #d9d9d9;width: 42px;height: 42px;border-radius: 50%;background: none;}
.cart_btn a{width: 50%;}
.cart_btn a:last-child{background: #004B8C;}
.newClass{position: sticky !important;top: 80px;}
.product_view .row{flex-direction: column;position: absolute;left: 20px;}
.interested_bx{box-shadow: 0 3px 16px 0 rgba(0, 0, 0, .11);border-radius: 4px;padding: 15px;margin-top: 30px;margin-bottom: 15px;}
.interested_bx_img{flex-basis: 30%;}
.interested_bx_des{flex-basis: 70%;padding-left: 15px;}
.interested_bx_des h4 a{color: #000000;transition: ease-in-out 0.4s;}
.interested_bx:hover .interested_bx_des h4 a{color: #006B92;}
.interested_bx_des .main_btn{padding: 8px 15px;margin-top: 15px;}
.interested_bx_des p{font-size: 14px;color: #848484;}
.interested_bx_img{height: 188px;}
.interested_bx_img img{width: 100%;height: 100%;object-fit: cover;}
.interested_bx:hover .interested_bx_img img{filter: blur(1.1px);transition: ease-in-out 0.4s;}
.similar_books{margin-top: 25px;}
#interested .owl-nav{top: 43%;} 
.book_box .bs_seller{background: #008709;color: #ffffff;font-size: 12px;padding: 3px 8px;z-index: 2;border-radius: 2px;font-weight: 600;}
.sidebar_filter{margin-top: 60px;}
.sidebar_filter h2{font-size: 20px;border-bottom: 1px solid #d9d9d9;padding: 15px;line-height: 32px;}
.category_head{padding: 10px 15px;}
.category_head h5{font-size: 13px;text-transform: uppercase;font-weight: 600;}
.product_list .accordion .accordion-button{color: #000000;padding: 0;background: none;border: none;font-size: 13px;font-weight: 400;text-transform: uppercase;}
.product_list .accordion .accordion-header{padding: 0 15px;border: 0;font-weight: normal;line-height: 20px;padding: 15px;}
.product_list  .accordion-collapse{border: 0;}
.product_list .accordion ul{padding-left: 10px;}
.product_list .accordion ul li{margin-bottom: 10px;}
.product_list .accordion ul li:last-child{margin-bottom: 0px;}
.product_list .accordion ul li a{color: #000000;font-size: 13px;text-transform: capitalize;font-weight: 500;display: -webkit-box;
-webkit-line-clamp: 1;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;transition: ease-in-out 0.4s;}
.product_list .accordion ul li a:hover{color: #006B92;}
.accordion-button:focus{box-shadow: none;}
.product_list .accordion ul li label{font-size: 13px;cursor: pointer;}
.product_list .accordion ul li input[type="checkbox"]{width: 15px;height: 15px;vertical-align: middle;margin-right: 5px;}
.product_list .accordion .accordion-item{border-bottom: 1px solid #d9d9d9}
.product_list .accordion .accordion-item:last-child{border-bottom: 0;}
.pagination_rw ul{justify-content: center;align-items: center;}
.pagination_rw ul li{flex-basis: 42px;}
.pagination_rw ul li a{color: #000000;transition: ease-in-out 0.4s;}
.pagination_rw ul li.active a, .pagination_rw ul li:hover a{background-color: #006B92 !important;color: #ffffff;border-color: #006B92 !important;}


/*------------Catalog------------*/
.catalog_rw .active {background: #006B92;color: #ffffff;}
.side_tabs{margin-top: 60px;}
.side_tabs .btn{width: 100%;display: block;border-radius: 0;text-align: left;border-bottom: 1px solid #d9d9d9;padding: 15px;}
.side_tabs .btn:last-child{border-bottom: 0;}
.side_tabs h5{text-transform: capitalize;padding: 15px;border-bottom: 1px solid #d9d9d9;font-size: 20px;}
.side_tabs .form-control:focus, button.btn:focus{background: #006B92;}
#parent .box{flex-basis: 25%;}



 


.book_box img{width: 100%;height: 100%;object-fit:fill;transition: ease-in-out 0.4s; height: 220px;}
.book_box_main{padding: 7px;transition: ease-in-out 0.4s; border: 1px solid #cccccca6;  margin-bottom: 20px;
  margin-left: 9px;}

.new_publication{border:none !important;}


.book_box_main:hover{box-shadow: 0 3px 16px 0 rgba(0, 0, 0, .11);}
.book_box:hover img{webkit-filter: blur(1.5px);filter: blur(1.2px);}
.book_box_main .whishlish_btn{z-index: 2;}
.book_box_main .whishlish_btn button{height: 0;width: 0;right: 0;border: none;display: inherit;}
.book_name a{font-size: 20px;line-height: 23px;color: #000000;transition: ease-in-out 0.4s;display: -webkit-box;
-webkit-line-clamp: 1;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow : hidden;text-transform: capitalize; font-weight: bold;}
.product_price{margin-top: 6px;}
.product_price .discount_price{font-size: 12px;font-weight: 500;}
.product_price .main_price{color: #848484;font-size: 12px;padding: 0 6px;text-decoration: line-through;}
.product_price .price_off{font-size: 11px;color: #008709;}
.book_box_main:hover .book_name a{color: #006B92;}
.invite_author{background: linear-gradient(0deg, #004B8C 0%, rgba(0,75,140,0.8) 100%), url('../images/invite-bg.webp');background-position: top center;background-repeat: no-repeat;background-size: cover;padding: 40px 0;}
.invite_author ul li{width: 120px;height: 120px;border-radius: 100%;overflow: hidden;border: 5px solid #ffffff;margin-right: 40px;}
.invite_author ul li:last-child{margin-right: 0;}
.invite_author .main_btn{background: #ffffff;color: #006B92;}
.invite_author .main_btn:hover{background: #004B8C;color: #ffffff;}
#trandingweek .owl-nav, #bestseller .owl-nav, #genre .owl-nav{position: absolute;left: 0;right: 0;top: 35%;}
#trandingweek .owl-nav button, #bestseller .owl-nav button, #genre .owl-nav button{background: #07385E;border: 3px;color: #ffffff;height: 32px;width: 32px;display: flex;justify-content: center;align-items: center;font-size: 24px;margin: 0;}
#trandingweek .owl-nav .owl-prev, #bestseller .owl-nav .owl-prev, #genre .owl-nav .owl-prev{left: 0;position: absolute;}
#trandingweek .owl-nav .owl-next, #bestseller .owl-nav .owl-next, #genre .owl-nav .owl-next{right: 0;position: absolute;}


.btn:focus-visible{outline: none !important;}
.main_btn{background: #004B8C;color: #ffffff;text-transform: capitalize;font-weight: 600;border-radius: 8px;padding: 12px 30px;display: inline-table;text-align: center;border: none;transition: ease-in-out 0.4s;}
.main_btn:hover{background: #004B8C;color: #ffffff;}

#olevel .owl-nav, #cccbooks .owl-nav, #tallybooks .owl-nav, #basiccomputer .owl-nav, #basiccomputer .owl-nav,
#rscit .owl-nav, #otherbooks .owl-nav, #interested .owl-nav{position: absolute;left: 0;right: 0;top: 35%;}
#olevel .owl-nav button, #cccbooks .owl-nav button, #tallybooks .owl-nav button, #basiccomputer .owl-nav button, #basiccomputer .owl-nav button,
#rscit .owl-nav button, #otherbooks .owl-nav button, #interested .owl-nav button{background: #004B8C;border: 3px;color: #ffffff;height: 32px;width: 32px;display: flex;justify-content: center;align-items: center;font-size: 24px;margin: 0;}
#olevel .owl-nav .owl-prev, #cccbooks .owl-nav .owl-prev, #tallybooks .owl-nav .owl-prev, #basiccomputer .owl-nav .owl-prev, #basiccomputer .owl-nav .owl-prev, 
#rscit .owl-nav .owl-prev, #otherbooks .owl-nav .owl-prev, #interested .owl-nav .owl-prev{left: 0;position: absolute;}
#olevel .owl-nav .owl-next, #cccbooks .owl-nav .owl-next, #tallybooks .owl-nav .owl-next, #basiccomputer .owl-nav .owl-next, #basiccomputer .owl-nav .owl-next, 
#rscit .owl-nav .owl-next, #otherbooks .owl-nav .owl-next, #interested .owl-nav .owl-next{right: 0;position: absolute;}



  .thanku-Success-Message-p-1
  {
    font-size: 18px;
    color:#333;
  }
  .thanku-Success-Message-p-2
  {
    color:#555;
  }
  .thanku-Success-Message-p-3
  {
    color:#999;
    font-size: 15px;
  }

  .thanku-page
  {
    padding-top: 102px;
  }

  /* Circle stroke */
  .thanku-checkmark-circle {
  stroke: #28a745;
  stroke-width: 2;
  stroke-dasharray: 166;
  stroke-dashoffset: 166;
  stroke-linecap: round;
  animation: circle-animation 0.6s ease-out forwards;
  }

  /* Tick stroke */
  .thanku-checkmark-check {
  stroke: #28a745;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-dasharray: 48;
  stroke-dashoffset: 48;
  animation: check-animation 0.4s ease-out forwards;
  animation-delay: 0.6s; /* Circle ke baad tick chale */
  }

  /* Circle animation */
  @keyframes circle-animation {
    to {
      stroke-dashoffset: 0;
    }
  }

  /* Tick animation */
  @keyframes check-animation {
    to {
      stroke-dashoffset: 0;
    }
  }

  .background-subscription-plan
  {
    --bs-bg-opacity: 1;
    background-color: rgb(29, 95, 119) !important;
  }



  /* General input and select styling */
form input.form-control,
form select.form-control {
    border: 1px solid #d1d5db;       /* हल्की border */
    border-radius: 8px;             /* smooth corners */
    padding: 10px 14px;             /* अंदर spacing */
    font-size: 15px;                /* readable text */
    transition: all 0.3s ease;      /* hover & focus animation */
    box-shadow: none;               /* bootstrap default shadow remove */
    background-color: #fff;
}

/* Focus effect */
form input.form-control:focus,
form select.form-control:focus {
    border-color: #0dcaf0;          /* light blue focus */
    box-shadow: 0 0 0 3px rgba(13, 202, 240, 0.25);
    outline: none;
}

/* Placeholder styling */
form input::placeholder,
form select {
    color: #9ca3af;                 /* हल्का grey placeholder */
    font-size: 14px;
}

/* File input ke liye thoda styling */
form input[type="file"].form-control {
    padding: 6px;
    background-color: #f9fafb;
}

/* Labels ko consistent styling */
form label {
    font-weight: 500;
    color: #374151;
    margin-bottom: 6px;
    display: block;
}

.cart_rw {
  margin-top: 75px;
  margin-bottom: 95px;
}



    .invoice-box {
        background: #fff;
        padding: 20px;
        border-radius: 8px;
        box-shadow: 0 0 10px rgba(0,0,0,0.1);
        max-width: 965px;
        margin: auto;
    }
    .form-control, .form-select {
        border-radius: 8px;
    }
    .section-title {
        font-weight: bold;
        margin-top: 20px;
    }
    .btn-custom {
        border-radius: 8px;
    }
    .floating-label {
        position: relative;
        margin-bottom: 1.5rem;
    }
    .floating-label input,
    .floating-label select {
        height: 55px;
        border: 1px solid #ccc;
        border-radius: 10px;
        padding: 15px 12px 5px;
        font-size: 1rem;
        transition: all 0.2s ease;
    }
    .floating-label input:focus,
    .floating-label select:focus {
        border-color: #0d6efd;
        box-shadow: 0 0 5px rgba(13, 110, 253, 0.3);
    }
    .floating-label label {
        position: absolute;
        left: 12px;
        top: 16px;
        color: #888;
        font-size: 0.9rem;
        pointer-events: none;
        transition: all 0.2s ease;
        background: #fff;
        padding: 0 4px;
    }
    .floating-label input:focus + label,
    .floating-label input:not(:placeholder-shown) + label,
    .floating-label select:focus + label,
    .floating-label select:not([value=""]) + label {
        top: -8px;
        font-size: 0.75rem;
        color: #0d6efd;
    }

    .bg-custom {
        background-color: rgb(2, 76, 102) !important;
    }

.justify-content-between.mb-2.discountuser {
  display: flex;
}


.marquee-container {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  background: rgb(148, 53, 12);
  border-radius: 5px;
  padding: 5px;
}

.marquee-text {
  display: inline-block;
  /* padding-left: 100%; */
  animation: marquee 30s linear infinite; /* slow scroll */
}

@keyframes marquee {
  0%   { transform: translateX(100%); }
  100% { transform: translateX(-100%); }
}

.notification-item 
{
  transition: background-color 0.2s ease;
  cursor: pointer;
}

.background {
  background-color: #f8f9fa;
}

.unread-dot {
  width: 12px;
  height: 12px;
  background-color: #de3333; /* red color */
  border-radius: 50%;
  margin-left: auto;
  animation: pulse 1.5s infinite;
}

.rounded-circle.userimg {
  width: 87px;
}

.dot-indicator {
  width: 10px;
  height: 10px;
  background-color: #de3333; /* red dot */
  border-radius: 50%;
  animation: pulse 1.5s infinite;
}


.dot-header {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 13px;
  height: 13px;
  background-color: #dc3545;
  color: #fff;
  font-size: 9px;
  font-weight: bold;
  border-radius: 50%;
  position: absolute;
  margin-bottom: 14px;
  margin-left: 2px;
  top: 8px;
  left: 15px;
  box-shadow: 0 0 5px rgba(220, 53, 69, 0.5);
  animation: pulse 1.5s infinite;
}

/* Optional: subtle animation for attention */
@keyframes pulse {
  0% { transform: scale(1); opacity: 1; }
  50% { transform: scale(1.3); opacity: 0.6; }
  100% { transform: scale(1); opacity: 1; }
}