#reviewPopup {
    overflow-y: scroll;
    scrollbar-width: none; /* For Firefox */
    -ms-overflow-style: none; /* For IE and Edge */
  }
  .prod-desc:hover {
    text-decoration: underline !important;
    color: #FCD464 !important;
  }
  .customize-book-heading h3{
    margin-top: 13px;
    font-weight: 400;
    font-size: 28px;
  }
  
  .fastor_product_popup_span{
    display: flex !important;
    justify-content: flex-end !important;
    margin: 10px 0 !important;
    padding-right: 15px !important;
    align-items: center !important;
    position: unset !important;
    font-family: 'DM Sans';
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 18px !important;
    letter-spacing: 0em;
    color: #54565A !important;
  
  }
  
  .fade.in {
    background-color: rgba(102, 102, 102, 0.5) !important;
  }
  
  .mobile-view-only {
    display: none;
  }
  
  .bs-placeholder{
    background: #fff none repeat scroll 0 0 !important;
    border-radius: 0 !important;
  }
  /* .page-number{
    font-size:  12px !important;
  }
  .total-page-number{
    font-size:  12px !important;
  } */
  #select-options{
    display: none !important ;
      
    
  }
  .popup_row_left_accessary{
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 21px;
    position: absolute;
    left: 0px;
  }
  .owl-dots{
    display: none !important;
  }
  .owl-page{
    display: none !important;
  }
  #price{
    font-size: 22px;
  }
  #pages{
    font-size: 22px;
  }
  
  .page-count-customizer{
    font-size: 22px;
    margin-left: 12px;
  }
  .p-p-price-detail {
    background: none !important;
    border: none;
  }
  .bookCustomizerProductName{
    font-size: 28px !important;
  }
  
  .fa {
    padding-right: 0 !important;
  }
  .circle {
    border: 0px double #000 !important;}
  #product-desc1 br  
  {
    display:none;
  }
  
  #product-desc1 hr  
  {
    display:none;
  }
  br{
    margin: 0 !important;
  }
  button[disabled] {
    border: 0.75px solid #DADDE7;
    background: #DADDE7;
    cursor:not-allowed;
  }
  .not-allowed {cursor: not-allowed;}
  .m-menu-wrap {
    margin-bottom: 0px !important;
  }
  .img-responsive-reviewform{
    height: 90px !important;
    padding: 10px;
    background-color: #FFF;
    border-radius: 10px;
    width: 90px;
    box-shadow: 2px 3px 7px 0px #A6ABBD66;
  }
  .fa-star{
    color: #FFE299;
  }
  .title-e-product-main{
    width: 72% !important;
  }
  .title-e-product-main-h1{
    font-family: 'DM Sans';
    font-size: 28px;
    font-weight: 400;
    line-height: 36px;
    letter-spacing: 0em;
    text-align: left;
  
  }
  
  #product-desc{
    padding-bottom: 5px !important; 
    padding-left: 3px;
  }
  #header-right-icons-nav li img {
    display: unset !important;
  }
  .ifootericons ul li img{
    display: unset !important;
  }
  .zoomImg{
    width: 900px !important;
    height: 900px !important;
  }
  
  .red-asterisk {
    color: #FE9386;
    font-size:16px;
  }
  legend{
    margin-bottom: 9px !important;
  }
  /* Hide the scrollbar for WebKit-based browsers (Chrome, Safari, etc.) */
  #reviewPopup::-webkit-scrollbar {
    display: none;
  }
  .file-size-para{
    font-family: 'DM Sans';
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 0em;
    color: #E3503E;
  
  }
.stars a {
    display: inline-block;
    padding-right: 4px;
    text-decoration: none;
    margin: 0;
    position: relative;
    top: 1px;
}
.form-control-lbl-ratting{
padding-right: 12px !important;
font-family: 'DM Sans';
font-size: 16px;
font-weight: 700;
line-height: 21px;
letter-spacing: 0em;
text-align: left;
}
.stars a:after {
    position: relative;
    font-size: 18px;
    font-family: 'FontAwesome', serif;
    display: block;
    content: "\f005";
    color: #FFEBBB;
}

/* span {
    font-size: 0;
    /* trick to remove inline-element's margin */
/* } */ */

.stars a:hover~a:after {
    color: #FFEBBB !important;
}

span.active a.active~a:after {
    color: #FFEBBB;
}

span:hover a:after {
    color: #FCD464 !important;
}

span.active a:after,
.stars a.active:after {
    color: #FCD464;
}
.cancel-btn-action{
margin-bottom: -6px;
}
.image-upload {
height: 100px;
width: 100%;
background-color: #fff;
border: 1px solid #eee;
margin-bottom: 5px;
}

.reviewPopup-footer {
padding: 0 !important;
width: 540px;
height: 80px;
padding: 16px 24px 16px 24px;
gap: 10px;
background:#ffff;
margin-left: -25px;
}

.reviewPopup-body {
background: #F7F5F4 !important;
padding-left: 25px;
padding-right: 25px;
padding-bottom: 0;
}

.form-control-lbl {
font-family: 'DM Sans';
font-size: 16px;
font-weight: 700;
line-height: 21px;
letter-spacing: 0em;
text-align: left;
margin-bottom: 13px !important;
    margin-top: 2px !important;
}

.uploadimage-para {
font-family: 'DM Sans';
font-size: 16px;
font-weight: 700;
line-height: 21px;
letter-spacing: 0em;
text-align: center;
padding-top: 13px;
}

.form-control-text-area1 {
padding: 8px !important;
border-radius: 10px !important;
border: 0.75px solid #9C9DA0 !important;
gap: 2px;
height: 34px;
}

.form-control-text-area2 {
height: 90px !important;
padding: 8px !important;
border-radius: 10px !important;
gap: 2px;
border: 0.75px solid #9C9DA0 !important;
resize: none;
}

.form-control-text-area3 {
padding: 8px !important;
border-radius: 10px !important;
gap: 2px;
height: 127px;
border: 0.75px solid #9C9DA0 !important;
}

