body{
background:#fff!important;
}
.dropdowns:hover .dropdown-contents {
  display: block;
}
p span {
  text-transform: capitalize;
}
.message-text h6 span {
  text-transform: capitalize;
  display: block;
  margin-top:3px;
  line-height:18px;
}
.orange_bg{
background-image: radial-gradient(circle at 11% 62%, rgba(205, 205, 205,0.04) 0%, rgba(205, 205, 205,0.04) 50%,rgba(149, 149, 149,0.04) 50%, rgba(149, 149, 149,0.04) 100%),radial-gradient(circle at 78% 10%, rgba(49, 49, 49,0.04) 0%, rgba(49, 49, 49,0.04) 50%,rgba(254, 254, 254,0.04) 50%, rgba(254, 254, 254,0.04) 100%),radial-gradient(circle at 92% 43%, rgba(34, 34, 34,0.04) 0%, rgba(34, 34, 34,0.04) 50%,rgba(206, 206, 206,0.04) 50%, rgba(206, 206, 206,0.04) 100%),linear-gradient(329deg, rgb(241, 77, 33),rgb(218, 227, 61));
}
.black_bg{
background-image: radial-gradient(circle at top right, rgb(78, 78, 78) 0%, rgb(78, 78, 78) 1%,rgb(72, 72, 72) 1%, rgb(72, 72, 72) 10%,rgb(65, 65, 65) 10%, rgb(65, 65, 65) 22%,rgb(59, 59, 59) 22%, rgb(59, 59, 59) 23%,rgb(53, 53, 53) 23%, rgb(53, 53, 53) 28%,rgb(46, 46, 46) 28%, rgb(46, 46, 46) 37%,rgb(40, 40, 40) 37%, rgb(40, 40, 40) 100%);
}
.dropdown-menu-end {
  right: 0;
  left: auto;
}
.product-title h5{
  text-transform: capitalize;
}
.has-image-count{
    position: relative;
}
.has-image-count .image-count-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    color: #fff;
    font-size: 30px;
}
.btn-primary:hover {
      background-color:#002ead;
      transition: 0.7s;
}
.btn btn-primary:hover {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
}
.product-action {
  position: absolute;
  left: 0px;
  bottom: -20px;
  z-index: 2;
  width: 100%;
  padding: 15px 15px;
  visibility: hidden;
  opacity: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: all linear 0.3s;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
}
.product-action li i {
  margin-right: 5px;
  margin-bottom: 1px;
  font-size: 14px;
}
.bg-body{
box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
}
.bg-bodys{
background:#fff;
padding:20px 10px;
width:1170px;
height:60px;
margin:10px auto;
box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
}
.modal.fade {
  z-index: 10000000 !important;
}
.border-light{
 border:1px solid #666;
}
.product-price{
color:#7aca9d;
}

.service-card {
    transition: transform 0.3s ease-in-out;
    border:1px solid #ddd;
    border-radius: 15px;
    background:#f9f9f9;
}

.service-card:hover {
    border:1px solid #abf1f3;
    background:#f8fefe;
}

