@import url('https://cdn.jsdelivr.net/npm/swiper@9/swiper-bundle.min.css');

body { background: #f3f7fe; font-family: 'Inter', sans-serif;}
.bg-lghtblue-100{background-color: #f3f7fe;}
.bg-linkdin{background-color: #0172b1;}
.bg-facebook{background-color: #3b579d;}
.table-custom tbody tr{background-color:#f3f7fe}
.table-custom tbody  tr:nth-child(2n){background-color:#fff}
.table-custom tbody tr:hover {background-color:#eff1f5}
.main-bg{background-color: #f3f7fe;}

.animate-spin { -webkit-animation: spin 1.5s linear infinite;animation: spin 1.5s linear infinite;}
.pdf-max-height{max-height: 595px;}
.text-red-color{color:#c41012}
.bg-red-color{background:#c41012}
.border-top-gray{border:none;border-top:1px solid #b6a145;}   

.bg-green-100, .hover\:bg-green-100:hover{background-color: #c3f5e7;}
.bg-green-200, .hover\:bg-green-200:hover{background-color: #6fd9bb;}
.border-green-200{border-color: #6fd9bb;}
.hover\:bg-green-900:hover{background-color: #52bfa0;}
.bg-blue-900{background-color: #243677;}
.bg-blue-800, .hover\:bg-blue-900:hover{background-color: #1c389d;}
.text-green-200, .hover\:text-green-200:hover{color: #6fd9bb;}
.text-blue-900, .hover\:text-blue-900:hover{color: #243677;}
.text-blue-800, .hover\:text-blue-800:hover{color: #1c389d;}
.text-gray-400{color: #5f5f5f;}
.text-gray-500{color: #666666;}
.bg-blue-50{background-color: #f3f7fe;}
.text-label{color: #474747;}
.text-4xl482{font-size: 42px;}
.custombg{background-image: url(../assets/img/login-bg.png); background-repeat: no-repeat;background-size: cover;}
[type='checkbox']:checked{background-color: #6fd9bb;}
.text-gray-300{color: #a3a3a3;}
.dropdown-hover>.hidden {min-width: 180px;}
.dropdown-hover:hover>.hidden {display: block;}
.select-service select{width: 150px;color: #243677;}
.min-w-28{min-width: 100px;}
#picking-list-body{max-height: 500px;}
.arrow-top:after {position: absolute; top: -10px; -webkit-filter: drop-shadow(0 -1px 1px rgba(0, 0, 0, 0.1)); -moz-filter: drop-shadow(0 -1px 1px rgba(0, 0, 0, 0.1)); -o-filter: drop-shadow(0 -1px 1px rgba(0, 0, 0, 0.1)); -ms-filter: drop-shadow(0 -1px 1px rgba(0, 0, 0, 0.1)); filter: drop-shadow(0 -1px 1px rgba(0, 0, 0, 0.1)); width: 0; height: 0; border: 0 solid transparent; border-right-width: 10px; border-left-width: 10px; border-bottom: 10px solid #fff; content: ""; left: 15px;
}
body.open{overflow: hidden;}
.filter-siderbar .bg-black{display: none;}
.filter-siderbar .right-0{right: -400px;}
.filter-siderbar.z-50 {z-index: -1;}
.open .filter-siderbar .bg-black{display: block;}
.open .filter-siderbar.z-50 {z-index: 50;}
.open .filter-siderbar .right-0{right: 0;}
 
/* width */
.multi-dropdown ::-webkit-scrollbar {
  width: 2px;
}

/* Track */
.multi-dropdown ::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
.multi-dropdown ::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle on hover */
.multi-dropdown ::-webkit-scrollbar-thumb:hover {
  background: #555;
}
details.group[open] .bg-blue-50{background-color: #6fd9bb; color: #fff;}

#tabs-order .active{border-color: #6fd9bb;border-bottom-width: 2px;color: #243677;}
.scrollbar-w-2::-webkit-scrollbar {
  width: 0.25rem;
  height: 0.25rem;
  }
  
  .scrollbar-track-blue-lighter::-webkit-scrollbar-track {
  --bg-opacity: 1;
  background-color: #f7fafc;
  background-color: rgba(247, 250, 252, var(--bg-opacity));
  }
  
  .scrollbar-thumb-blue::-webkit-scrollbar-thumb {
  --bg-opacity: 1;
  background-color: #edf2f7;
  background-color: rgba(237, 242, 247, var(--bg-opacity));
  }
  
  .scrollbar-thumb-rounded::-webkit-scrollbar-thumb {
  border-radius: 0.25rem;
  }
@keyframes rotate {
    from {
      transform: rotate(0);
    }
    to {
      transform: rotate(360deg);
    }
  }  

  
.note-modal-content .note-modal-footer{display:flex;justify-content: center;
  align-items: center; height: auto;}

  .note-frame{background-color: #fff;}

  .note-editor h1{font-weight: 700; font-size: 1.8rem;}
  .note-editor h2{font-weight: 700; font-size: 1.65em;}
  .note-editor h3{font-weight: 700; font-size: 1.4rem;}
  .note-editor h4{font-weight: 500; font-size: 1.2rem;}
  .note-editor h5{font-weight: 500; font-size: 1.05rem;}
  .note-editor h6{font-weight: 500; font-size: .9rem;}
  .note-toolbar .note-dropdown-menu{padding: 0px;}
  .note-dropdown-menu a.note-dropdown-item,  .note-dropdown-menu a.note-dropdown-item:hover{     margin: 0;   padding: 5px;}
/* -------------GSTR-CSS-------- */

.number-filter-gstr div#myTable_length {
  display: block;
  width: fit-content;
  
}

.number-filter-gstr div#myTable_wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.number-filter-gstr div#myTable_filter {
  display: block;
  width: fit-content;
  margin-bottom: 25px;
}
.number-filter-gstr div#myTable_filter input[type="search"] { margin-left: 10px; border-radius: 5px; border-color: #cbcbcb;}
.number-filter-gstr div#myTable_length select { border-radius: 5px; border-color: #cbcbcb; }


/* -------------Table1-------- */

.number-filter-gstr div#myTable1_length {
  display: block;
  width: fit-content;
  
}

.number-filter-gstr div#myTable1_wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.number-filter-gstr div#myTable1_filter {
  display: block;
  width: fit-content;
  margin-bottom: 25px;
}
.number-filter-gstr div#myTable1_filter input[type="search"] { margin-left: 10px; border-radius: 5px; border-color: #cbcbcb;}
.number-filter-gstr div#myTable1_length select { border-radius: 5px; border-color: #cbcbcb; }

/* -------------Table2-------- */

.number-filter-gstr div#myTable2_length {
  display: block;
  width: fit-content;
  
}

.number-filter-gstr div#myTable2_wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.number-filter-gstr div#myTable2_filter {
  display: block;
  width: fit-content;
  margin-bottom: 25px;
}
.number-filter-gstr div#myTable2_filter input[type="search"] { margin-left: 10px; border-radius: 5px; border-color: #cbcbcb;}
.number-filter-gstr div#myTable2_length select { border-radius: 5px; border-color: #cbcbcb; }

/* -------------Table3-------- */

.number-filter-gstr div#myTable3_length {
  display: block;
  width: fit-content;
  
}

.number-filter-gstr div#myTable3_wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.number-filter-gstr div#myTable3_filter {
  display: block;
  width: fit-content;
  margin-bottom: 25px;
}
.number-filter-gstr div#myTable3_filter input[type="search"] { margin-left: 10px; border-radius: 5px; border-color: #cbcbcb;}
.number-filter-gstr div#myTable3_length select { border-radius: 5px; border-color: #cbcbcb; }

.bg-gradient-to-r.from-fuchsia-300.to-purple-500 { background: linear-gradient(270deg, #5459F5 0%, #9E84F2 46.55%, #DAA6F2 100%); }
.bg-purple-500 { background: #9C83F2; }
.bg-fuchsia-300 { background: #E2AAF2; }
a.paginate_button { padding: 1px 10px; margin: 0 3px; border: 1px solid #ccc; cursor: pointer; border-radius: 2px; }
a.paginate_button:hover{background-color: #9C83F2; color: #fff; border: 1px solid #9C83F2;}
a.paginate_button.current{background-color: #9C83F2; color: #fff; border: 1px solid #9C83F2;}
.dataTables_info, .paging_simple_numbers{margin-top: 25px;}

.sorry-page img.w-96 { width: 170px; margin: auto;  filter: hue-rotate(38deg);} 
.sorry-page { text-align: center; }
.sorry-page h2 { color: #878787; margin-top: 20px; } 
.sorry-page p { font-size: 16px; }
.sorry-page a { padding: 12px 36px; font-size: 16px; background: #502bb8; border-radius: 3px; } 
section.pt-5.px-3.sorry-page { margin-top: 40px;  padding-bottom: 30px; margin-right: 18px; }
.home-sorry-page img { max-width: 170px; margin: auto; filter: hue-rotate(38deg);}
 .home-sorry-page { margin-left: 18px; margin-bottom: 40px; }
.whatsapp-help { bottom: 10px; left: 20px; z-index: 20; }

.number_block_details:hover { background: #8b5cf6 !important; background-repeat: no-repeat !important; background-position: bottom; border: 1px solid #895af3; background-size: cover !important; color: #ffffff !important; }
.number-card-box{transition: 0.5s;}
.number-card-box:hover {transition: 0.5s; background: #8b5cf6;  background-image: none !important; }
.number-card-box:hover span,.number-card-box:hover p,.number-card-box:hover h3,.number-card-box:hover h5{color: #fff;transition: 0.5s;}
.number-card-box:hover .buy-now{background-color: #000; transition: 0.5s;}
.number-card-box:hover .enquiry-now{background-color: #fff; color:#8b5cf6 ; transition: 0.5s;}
.box-box-prettier:hover { box-shadow: 0 0 12px 4px #8557ec80; border-radius: 12px; transform: scale(1.05); transition: all 2s ease; }
.box-box-prettier { transition: all 2s ease; }
.web-numro-mart { height: 600px; z-index: -1;}
.web-numro-mart img { height: 100%; object-fit: cover; }
button:focus{border: none;}

.glide__arrow {
  position: absolute;
  display: block;
  top: 50%;
  z-index: 2;
  opacity: 1;
  transform: translateY(-50%);
}



.slider-container {
  max-width: 75rem;
  height: auto;
  margin-inline: auto;
  padding-inline: 1.25rem;
}

.swiper-button-next::after, .swiper-button-prev::after {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  font-weight: 800;
  padding: 1rem;
  width: 2rem;
  height: 2rem;
  opacity: 0.75;
  border-radius: 50%;
  color: var(--white-100);
  background: var(--black-300);
}
.inline-flex:focus, .rounded-md:focus{box-shadow: none;}
.client-loc{text-align: center;}
.our-gstr-slider{margin-top: 30px;}
.our-gstr-slider .swiper-slide { padding: 0 10px; } 
.our-gstr-slider .swiper-wrapper { align-items: center; }
.relative.z-10{z-index: 22;}
.pricing-gstr h3 { font-size: 21px; padding-bottom: 8px; font-weight: 600; border-bottom: 1px solid #cbcbcbe0; } 
.pricing-gstr select a { color: #484848; font-size: 16px; } 
.pricing-gstr select { margin-bottom: 6px; }
.logout-icon { width: 40px !important; height: 25px !important; }

.user-profile-drop { right: 0px; padding: 0; }
nav{position: relative;z-index: 2;}
.user-profile-drop ul li { padding: 6px 10px; } 
.user-profile-drop ul .log-out-user-gstr { margin-top: 0 !important;  border-radius: 0 0 10px 10px; } 
/*.user-profile-drop ul .log-out-user-gstr a { color: #fff; }*/
.user-profile-drop ul .log-out-user-gstr:hover{background: #9a82f41f;}
.alert-success-gstr { position: absolute; top: 100px; z-index: 99; right: 13px; border-radius: 5px; max-width: 350px; width: 100%; }
.alert-success-gstr .container { display: flex; align-items: center; justify-content: space-between; }

.pricign-show, .category-show { display: block  }
.number-font-gstr { font-size: 28px; font-weight: 700; }

/* range slider  price*/
 /* Ion.RangeSlider
// css version 2.0.3
// © 2013-2014 Denis Ineshin | IonDen.com
// ===================================================================================================================*/

/* =====================================================================================================================
// RangeSlider */

.irs {
  position: relative; display: block;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
   -khtml-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
  .irs-line {
      position: relative; display: block;
      overflow: hidden;
      outline: none !important;
  }
      .irs-line-left, .irs-line-mid, .irs-line-right {
          position: absolute; display: block;
          top: 0;
      }
      .irs-line-left {
          left: 0; width: 11%;
      }
      .irs-line-mid {
          left: 9%; width: 82%;
      }
      .irs-line-right {
          right: 0; width: 11%;
      }

  .irs-bar {
      position: absolute; display: block;
      left: 0; width: 0;
  }
      .irs-bar-edge {
          position: absolute; display: block;
          top: 0; left: 0;
      }

  .irs-shadow {
      position: absolute; display: none;
      left: 0; width: 0;
  }

  .irs-slider {
      position: absolute; display: block;
      cursor: default;
      z-index: 1;
  }
      .irs-slider.single {

      }
      .irs-slider.from {

      }
      .irs-slider.to {

      }
      .irs-slider.type_last {
          z-index: 2;
      }

  .irs-min {
      position: absolute; display: block;
      left: 0;
      cursor: default;
  }
  .irs-max {
      position: absolute; display: block;
      right: 0;
      cursor: default;
  }

  .irs-from, .irs-to, .irs-single {
      position: absolute; display: block;
      top: 0; left: 0;
      cursor: default;
      white-space: nowrap;
  }

.irs-grid {
  position: absolute; display: none;
  bottom: 0; left: 0;
  width: 100%; height: 20px;
}
.irs-with-grid .irs-grid {
  display: block;
}
  .irs-grid-pol {
      position: absolute;
      top: 0; left: 0;
      width: 1px; height: 8px;
      background: #000;
  }
  .irs-grid-pol.small {
      height: 4px;
  }
  .irs-grid-text {
      position: absolute;
      bottom: 0; left: 0;
      white-space: nowrap;
      text-align: center;
      font-size: 9px; line-height: 9px;
      padding: 0 3px;
      color: #000;
  }

.irs-disable-mask {
  position: absolute; display: block;
  top: 0; left: -1%;
  width: 102%; height: 100%;
  cursor: default;
  background: rgba(0,0,0,0.0);
  z-index: 2;
}
.lt-ie9 .irs-disable-mask {
  background: #000;
  filter: alpha(opacity=0);
  cursor: not-allowed;
}

.irs-disabled {
  opacity: 0.4;
}


.irs-hidden-input {
  position: absolute !important;
  display: block !important;
  top: 0 !important;
  left: 0 !important;
  width: 0 !important;
  height: 0 !important;
  font-size: 0 !important;
  line-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  outline: none !important;
  z-index: -9999 !important;
  background: none !important;
  border-style: solid !important;
  border-color: transparent !important;
}


/* Ion.RangeSlider, Simple Skin
// css version 2.0.3
// © Denis Ineshin, 2014    https://github.com/IonDen
// © guybowden, 2014        https://github.com/guybowden
// ===================================================================================================================*/

/* =====================================================================================================================
// Skin details */

.irs {
  height: 55px;
}
.irs-with-grid {
  height: 75px;
}
.irs-line {
  height: 7px; top: 33px;
  background: #EEE;
  background: linear-gradient(to bottom, #DDD -50%, #FFF 150%); /* W3C */
  border: 1px solid #CCC;
  border-radius: 16px;
  -moz-border-radius: 16px;
}
  .irs-line-left {
      height: 8px;
  }
  .irs-line-mid {
      height: 8px;
  }
  .irs-line-right {
      height: 8px;
  }

.irs-bar {
  height: 7px; top: 33px;
  border-top: 1px solid #428bca;
  border-bottom: 1px solid #428bca;

  background: linear-gradient(270deg, #5459F5 0%, #9E84F2 46.55%, #DAA6F2 100%);/* W3C */
}
  .irs-bar-edge {
      height: 7px; top: 33px;
      width: 14px;
      border: 1px solid #428bca;
      border-right: 0;
      background: #428bca;
      background: linear-gradient(to top, rgba(66,139,202,1) 0%,rgba(127,195,232,1) 100%); /* W3C */
      border-radius: 16px 0 0 16px;
      -moz-border-radius: 16px 0 0 16px;
  }

.irs-shadow {
  height: 2px; top: 38px;
  background: #000;
  opacity: 0.3;
  border-radius: 5px;
  -moz-border-radius: 5px;
}
.lt-ie9 .irs-shadow {
  filter: alpha(opacity=30);
}

.irs-slider {
  top: 26px;
  width: 20px;
  height: 20px;
  border: 1px solid #AAA;
  background: #DDD;
  background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(220,220,220,1) 20%,rgba(255,255,255,1) 100%);
  border-radius: 27px;
  -moz-border-radius: 27px;
  box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
  cursor: pointer;
}

.irs-slider.state_hover, .irs-slider:hover {
  background: #FFF;
}

.irs-min, .irs-max {
  color: #333;
  font-size: 12px; line-height: 1.333;
  text-shadow: none;
  top: 0;
  padding: 1px 5px;
  background: rgba(0,0,0,0.1);
  border-radius: 3px;
  -moz-border-radius: 3px;
}

.lt-ie9 .irs-min, .lt-ie9 .irs-max {
  background: #ccc;
}

.irs-from, .irs-to, .irs-single {
  color: #fff;
  font-size: 14px; line-height: 1.333;
  text-shadow: none;
  padding: 1px 5px;
  background: #a17ef1;
  border-radius: 3px;
  -moz-border-radius: 3px;
}
.lt-ie9 .irs-from, .lt-ie9 .irs-to, .lt-ie9 .irs-single {
  background: #999;
}

.irs-grid {
  height: 27px;
}
.irs-grid-pol {
  opacity: 0.5;
  background: #428bca;
}
.irs-grid-pol.small {
  background: #999;
}

.irs-grid-text {
  bottom: 5px;
  color: #99a4ac;
}

.edit-profile-img{display: none; transition: 0.3s;}
.profile-img:hover .edit-profile-img{display: block; z-index: 1; transition: 0.3s;}
.profile-img:hover .gstr-profile{filter: brightness(0.5); transition: 0.3s;}


@media(min-width:1024px){
#mega-menu-icons {width: calc(100% - 560px);}

}
@media(min-width:1199px){
#mega-menu-icons {width: calc(100% - 632px);padding: 0 20px;}
}
@media(min-width:1600px){
  .container {
    max-width: 1432px;
}

}
@media(max-width:1024px){
  .web-numro-mart { height: 385px; }
  .pricing-gstr h3 { font-size: 15px; }
  .pricing-gstr ul li a { font-size: 15px; }
}
@media(max-width:991px){
  .web-numro-mart { height: 350px; }
}
@media(max-width:767px){
  .web-numro-mart { height: 300px; }
}
@media(max-width:575px){
  .web-numro-mart { height: 225px; }
  .client-gstr-google .swiper-slide .flex{flex-direction: column;}
}
@media(max-width:400px){
  .web-numro-mart { height: 160px; }
}