.review-submit-button {
width: 90%;
height: 48px;
padding: 13.5px;
padding-top: 13.5px;
border-radius: 3px;
gap: 10px;

color: #fff;
text-align: center;
margin-top: 16px;
margin-right: 25px;
font-family: 'DM Sans';
font-size: 16px;
font-weight: 700;
line-height: 21px;
letter-spacing: 0em;
background: #54565A;
border: 0.75px solid #9C9DA0;

}
  
  .rating-form-group {
    margin-bottom: 0 !important;
  }
  
  .image-upload > input {
    display: none;
  }
  
  .image-upload img {
    cursor: pointer;
    position: absolute;
    top: 438px;
    left: 259px;
    color: var(--white);
  }
  
  .mr7{
    margin-right: 7px;
  }
  .hide-me {
    display: none;
  }
  
  
  .quality-buttons-box{
    padding-top: 4px;
    padding-bottom: 17px;
    border: 2.5px solid #F0E9FF;
    margin-top: 15px;
    border-radius: 10px;
  }
  .tick-mark {
      position: relative;
      width: 14px;
      height: 3px;
      margin-left: -12px;
  }
  .radio_quality_delection{
   height: 16px;
  width: 16px;
  vertical-align: middle;
  }
  .Checkered-options-buttons{
    padding-left:3px !important;
  }
  .tick-mark::before {
    position: absolute;
    left: 0;
    top: 50%;
    height: 55%;
    width: 13px;
    background-color: #fff;
    content: "";
    transform: translateX(11px) rotate(-45deg);
    transform-origin: left bottom;
  }
  #button-cart-buynow{
    display: none !important;
  }
  #button-cart{
    font-family: 'DM Sans' !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 21px !important;
    letter-spacing: 0em;
    text-align: center;
    width: 100% !important;
  }
  .custom-breadcrumb{
    font-family: 'DM Sans';
    font-size: 16px;
    letter-spacing: 0em;
  }
  
  .tick-mark::after {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 6px;
    width: 13%;
    background-color: #fdfdfd;
    content: "";
    transform: translateX(10px) rotate(-45deg);
    transform-origin: left bottom;
  }
  .cartr img{
    display: unset !important;
    
  }
  .icustommobile_image img{
    display: unset !important;
  }
  .websiteicons li a img{
    display: unset !important;
  }
   img {
    display: block;
    height: auto;
    max-width: 100%;
  }
  
  .main-view-page {
    display: flex;
    padding: 27px;
    background: #F7F5F4;
  }
  
  .full-screen-img {
    flex-grow: 1;
    
    position: relative;
  }
  
  .sideimg {
    margin: 32px;
    transition: opacity .25s ease-out;    
  }
  .sideimg a img{
      border-radius: 5px;
      border: 0.75px solid transparent;
      width: 100px;
      height: 100px;
  }
  
  .sideimg:hover a img,
  .sideimg.active a img {
  display : block;
    border: 0.75px solid #54565A;
  }
  
  .sideimg:hover,
  .sideimg.active {
    opacity: 1;    
  }
  
  .zoom-in {
    display: inline-block;
  }
  
  .custom-breadcrumb{
    list-style: none;
    padding-left: 0;
  }
  
  .custom-breadcrumb li{
    display: inline-block;
    position: relative;
  }
  
  .custom-breadcrumb li a{
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #9C9DA0;
    padding-right: 8px;
    text-transform: capitalize;
  }
  .custom-breadcrumb > li:last-child a {
    color: #FED976;
  }
  
  .custom-breadcrumb > li::after {
    content: '';
    display: block;
    position: absolute;
    top: 9px;
    right: 1px;
    width: 5px;
    height: 5px;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  
  .custom-breadcrumb > li:last-child:after{
    display: none;
    padding-right: 0;
  }
  .click-quality-clip-btn{
    margin-left:5px;
  }
  .span-color-box4-image{
     margin-left:5px;
  }
  .span-color-box{
     margin-left:-5px !important;
  }
  
  h1 {
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 28px;
    line-height: 36px; 
    color: #54565A;
    text-transform: capitalize;
    margin-top: 0;
  }
  
  ul li.price h2{
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 500;
    font-size: 22px;
    line-height: 29px;
    color: #54565A;
    margin-top: 0;
    display: flex;
    align-items: center;
  }
  
  .simple-product-detail{
    padding: 43px 27px 0px 27px;
  }
  
  .full-screen-img > span{

    width: max-content;
  }
  
  .social-share-oval {
    margin-bottom: 5px;
  }
  
  .social-share-oval li {
    display: inline-block;
    position: relative;
  }
  
  .social-share-oval li a{
    display: inline-block;
    width: 69px;
    height: 28px;
    background: #FFFFFF;
    border: 0.5px solid #DADDE7;
    border-radius: 25px;
  }
  
  .social-share-oval li.twitter a{
    width: 73px;
  }
  .social-share-oval li a > div{
    float: left;
  }
  
  .social-share-oval li a > div.text {
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 25px;
    margin-left: 3px;
    -webkit-transition-property: all;
    -webkit-transition-duration: .5s;
  }
  
  .social-share-oval li.facebook a > div.text {
    color: #3C5B97;
  }
  
  .social-share-oval li.twitter a > div.text {
    color: #2AA3EF;
  }
  
  .social-share-oval li.email a > div.text {
    color: #FF3D00;
  }
  
  .social-share-oval li a .circle{
    width: 24px;
    height: 24px;
    border-radius:50%;
    margin-left: 1px;
    margin-top: 1px;
    position: relative;  
  }
  
  
  .social-share-oval li.facebook a .circle{
    background: #3D5A96;
    padding-left: 9px;
    padding-top: 7px;
  }
  
  .social-share-oval li.twitter a .circle{
    background: #2AA3EF;
    padding-left: 7px;
    padding-top: 8px;
  }
  
  .social-share-oval li.email a .circle{
    background: #FF3D00;
    padding-left: 7px;
    padding-top: 8px;
  }
  
  .social-share-oval li:hover .circle{
    display: none;
  }
  
  .social-share-oval li:hover .text{
      color: #fff !important;
      text-align: center;
      width: 100%;
      margin-left: 0;    
  }
  
  .social-share-oval li.facebook:hover a{
    background: #3D5A96;
    border: 0.5px solid #3D5A96;
  }
  
  .social-share-oval li.twitter:hover a{
    background: #2AA3EF;
    border: 0.5px solid #2AA3EF;
  }
  
  .social-share-oval li.email:hover a{
    background: #FF3D00;
    border: 0.5px solid #FF3D00;
  }
  
  .toggle-arrow {
    cursor: pointer;
  }
  
  .simple-product-detail .rating {
    
    position: relative;
    z-index: 4;
  }
  
  .simple-product-detail .rating .fa-stack {
    font-size: 8px;
  }
  .rating .fa-star{
    font-size: 13.33px !important;
  }
  .simple-product-detail .rating a {
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 500;
    font-size: 12px;  
    text-decoration-line: underline;
    color: #77797C;
    position: relative;
    top: -2px;
    right: -1px;
    left: 7px;
  }
  .toggle-content {
              display: none;
          }
  
  .simple-product-detail ul li.product-code {
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #9C9DA0;
  }
  
  .product-description{
    margin: 24px 0 !important;
  }
  .product-description,
  .product-description p {
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 400;
  font-size: 14px;
    line-height: 18px;  
    color: #54565A;
    word-wrap: break-word;
  }
  .product-description a{
    color: #FCD464;
    text-decoration: underline;
  }
  
  .product_entry_qty {
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 21px;
    position: absolute;
    left: 20px;
    top: 10px;
    color: #fff;
    text-transform: uppercase;
  }
  
  #product .form-group > .row {
    margin-right: 0;
    margin-left: 0;
  }
  
  #product .form-group .row > div {
    padding: 0;
  }
  
  #product .form-group input {
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 21px;
    padding-left: 60px;
    background: #54565A;
    border-radius: 25px 0 0 25px;
    color: #fff;
    border-color: #54565A;
    border-right-color: #fff;
  }
  
  #product .form-group button {
    background: #54565A;
    border-radius: 0 25px 25px 0;
    border-left: 1px solid #fff;
  }

  .dropdown-toggle{
    background: white!important;
  }
  .price-arrow {
    position: absolute;
    top: -3px;
    right: 22px;
    
  }
  
  .price-arrow i {
      font-size: 11px;
      cursor: pointer;
      color: #fff;
      padding-top: 6px;
      position: absolute;
  }
  .a-chevron-up-arrow{
    font-size: 12px; /* Adjust the size as needed */
    margin-top: 5px;
  }
  .a-chevron-down-arrow{
    font-size: 12px; /* Adjust the size as needed */
    margin-top: -4px;
  }
  
  #buy-now{
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 21px;
    color: #54565A;
    border: 1px solid #54565A;
    background: #fff !important;
    border-radius: 25px;
    margin-top: -8px
  }
  #bookCustomizerChaptersData{
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 16px !important;
    line-height: 21px;
    color: #54565A;
    box-shadow: 0px 0px 5px 0px #A6ABBD99 !important;
    background: #fff !important;
    border-radius: 10px !important;
    margin-top: -1px;
    font-family: 'DM Sans';
    letter-spacing: 0em;
    text-align: center;
    margin-bottom: 28px;
  }
  
  .product-detail-c {
    margin-top: 15px;
  }
  
  .product-detail-c legend > img {
    float: right;
  }
  .toggle-arrow.collapsed{
    -webkit-transition: -webkit-transform .3s ease-in-out; /* Chrome < 26, Safari < 7 */
     -moz-transition:    -moz-transform .3s ease-in-out; /* Firefox < 16 */
       -o-transition:      -o-transform .3s ease-in-out; /* Opera < 12.10 */
          transition: -webkit-transform .3s ease-in-out; /* Chrome 26-35, Safari, Opera 15-23 */
          transition:         transform .3s ease-in-out; /* IE10+, Firefox 16+, Chrome 36+, Opera 12.10 */
  
   -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
       -ms-transform: rotate(0deg); /* Only for graceful degradation in IE9, cannot be transitioned */
        -o-transform: rotate(0deg);
           transform: rotate(0deg);
  }
  .toggle-arrow:not(.collapsed){
    -webkit-transition: -webkit-transform .3s ease-in-out; /* Chrome < 26, Safari < 7 */
     -moz-transition:    -moz-transform .3s ease-in-out; /* Firefox < 16 */
       -o-transition:      -o-transform .3s ease-in-out; /* Opera < 12.10 */
          transition: -webkit-transform .3s ease-in-out; /* Chrome 26-35, Safari, Opera 15-23 */
          transition:         transform .3s ease-in-out; /* IE10+, Firefox 16+, Chrome 36+, Opera 12.10 */
  
   -webkit-transform: rotate(225deg);
      -moz-transform: rotate(225deg);
       -ms-transform: rotate(225deg); /* Only for graceful degradation in IE9, cannot be transitioned */
        -o-transform: rotate(225deg);
           transform: rotate(225deg);
  }
  
  .product-detail-c legend{
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 21px;
    color: #54565A;
    border-top: 0.75px solid #9C9DA0;
    border-bottom-width: 0;  
    padding-top: 15px;
    padding-left: 10px;
  }
  
  .product-detail-c h3 {
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 29px;
    color: #54565A;
    margin-top: 4px;
  }
  
  .product-detail-c fieldset p {
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #54565A;
  }
  
  .product-detail-c fieldset:last-child{
    border-bottom: 0.75px solid #9C9DA0;
  }
  
  
  #product-specs-table thead {
    background: #77797C;  
  }
  
  #product-specs-table thead td{
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
    color: #FFFFFF;
    padding-left: 20px;
  }
  
  #product-specs-table tbody td{
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #54565A;
  }
  
  .product-banners {
    margin: 20px 0;
  }
  
  .product-banners > div {  
    padding-right: 0;
  }
  
  .product-banners img{
    border-radius: 10px;
  }
  
  .banner-img-2 {
    padding-bottom: 15px;
  }
  .first-box {
    padding-bottom: 10px;
  }
  .second-box {
    padding-bottom: 10px;
  }
  
  .you-may-also {
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 72px;
    line-height: 82px;  
    color: #FFFFFF;
    background: #FCD464;
    border-radius: 10px 0px 0px 10px;
    text-align: center;
    padding: 78px 0;
    text-align: left;
    padding-left: 40px !important;
  }
  
  #you-may-also-like .col-lg-4{
    padding-right: 0;
  }
  
  #you-may-also-like .col-lg-8{
    padding-left: 0;
  }
  
  #you-may-also-like .col-lg-8 img {
    border-radius: 0px 10px 0px 0px;
  }
  
  .you-may-footer,
  .you-may-footer a{
    background: #F7F5F4;
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 12px;
    color: #54565A;
    border-radius: 0px 0px 10px 0px;
    margin-right:15px;
    
  }
  
  .you-may-footer {
    padding: 33px 30px;
    
    
  }
  #single_review{ 
    word-wrap: break-word; 
  }
  
  .you-may-footer a {
    float: right;
  }
  
  #rating-and-reviews {
    text-align: center;
  }
  
  #rating-and-reviews img {
    margin: 0 auto;
  }
  
  #rating-and-reviews h5 {
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20.83px;
    text-align: center;
    color: #111112;
    
  }
  #rating-and-reviews > div:not(:last-child){
    padding-right: 0;
  }
  
  #rating-and-reviews > div{
    padding-left: 8px;
  }
  
  #rating-and-reviews > div.first-box{
    padding-left: 15px !important;
  }
  
  #rating-and-reviews > div.second-box img{
    margin-top: 8px !important;
  }
  
  #rating-and-reviews .rating-box {
    background: #F7F5F4;
    border-radius: 10px;
    padding: 50px 0;
    min-height: 165px;
    text-align: center !important;
  }
  
  #rating-and-reviews h2 {
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 500;
    font-size: 36px;
    line-height: 47px;
    color: #54565A;
  }
  
  .rar-box {
    margin-top: 15px;
    border-bottom: 0.75px solid #9C9DA0;
    padding-bottom: 20px;
    margin-left: 0;
    margin-right: 0;
  }
  
  .row.rar-box > div {
    padding-left: 0;
    padding-right: 0;
  }
  
  .rar-box .rar-title{
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 21px;
    color: #54565A;
    padding-right: 50px !important;
    word-wrap: break-word; 
  }
  
  .rar-box ul li {
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #54565A;
    margin: 5px 0;
  }
  
  .rar-box ul li strong {
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    color: #54565A;
  }
  .rar-detail {
    margin-bottom: 15px;
  }
  
  .rar-detail img {
    float: left;
  }
  
  .rar-detail .rar-date {
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #54565A;
    float: right;
  }
  
  .rar-box .rar-d-title {
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 500;
    font-size: 22px;
    line-height: 29px;
    color: #54565A;
    margin-bottom: 15px;
  }
  
  .rar-box p {
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #54565A;
    word-wrap: break-word;
  }
  
  .clearfix::after {
    content: "";
    clear: both;
    display: table;
  }
  
  #leave-review {
    text-align: center;
    margin-top: 15px;
  }
  
  #leave-review img{
    display: inline-block;
  }
  
  #leave-review > a{
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 21px;
    color: #54565A;
    border: 0.75px solid #9C9DA0;  
    padding: 10px 8px;
    display: inline-block;
    border-radius: 5px;
  }
  
  #leave-review ul {
    margin-top: 15px;
  }
  
  #leave-review ul li{
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 23px;
    color: #54565A;
    display: inline-block;
    margin: 0 3px;
  }
  
  #leave-review ul li i{
    color: #54565A;
  }
  
  #leave-review ul li:first-child i{
    color: #9C9DA0;
  } 
  
  #recent-reviewed {
    background: #F7F5F4;
    padding: 25px 0;
    margin: 25px 0;
    
  }
  
  #recent-reviewed > h2 {
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 500;
    font-size: 36px;
    line-height: 47px;
    color: #54565A;
    text-align: center;
    margin: 15px 0 20px 0;
  }
  
  
  .mdpocket-rewards{
    background-image: url(/catalog/view/theme/foxx/image/rewards_bg.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: bottom;
    border-radius: 10px;
    margin-top: 25px;
    padding: 15px;
    
  }
  #y-Subscription{
   margin-right: 5px;
  }
  #m-Subscription{
   margin-right: 5px;
  }
  div[id^="chapterRow-"] {
    cursor: move;
    padding-left: 29px !important;
  }
  
  @media(min-width:1200px) {
    .guides-bundle-header {
      width: 40% !important;
    }
  
    .customize-book-heading {
      width: 60% !important;
    }
    .desktop-svg-img{
      display: unset !important;
    }
  }
  @media (max-width: 1199px){
    .headerline .container .head-po {
    padding: 0 !important;
  }
  }
  
  @media (max-width: 767px) {
  
  .sideimg {
  
    width: 70px;
    height: 70px;
    overflow: hidden;
  
  }
 
  
  .full-screen-img > span {
    padding: 24px !important;
  }
  
  #reviews_container {
    padding-inline: 24px !important;
  }
  
  .list-unstyled {
    margin-bottom: 16px !important;
  }
  
  .rar-box .rar-d-title {
    margin-bottom: 16px !important;
    font-size: 16px !important;
    line-height: 20px !important;
  }
  
  .rar-box p {
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 0 !important;
  }
  
  .rar-box .rar-title {
    margin-bottom: 8px;
  }
  
  .rar-box {
    padding-bottom: 16px;
  }
  
  .fa-star:before {
    font-size: 16px !important;
  }
  
  .rar-detail .rar-date {
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
  }
  
  .remove-padding {
    padding-inline: 0 !important;
  }
  .rar-box ul li {
    font-size: 12px;
    line-height: 16px;
    margin: 0 !important;
  }
  
  #product-product {
    padding-inline: 0 !important;
  }
  .mdpocket-rewards {
    margin-top:13;
    margin-bottom:0;
    
    background-size: cover;
    background-position: center;
    
  }
  
  .product-detail-section {
    padding-inline: 0 !important;
  }
  .product-detail-c {
    margin-top: 0px;
    padding-top: 0px;
    padding-left: 7px;
    padding-right: 7px;
  }
  .ful-wid{
    padding-left:0px !important;
    padding-right:0px !important;
  }
  #content {
    padding-left:0px !important;
    padding-right:0px !important;
  }
  h2 {
    margin: 0;
  }
  h3 {
  
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .product-banners {
  
    padding-left: 7px;
    padding-right: 7px;
    padding-bottom: 1px;
  
  }
  #recent-reviewed{
    margin-top:0;
  }
  
  #product-desc1 h1{
    
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 400 !important;
    font-size: 14px;
    line-height: 18px;
    color: #54565A;
    font-weight: normal; 
    
  }
  #product-desc1 h1 strong{
    font-weight: normal !important;
  }
  
  
  .by-now-button{
    margin-top:0;
  
  }
  
  .mobile-view-only {
    display: none;
  }
  #hamburger-menu{
    border: 0;
    display: unset !important;
    max-width: unset;
  }
  .row{
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .owl-item{
    width: 185px !important;
    left: -16px;
  }
  }
  .mdpocket-rewards .points-detail{
    float: left;
  }
  
  .mdpocket-rewards .points-detail > div {
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 500;
    font-size: 22px;
    line-height: 29px;
    color: #FFFFFF;
  }
  
  .mdpocket-rewards .points-detail p,
  .mdpocket-rewards .points-detail p a{
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;  
    color: #FFFFFF;
    margin-bottom: 0;
  }
  
  .mdpocket-rewards .points-detail a{
    color: #FCD464 !important;
  }
  
  .mdpocket-rewards .points{
    float: right;
    margin-top: 4px !important;
  }
  
  .mdpocket-rewards .points .point{
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 28px;
    line-height: 36px;
    color: #FFFFFF;
  }
  
  .mdpocket-rewards .points .text{
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    color: #FFFFFF;
  }
  .hospital_details_list{
    padding: 0;
    padding-bottom: 0px;
    padding-bottom: 24px;
  }
  .favorite-recent-view{
  height: 32px;
  background: #FFFFFF;
  box-shadow: 0px 0px 5px rgba(166, 171, 189, 0.6);
  border-radius: 25px;
  padding: 5px 0 5px 8px;
  position: absolute;
  z-index: 1;
  right: 21px;
  top: 21px;
  }
  .text-with-image {
    display: inline-flex;
    align-items: center;
    color:black;
    font-size:12px !important;
  }
  .text-with-image img {
      margin-left: 2px;
      width :14px;
      height :14px;
      padding-right: 6px;
  }
  
  .favorite{
    min-width: 56px;
    height: 32px;
    background: #FFFFFF;
    box-shadow: 0px 0px 5px rgba(166, 171, 189, 0.6);
    border-radius: 25px;
    padding: 5px 9px 5px 9px;
    position: absolute;
    z-index: 1;
    right: 69px;
    top: 48px;
    text-align: center;
  }
  
  .favorite > span{
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #54565A;
  }
  
  .favorite > span,
  .favorite > img {
    display: inline-block;
  }
  
  #recent-reviewed.you-may-also-like {
    display: none;
  }
  .option {
      display: inline-block;
      padding: 13px;
      cursor: pointer;
      font-size: 12px;
      line-height: 3px;
      height: 31px;
    border: 1px solid rgba(169, 169, 169, 0.25);
      min-width: 17px;
      margin: 2px 0 0 0;
      margin-left: 5px !important;
      margin-right: 5px !important;
      margin-top: 7px;
    box-shadow: 0px 3px 3px rgba(155, 155, 155, 0.5);
    border-radius: 25px;
  }
  .clipboard-button{
  
      padding: 8px;
      width: 199.5px;
      height: 53px;
      background: #FFFFFF !important;
      border:none;
      box-shadow: 0px 0px 5px rgba(166, 171, 189, 0.6);
      border-radius: 10px !important;
      flex: none;
      order: 0;
      color: #54565A !important;
      flex-grow: 1;
      padding-left: 0 !important;
      font-family: 'DM Sans';
      font-style: normal;
      font-weight: 700;
      font-size: 16px;
      line-height: 21px;
      align-items: center;
      text-align: center;
  
  
  }
  .color-picker-box{
    width: 100%;
  
    border-radius: 20px;
    padding: 14px !important;
  }
  .span-color-box{
    display: block;
    font-style: normal;
    font-weight: 500 !important;
    font-size: 12px !important;
    word-break: keep-all !important;
    text-align: center !important;
    position: unset !important;
    color: #54565A !important;
    text-transform: unset !important;
  }
  .span-color-box4{
    display: block;
    padding: 0 20px !important;
    margin: 0 !important;
    font-style: normal;
    font-weight: 500 !important;
    font-size: 12px !important;
    word-break: keep-all !important;
    text-align: center !important;
    position: unset !important;
    color: #fff !important;
    text-transform: unset !important;
  }
  .col-md-color-picker{
    padding-top: 15px !important;
  
  }
  .clip-buttons-box{
    padding: 29px;
    padding-top: 31px;
    padding-bottom: 31px;
    border: 2px #d02a2a;
    padding-top: 15px;
    padding-bottom: 17px;
    border: 2px solid #F0E9FF;
    margin-top: 15px;
    border-radius: 10px;
  
  }
  .clipboard-button-inneroption{
  
    justify-content: center !important;
    align-items: center !important;
    padding: 8px;
    width: 118px;
    height: 53px;
    background: #FFFFFF !important;
    box-shadow: 0px 0px 5px rgba(166, 171, 189, 0.6);
    border-radius: 10px !important;
    border: 0 !important;
    flex: none;
    order: 0;
    flex-grow: 1;
    margin-right: 6px;
    font-family: 'DM Sans';
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 21px;
  align-items: center;
  text-align: center;
  
  color: #54565A;
  }
  .clipboard-button-Standardoption{
    display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 8px;
  
  width: 100%;
  height: 51px;
  background: #FFFFFF !important;
  box-shadow: 0px 0px 5px rgba(166, 171, 189, 0.6);
  border-radius: 10px !important;
  border-left: 0px solid #fff !important;
  border-right: navajowhite;
  border-bottom: none;
  border-top:none;
  flex: none;
  order: 2;
  align-self: stretch;
  flex-grow: 1;
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 21px;
  
  align-items: center;
  text-align: center;
  
  color: #54565A;
  }
  
  .clipboard-mage-centre{
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-top: 13px;
  }
  #full-width-search-md .insp-search{
    border: none !important;
  }
  .clipboard-mage-centre-Clipboard-Hanger{
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-top: 13px;
  }
  .hanger-color-option{
    padding-left: 42px !important;
    width: 50%;
    padding-top: 10px !important;
    padding-bottom: 13px !important;
  }
  #picker{
    padding-left: 23px !important;
  
    padding-bottom: 12px !important;
    padding-top: 4px !important;
  }
  .color-cliped-image{
    padding-top: 13px !important;
    padding-left: 18px;
  }
  .quality-buttons-images{
  
      padding-left: 27px !important;
      
      padding-top: 27px !important;
      padding-right: 12px !important;
  
  }
  
    .quality-selection {
      font-family: 'DM Sans' !important;
      font-style: normal !important;
      font-weight: 402 !important;
      font-size: 13px !important;
      line-height: 18px !important;
      display: flex;
      align-items: center !important;
      color: #54565A !important;
      margin-left: 33px !important;
    margin-top: 171px;
      text-transform: unset !important;
  }
  .addborder_to_buttons{
    border: 2px solid #9362FF !important;
  }
  .option:hover{
    border: 1px solid #D1BCFF !important;
    
  }
  @media (min-width: 768px){
    .rating .fa-star-o {
    font-size: 15px;
    padding-top: 1px !important;
    }
   
    .product-detail-c h3{
      font-weight: 500;
      font-size: 20px !important;
    }
  }
  
  @media (min-width: 1470px) {
    .container {
      width: 1440px;
    }
    .you-may-also{
      padding: 100px 0;
    }
  }
  
  @media (min-width: 1410px) {
    .you-may-also{
      padding: 106px 0;
    }
  }
  
  @media (max-width: 1409px) {
    .you-may-also{
      font-size: 54px;
      line-height: 64px;
      padding: 94px 0;
    }
  }
  
  @media (max-width: 1199px) {
    .you-may-also {
      font-size: 46px;
      line-height: 56px;
      padding: 80px 0;
    }
  }
  
  @media (min-width:768px) and (max-width: 1024px) {
    .main-view-page{
      display: table;
    }
  
    
    .thumbnails {
      display: table-footer-group;
    }
    .full-screen-img {
      display: table-header-group;
    }
    .sideimg{
      margin: 0;
      float: left;
      margin-top: 15px;
      width: calc(25% - 10px);
      margin-right: 13px;
    }
    .sideimg:last-child{    
      margin-right: 0;
    }
    .sideimg a img {    
      width: 80px;
      height: 80px;
    }
    .container {
      width: 100%;
    }
    #content > .row > .col-sm-7,
    #content > .row > .col-sm-5 {
      width: 50%;
    }
    .main-view-page {
      padding: 15px;
    }
  
    .simple-product-detail {
      padding-top: 0;
    }
  
    .product-description {
      margin: 15px 0 !important;
    }
    #content > .row > .col-sm-7{
      padding-left: 0;
    }
    .product-detail-c {
      padding-left: 15px;
      width: 209.7%;
    }
    .row.product-banners {
      width: 204%;
    }
    .product-banners > div {
      width: 50%;
    }
    #you-may-also-like {
      display: none;
    }
    #rating-and-reviews > div.first-box {
      padding-left: 0 !important;
    }
     #rating-and-reviews > div.third-box{
      padding-right: 0 !important;
    }
    #rating-and-reviews .rating-box{
      padding: 40px 0;
      min-height: 146px;
    }
    #recent-reviewed.you-may-also-like {
      display: block;
    }
    .product-banners img {
      width: 100%;
    }
  }
  
  @media (max-width: 920px) {
    .main-view-page {
      padding: 15% 15px;
    }
  }
  @media (max-width: 820px) {
    .main-view-page {
      padding: 22% 15px;
    }
  }
  
  @media (max-width: 768px) {
    #product .form-group .row > div.col-xs-3{
      width: 33%;
    }
  
    #product .form-group .row > div.col-xs-9{
      width: 67%;
    }
  }
  .banner-mobile-1,
  .banner-mobile-2,
  .banner-mobile-3,
  .pdc,
  .pb,
  .simple-product-detail-mobile,
  .prod-desc-mob {
    display: none;
  }
  
    @media (max-width: 767px) {
        .right-sticky-panel{
    
        padding-right: 7px;
        padding-left: 7px;
    
        }
        .hide-for-mobile-view { 
        display:none;
        }
    
        .mobile-view-only {
        display: block;
        margin-top: 31px !important;
        margin-bottom: 108px !important;
        }
    
        #you-may-also-like {
        display: none;
        }
        #recent-reviewed.you-may-also-like {
        display: block;
        }
    
        .simple-product-detail {
        padding-inline: 24px !important
        }
    
        .product-description {
        width: auto !important;
        }
    
        .inner-box {
        overflow: hidden;
        }
    
        #recent-reviewed.you-may-also-like {
        padding: 40px !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
        }
    
        #recent-reviewed > h2 {
        margin-bottom: 24px !important;
        margin-top: 0 !important;
        }
    
        #recent-reviewed {
        padding: 40px !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
        }
    
        .simple-product-detail h1{
        font-family: 'DM Sans';
        font-size: 18px;
        font-weight: 500;
        line-height: 23px;
        letter-spacing: -0.005em;
        text-align: left;
        }
    
        .sideimg a img {
        width: 64px !important;
        height: 64px;
        }
    
        .simple-product-detail ul li.price h2 {
        font-family: 'DM Sans';
        font-size: 18px;
        font-weight: 500;
        line-height: 23px;
        letter-spacing: -0.005em;
        text-align: left;
        }
    
        .main-view-page{
        display: table;
        padding: 0px;  
        }
    
        #product #bookCustomizerChaptersData {
        font-size: 14px !important;
        line-height: 18.23px;
        font-weight: 700;
        margin-bottom: 16px;
        padding: 8px 16px;
        }
    
        #button-cart {
        font-size: 14px !important;
        line-height: 18.23px !important;
        padding-block: 12px;
        }
    
        .product_entry_qty {
        font-size: 14px;
        line-height: 18.23px !important;
        }
    
        #product .form-group input {
        font-size: 14px;
        line-height: 18.23px !important;
        }
    
        .form-control {
        height: 42px;
        }
    
        .pb {
        padding-inline: 24px !important;
        }
    
        .product-banners {
        padding-inline: 0 !important;
        }
    
        mdpocket-rewards clearfix {
        padding: 16px !important; 
        }
    
        #recent-reviewed {
        background-color: #F7F5F4 !important;
        }
    
        #recent-reviewed > h2 {
        font-size: 18px;
        line-height: 23px;
        }
    
        .first-box,
        .second-box,
        .third-box {
        padding-inline: 24px !important;
        }
    
        .padding-remove {
        padding: 0 !important;
        }
    
        .rating-box {
        min-height: unset !important;
        padding-block: 21.17px !important;
        }
    
        .product-detail-c {
        padding-inline: 24px !important;
        margin-inline: 0 !important;
        }
    
        .product-detail-c h3 {
        font-size: 16px !important;
        font-weight: 400 !important;
        line-height: 21px !important;
        }
    
        .product-detail-c legend {
        font-size: 12px !important;
        line-height: 15.62px !important;
        }
    
        #product-desc {
        font-size: 12px !important;
        line-height: 15.62px !important;
        }
    
        #recent-reviewed {
        margin-top: 16px;
        }
    
        .rating-box h5 {
        font-size: 16px;
        line-height: 20.83px;
        font-weight: 400;
        margin-bottom: 0 !important;
        margin-top: 16px !important;
        }
    
        #rating-and-reviews>h2 {
        font-size: 18px !important;
        line-height: 23px !important;
        }
    
        .product-banners > div img {
        margin-bottom: 16px !important;
        }
    
        .mdpocket-rewards .points-detail {
        width: 80%;
    }
    
        .rating .fa-star {
        color: #FED976 !important;
        }
    
        .form-group {
        margin-bottom: 0 !important;
        }
    
        .mdpocket-rewards {
        margin-top: 16px;
        }
    
        .thumbnails {
        display: flex !important;
        justify-content: space-between;
        padding: 24px !important;
        margin-right: 0;
        }
    
        #buy-now {
        margin-top: 8px;
        font-size: 14px;
        }
    
        .right-sticky-panel {
        padding-inline: 0 !important;
        }
    
        .sideimg {
        margin: 0 !important;
        }
    
        .full-screen-img > span {
        background-color: #ffff;
        padding-block: 16px
        }
    
        .favorite {
        right:30px;
        top: 25px;
        }
        .thumbnails {
        display: table-footer-group;
        
        }
        .main-view-page .thumbnails {
          overflow-y: scroll;
           height: 0px;
          width: 167px;
          -ms-overflow-style: none;
          scrollbar-width: none;
          overflow: scroll;
      }
        .full-screen-img {
        display: table-header-group;
        }
        .sideimg{
        margin: 0;
        float: left;
        margin-top: 15px;
        width: calc(25% - 10px);
        margin-right: 13px;
        }
        .sideimg:last-child{    
        margin-right: 0;
        }
        .sideimg a img {    
        width: 100%;
        }
        .main-view-page,.full-screen-img > span,.full-screen-img > span img{
        width: -webkit-fill-available;
        }

        img[data-ciopsrc] {
          height: 305px!important;
         
      }
      
        .product-banners > div {  
        padding-left: 0;
        }
        .banner-img-1,
        .banner-img-2,
        .banner-img-3{
        display: none;
        }
        .banner-mobile-1,
        .banner-mobile-2,
        .banner-mobile-3{
        display: block;
        width: 100%;
        }
        .product-banners > div img {
        margin-bottom: 20px;
        }
        .product-banners > div img.banner-mobile-3 {
        margin-bottom: 0;
        }
        #rating-and-reviews > div.first-box {
        padding-left: 0 !important;
        }
        #rating-and-reviews > div {
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 16px;
        }
        #rating-and-reviews > div.third-box {
        margin-bottom: 0;
        }
        /*#content > .row {
        display: flex;
        flex-flow: row wrap;
        }
        #content > .row > .col-sm-7{
        order: 2;
        }
        #content > .row > .col-sm-5{
        order: 1;
        }*/
        #recent-reviewed .owl-item .inner-box{
        margin: 0;
        
        }
    
        
        .owl-bg-color{
        background: #F7F5F4;
        }
        #content .product-detail-c,
        #content .product-banners,
        .col-sm-5.simple-product-detail > .custom-breadcrumb,
        .col-sm-5.simple-product-detail > h1,
        .col-sm-5.simple-product-detail > .rating,
        .col-sm-5.simple-product-detail > .list-unstyled{
        display: none;
        }
        .pdc,
        .pb,
        .simple-product-detail-mobile {
        display: block;
        }
        .simple-product-detail{
        padding-top: 0;
        }
        #content > .row > .col-sm-7{
        padding-left: 0;
        padding-right: 0;
        }
        .simple-product-detail {
        padding: 50px 15px 0 15px;
        }
        .simple-product-detail{
        padding-top: 0;
        }
        .prod-desc{
        display: none;
        }
        .prod-desc-mob{
        display: block;
        }
        .mobthumbnails{
          display: flex;
          padding: 24px;
          flex-direction: row;
          justify-content: center;
          align-items: center;
          gap: 24px;
        }
        
    }
    @media (max-width: 480px) {
        .hide-for-mobile-view { 
        display: none;
        }
        #product .form-group .row > div.col-xs-9 {
        width: 75%;
        }
        #product .form-group .row > div.col-xs-3 {
        width: 25%;
        }
        #product-specs-table thead td{
        padding-left: 4px !important;
    
        }
    
    }
  
  @media (max-width: 480px) {
    .hide-for-mobile-view { 
      display: none;
    }
    #product .form-group .row > div.col-xs-9 {
      width: 70%;
    }
    #product .form-group .row > div.col-xs-3 {
      width: 30%;
    }
    .mdpocket-rewards{
      padding: 12px;
      padding-top: 10px;
    }
  
  }
  @media (max-width: 350px) {
    #hide-for-mobile-view { 
      display: none;
    }
    .mdpocket-rewards .points-detail > div{ 
      font-size: 16px;
      line-height: 24px;
    }
    .mdpocket-rewards .points-detail p, .mdpocket-rewards .points-detail p a{
      font-size: 10px;
      line-height: 16px;
    }
    .mdpocket-rewards .points .point{
      font-size: 20px;
      line-height: 28px;
    }
    .mdpocket-rewards .points .text{
      font-size: 12px;
      line-height: 14px;
    }
    #product .form-group .row > div.col-xs-9 {
      width: 65%;
    }
    #product .form-group .row > div.col-xs-3 {
      width: 35%;
    }
  }
  @media (max-width: 300px) {
    .hide-for-mobile-view { 
      display:none;
    }
    #product .form-group .row > div.col-xs-9 {
      width: 60%;
    }
    #product .form-group .row > div.col-xs-3 {
      width: 40%;
    }
  }
  .e-product-price-style .special-price-strike{
    text-decoration: line-through;
    color: #DE1306;
    margin-right: 8px;
    font-family: 'DM Sans';
    font-size: 22px;
    font-weight: 500;
    line-height: 29px;
    letter-spacing: 0em;
    text-align: left;
  }
  .title-e-product{
    margin-bottom: 10px;
    font-family: 'DM Sans';
    font-size: 16px;
    font-weight: 700;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: left;
  
  }
  .on-sale-tag{
      padding: 6px;
      background: #FDC7C4;
      border-radius: 5px;
      font-family: 'DM Sans';
      font-style: normal;
      font-weight: 500;
      font-size: 12px;
    color: #DE1306;
    margin-left: 8px;
    padding-top: 0;
    padding-bottom: 0;
  }
  
  .popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 9999;
  }
  .popup-content {
    background-color: #fff;
    width: 540px;
    height: 548px;
    margin: 100px auto;
    padding: 0;
    margin-top: 10px;
  }
  .reviewPopup-modal-header{
    width: 540px;
    height: 61px;
    padding: 16px 24px 16px 24px;
    box-shadow: 5px 5px 13px -2px #A6ABBD66;
    position: relative;
    z-index:9 !important;
    box-shadow: 2px 3px 7px 0px #A6ABBD66;
  }
  .reviewPopup-modal-header h4{
    font-family: 'DM Sans';
    font-size: 22px;
    font-weight: 500;
    line-height: 29px;
    letter-spacing: 0em;
    text-align: center;
    margin: 0;
  }
  .alert-custom{
      padding: 10px;
      border-radius: 0px;
      z-index: 9;
  }
  
  .drawer-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* background-color: rgba(0, 0, 0, 0.25); */
    z-index: 998;
  }
  
  .drawer {
    display: none;
    position: fixed;
    top: 0;
    right: 0px;
    width: 30.1%;
    height: 100%;
    background-color: #F7F5F4;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    transition: right 0.3s ease;
    z-index: 999;
  }
  
  .drawer.open {
    right: 0;
  }
  
  .drawer .close-button {
    padding: 0;
    background: none;
    border: none;
    font-size: 32px;
    cursor: pointer;
    color: #B7BFCB;
    opacity: 0.5;
    float: right;
    margin-top: 12px;
  }
  
  .drawer .close-button:hover {
    opacity: 1;
  }
    
  .drawer .drawer-content {
    position: relative;
    padding-inline: 33px;
  }
  
  .drawer .drawer-heading {
    font-weight: 500;
    font-size: 22px;
    line-height: 29px;
    font-size: 18px; 
    margin-bottom: 16px;
  }
  
  .drawer .product-item {
    display:flex;
    margin-bottom: 15px;
    line-height: 16px;
  }
  .drawer .product-image-container{
    width: 100px;
    height: 100px;
    background:#fff;
    margin-right:16px;
  }
  .drawer .product-image { 
    margin-right: 10px;
  }
  
  .drawer .product-title { 
    margin-bottom: 5px;
    font-weight: 500;
    font-size: 16px;
  }
  
  .drawer .product-price {
    margin-bottom: 5px;
    font-size: 14px;
  }
  .product-quantity{
    font-weight: 400;
    font-size: 10px;
    line-height: 13px;
  }
  .drawer .product-rating {
    margin-top: 5px;
  }
  
  .drawer .horizontal-line {
    border-top: 1px solid #ccc;
    margin: 16px 0;
  }
  
  .drawer .total-label {
    font-weight: bold;
    margin-bottom: 10px;
  }
  
  .drawer .total-value {
    font-weight: bold;
  }
  
  .drawer .checkout-button {
    margin-top: 20px;
    width: 100%;
  }
  
  .drawer .modify-cart {
    text-align: center;
    text-decoration: underline;
    margin-top: 10px;
  }
  #column-right {
    width:100% !important;
  }
  .rating .fa-star{
    color: #FFEBBB ;
  }
  .checked {
    color: #FED976 !important;
  }
  .review_pagi_button{
    border:unset;
    background:unset;
  }
  
   .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999; /* Set a high z-index to ensure the overlay appears on top */
    display:none;
  }
  
  
  .loader {
    border: 4px solid #f3f3f3; /* Border color of the loader */
    border-top: 4px solid #3498db; /* Color of the loader */
    border-radius: 50%;
    width: 50px; /* Width of the loader */
    height: 50px; /* Height of the loader */
    animation: spin 1s linear infinite; /* Animation properties */
    margin: 0 auto; /* Center the loader */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  
  @keyframes spin {
    0% {
      transform: rotate(0deg); /* Starting rotation */
    }
    100% {
      transform: rotate(360deg); /* Ending rotation */
    }
  }
  #rar-list{
   position :relative;
  }
  #rating-and-reviews>h2{
    margin-bottom: 16px;
  }
  .total-label{
    display: inline-block;
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
    color: #54565A;
  }
  .total-value{
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 500;
    font-size: 22px;
    display: inline-block;
    color: #54565A;
    float: right;
  }
  .right-sticky-panel {
    position: relative;
    bottom:0px;
    z-index: 5;
  
    
  }
  #recent-reviewed h4 {
    margin: 15px 0 0 0;
  }
  
  #recent-reviewed h4,
  #recent-reviewed .price{
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    color: #111112;
  }
  
  #recent-reviewed .price{
    font-weight: 400 !important;
    margin: 5px 0;
  }
  
  #recent-reviewed .owl-item .inner-box {
    background: #ffffff;
    margin: 0 10%;
     height: 290px;
  }
  
  
  
  #recent-reviewed .owl-item .inner-box .rating-stars {
    width: auto;
  }
  #pr-stars {
    padding :15px;
  }
  /* Recently view product overlay */
  .overlay-rec-v-container {
    position: relative;
    width: 100%;
    padding: 15px;
  }
  
  .overlay-rec-v {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #EAE2DE;
    overflow: hidden;
    width: 100%;
    height: 0;
    transition: .5s ease;
  }
  
  #recent-reviewed .overlay-rec-v-container:hover .overlay-rec-v {
    height: 21%;
    
  }
  
  #recent-reviewed .overlay-rec-v-container:hover .favorite-recent-view  {
    display: block;
  }
  
  
  .overlay-text {
    color: black;
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
  }
  
  /* Slideshow container */
  .slideshow-container {
    max-width: 1000px;
    position: relative;
    margin: auto;
    justify-content: center;
    align-items: center;
    display: flex;
  }
  
  /* Caption text */
  .text1 {
    color: #f2f2f2;
    font-size: 15px;
    padding: 8px 12px;
    position: absolute;
    bottom: 8px;
    width: 100%;
    text-align: center;
  }
  
  /* Number text (1/3 etc) */
  .numbertext {
    color: #f2f2f2;
    font-size: 12px;
    padding: 8px 12px;
    position: absolute;
    top: 0;
  }
  
  /* The dots/bullets/indicators */
  .dot {
    height: 15px;
    width: 15px;
    margin: 0 2px;
    /* background-color: #bbb; */
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
  }
  
 
  
  /* Fading animation */
  .fade {
    animation-name: fade;
    animation-duration: 1.5s;
  }
  
  @media(max-width: 1020px){
    #recent-rev-footer{
      padding-left: 0px !important;
      padding-right: 0px !important;
    }
  }
  
  
  
  @media(min-width: 1024px){
   
    #you-may-also-like{
      padding-left: 75px !important;
      padding-right: 90px !important;
    }
    #rating-and-reviews{
      padding-left: 53px !important;
      padding-right: 90px !important;
    }
    .qty-button{
      width: 29% !important;
    }
    .qty-button-add-to-cart{
      width: 71% !important;
      height:0;
    }
    #recent-rev-footer{
     
     padding-left:75px !important;
     padding-right:100px !important;
   
   }
  }
  
  .programe-book-feature {
      display: inherit !important;
  }
  
  .programe-book-feature-m-b-0 {
      margin-bottom:0 !important;
  }
  #my_acc_nav_menu .programe-book-feature a {
      padding-left: 12px;
      padding-right: 13px;
  }
  .top-margin-customer {
      margin-bottom: 0;
  }
  .programe-book-feature .link-p-b-f {
      display: inline-block;
      padding: 0 !important;
  }
  @media only screen and (max-width: 300px) {
    .text {font-size: 11px}
  }