.icon-circle {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}
.icon-circle svg {
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}
.bg-purple{background:#a755d5;}
.bg-green{background:#4cc659;}
.bg-blue{background:#0097e6;}
.bg-red{background:#f64927;}
.bg-yellow{background:#ffd403;}
.search-keyword{
  margin-top: 20px;
}

.search-keyword a{
  margin-left: 10px;
  padding: 6px 12px;
  border: 2px solid #0097e6;
  color: #0097e6;
  border-radius: 50px;
}

.search-keyword a:hover{
  background: #f64927;
  color: #fff;
  border: 2px solid #f64927;
}

.search-area{
  position: relative;
  margin-top: -150px;
  z-index: 1;
}

.preloader {
  position: fixed;
  width: 100%;
  height: 100%;
  background: #fff;
  top: 0;
  left: 0;
  z-index: 9999;
}

.loader {
  display: inline-block;
  height: 50px;
  width: 50px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -25px;
  transform: translate(-50%, -50%);
}

.loader-dot {
  height: 8px;
  width: 8px;
  background: #0097e6;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: calc(50% - 4px);
  transform-origin: 5px 30px;
  animation: rotate 1.5s infinite;
}

@keyframes rotate {
  from {
    transform: rotateZ(0);
  }
  to {
    transform: rotateZ(360deg);
  }
}

.loader-dot.dot2 {
  animation-delay: 0.1s;
  opacity: .9;
}

.loader-dot.dot3 {
  animation-delay: 0.2s;
  opacity: .8;
}

.loader-dot.dot4 {
  animation-delay: 0.3s;
  opacity: .7;
}

.loader-dot.dot5 {
  animation-delay: 0.4s;
  opacity: .6;
}
.header-fixed {
    background:#fff;
}
.header-bg{
text-transform:uppercase;
font-weight:700;
background:#fff;
}
.footer-bg{
background-image: linear-gradient(216deg, rgba(77, 77, 77,0.05) 0%, rgba(77, 77, 77,0.05) 25%,rgba(42, 42, 42,0.05) 25%, rgba(42, 42, 42,0.05) 38%,rgba(223, 223, 223,0.05) 38%, rgba(223, 223, 223,0.05) 75%,rgba(36, 36, 36,0.05) 75%, rgba(36, 36, 36,0.05) 100%),linear-gradient(44deg, rgba(128, 128, 128,0.05) 0%, rgba(128, 128, 128,0.05) 34%,rgba(212, 212, 212,0.05) 34%, rgba(212, 212, 212,0.05) 57%,rgba(25, 25, 25,0.05) 57%, rgba(25, 25, 25,0.05) 89%,rgba(135, 135, 135,0.05) 89%, rgba(135, 135, 135,0.05) 100%),linear-gradient(241deg, rgba(55, 55, 55,0.05) 0%, rgba(55, 55, 55,0.05) 14%,rgba(209, 209, 209,0.05) 14%, rgba(209, 209, 209,0.05) 60%,rgba(245, 245, 245,0.05) 60%, rgba(245, 245, 245,0.05) 69%,rgba(164, 164, 164,0.05) 69%, rgba(164, 164, 164,0.05) 100%),linear-gradient(249deg, rgba(248, 248, 248,0.05) 0%, rgba(248, 248, 248,0.05) 32%,rgba(148, 148, 148,0.05) 32%, rgba(148, 148, 148,0.05) 35%,rgba(202, 202, 202,0.05) 35%, rgba(202, 202, 202,0.05) 51%,rgba(181, 181, 181,0.05) 51%, rgba(181, 181, 181,0.05) 100%),linear-gradient(92deg, hsl(214,0%,11%),hsl(214,0%,11%));
}
/* ===================
scroll-top css
====================== */

#scroll-top {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 25px;
  border: none;
  outline: none;
  border-radius: 8px;
  color: #fff;
  background: #0097e6;
  cursor: pointer;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  transition: all .5s ease-in-out;
  z-index: 1;
}
@media all and (min-width: 768px) and (max-width: 1199px) {
  #scroll-top {
    bottom: 100px;
  }
}
 .nice-select {
  width: 100%;
  height: 36px;
  line-height: 25px;
  border-radius: 12px;
  padding-left: 10px;
  font-size: 16px;
  border-color: #ddd;
  color: #222;
  margin-bottom:10px;
}

 .form-control:focus,
 .nice-select:focus {
  border-color: #ccc;
}

 .nice-select .list {
  width: 100%;
  border: none;
  border-radius: 12px;
  padding: 10px;
  height: 300px;
  overflow-y: auto;
  box-shadow: 0px 0px 50px 0px rgb(32 32 32 / 15%);
}

 .nice-select ::-webkit-scrollbar {
  width: 8px;
}

 .nice-select ::-webkit-scrollbar-track {
  background: #f1f1f1; 
  border-radius: 0 50px 50px 0;
}
 
 .nice-select ::-webkit-scrollbar-thumb {
  background: #222; 
  border-radius: 50px;
}

 .nice-select ::-webkit-scrollbar-thumb:hover {
  background: #FF6B6B; 
}

 .nice-select .option.focus,
 .nice-select .option.selected.focus,
 .nice-select .option:hover {
  background: #F6F6F6;
  color: #222;
  border-radius: 8px;
}

 .nice-select:after {
  width: 8px;
  height: 8px;
  margin-top: -5px;
  right: 15px;
}

@media all and (max-width: 991px) {
   .nice-select {
    margin-bottom: 25px;
  }
}