body {
    background: #FBFBFF;
}
/**search bar style **/
.dspdfvfw-wrapper {
    width: 100%;
    margin: auto;
    padding-top:20px;
}

.dspdfvfw-row {
    display: grid;
    grid-template-columns: 25fr 75fr;
    grid-column-gap:40px;
}

.dspdfvfw-catalog {
    display: grid;
    grid-template-columns: 75fr 25fr;
    grid-column-gap:50px;
}

input.dspdfvfw-add-search {
    width: 100%;
    
}
.dspdfvfw-cat-title h4 {
    margin: 0px;
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 33px;
    color: #FFFFFF;
    background: #7348ED;
    text-align: center;
    padding-top: 9px;
    padding-bottom: 9px;
  }

  ul.dspdfvfw-cat-lists {
    padding: 0px;
  } 

  ul.dspdfvfw-cat-lists li {
     list-style-type: none;
     border-bottom: 1px solid #E3E3E3;
     padding-top: 5px;
     padding-bottom: 5px;
     transition: 1s;
     padding-left:5px;
  }

  ul.dspdfvfw-cat-lists li a {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 600;
    font-size: 17px;
    line-height: 35px;
    color: #34495e;
    text-decoration: none !important; 
    text-transform:capitalize;
  }

  ul.dspdfvfw-cat-lists li a:hover {
     color:#112A46;
  }
  ul.dspdfvfw-cat-lists li a::selection {
    color:#112A46;
  }

  ul.dspdfvfw-cat-lists li a:hover {
    font-size: 18px;
    transition-timing-function: ease-in;
    transition: 1s;
}
ul.dspdfvfw-cat-lists li a:hover {
  transition-timing-function: ease-out;
  transition: 1s;
}

ul.dspdfvfw-cat-lists li:hover {
  padding-left: 10px;
  transition: 0.6s;
}

/**SEARCH BOX**/

.dspdfvfw-ajax-search-form {
  padding-left: 25px;
  display: flex;
  align-items: center;
  margin : auto;
  width : 100%;
  height: 50px;
  background: #FFFFFF;
  border: 1px solid #DAE0FF;
  border-radius: 3px;
}

.dspdfvfw-select-area {
  color : #4451FE;
  display : flex;
  align-items: center;
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px; ;
}

.dspdfvfw-text {
  padding-left:10px;
  padding-right: 10px;
}

.dspdfvfw-search-text {
  width: 100%;
  border: none;
  color: #000000;
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px; ;
}

.dspdfvfw-search ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #000000;
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px; 
}

.dspdfvfw-text-and-icon {
  width: 100%;
  display: flex;
  align-items: center;
}

.dspdfvfw-search-icon {
  color : #ADB6C8;
}

.dspdfvfw-search-text:focus {
  outline: none !important;
}

.dspdfvfw-search-text:focus + .search-icon{
  color :#7348ED;
}

.dspdfvfw-sort-options {
  width: 100%;
  height: 50px;
  background: #ffffff;
  background: #FFFFFF;
  border: 1px solid #DAE0FF;
  border-radius: 3px;
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  color: #000000;
  padding-left: 5px;
  padding-right: 5px;
}
.dspdfvfw-feature img {
  width: 100%;
  height: auto;
  /* aspect-ratio: 1/1.4; */
}
.dspdfvfw-grid-container {
  padding-top: 32px;
}
.dspdfvfw-grid-col {
  text-align: center;
  background: #FFFFFF;
  border: 1px solid #DAE0FF;
  padding: 10px;
}

.dspdfvfw-content a {
  text-decoration: none !important;
  display: inline-block;
  padding-left:5px;
  padding-right:5px;
  text-transform: capitalize;
}

.dspdfvfw-content h2 {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 28px;
  text-align: center;
  color: #112A46;
  padding-top: 10px;
}


.dspdfvfw-modal .modaal-container  {
  background:transparent !important;  
} 

.dspdfvfw-search-text {
  border: none !important;
  background: none !important;
}

 body.pdfviewer-template-default.single.single-pdfviewer  {
  background-color: transparent !important;
}

.modaal-container iframe :root {
  --body-bg-color: transparent !important;
}
 .modaal-fullscreen .modaal-close {
  top:50px !important;
}



/*Responsive query */
@media only screen and (max-width: 786px) {
  .dspdfvfw-row {
    grid-template-columns: 100%;
  }
  .dspdfvfw-cat-filters {
    padding-bottom: 30px;
  }
  .dspdfvfw-search-text {
    padding-left:0px !important; 
  }
  .dspdfvfw-catalog {
    grid-column-gap:10px;
  }
}

/*list view css herer*/

.dspdfvfw-list-col {
  display: flex;
  background: #FFFFFF;
  border: 1px solid #DAE0FF;
  padding:25px;
  margin-top: 20px;
}