.reviewPopup-footer{
      width: 540px !important;
      height: 80px;
      padding: 16px 24px 16px 24px;
      gap: 10px;
      background: #FFFFFF !important;
  }
  #propage-tab-customizer{
      display: none;
  }
  .saveCustomerBooks{
      border-radius: 25px;
      background: #fff none repeat scroll 0 0 !important;
      color: #54565A;
      opacity: 1 !important;
      position: inherit;
      box-shadow: 2px 3px 7px 3px #A6ABBD66;
      margin-top: 5%;
      min-width: 198px;
      
  }
  
  #saveCustomerBook:hover{
      background: #FFEBBB none repeat scroll 0 0 !important;
      
  }
  #quoteCustomerBook:hover{
      background: #FFEBBB none repeat scroll 0 0 !important;
      
  }
  #left, #right, #right_mobile {
    background-color: #F7F5F4 !important;
  }
  
  #y-Subscription{
   margin-right: 5px;
  }
  #m-Subscription{
   margin-right: 5px;
  }
  .guides-bundle-header{
      padding-right: 19px !important;
  }
  
  .switch, 
  .switch2 {
      position: relative;
      display: inline-block;
      width: 100px;
      height: 44px;
  }
  
  .switch input, 
  .switch2 input { 
    opacity: 0;
    width: 0;
    height: 0;
  }
  
  .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #D1BCFF;
    -webkit-transition: .4s;
    transition: .4s;
  }
  
  .slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 9px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
  }
  .slider.beforeslide:before {
      left: unset;
      right: 30px;
  }
  input:checked + .slider {
    background-color: #000000;
  }
  
  input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
  }
  
  input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
  }
  
  /* Rounded sliders */
  .slider.round {
    border-radius: 34px;
  }
  
  .slider.round:before {
    border-radius: 50%;
  }
  span.switch-label {
      color: #fff;
      z-index: 1;
      position: relative;
      font-size: 10px;
      width: 66px;
      display: inline-block;
      padding-right: 15px;
      line-height: 10px;
      padding-top: 11px;
  }
  .switch2 span.switch-label{
      padding-right: 0;
      width: 75px;
      padding-left: 8px;
  }
  b, strong {
    font-weight: 500;
  }
  .slider-info-image{
      padding-left: 2px;
      padding-right: 11px;
      position: relative;
      top:5px;
      right: -3px;
      opacity: 1;
  }
  .bundle-guide-modal-h3{
     
      font-family: 'DM Sans';
      font-size: 28px;
      font-weight: 400;
      line-height: 36px;
      letter-spacing: 0em;
      margin-top: -7px;
  
  }
  .guides-yes-button{
      width: 40%;
      color: #fff;
      padding: 13px;
      border-radius: 3px;
      gap: 10px;
      height: 48px;
      font-family: 'DM Sans';
      font-size: 16px;
      font-weight: 700;
      line-height: 21px;
      letter-spacing: 0em;
      text-align: center;
      border: none !important;
      background: #acacac;
      pointer-events: none;

  
  }
  .accessories-left-column {
      flex: 1;
      display: flex;
      flex-direction: column;
      padding-bottom: 90;
  }
  
  .acc-guides-yes-button{
      
      background: #54565A;
      width: 30%;
      color: #fff;
      padding: 13px;
      border-radius: 3px;
      gap: 10px;
      height: 48px;
      background: #54565A;
      font-family: 'DM Sans';
      font-size: 16px;
      font-weight: 700;
      line-height: 21px;
      letter-spacing: 0em;
      text-align: center;
      border:none;
  
  }
  
  
  .guides-yes-button-thanks{
      width: Fixed (202px);
      height: 48px;
      margin-right: 9px;
      width: 40%;
      color: #54565A;
      font-family: 'DM Sans';
      font-size: 16px;
      font-weight: 700;
      line-height: 21px;
      letter-spacing: 0em;
      text-align: center;
      border-radius: 3px;
      padding: 13px;
      border: 0.75px solid #54565A;
      gap: 10px;
      background: #FFFFFF;
     
  
  }
  
  #accessories_cancel{
      width: Fixed (202px);
      height: 48px;
      margin-right: 9px;
      width: 30%;
      color: #54565A;
      font-family: 'DM Sans';
      font-size: 16px;
      font-weight: 700;
      line-height: 21px;
      letter-spacing: 0em;
      text-align: center;
      border-radius: 3px;
      padding: 13px;
      border: 0.75px solid #54565A;
      gap: 10px;
      background: #FFFFFF;
  
  
  }
  
  #priceValue { 
      padding-right:10px;
  }
  .y-Subscription{
      font-family: 'DM Sans';
      font-size: 18px;
      font-weight: 500;
      line-height: 23px;
      letter-spacing: -0.005em;
      text-align: left;
      position: relative;
      top: -4px;
      right: -5px;
  
  }
  .m-Subscription{
      font-family: 'DM Sans';
      font-size: 18px;
      font-weight: 500;
      line-height: 23px;
      letter-spacing: -0.005em;
      text-align: left;
      position: relative;
      top: -4px;
      right: -5px;
  
  }
  .Subscription-ebook{
      display: none;
  }
  .back-button{
      width: 20px;
      height: 20px;
      margin-top: 3px;
  }

 .back-button-popup{
  cursor: pointer;
  }
  
  .btn-back-text{
    
      font-family: 'DM Sans';
      font-size: 22px;
      font-weight: 500;
      line-height: 29px;
      letter-spacing: 0em;
      text-align: center;
      padding-left: 29px;
      position: relative;
  
  }
  .button-back-text{
    
    font-family: 'DM Sans';
    font-size: 22px;
    font-weight: 500;
    line-height: 29px;
    letter-spacing: 0em;
    text-align: center;
    padding-left: 29px;
    position: relative;
    top: -24px;
  
  }
  .fastor_product_popup-title-bundle{
      
      font-family: 'DM Sans';
      font-size: 22px;
      font-weight: 500;
      line-height: 29px;
      letter-spacing: 0em;
      padding-left: 11px;
  
  }
  .modal-body-guides-bundle-modal{
      background: #F7F5F4 !important;
  
  }
  .guides-bundle-image-customizer{
      width: 338.17px !important;
      height: 300px !important;
  }
  .guides-bundle-image-customizer img{
      width: 338.17px !important;
      height: 300px !important;
  }
  .modal-header-guides-bundle{
      height: 61px;
      border-bottom: unset !important;
      box-shadow: 2px 3px 7px 0px #A6ABBD66;
      position: relative;
      z-index: 9;
      
  }
  .fastor_product_popup-guides-bundle{
      padding-top: 0 !important;
      text-align: center;
      padding-left: 0 !important;
      padding-bottom: 10px;
  }
  #guides-bundle-modal{
      overflow-y: scroll;
  }
  .modal-footer-guides-bundle{
      height: 80px;
      padding: 16px 24px 16px 24px;
      border-top: unset;
      box-shadow: 2px 3px 7px 0px #A6ABBD66;
      position: relative;
      z-index: 9;
  }
  .star-1 {
    font-size: 0 !important;
  }
  .star-2 {
    font-size: 0 !important;
  }
  .star-3 {
    font-size: 0 !important;;
  }
  .star-4 {
    font-size: 0 !important;;
  }
  .star-5 {
    font-size: 0 !important;;
  }
  
  
  /* .guides-bundle-image-row{
      height: 330px !important;
  } */
  .bundle-guides-price{
     
      font-family: 'DM Sans';
      font-size: 28px;
      font-weight: 400;
      line-height: 36px;
      letter-spacing: 0em;
      text-align: center;
      margin-top: 2px;
      margin-bottom: 1px; 
      color: #54565A;
  }
  .modal-dialog-guides-bundle{
      padding-top: 0 !important;
      width: 758px !important;
      padding-bottom: 30px;
      height: 707px;
  
  }
  input[type='radio'] {
          -webkit-appearance: none;
          width: 20px;
          height: 20px;
          border-radius: 50%;
          outline: none;
          border: 3px solid #9C9DA0;
  
      }
  
      input[type='radio']:before {
          content: '';
          display: block;
          width: 60%;
          height: 60%;
          margin: 20% auto;
          border-radius: 50%;
      }
  
      input[type="radio"]:checked:before {
          background: #FCD464;
          
      }
     
   
      .checkbox label {
          margin-bottom: 20px !important;
      }
  
  #sortable2 .active_orange .col-md-2 span.badge, #sortable1 .active_orange .col-md-2 span.badge 
  {
  color: #e3503e !important;
  }
  
  #sortable2 .list-group-item:hover .glyphicon-remove {
      color: #E3503E !important;
  }
  
  
  
      .chapter-categories{ 
          border-radius: 3px;
          background: var(--white, #FFF);
          padding: 12px 16px;
          color: #48464D;
          margin-top:4px;
          margin-bottom:4px;
          font-family: 'DM Sans';
          font-size: 18px;
          font-style: normal;
          font-weight: 500;
          line-height: normal;
          margin-block:4px;
          box-shadow:-2px 6px 6px -8px #000;
          height:47px;
          width: 391px;
      }
      i.arrow-up-down.fa.fa-angle-up { 
          font-size: 23px;  
          font-weight: 700;
      }
      i.arrow-up-down.fa.fa-angle-down {
          font-size: 23px;   
          font-weight: 700;
      }
      .chapter_categories{
          padding-left: 2px; 
          width: 100% !important;
      }
      .chapter-lists{
          width: 100vw !important;
      }
  .trueClass #coil{
      display: none !important;
  }
  
  .trueClass #left, .trueClass #right{
      position: absolute;
      top: 68px;
      width: 300px;
  }
  
  
  ::placeholder {
      font-family: 'DM Sans', sans-serif;
      font-weight: 400;
      font-size: 14px;
      line-height: 18.23px;
      color: #9C9DA0;
  }
  #sample_text{
      
      background-color: #fff;
      color: #77797C;
      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
      border-radius: 10px;
      padding: 8px !important;
      font-family: 'DM Sans';
      font-size: 12px;
      font-weight: 500;
      width : 219px;
      height :52px;
      border:none;
      position: relative;
      right: -163px;
      display: block;
      line-height:15.62px;
      margin-top: 28px;
  }
  .fastor_product_popup .popup_row .popup_row_left{
      padding-right: 0px; 
  }
  #sample_text_input {
      border: none;
  
  }
  .trueClass #left #left_pagenumber {
      background: #fff none repeat scroll 0 0;
      color: #000;
      text-align: center;
      font-weight: bold;
      float: right;
      margin-right: -27px;
      margin-top: 20px;
      width: 27px;
      padding-left: 1%;
  }
  .trueClass #leftRoundedCut {
      display: none;
  }
  .trueClass span.pagename {
      position: absolute;
      top: 300px;
      right: 4px;
      transform: rotate(90deg);
      color: #fff;
      transform-origin: 100% 0;
      font-weight: 600;
      bottom: 0;
  }
  .trueClass #leftNextPage{display: none;}
  .trueClass #prePage{
      position: relative;
      z-index: 1;
      right: 40px;
      margin-top: 240px !important;
  }
  .trueClass #nextPage{
      position: relative;
      left: 264px;
      margin-top: 240px !important;
  }
  .trueClass #rightNextPage{
      visibility: visible;
      position: relative;
      z-index: 2;
      height: 348px;
  }
  .mobile_frame{
      display: none;
      position: absolute;
      height: 498px;
      z-index: 4;
      width: 314px;
      left: 0px;
  }

  .mobile_frame_ebook {
    height: 442px !important;
    z-index: 4 !important;
    width: 312px !important;
    left: 7px !important;
    top: -19px !important;
  }

  #revertCustomizedBookToOriginal{
      font-family: 'DM Sans';
      font-size: 16px !important;
  font-weight: 700;
  line-height: 21px;
  letter-spacing: 0em;
  text-align: center;
  }
  b, strong {
      font-weight: 700;
  }
  #showCustomizedBookFullPreview {    
      font-family: 'DM Sans';
  font-size: 16px !important;
  font-weight: 700;
  line-height: 21px;
  letter-spacing: 0em;
  text-align: center;
      min-width:202px;
      color: #fff !important;
      background-color: #54565A !important;
  }
  
  #showCustomizedBookFullPreview:hover {
      color: #54565A !important;
      background-color: #fff !important;
  }
  #revertCustomizedBookToOriginal {
      font-size: 15px;
      min-width:202px;
  }
  .active_orange{
      background-color: #f0e9ff !important;
  }
  #selectedChaptersHeadRow{
      background-color: #F5B335 !important;
  }
  .btn-warning {
      background-color: #7abb2d;
      border-color: #7abb2d;
      background-image: linear-gradient(to bottom, #7abb2d, #7abb2d);
  }
  
  /* Apply hover effect to select dropdown options */
  .bootstrap-select .dropdown-menu li a {
      cursor: pointer;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      transition: color 0.3s ease; /* Add smooth transition */
  }
  
  /* Hover effect */
  .bootstrap-select .dropdown-menu li a:hover {
      background-color: #F0E9FF;
      color: #724f91;
  }
  
  
  
  .fastor_product_popup .popup_row .popup_row_left span {
      display: table-cell;
      vertical-align: middle;
      display: flex;
      justify-content: flex-end; /* Change to right align */
      margin: 10px 0;
      padding-right: 15px; /* Make sure to add "px" to the value */
      align-items: center; /* This line might not be necessary, as you're using flexbox */
  }
  
  .trueClass .overlayImageDiv{
      width: 213px !important;
  }
  .trueClass #leftInside, .trueClass #rightInside{
      width: 290px !important;
      height: 387px;   
  }
  .trueClass #rightImageData,
  .trueClass #leftImageData{
      height: 387px;
  }
  #leftImageData,
  #rightImageData{
          background-size: cover !important;
  }
  #mobile_preview_container #coil {
      margin-left: 65px;
  }
  #mobile_preview_container #right_mobile {
      width: 234px;
      margin: 0 auto;
  }
  #mobile_preview_container #preMobilePage{
      bottom: 50%;
      margin-top: 0;
      margin-left: 0;
      position: absolute;
  }
  #mobile_preview_container #nextMobilePage{
      bottom: 50%;
      margin-top: 0;
      margin-right: 0;
      float: unset;
      right: 0;
      position: absolute;
  }
  #mobile_preview_container {
      width: 400px;
      margin-top: 50px;
      margin-left: auto;
      position: relative;
      margin-right: auto;
      margin-bottom: 0;
  }
  #mobile_preview_container .overlayMobileImageDiv{
      width: 185px;
  }
  #mobile_preview_container #rightMobileNextPage{
      margin-right: -28px;
  }
  #mobile_preview_container .mobile_frame_mobile{
      display: none;
      position: absolute;
      width: 276px;
      margin-left: -138px;
      left: 50%;
      height: 458px;
      top: -53px;
  }
  .truClass_mobile #coil {
      display: none;
  }
  .toggle_ebook_print {
      margin-top: 50px;
      text-align: center;
  }
  .truClass_mobile + .toggle_ebook_print {
      margin-top: 100px;
  }
  .pricePages{
      padding-top:unset !important;
      margin-top: 3px;
      text-align: center;
      font-family: 'DM Sans';
      font-size: 22px;
      font-weight: 500;
      letter-spacing: 0em;
      text-align: right;
  
  }
  
  
  .switch {
  
    --width: 80px;
    --height: calc(var(--width) / 3);
    top: 12px;
    position: relative;
    display: inline-block;
    width: var(--width);
    height: var(--height);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
    border-radius: var(--height);
    cursor: pointer;
    width: 78px !important;
    height: 30px !important;
  
  }
  
  /* Add scrollable sidebar */
  #guides-bundle-accessories {
      max-height: 120vh; /* Set the maximum height of the sidebar */
      overflow-y: auto; /* Enable vertical scrolling when content overflows */
  }
  
  #acc_mdl_body{
      height:464px !important;
      padding-top:70px;
      
  }
  
  .switch input {
    display: none;
  }
  
  
  .switch .slider {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: var(--height);
    transition: all 0.4s ease-in-out;
  }
  
  
  .switch .slider::before {
    content: "";
    position: absolute;
    top: 7px;
    left: 7px;
    width: 16px;
    height: 16px;
    border-radius: calc(var(--height) / 2);
    background-color: #fff;
    box-shadow: 3px 0px 5px 0px #AD9BD3;
    transition: all 0.4s ease-in-out;
  }
  
  .switch input:checked+.slider {
    background-color: #DADDE7;
  }
  .switch input:checked+.slider::before {
    transform: translateX(calc(var(--width) - var(--height)));
    left: 1px;
  }
  .switch .labels {
    position: absolute;
    top: 3px;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 12px;
    font-family: sans-serif;
    transition: all 0.4s ease-in-out;
    font-family: 'DM Sans';
    font-size: 14px;
    font-weight: 400;
   
  
  }
  
  
  .switch .labels::after {
    content: attr(data-off);
    position: absolute;
    right: 9px;
    color: #6C2BD7;
    opacity: 1;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
    transition: all 0.4s ease-in-out;
  }
  
  
  .switch .labels::before {
    content: attr(data-on);
    position: absolute;
    left: 9px;
    opacity: 0;
    text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.4);
    transition: all 0.4s ease-in-out;
  
  }
  
  .switch input:checked~.labels::after {
    opacity: 0;
  }
  
  .switch input:checked~.labels::before {
    opacity: 1;
  }
  
  .bookCustomizerModalHeader {
      padding-bottom: 0px !important;
      padding-top: 6px !important;
      background-color: #FFFFFF;
      box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.2);
      height: 68px !important;
      z-index: 99;
      position: relative;
      padding-left: 18px !important;
  }
  
  @media only screen and (max-width:640px){
     #mobile_preview_container #rightMobileInside{
          height: 335px;
      }
      #mobile_preview_container #rightMobileNextPage {
          height: 304px;
      }
      #mobile_preview_container #coil {
          background-size: 33px;
          height: 325px;
      }
      #mobile_preview_container #rightMobileImageData{ 
          height: 335px;
      }
  }
  @media only screen and (max-width: 480px){
      #mobile_preview_container {
          width: 290px;
      }
      #mobile_preview_container #right_mobile {
          width: 191px;
      }
      #mobile_preview_container #rightMobileInside{
          height: 250px;
      }
      #mobile_preview_container .overlayMobileImageDiv {
          width: 138px;
      }
      #mobile_preview_container #rightMobileNextPage {
          height: 220px;
      }
      #mobile_preview_container .mobile_frame_mobile {
          width: 225px;
          margin-left: -112px;
          left: 50%;
          height: 351px;
          top: -46px;
      }
      #mobile_preview_container #nextMobilePage{
          right: -7px;
      }
      #mobile_preview_container #coil {
          height: 250px;
          margin-left: 38px;
      }
  }
  div#page-count {
      margin-top: 15px;
  }
  div#model2footer.bookCustomizerModalFooter {
      padding-right: 10px !important;
  }
  div#model2footer h3.pricePages {
      position: relative;
      float: left;
      display: inline-block;
  }
  div#model2footer .tooltip-icon{
      opacity: 1;
      text-align: center;
      right: -107px;
      bottom: -76px;
  }
  span.tooltip{
      width: unset !important;
      height: unset !important;
  }
  div#model2footer .tooltip-desktop{
      opacity: 1;
      text-align: center;
      right: -110px;
      top: 10px;
  }
  input[type=radio]:focus{
      outline: unset !important;
  }
  .tooltipster-content{
      background: #FFEFC7 !important;
      font-family: 'DM Sans';
      font-size: 12px;
      font-weight: 400;
      line-height: 16px;
      letter-spacing: 0em;
      text-align: left;
  
  }
  .tooltipster-arrow{
      display: none;
  }
  .desk-footer-bet .col-md-8 {
    display:flex;
    flex-wrap:wrap;
    justify-content:space-around;
  }
  .desk-footer-bet .col-md-8 > .btn {
    flex-grow:1;
    
    width:calc(100% * (1/7) - 2px);
    border:1px solid black;
  }
  .desk-footer-bet .col-md-8 > .button-sizees{
      height: 100% !important;
      font-size: 12px;
  }
  .btn.switch {
      background: transparent !important;
      border: none !important;
  }
  .btn.switch:hover {
      background: transparent !important;
  }
  .btn.switch .beforeslide + .switch-label {
      top: -12px;
      text-align: left;
      left: -20px !important;
  }
  .btn.switch .afterslide + .switch-label {
      top: -8px;
      text-align: left;
      right: -5px !important;
      padding-right: 0;
  }
  @media (max-width: 520px){
      .mobile-footer .pricePages {
          font-size: 4.2vw;
      }
  }
  @media only screen and (min-width: 810px) and (max-width: 1268px)  {
      div#model2footer.bookCustomizerModalFooter.desk-footer-bet .pricePages {
          display: inline-block;
          position: relative;
      }
      div#model2footer.bookCustomizerModalFooter.desk-footer-bet .pricePages .tooltip{
          opacity: 1;
          text-align: center;
          right: -106px !important;
      }
      div#model2footer.bookCustomizerModalFooter.desk-footer-bet .pricePages {
          font-size: 1.7vw;
      }
      div#model2footer.bookCustomizerModalFooter.desk-footer-bet .col-md-8,
      div#model2footer.bookCustomizerModalFooter.desk-footer-bet .col-md-4 {
          width: 100%;
      }
  }
  .btn.switch {
     width: 76px !important;
  }
  
  
  @media (min-width: 1550px){
  
  #customizedBookFullPreview {
          padding-left: 0 !important;
      }
  }
  div.trueClass {
      margin-bottom: 40px;
  }
  .apply-btn {
      width: auto !important;
  }
  .forgottenLink {
      margin-top: 25px!important;
      display: inline-block!important;
      margin-left: 18px!important;
  }
   
  #left {
      float: left;
       width: 250px;
      background-color: blue;
      height: 400px;
  }
  #coil {
      background: url('/catalog/view/theme/foxx/image/BookCoil.png') 0 4px no-repeat;
      height: 420px;
      max-width: 155px;
      text-decoration: none;
      padding: 24px 0 0 90px;
      line-height: 1.1em;
      background-size: 50px;
      margin-left: 266px;
      position: absolute;
      margin-top: 0px;
  }
  #customizeBookCarousel {
      width: 260 px;
      height: 400px !important;
      background-image: url(catalog/view/theme/foxx/image/GreyPageTemplateSmall.png);
      background-repeat: no-repeat;
      padding-left: 20px !important;
  }
  #customizeBookCarousel .carousel-control.left {
      background-image: none;
      left: -23px;
  }
  #customizeBookCarousel .carousel-control.right {
      background-image: none;
      right: -16%;
  }
  #right {
      float: left;
      width: 250px;
      background-color: red;
      height: 400px;
  }
  #footer {
      clear: both;
      background-color: green;
      width: 630px;
  }
  #leftInside {
      background-color: white;
      width: 100%;
      margin: 0 auto;
      height: 426px;
      border-top-left-radius: 4px;
  }
  #rightInside {
      background-color: white;
      width: 100%;
      margin: 0 auto;
      height: 426px;
  }
  .overlayImageDiv {
      color: orange;
      width: 83%;
      margin: 0 auto;
      height: 400px;
  }
  #rightInside {
      width: 98% !important;
      border-bottom-right-radius: 15px;
  }
  #rightImageData {
      height: 420px;
      background-size: contain;
      background-repeat: no-repeat;
      -webkit-border-radius: 0px 45px 20px 0px;
      -moz-border-radius: 0px 45px 20px 0px;
      border-radius: 0px 25px 20px 0px;
      background-color: #fff;
  }
  #leftImageData {
      height: 420px;
      background-size: contain;
      background-repeat: no-repeat;
      background-color: #fff;
  }
  #leftNextPage {
      color: #fff;
      float: left;
      font-size: 10px;
      margin-left: -110px;
      margin-top: 70px;
      width: 200px;
      padding-right: 12%;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      display:none;
  }
  #rightNextPage {
      float: right;
      margin-right: -26px;
      margin-top: 40px;
      font-size: 10px;
      display: table-row;
      overflow: hidden;
      overflow-y: scroll;
      overflow-x: hidden;
      height: 385px;
  }
  #rightNextPage::-webkit-scrollbar {
    display: none;
  }
  
  #rightNextPage ul li {
      font-family: HelveticaNeue;
      font-size: 13px;
      -moz-border-bottom-colors: none;
      -moz-border-left-colors: none;
      -moz-border-right-colors: none;
      -moz-border-top-colors: none;
      background: #ea404b none repeat scroll 0 0;
      border-color: -moz-use-text-color #fffeff;
      border-image: none;
      border-width: medium 1px;
      height: 38px;
      list-style: outside none none;
      overflow: hidden;
      padding: 7px 5px 0 20px;
      width: 55px;
      cursor: pointer;
      margin-right: -17px;
      margin-top: -1px;
  }
  .rotate {
      transform: rotate(270deg);
      -webkit-transform: rotate(270deg);
      -moz-transform: rotate(270deg);
      -o-transform: rotate(270deg);
      writing-mode: lr-tb;
  }
  .rotateLeft {
      transform: rotate(270deg);
      -webkit-transform: rotate(270deg);
      -moz-transform: rotate(270deg);
      -o-transform: rotate(270deg);
      writing-mode: lr-tb;
  }
  .smallBlock {
      border-right: 8px solid rgba(0, 0, 0, 0) !important;
      overflow: hidden;
      color: #fff;
  }
  .review li {
      display: none!important;
  }
  .engravingText {
      border: 1px solid #ccc;
  }
  #imagesShowBtn.btn {
      padding: 13px !important;
      text-align: center;
      line-height: 1;
  }
  #nextPage {
      margin-left: 20px !important;
  }
  .show-chapter-notes {
      display: none;
      font-weight: 500;
  }
  .show-chapter-notes li {
      list-style: none;
  }
  .recaptcha-g {
      margin-top: 20px !important;
  }
  .fastor_cartprofile_dropdown{
      display: inline-block!important;
  }
  .pattern > .container ul li{
      line-height: 2.8;
  }
    @media screen and (max-width: 480px){
      .alert-addCart {
          width: 92% !important;
          top: 10% !important;
          height: 80%;
          overflow: hidden;
      }
      .alert-addCart .paragraphs {
          height: 100%;
          width: 100%;
          overflow-x: hidden;
          overflow-y: scroll;
          -webkit-overflow-scrolling: touch;
      }
      html.open-popup {
          overflow: hidden;
          position: fixed;
          width: 100%;
      }
      .modalOverlay {
          z-index:45;
      }
      #popUpCart .bottomButtons {
          margin-bottom: 10px;
      }
    }
  @media screen and (max-width: 393px) {
      #popUpCart .bottomButtons input.button {
          width: 80% !important;
      }
  }
  @media only screen and (min-width: 1077px) and (max-width: 1153px) {
      #left, #right {
          width: 290px;
      }
      #coil {
          margin-left: 307px;
      }
  }
  @media screen and (max-width: 1076px){
      #coil {
          margin-left: 40%;
      }
      #left, #right {
          width: 38%;
      }
  }
  @media screen and (max-width: 850px){
      #leftImageData, #rightImageData {
          background-size: cover;
      }
  }
  @media screen and (min-width: 767px){
      .make_price_container_right{padding-left:15% !important;}
      .make_engraving_imgdiv_right{padding-left:9% !important;}
  }
  @media screen and (min-width: 868px) {
    .modal-dialog {
      width: 740px;
      padding-top: 0px;
      padding-bottom: 30px;
    }
    .modal-content {
      -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
      box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    }
  }
  #custom-quote-login-form > .form-group input,
  #custom-login-close-form > .form-group input {
      margin-bottom: 8px;
  }
  div#fastor_product_popup {
      margin-top: 10px;
  }
  div#fastor_product_popup > button{
      width: 100%;
      font-size: 11px;
  }
  .btn-eProduct
  {
      text-transform: none;
      padding: 20px 10px 20px 10px !important;
      height: 80px;
  }
  .btn-eProduct.Active
  {
      box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.1);
      border: 3px solid #d6bd3e;
  }
  .fastor_product_popup_header{
  
      padding: 16px 24px 16px 24px !important;
      gap: 10px !important;
      background: #FFFFFF !important;
      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
      margin: 0 !important;
  }
  
  .modal-main-header{
      background: #F7F5F4 !important;
  }
  
  .container-accessories {
    display: flex;
  }
  
  .accessories-right-column {
    float: right;
  }
  
  .accessories-left-column {
    flex: 1;
    display: flex;
    flex-direction: column;
    
  }
  .lifestyle-images{
    max-width: 800px;
    }
.lifestyle-image-group{
    display: grid;
    grid-template-columns: auto auto;
    grid-template-rows: 200px 200px;
    grid-row-gap: 12px;
    grid-column-gap: 12px;
}
.lifestyle-image-group .bg-image-wrap{
    overflow:hidden;
    border-radius: 10px;
}
.lifestyle-image-group.images-1 .bg-image-wrap{
    grid-row: 1 / span 2;
    grid-column: 1 / span 2;
}
.lifestyle-image-group.images-2 .bg-image-wrap{
    grid-row: 1 / span 2;
}
.lifestyle-image-group.images-3 .bg-image-wrap:first-child{
    grid-row: 1 / span 2;
}
.lifestyle-image-group .bg-image{
    height: 100%;
    transition: transform .5s;
    background-size: cover;
    background-position: center;
}
.lifestyle-image-group .bg-image:hover{
    transform: scale(1.1);
}
@media(max-width: 767px){
    .lifestyle-images .lifestyle-image-group{
        grid-template-columns: unset;
        grid-template-rows: unset;
    }
    .lifestyle-images .lifestyle-image-group .bg-image-wrap{
        grid-row-end: span 2;
        grid-column-end: span 2;
        min-height: 200px;
    }
    .desktop-svg-img{
      display: none !important;
    }
    .tablet-svg-img{
      max-width: unset !important;
      position: relative;
      left: -13px;
    }
    
}