.dspdfvfw-list-content {
  padding-left: 37px;
} 

.dspdfvfw-list-titile a h2 {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 27px;
  color: #000000;
  }
  .dspdfvfw-list-titile a {
    text-decoration: none;
}

.dspdfvfw-list-desc p {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #666666;
}

.dspdfvfw-list-featured {
  width: 100%;
  max-width: 200px;
}
.dspdfvfw-list-featured img {
  width: 100%;
  height: auto;
}

@media only screen and (max-width: 768px) {
  .dspdfvfw-list-col {
    display: flex;
    flex-direction: column;
}
.dspdfvfw-list-featured {
  width: 100%;
  max-width: 250px;
  margin: auto;
}
.dspdfvfw-list-titile a h2{
  padding-top: 20px;
}
.dspdfvfw-list-titile {
  text-align: center;
  padding-top: 20px;

}
.dspdfvfw-list-read {
  text-align: center;
  padding-bottom: 25px;
}

}

body.admin-bar .modaal-wrapper.modaal-fullscreen {
  margin-top: 30px;
}

body.admin-bar .modaal-fullscreen .modaal-close{
  top: 80px !important;
}

.dspdfvfw-product-cat-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.dspdfvfw-product-cat-item  label {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 600;
    font-size: 17px;
    line-height: 35px;
    color: #34495e;
    text-decoration: none !important;
    text-transform: capitalize;
}

.dspdfvfw-product-cat-item [type=checkbox] {
  width: 20px;
  height: 20px;
} 

.dspdfvfw-main-pagination,.dspdfvfw-ajax-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 30px;
  margin-bottom: 30px;
}

.dspdfvfw-main-pagination .page-numbers {
  border-radius: 10px;
  background: #FFF;
  box-shadow: 0px 2px 5px 0px rgba(67, 83, 255, 0.15);
  display: inline-block;
  padding: 12px 20px;
  text-decoration: none !important; 
  margin-right: 20px;
}

.dspdfvfw-ajax-pagination .page-numbers.current {
  background-color: #5A68FF;
  color: #fff;
}

.dspdfvfw-ajax-pagination .page-numbers {
  border-radius: 10px;
  background: #FFF;
  box-shadow: 0px 2px 5px 0px rgba(67, 83, 255, 0.15);
  display: inline-block;
  padding: 12px 20px;
  text-decoration: none !important; 
  margin-right: 20px;
}

.dspdfvfw-ajax-pagination .page-numbers.current {
  background-color: #5A68FF;
  color: #fff;
}


#dspdfvfw-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 35px;
}


/*** update code **/

/* Main wrapper */
.dspdfvfw-wrapper {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  color: #333;
  line-height: 1.5;
}

/* Loading state */
.dspdfvfw-loading {
  position: relative;
  min-height: 200px;
}

.dspdfvfw-loading:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin: -20px 0 0 -20px;
  border: 3px solid #f3f3f3;
  border-top: 3px solid #3498db;
  border-radius: 50%;
  animation: dspdfvfw-spin 1s linear infinite;
  z-index: 10;
}

@keyframes dspdfvfw-spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

button.dspdfvfw-reset-filters.hidden {
  display: none;
}

.dspdfvfw-search-icon-button {
  background: transparent;
  border: none;
  cursor: pointer;
}

.dspdfvfw-search-text.filter__search {
  height:40px;
}

.dspdfvfw-search-icon-button {
  height: 50px;
  display: inline-block;
  width: 50px;
}

.dspdfvfw-cat-lists {
  padding: 0px !important;
}

.dspdfvfw-reset-button {
  padding-top: 30px;
}

.dspdfvfw-reset-filters {
  cursor: pointer;
}


.dspdfvfw-reset-filters {
  cursor: pointer;
  padding: 8px 30px;
}


.dspdfvfw-reset-filters {
  cursor: pointer;
  padding: 8px 30px;
  border: none;
  border: 1px solid #E3E3E3;
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  color: #34495e;
  text-decoration: none !important;
  text-transform: capitalize;
}

.dspdfvfw-reset-filters:hover {
  border:1px solid #DAE0FF;
}

.dspdfvfw-no-items-founds {
  border: none;
  color: #112A46;
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 22px;
}

.dspdfvfw-product-cat-item label {
    cursor:pointer;
    width: 100%;
}

.dspdfvfw-product-cat-item [type=checkbox] {
  cursor: pointer;
}

.dspdfvfw-grid-col .dspdfvfw-item-wrap img {
  transition: transform 0.3s ease;
}

.dspdfvfw-grid-col:hover .dspdfvfw-item-wrap img {
  transform: scale(1.1);
}


.dspdfvfw-feature  {
  overflow: hidden;
} 

.dspdfvfw-no-results {
  width: 500px;
}