@media(max-width: 450px){
 .sideimg{ 
  margin-right: 8px;
  text-align: center;
  margin-right: 7px;
  margin-left: 11px;
  width : unset;
 }
 .qty-button{
  width: 35% !important;
}
.qty-button-add-to-cart{
width: 65% !important;
}
#input-quantity{
padding-right: 20px !important;
}
}
.no-padding {
padding: 0 !important;
margin: 0 !important;
}
.right-sticky-panel.scroll-start {
position: fixed;
padding-bottom:40px;
bottom: 0;
}
#badge_text {
padding-top:20px;
font-family: 'DM Sans';
font-size: 16px;
font-weight: 500;
line-height: 20.83px;
display: block;
text-align: left;
padding-bottom:5px; 
color : #48464D;
}  
.box {

height: 50px; 
border-radius: 5px; 
padding: 8px; 
display: inline-block; 
text-align: center; 
background-color:#f0e9fe;
color:#651FFF;
font-family: 'DM Sans';
font-size: 14px;
font-weight: 400;
line-height: 35px; 
vertical-align: middle; 
margin:3px;
}
               
input[type="radio"] {
    width: 14px;
    height: 14px;
    position: relative;
    top: 1px;
    left: 1px;
    border: 2px solid #9C9DA0; 
    
}

label { 
    color :#54565A;
    display: inline;
    margin-right: 10px; 
    font-family: 'DM Sans';
    font-weight: 500;
    font-size: 18px;
    line-height: 23.44px;
    letter-spacing: -0.5%;
}

#radio_options{
margin-bottom:8px;
}
#acc_mdl{
width:598 !important; 
border-radius: 0;
}
.acc_options .dropdown-toggle {
background-color: #fff;
color: #54565A;
box-shadow: 0 2px 4px 3px rgba(0, 0, 0, 0.1);
border-radius: 4px;
padding: 8px !important;
font-family: 'DM Sans';
font-size: 14px;
font-weight: 400;

}   

.acc_options1 .dropdown-toggle {
background-color: #fff;
color: #77797C;
box-shadow: 0 2px 4px 3px rgba(0, 0, 0, 0.1);
border-radius: 4px;
font-family: 'DM Sans';
font-size: 22px !important;
font-weight: 500;
margin-top:10px;
height:41px !important;
line-height:28.64px;
background: url('https://dev.oc3.younis.mdpocket.wadic.net/catalog/view/theme/mdpocket/image/Arrow-Down.svg') no-repeat right center;background-size: contain;margin: 0 auto;background-size: 46px 21px; 


} 

.bootstrap-select .dropdown-toggle .filter-option {
position: static;
top: 0;
left: 0;
float: left;
height: unset !important;
width: 100%;
text-align: left;
overflow: hidden;
-webkit-box-flex: 0;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
}

.acc_options1 option{

border:none;
color: #54565A;
padding: 10px;
font-family: 'DM Sans';
font-size: 14px;
font-weight: 400;
line-height: 18.23px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Add a shadow effect to the combo box */
border-radius: 4px;
justify:space-between;


}

.acc_options option{

border:none;
color: #54565A;
padding: 10px;
font-family: 'DM Sans';
font-size: 14px;
font-weight: 400;
line-height: 18.23px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Add a shadow effect to the combo box */
border-radius: 4px;
justify:space-between;
 

}
 
.acc_options .bootstrap-select .dropdown-menu .inner{
    overflow:hidden;
}
.acc_options .dropdown-menu {
    border-radius: 4px;
    border: 0px;
    width: 242px;
    
}
.acc_options .caret{
    border-top: unset !important; 
    border-top: unset !important;
    border-right: unset !important;
    border-left: unset !important;
}

.bootstrap-select .dropdown-menu li a{
    padding: 8px;
}


.acc_options option:checked {

background-color: #F0E9FF; 
color: #724f91; 
font-weight: 500;

}


.acc_options1 .bootstrap-select .dropdown-menu .inner{
    overflow:hidden;
}
.acc_options1 .dropdown-menu {
    border-radius: 4px;
    border: 0px;
    max-width:220px;  
    
}
.acc_options1 .caret{
    border-top: unset !important; 
    border-top: unset !important;
    border-right: unset !important;
    border-left: unset !important;
}


.acc_options1 option:checked {

background-color: #F0E9FF; 
color: #724f91; 
}
.open>.dropdown-toggle.btn-default {
     background-color: white;
     color: #54565A;
     
}
.fastor_product_popup .btn:hover {
     background: #fff none repeat scroll 0 0 !important;
    color: #54565A;
}

.fastor_product_popup .btn-grey:hover {
border-radius: 25px;
background: #FFEBBB none repeat scroll 0 0 !important;
box-shadow: 2px 3px 7px 3px #A6ABBD66;
color: #54565A;
opacity: 1 !important;
position: inherit;
}
.bootstrap-select .dropdown-toggle:focus, .bootstrap-select>select.mobile-device:focus+.dropdown-toggle {
outline: none !important;

}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover{
    background-color: #F0E9FF; 
    color: #6C2BD7; 
    padding: 8px;
}
.acc_options .bootstrap-select.show-tick .dropdown-menu .selected span.check-mark{
    top:12px!important;
}

.acc_options1 .bootstrap-select.show-tick .dropdown-menu .selected span.check-mark{
    top:12px!important;
}

.bootstrap-select .dropdown-toggle .caret::before{
    content: url('/catalog/view/theme/{{ theme_directory }}/image/Arrow-Down.svg');
    position: relative;
    top: -5px;
    right: 10px;
}

  .open .dropdown-toggle::after {
      content: url('/catalog/view/theme/{{ theme_directory }}/image/Arrow-Up.svg');
      width: 16px;
      height: 16px;
      position: absolute;
      right: 5px; 
  }


 .bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
    position: absolute;
    display: inline-block;
    right: 15px;
    top: 10px;
}
.bootstrap-select.open .dropdown-toggle .caret::before {
content: none;
}
.lifestyle-images img:hover {
  transform: scale(1.05);
  cursor: pointer;
}
img[data-ciopsrc] {
  height: 488px;
  object-fit: cover;
}
.dropdown-toggle:hover {
  background-color: white!important;
  color: #77797C!important;
}
.custom-qty-dropdown-container {
  position: relative;
  width: 150px;
  font-family: Arial, sans-serif;
}

.custom-qty-dropdown-button {
  width: 100%;
  padding: 10px;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  background-color: #555;
  border-radius: 20px;
  text-align: left;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 1000;
}

.custom-qty-dropdown-button::after {
  content: "►";
  font-size: 12px;
  margin-left: 5px;
}

.custom-qty-dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background-color: #fff;
  box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2);
  border-radius: 8px;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 1000;
}

.custom-qty-dropdown-container.active .custom-qty-dropdown-menu {
  opacity: 1;
  visibility: visible;
}

.custom-qty-dropdown-item {
  padding: 10px;
  font-size: 14px;
  color: #333;
  cursor: pointer;
  transition: background 0.2s;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.custom-qty-dropdown-item:hover {
  background-color: #f0f0f0;
}

.custom-qty-dropdown-item.selected {
  background-color: #f5e8ff;
  color: #8000ff;
}

.custom-qty-dropdown-item.selected::after {
  content: "✔";
  font-size: 12px;
  color: #8000ff;
  margin-left: auto;
}

/* a blue color as a generic focus style */
button:focus-visible {
  outline: 2px solid #4a90e2 !important;
  outline: -webkit-focus-ring-color auto 5px !important;
}
a {
  text-decoration: none;
}
:root {
  --neutral-1: rgba(247, 245, 244, 1);
  --grey-1: rgba(84, 86, 90, 1);
  --mdpocketgray-2: rgba(119, 121, 124, 1);
  --mdpocketgray-3: rgba(156, 157, 160, 1);
  --grey-2: rgba(119, 121, 124, 1);
  --mdpocketwhite: rgba(255, 255, 255, 1);
  --myhospitalwhite: rgba(255, 255, 255, 1);
  --grey-3: rgba(156, 157, 160, 1);
  --white: rgba(255, 255, 255, 1);
  --mdpocketgray-1: rgba(84, 86, 90, 1);
  --h4-font-family: "DM Sans", Helvetica;
  --h4-font-weight: 400;
  --h4-font-size: 16px;
  --h4-letter-spacing: -0.08px;
  --h4-line-height: normal;
  --h4-font-style: normal;
  --myhospital-body-font-family: "DM Sans", Helvetica;
  --myhospital-body-font-weight: 400;
  --myhospital-body-font-size: 14px;
  --myhospital-body-letter-spacing: 0;
  --myhospital-body-line-height: normal;
  --myhospital-body-font-style: normal;
  --title-font-family: "DM Sans", Helvetica;
  --title-font-weight: 500;
  --title-font-size: 16px;
  --title-letter-spacing: 0;
  --title-line-height: normal;
  --title-font-style: normal;
  --body-font-family: "DM Sans", Helvetica;
  --body-font-weight: 400;
  --body-font-size: 14px;
  --body-letter-spacing: 0;
  --body-line-height: normal;
  --body-font-style: normal;
  --badge: 0 0 4px 0 rgba(151, 71, 255, 0.5);
  --clean-shadow: 2px 3px 7px 0 rgba(166, 171, 189, 0.4);
}

.customQuoteForm {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  background-color: var(--neutral-1);
  width: 100%;
}

.customQuoteForm .customized-guides-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 16px 24px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: var(--white);
  box-shadow: var(--clean-shadow);
}

.customQuoteForm .customized-guides {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: "DM Sans", Helvetica;
  font-weight: 500;
  color: var(--grey-1);
  font-size: 22px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.customQuoteForm .customQuoteForm-wrapper {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 32px;
  padding: 15px;
  position: relative;
}

.customQuoteForm .div {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: space-between;
  position: relative;
  align-self: stretch;
  width: 100%;
  margin-bottom: -18.00px;
}

.customQuoteForm .div-2 {
  display: flex;
  width: 100%;
  align-items: flex-start;
  gap: 16px;
  position: relative;
  flex: 0 0 auto;
  margin-bottom: 10px;
}

.customQuoteForm .standard {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  padding: 8px;
  position: relative;
  flex: 1;
  flex-grow: 1;
  margin-top: -0.75px;
  margin-bottom: -0.75px;
  margin-left: -0.75px;
  background-color: var(--mdpocketwhite);
  border-radius: 10px;
  overflow: hidden;
  border: 0.75px solid;
  border-color: var(--grey-3);
}

.customQuoteForm .text-wrapper {
  position: relative;
  width: fit-content;
  font-family: "DM Sans", Helvetica;
  font-weight: 400;
  color: var(--mdpocketgray-2);
  font-size: 10px;
  letter-spacing: 0;
  line-height: normal;
}

.customQuoteForm .text {
  position: relative;
  width: fit-content;
  font-family: var(--myhospital-body-font-family);
  font-weight: var(--myhospital-body-font-weight);
  color: var(--mdpocketgray-3);
  font-size: var(--myhospital-body-font-size);
  letter-spacing: var(--myhospital-body-letter-spacing);
  line-height: var(--myhospital-body-line-height);
  font-style: var(--myhospital-body-font-style);
}

.customQuoteForm .standard-2 {
  flex: 1;
  flex-grow: 1;
  margin-top: -0.75px;
  margin-bottom: -0.75px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  padding: 8px;
  position: relative;
  margin-right: -0.75px;
  background-color: var(--mdpocketwhite);
  border-radius: 10px;
  overflow: hidden;
  border: 0.75px solid;
  border-color: var(--grey-3);
}

.customQuoteForm .standard-3 {
  height: 50.5px;
  align-self: stretch;
  width: 100%;
  margin-left: -0.75px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  padding: 8px;
  position: relative;
  margin-right: -0.75px;
  background-color: var(--mdpocketwhite);
  border-radius: 10px;
  overflow: hidden;
  border: 0.75px solid;
  border-color: var(--grey-3);
  margin-bottom: 10px;
}

.customQuoteForm .name {
  position: relative;
  width: fit-content;
  font-family: "DM Sans", Helvetica;
  font-weight: 400;
  color: var(--mdpocketgray-2);
  font-size: 10px;
  letter-spacing: 0;
  line-height: normal;
  background: transparent;
  border: none;
  padding: 0;
}

.customQuoteForm .div-wrapper {
  height: 114.5px;
  align-self: stretch;
  width: 100%;
  margin-left: -0.75px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  padding: 8px;
  position: relative;
  margin-right: -0.75px;
  background-color: var(--mdpocketwhite);
  border-radius: 10px;
  overflow: hidden;
  border: 0.75px solid;
  border-color: var(--grey-3);
}

.customQuoteForm .div-3 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  margin-top: 10px;
  margin-bottom: 10px;
}

.customQuoteForm .div-4 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.customQuoteForm .text-wrapper-2 {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: var(--title-font-family);
  font-weight: var(--title-font-weight);
  color: var(--grey-1);
  font-size: var(--title-font-size);
  text-align: center;
  letter-spacing: var(--title-letter-spacing);
  line-height: var(--title-line-height);
  font-style: var(--title-font-style);
}

.customQuoteForm .box-checked {
  position: relative;
  width: 24px;
  height: 24px;
}

.customQuoteForm .p {
  position: relative;
  align-self: stretch;
  font-family: var(--body-font-family);
  font-weight: var(--body-font-weight);
  color: var(--grey-1);
  font-size: var(--body-font-size);
  letter-spacing: var(--body-letter-spacing);
  line-height: var(--body-line-height);
  font-style: var(--body-font-style);
}

.customQuoteForm .div-5 {
  display: inline-flex;
  align-items: center;
  gap: 0;
  position: relative;
  flex: 0 0 auto;
}

.customQuoteForm input[type=checkbox] {
  position: relative;
  width: 15px;
  height: 15px;
  top: 2px;
  left: 2px;
  border-radius: 5px;
  border: 2px solid;
  border-color: var(--grey-3);
}

.customQuoteForm .text-wrapper-3 {
  position: relative;
  width: fit-content;
  font-family: var(--body-font-family);
  font-weight: var(--body-font-weight);
  color: var(--grey-1);
  font-size: var(--body-font-size);
  letter-spacing: var(--body-letter-spacing);
  line-height: var(--body-line-height);
  font-style: var(--body-font-style);
}

.customQuoteForm .div-6 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-end;
  gap: 8px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.customQuoteForm .div-7 {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.customQuoteForm .ghost-black {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 8px;
  position: relative;
  flex: 1;
  align-self: stretch;
  flex-grow: 1;
  border-radius: 3px;
  overflow: hidden;
  border: 0.75px solid;
  border-color: var(--grey-1);
}

.customQuoteForm .button {
  all: unset;
  box-sizing: border-box;
  position: relative;
  width: fit-content;
  margin-top: -0.75px;
  font-family: "DM Sans", Helvetica;
  font-weight: 700;
  color: var(--grey-1);
  font-size: 16px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}





.customQuoteForm .text-wrapper-4 {
  position: relative;
  width: fit-content;
  font-family: var(--h4-font-family);
  font-weight: var(--h4-font-weight);
  color: var(--grey-2);
  font-size: var(--h4-font-size);
  letter-spacing: var(--h4-letter-spacing);
  line-height: var(--h4-line-height);
  font-style: var(--h4-font-style);
}

.customQuoteForm-wrapper-2 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  gap: 10px;
  padding: 16px 24px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: var(--white);
  box-shadow: var(--clean-shadow);
}

.customQuoteForm-wrapper-2 .div-9 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 16px;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.customQuoteForm-wrapper-2 .div-10 {
  display: inline-flex;
  align-items: flex-start;
  justify-content: flex-end;
  gap: 16px;
  position: relative;
  flex: 0 0 auto;
}

.customQuoteForm-wrapper-2 .button-wrapper {
  all: unset;
  box-sizing: border-box;
  display: flex;
  width: 150px;
  height: 48px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 8px;
  position: relative;
  border-radius: 3px;
  overflow: hidden;
  border: 0.75px solid;
  border-color: var(--grey-1);
  cursor: pointer;
}

.customQuoteForm-wrapper-2 .button-2 {
  all: unset;
  box-sizing: border-box;
  position: relative;
  width: fit-content;
  font-family: "DM Sans", Helvetica;
  font-weight: 700;
  color: var(--grey-1);
  font-size: 16px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.customQuoteForm-wrapper-2 .quick-view-button {
  all: unset;
  box-sizing: border-box;
  display: flex;
  width: 150px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 13.5px;
  position: relative;
  background-color: var(--mdpocketgray-1);
  border-radius: 3px;
  overflow: hidden;
}

.customQuoteForm-wrapper-2 .add-to-mycart {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: "DM Sans", Helvetica;
  font-weight: 700;
  color: var(--mdpocketwhite);
  font-size: 16px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  cursor: pointer;
}



.customQuoteForm .text-wrapper-5 {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: "DM Sans", Helvetica;
  font-weight: 700;
  color: var(--myhospitalwhite);
  font-size: 16px;
  letter-spacing: 0;
  line-height: normal;
}

.customQuoteForm .arrow-right {
  position: relative;
  width: 16px;
  height: 16px;
}

.custom_quote_form_heading {
  color: var(--Grey-1, #54565A);
  text-align: center;
  font-family: "DM Sans";
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.modal-header-qoute {
  padding: 16px 24px;
  border-bottom: unset !important;
  box-shadow: 2px 3px 7px 0 #A6ABBD66;
  position: relative;
  z-index: 9;
}
.qoute_input {
  font-family: var(--myhospital-body-font-family);
  font-weight: var(--myhospital-body-font-weight);
  width: 100%;
  background: transparent;
  border: none;

}
.text_area_comment {
  background: transparent;
  border: 0;
}
.file_item{
  display: flex;gap: 4px;
  margin-top: 6px;

}
#image_uploads{
  float:right;
  display: inline-flex;
  align-items: center;
  position: relative;
  flex: 0 0 auto;
  flex-direction: column-reverse;
}
.pb10{
  padding-bottom: 10px;
}


 @media (min-width: 1800px) and (max-height: 1477px) {
  #content {
    width: 1520px;
 }
 .mobile_frame {
  left: 0px!important;
}


} 

.error{
  color: red;
  position: absolute;
  right: 10px;
}



@media all and (max-width: 1366px) { 
  .mobile_frame {
    width: 303px;
    left: 0px;
}

#right_pagenumber {
  right: 21%;

}

#content {
   padding-left: 0px !important; 
   padding-right: 0px !important;
}





}

img[data-ciopsrc] {
  height: 622px;
  object-fit: cover;
  width: 622px;
}

.full-screen-img {
  padding: 32px!important;
}

.dropdown-toggle{
  border-radius: unset!important;
  border-left: 1px solid #fff;
  width: 239px!important;
}
@media only screen and (max-width: 768px) {
  .dropdown-toggle {
      border-radius: unset !important;
      border-left: 1px solid #fff;
      width: -webkit-fill-available !important;
  }
} 
.bootstrap-select.show-tick .dropdown-menu li a span.text  {
  font-size: 13px;
}

.dropdown.bootstrap-select.show-tick.acc_options.bs3::after {
  content: "";
  background: url("/catalog/view/theme/mdpocket/image/down_icon.svg") no-repeat !important;
  background-size: contain;
  width: 16px;
  height: 16px;
  position: absolute;
  right: -7px;
  top: 50%;
  transform: translateY(-50%) rotate(0deg); 
  pointer-events: none;
}

/* Arrow pointing down when open */
.dropdown.bootstrap-select.show-tick.acc_options.bs3.open::after {
  transform: translateY(-50%) rotate(180deg); 
}


.glyphicon-ok:before {
    content: "";
    background: url(/catalog/view/theme/mdpocket/image/tick_icon.svg) no-repeat !important;
    background-size: contain;
    width: 15px;
    height: 16px;
    position: absolute;
    right: -3px;
    top: 6px;
    transform: translateY(-50%) rotate(0deg);
    pointer-events: none;
}

div#cover_img_div img {
  margin-top: -3%;
}
@media all and (max-width: 1440px) { 

  .mobile_frame {
    display: none;
    position: absolute;
    height: 498px;
    z-index: 4;
    width: 314px;
    left: 5px;
}
 }


 @media all and (max-width: 1366px) { 

  .mobile_frame {
    display: none;
    position: absolute;
    height: 498px;
    z-index: 4;
    width: 314px;
    left: -7px;
}



  }



[aria-owns="bs-select-2"].active {
   
    background-color:white;
  
}

@media (min-width: 1024px) {
.main-view-page .mobthumbnails {
  overflow-y: scroll;
  height: 530px;
  width: 167px;
  -ms-overflow-style: none;
  scrollbar-width: none;
  overflow: scroll;
}

.mobthumbnails {
  position: relative;
  clear: both;
  list-style: none;
  padding: 0;
  margin-top: 62px;
}
}

.model_options_error{
  font-size: 9px;
  color: red;
  font-weight: bold;
}

.custom-cover {
  width: 271.05px;
  height: 400px;
  display: block;
}

.custom-hidden {
  display: none;
}

.custom_save_program_btn{
  width: 202px;text-align: center;
}

.ellipsis {
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
}

.ellipsis::after {
  content: '...';
  color: orange;  /* Set the color for the ellipsis */
  position: absolute;
  right: 0;
}


.btn_accessories{
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 700;
  font-size: 16px !important;
  line-height: 21px;
  color: #54565A;
  box-shadow: 0px 0px 5px 0px #A6ABBD99 !important;
  background: #fff !important;
  border-radius: 10px !important;
  margin-top: -1px;
  font-family: 'DM Sans';
  letter-spacing: 0em;
  text-align: center;
  margin-bottom: 28px;
}
.btn_accessories:hover{
  color: #000;
}

.btn_accessories:active{
  color: #40118a;
}

.btn_accessories:focus{
  color: #40118a;
}
.mdp-cancel-quote, .mdp-send-quote,
.mdp-cancel-guides, .mdp-send-guides {
  display: none;
}

@media (max-width: 768px) {
  .modal-dialog-guides-bundle {
    width: 100% !important;
    height: auto !important;
    padding: 68px 39px;
    margin: 0px !important;
    padding-top: 68px !important;
  }
  .modal-header-qoute {
    display: flex;
    padding: 16px 12.5px !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    background: #FFF;
    box-shadow: 2px 3px 7px 0px rgba(166, 171, 189, 0.40) !important;
  }
  .modal-header-qoute  .custom_quote_form_heading {
    font-size: 12px;
    font-weight: 400 !important;
    padding: 0px !important;
    text-decoration: none !important;
  }
  .modal-body-guides-bundle-modal {
    padding: 26px !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 16px;
  }
  .customQuoteForm .customQuoteForm-wrapper {
    padding: 0px !important;
  }
  .customQuoteForm .div-2, .customQuoteForm .standard-3 {
    flex-direction: column;
    margin-bottom: 16px;
  }
  .customQuoteForm .standard, .customQuoteForm .standard-2 {
    width: 100%;
  }
  .qoute_input {
    font-family: "DM Sans" !important;
    font-size: 12px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: normal !important;
  }
  .customQuoteForm .div-3 {
    margin-top: 16px;
    gap: 16px;
  }
  .customQuoteForm .text-wrapper-2 {
    color: #54565A !important;
    text-align: center !important;
    font-family: "DM Sans" !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: normal !important;
    letter-spacing: -0.08px !important;
  }
  .customQuoteForm .p {
    font-size: 12px !important;
    margin-bottom: 0px !important;
  }
  .customQuoteForm .checkboxes {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  } 
  .customQuoteForm .checkboxes .div-5 {
    gap: 8px;
  }
  .customQuoteForm input[type=checkbox] {
    width: 20px;
    height: 20px;
    margin: 0px;
  }
  .customQuoteForm .text-wrapper-3 {
    font-size: 12px;
    font-weight: 400;
  }
  .ghost-black-container {
    gap: 16px;
  }
  .ghost-black-wrapper {
    padding: 0px;
    margin-bottom: 16px;
  }
  .ghost-black-wrapper:last-child {
    margin-bottom: 0px !important;
  }
  .customQuoteForm .button {
    font-size: 14px;
    font-style: normal;
  }
  #textimage_uploads {
    display: flex;
    justify-content: flex-end;
  }
  .ghost-black-wrapper .image_uploads .file_item {
    align-items: center;
    margin-top: 6px;
    gap: 0px;
    color: #77797C;
    font-family: "DM Sans";
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
  .mdp-cancel-quote, .mdp-send-quote {
    display: block;
  }
  .custom-qty-dropdown-container {
    width: auto;
  }
  .custom-qty-dropdown-button {
    padding: 8px;
    justify-content: unset;
    gap: 8px;
    border-radius: 30px;
    font-size: 14px;
  }
  .custom-qty-dropdown-button::after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M4.37242 2.33672C4.13389 2.55001 4 2.83852 4 3.13926C4 3.43999 4.13389 3.72851 4.37242 3.94179L8.90609 8.02846L4.37242 12.0582C4.13389 12.2715 4 12.56 4 12.8607C4 13.1615 4.13389 13.45 4.37242 13.6633C4.49148 13.77 4.63312 13.8547 4.78919 13.9125C4.94525 13.9702 5.11265 14 5.28171 14C5.45078 14 5.61818 13.9702 5.77424 13.9125C5.93031 13.8547 6.07195 13.77 6.19101 13.6633L11.6212 8.83669C11.7412 8.73086 11.8365 8.60496 11.9015 8.46624C11.9665 8.32752 12 8.17874 12 8.02846C12 7.87818 11.9665 7.7294 11.9015 7.59068C11.8365 7.45196 11.7412 7.32606 11.6212 7.22023L6.19101 2.33672C6.07195 2.23003 5.93031 2.14534 5.77424 2.08755C5.61818 2.02976 5.45078 2 5.28172 2C5.11265 2 4.94525 2.02976 4.78919 2.08755C4.63312 2.14534 4.49148 2.23003 4.37242 2.33672Z" fill="%23EAEBEB"/></svg>');
    background-size: contain;
    background-repeat: no-repeat;
  }
  .custom-qty-dropdown-container.active .custom-qty-dropdown-button::after {
    rotate: -90deg;
  }
  .custom-qty-dropdown-menu {
    width: 125px;
    box-shadow: 0px -1px 8px 0px rgba(166, 171, 189, 0.89);
    border-radius: 4px;
    left: 25px;
    top: unset;
    bottom: 100%;
  }
  .custom-qty-dropdown-item {
    display: flex;
    height: 40px;
    padding: 8px 8px 8px 16px;
    align-items: center;
    align-self: stretch;
    color:#54565A;
    font-family: "DM Sans";
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
  }
  .custom-qty-dropdown-item.selected {
    background-color: #F0E9FF;
    color: #6C2BD7;
  }
  .custom-qty-dropdown-item.selected::after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M14.7319 3.2958C14.639 3.20207 14.5284 3.12768 14.4065 3.07691C14.2846 3.02614 14.1539 3 14.0219 3C13.8899 3 13.7592 3.02614 13.6373 3.07691C13.5155 3.12768 13.4049 3.20207 13.3119 3.2958L5.86192 10.7558L2.73192 7.6158C2.6354 7.52256 2.52146 7.44925 2.3966 7.40004C2.27175 7.35084 2.13843 7.32671 2.00424 7.32903C1.87006 7.33135 1.73765 7.36008 1.61458 7.41357C1.4915 7.46706 1.38016 7.54428 1.28692 7.6408C1.19368 7.73732 1.12037 7.85126 1.07117 7.97612C1.02196 8.10097 0.997831 8.2343 1.00015 8.36848C1.00247 8.50266 1.0312 8.63507 1.0847 8.75814C1.13819 8.88122 1.2154 8.99256 1.31192 9.0858L5.15192 12.9258C5.24489 13.0195 5.35549 13.0939 5.47735 13.1447C5.59921 13.1955 5.72991 13.2216 5.86192 13.2216C5.99393 13.2216 6.12464 13.1955 6.2465 13.1447C6.36836 13.0939 6.47896 13.0195 6.57192 12.9258L14.7319 4.7658C14.8334 4.67216 14.9144 4.5585 14.9698 4.432C15.0252 4.30551 15.0539 4.1689 15.0539 4.0308C15.0539 3.8927 15.0252 3.75609 14.9698 3.62959C14.9144 3.50309 14.8334 3.38944 14.7319 3.2958Z" fill="%236C2BD7"/></svg>');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }
  .customQuoteForm-wrapper-2 .div-10 {
    gap: 14px;
  }
  .customQuoteForm-wrapper-2 .quick-view-button {
    background-color: unset;
    width: auto;
    height: auto;
    gap: 0px;
    padding: 4px 5px;
    border-radius: 5px;
  }
  .customQuoteForm-wrapper-2 .button-wrapper {
    width: auto;
    height: auto;
    border-radius: 5px;
    padding: 4px 5px;
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 0px;
    color: #54565A;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
  .customQuoteForm-wrapper-2 .add-to-mycart {    
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 0px;
    color: #54565A;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-top: 0px;
  }

  .modal-header-guides-bundle {
    display: flex;
    align-items: center;
    gap: 10px;
    align-self: stretch;
  }
  .fastor_product_popup-title-bundle {
    color: #54565A;
    font-size: 12px;
    font-style: normal;
    font-weight: 700 !important;
    line-height: normal;
    padding-left: 0px;
    text-decoration: none !important;
    padding: 0px;
  }
  .fastor_product_popup-guides-bundle {
    padding-bottom: 0px;
    color: #54565A;
    font-family: "DM Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.08px;
  }
  .guides-bundle-image-customizer, .guides-bundle-image-customizer img {
    width: 248px !important;
    height: 220.01px !important;
    margin: 0px auto;
  }
  .bundle-guide-modal-h3 {
    font-size: 16px;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.08px;
    margin-top: 0px;
    margin-bottom: 16px;
  }
  .mdp-year-subcription, .mdp-month-subcription {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .mdp-year-subcription {
    margin-bottom: 8px;
  }
  #y-Subscription, #m-Subscription {
    top: unset;
    margin: 0px;
  }
  .y-Subscription, .m-Subscription {
    color: #54565A;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 0px;
    top: unset;
  }
  .bundle-guides-price {
    color: #54565A;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.08px;
  }
  .mdp-back-button {
    display: none;
  }
  .modal-footer-guides-bundle {
    height: auto;
  }
  .mdp-bundle-guides-action {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    gap: 8px;
  }
  .guides-yes-button-thanks, .guides-yes-button {
    width: 100%;
    padding: 13.5px;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 0px;
  }
  .accessories-right-column {
    display: none !important;
  }
  .accessories-left-column {
    padding-top: 0px !important;
  }
  #acc_mdl_body {
    height: auto !important;
    padding: 32px !important;
  }
  #acc_mdl_body .modal-body {
    padding: 0px;
    width: 100%;
  }
  .mdp-modal-footer-guides-actions {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
  .btn-back-text {
    padding-left: 0px;
    color: #48464D;
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
  #priceValue {
    padding-right: 0px;
  }
  .fastor_product_popup .popup_row {
    height: unset;
    margin-top: 0px;
    margin-bottom: 24px;
  }
  .fastor_product_popup .popup_row .popup_row_left {
    width: 100%;
    height: 0px;
  }
  .fastor_product_popup_span {
    justify-content: flex-start !important;    
    font-size: 12px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: normal !important;
    margin: 0px !important;
    padding-right: 0px;
  }
  .acc_options {
    width: 100% !important;
  }
  .acc_options button {
    width: 100% !important;
    border-left: none !important;
    border-radius: 4px !important;
    box-shadow: 0px 0px 5px 0px rgba(166, 171, 189, 0.60) !important;
    font-size: 12px !important;
    font-style: normal !important;
    color: #77797C !important;
    line-height: normal !important;
  }
  .acc_options .dropdown-menu {
    max-width: 100%;
    box-shadow: 0px 1px 8px 0px rgba(166, 171, 189, 0.89);
    padding: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
  }
  .bootstrap-select.show-tick .dropdown-menu li a span.text {
    font-size: 12px;
  }
  .dropdown.bootstrap-select.show-tick.acc_options.bs3::after {
    right: 4px;
  }
  #sample_text {
    margin-top: 0px;
    right: unset;
    width: 100%;
  }
  .mdp-modal-footer-guides-btn {
    display: flex;
  }
  .mdp-cancel-guides, .mdp-send-guides {
    display: block;
  }
  #accessories_cancel, #acc_cont_btn {
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: flex;
    padding: 4px 5px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border: none;
    color: #54565A;
    background: white;
    gap: 0px;
    width: 100%;
    border-radius: 5px;
    height: auto;
  }
  #accessories_cancel {
    margin-right: 14px;
  }
}


.custom_revert_modal_overlay {
  position: fixed;
  z-index: 99999;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.5);
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}

.custom_revert_modal {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
  width: 300px;
  text-align: center;
}

.custom_revert_modal_header {
  display: flex;
  align-items: self-end;
  gap: 10px;
  padding: 16px 24px 16px 24px;
}

.custom_revert_modal_icon {
  width: 20px;
  height: 20px;
  transform: rotate(12deg);
}

.custom_revert_modal_text {
font-family: DM Sans;
font-weight: 700;
font-size: 12px;
line-height: 15.62px;
letter-spacing: 0%;
text-align: center;
}

.custom_revert_modal_body {
  font-size: 14px;
  color: #555;
  background-color:#F7F5F4;
  padding: 26px;
  text-align: left;
}

.custom_revert_modal_footer {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 16px;
}

.custom_revert_modal_button {
  padding: 10px;
  border-radius: 4px;
  font-size: 14px;
  cursor: pointer;
  transition: 0.2s;
}

.custom_revert_modal_continue {
  background: #545a5a;
  color: white;
  border: none;
}

.custom_revert_modal_continue:hover {
  background: #3d4141;
}

.custom_revert_modal_cancel {
  background: white;
  border: 1px solid #545a5a;
  color: #545a5a;
}

.custom_revert_modal_cancel:hover {
  background: #f5f5f5;
}
     
/* Modal Background */
.custom_mob_login_modal {
  position: fixed;
  bottom: 0;
  width: 100%;
  display: flex;
  align-items: center;
  visibility: hidden;
  opacity: 0;
  z-index: 999999999999999999999999999;

}

/* Modal Container */
.modal-content-login {
    background: #ffffff;
    padding: 16px 24px;
    border-radius: 20px 20px 0 0;
    width: -webkit-fill-available;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    text-align: center;
    padding-top: 42px;
    padding-bottom: 65px;
    border-top:1px solid black;
    box-shadow: 0 -4px 6px -2px rgba(0, 0, 0, 0.5);
}

.modal-title {
    font-size: 24px;
    font-weight: 700;
    color: #54565A;
}

.input-group {
    width: 100%;
    margin-bottom: 15px;
    text-align: left;
}

.input-label {
    font-size: 12px;
    font-weight: 500;
    color: #77797C;
    margin-bottom: 5px;
    display: block;
}

.input-field {
    width: 100%;
    padding: 10px;
    border: 1px solid #9C9DA0;
    border-radius: 8px;
    font-size: 14px;
    outline: none;
}

/* Recaptcha */
.recaptcha {
    background: #FAFAFA;
    padding: 10px;
    border-radius: 10px;
    border: 1px solid #D6D6D6;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
    color: #424347;
    margin-bottom: 15px;
}

.checkbox {
    width: 20px;
    height: 20px;
    border: 2px solid #C1C1C1;
    border-radius: 2px;
    background: #ffffff;
    cursor: pointer;
}

/* Button */
.login-btn {
    width: 320px;
    padding: 13.5px;
    background: #FCD464!important;
    border: none;
    border-radius: 25px;
    font-size: 16px;
    font-weight: 700;
    color: #FFFFFF;
    cursor: pointer;
    margin-bottom: 10px;
    border-radius: 25px!important;
}

.login-btn:hover {
    background: #e3b957;
}

.forgot-password {
    font-size: 14px;
    font-weight: 700;
    color: #B28FFF;
    cursor: pointer;
    margin-bottom: 10px;
}

/* Social Login */
.social-login {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin-top: 15px;
}

.social-icon {
    width: 40px;
    height: 40px;
    cursor: pointer;
}

/* Close Button */
.close-btn {
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer;
    font-size: 20px;
    color: #54565A;
}
.custom_login_modal_title{
     text-decoration: unset!important; 
     text-decoration-color: unset !important;
     font-family: "DM Sans";
     font-size: 34px;
     font-style: normal;
     font-weight: 500;
     line-height: normal;
     
}

.mobile_login_modal-divider {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.mobile_login_modal-line {
  flex: 1;
  height: 1px;
  background-color: #FFD700;
  margin: 0 10px;
}

.mobile_login_modal-text {
  color: #FFD700;
  font-weight: bold;
}

.mobile_login_modal-register {
  margin: 0;
}

.mobile_login_modal-link {
  color: #a855f7;
  text-decoration: none;
}

.mobile_login_modal-link:hover {
  text-decoration: underline;
}

@media only screen and (max-width: 767px) {
  .fastor_product_popup-title-bundle {
      color: var(--Grey-1, #54565A);
      padding: 16px 24px;
      text-align: center;
      font-family: "DM Sans", sans-serif;
      font-size: 12px;
      font-weight: 400;
      line-height: normal;
      padding: 10px; /* Optional: Add padding for better spacing */
  }
}

 /* Make .back_icon_for_the_order invisible except on mobile */
 .back_icon_for_the_order {
  display: none;
}

@media only screen and (max-width: 768px) {
  .back_icon_for_the_order {
    display: block;
  }
}

#mobilesortable2data .mdp-optional-chapter-topic {
  background: white !important;
}
.mobile_uncheck{
  right: 71px;
  
}
.mobile_check{
  right: 71px;
  margin-top: 0px!important;
  
}
@media (max-width: 768px) {
  .mdp-custom-book-table-item-pages {
      justify-content: space-around!important;
  }
}
.scrollable-content{
  overflow: scroll;
}


.modal-close-login {
  position: absolute;
  right: 8px;
  top: 1%;
  z-index: 99999;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  display: flex
;
  align-items: center;
  justify-content: center;
  background: #54565A;
  border: 2px solid #FFF;
  cursor: pointer;
}

@media screen and (max-width: 768px) {
  .modal-dialog.modal-dialog-centered {
    display: inline-block;
    margin: 0px auto;
    position: fixed;
    transition: all 0.5s ease-in-out 0s;
    z-index: 2031;
    top: 2%;
    left: 0px;
    right: 0px;
    background: #fdfbf9 !important;
    width: 92% !important;
    padding-bottom: 0px !important;
    max-height: 80vh;
    overflow-y: auto;
}
.modal-title {
  margin: 25px;
  line-height: 1.42857143;
  font-size: 20px;
  font-weight: 500 !important;
  display: inline-block;
}
.modal-title {
  font-size: 21px;
  font-weight: 700;
  color: #54565A;
}
.custom-btn1 {
  float: right;
  background: #ffb702 !important;
  margin: 3px 5px;
  border-radius: 6px;
  padding: 5px 30px !important;
}
}
@media (max-width: 768px) {
  a.ebcallback {
    display: none !important;
  }
  .bookCustomizerProductName {
    font-size: 16px !important;
}
.customize-book-heading h3 {
  margin-top: 13px;
  font-weight: 400;
  font-size: 16px;
}
.desktop_customizer_section{
  justify-content: unset!important;display:unset!important;
}

#bookCustomizerModal .modal-body {
  background: #eaebeb !important;
  padding: 0px 0px;
}
#selectedChaptersContainer{
  padding-right: unset!important; 
  padding-left: unset!important;
}
#selectedChaptersHeadRow {
  justify-content: space-around;
}
#optionalChaptersContainer {
  display: block;
}

#optionalChaptersHeadRow {
  background-color: #F5B335;
  color: #fff;
  padding-bottom: 7px;
  padding-left: 10px !important;
  width: 400px;
  height: 45px;
  font-family: 'DM Sans';
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  display: flex
;
  align-items: center;
}
.default-chapters-card {
   padding-right: unset!important; 
   padding-left: unset!important; 
   height: fit-content;
   overflow-y: unset!important;
   margin-bottom: 10px;
   background: unset !important;
}
#sortable2 .list-group-item {
  border-radius: 3px;
  border: unset !important;
  margin-block: 4px 0px;
  font-size: 14px;
  box-shadow: -3px 3px 7px -8px #000;
  display: flex;
  align-items: flex-start;
  justify-content: unset!important;
  padding: 10px 15px 10px 16px !important;
  margin-right: 7px !important;
  
}
div[id^="chapterRow-"] {
  cursor: move;
   padding-left: unset !important; 
}

.customizer_buttons_footer{
  display: none !important;

}

#optionalChaptersHeadRow {
width: unset;
}
.chapter-categories {
  width: unset!important;
}
.chapter_categories .list-group-item {
  justify-content: space-evenly;
}
#optionalChaptersHeadRow {
  justify-content: space-evenly;
}

#bookCustomizerModal .fade.in {
  background-color: white!important;
}
#bookCustomizerModal .fade.in {
  background-color: white!important;
}
#bookCustomizerModal {
  position: fixed;
  right: 0;
  bottom: 0;
  left: -18px;
  z-index: 1050;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
  padding-right: 0px!important;
  background-color: white !important;
  max-height: 100%;
  overflow-y: auto;
}

.fade.in {
  background-color: #ffffff00 !important;
}
.bookCustomizerModalclass{
  margin-top: 0px!important;
}

.modal-custom-book-main-heading {
  margin-bottom: 0px;
  font-size: 12px;
  padding: 8px 12px;
}
#bookCustomizerModal i.arrow-up-down.fa.fa-angle-down {
  font-size: 23px;
  font-weight: 700;
  transform: rotate(270deg);
}
#bookCustomizerModal i.arrow-up-down.fa.fa-angle-up {
  font-size: 23px;
  font-weight: 700;
  transform: rotate(182deg);
}
#bookCustomizerModal   #sortable2 .list-group-item {
  font-size: 12px!important;
 
}
#bookCustomizerModal  #selectedChaptersHeadRow {
  padding-left: 0px !important;
}
#sortable2  .active_orange {
  background-color: #ffffff !important;
}

#bookCustomizerModal .modal-content {
  margin-right: 3px !important;
}
.s2chaptername{
  width: 50%;
}
.s1undo{
  width: 8%;
}

.mdp-custom-book-table-item-name {
  width: 60%!important;
  margin-bottom: 0px !important;
  overflow: hidden;
  color: var(--Grey-1, #54565A);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: "DM Sans";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding-bottom: 0px !important;
  padding-left: 8px;
}
.chapter-categories {
font-size: 12px;
}

#closeBookCustomizerConfirmationBox  .modal-dialog.modal-dialogx {
  padding-top: 0px;
  padding-bottom: 0px !important;
  padding-left: 0px;
  padding-right: 0px;
  top: 0px;
} 

#closeBookCustomizerConfirmationBox    .modal-dialog.modal-dialog-centered  {
 width:100%!important;
}
#closeBookCustomizerConfirmationBox  .modal-close {
  right: 0px;
  top: 0px;
}

#sortable1 .list-group-item {
  border-radius: 3px;
    border: unset !important;
    margin-bottom: 4px;
    font-size: 14px;
    background: #F5F7FD;
    justify-content: center;
    align-items: center;
    display: flex;
    box-shadow: -3px 3px 7px -8px #000;
}

#addToCartModal .modal-dialog-centered {
  box-shadow: 0px 4px 10px rgb(0 0 0 / 89%);
}

#sortable2 {
  overflow-y: auto; /* Vertical scroll when needed */
  overflow-x: hidden; /* No horizontal scroll */
  -webkit-overflow-scrolling: touch; /* Smooth scroll on iOS */
  scroll-behavior: smooth; /* Smooth scroll transitions */
  touch-action: pan-y; /* Allow vertical scroll only */
}

.modal-title {
  font-size: 17px;
  font-weight: 700;
  color: #54565A;
}


}


@media (max-width: 768px) {
  .mdp-optional-chapter-topic {
      background-color: #F5F7FD !important;
      padding: 10px 15px 10px 16px !important;
  }
}

#myOptions{
  display: none;
}

/* Show only on mobile (less than 768px) */
.mobile-only {
  display: block!important;
}

@media (min-width: 768px) {
  .mobile-only {
    display: none!important;
  }
  #chapterDescContainer {
  display: none !important;
  }
}



/* Show only on desktop (768px and up) */
.desktop-only {
  display: none!important;
}

@media (min-width: 768px) {
  .desktop-only {
    display: block!important;
  }
  #chapter_name_hr{
    display: none!important;
  }

  

 #sortable1 .draggable-item {
    border-radius: 3px;
    border: unset !important;
    margin-bottom: 4px;
    font-size: 14px;
    justify-content: center;
    align-items: center;
    display: flex;
    box-shadow: -3px 3px 7px -8px #000;
  }
}
.desktop_customizer_section{
  justify-content: center;display:flex;
}
.customizer_buttons_footer{
  display: flex;
  justify-content: space-between;
}

@media (min-width: 1024px) {
  .invisible-desktop {
    display: none;
  }
}

#guides-bundle-accessories .filter-option-inner-inner{
  width: 196px;
  text-overflow: ellipsis;
}