html {
   overflow-x: hidden;
   overflow-y: auto;
   max-width: 100%;
   padding: 0px;
   margin: 0px;
}

body {
   font-family: "Poppins";
   font-style: normal;
}

h1 {
   font-weight: 700;
   font-size: 40px;
   color: #333333;
}

h4 {
   font-weight: 600;
   font-size: 20px;
}

h5 {
   font-weight: 600;
   font-size: 17px;
}

a {
   text-decoration: none;
   color: #333333;
   font-weight: 400;
   font-size: 15px;
}

input::placeholder {
   color: #9E9E9E !important;
}



.skp-text-green-color {
   color: #4bd37b;
}

.form-check-input:checked {
   background-color: #ca2d2c;
}

.spk-background-green-color {
   background-color: #36c77b;
}

.spk-green-color {
   color: #36c77b;
}

.form-control {
   font-weight: 500;
   font-size: 16px;
   color: #343434;
}

.cursor-pointer {
   cursor: pointer !important;
}

label {
   font-weight: 400;
   font-size: 15px;
   color: #0b0a0b;
}

button {
   background-color: #ca2d2c;
}

input::-webkit-inner-spin-button {
   -webkit-appearance: none;
   margin: 0;
}

.spk-red-color {
   color: #ca2d2c;
}

.spk-background-red-color {
   background-color: #ca2d2c !important;
   color: white !important;
}

.gray-color {
   color: #848484;
}

.spk-muted-color {
   color: #7f8386;
}

.spk-background-light-pink-color {
   background-color: #f5f5f5;
}

.spk-background-pink-color {
   background-color: #ffeeee59;
}

.spk-dropdown-background-color {
   background-color: #f3f3f3;
}

.passwordIcon {
   background-image: url("../media/registerIcon/eye.svg");
   background-repeat: no-repeat;
   background-position: right center;
   padding-right: 20px;
}

.skp-pink-shadow {
   box-shadow: 0px 5px 39px rgba(202, 45, 44, 0.17);
}


.filter-container .dropdown-item:active {
   background-color: #ca2d2c !important;
}
.container {
   max-width: 1200px !important;
}
.list-group .active {
background-color: #ca2d2c ;

}
.left-line {
   left: -119px;
   width: 115px;
   height: 1px;
   background-color: #cacaca;
}
.skp-select {
   font-weight: 500;
}

.fs-8 {
   font-size: 8px;
}

.fs-9 {
   font-size: 9px;
}

.fs-10 {
   font-size: 10px;
}

.fs-11 {
   font-size: 11px;
}

.fs-12 {
   font-size: 12px;
}

.fs-13 {
   font-size: 13px;
}

.fs-45 {
   font-size: 45px;
}

.fs-55 {
   font-size: 55px;
}
.fs-47 {
   font-size: 47px;
}

.fs-14 {
   font-size: 14px;
}

.fs-15 {
   font-size: 15px;
}

.fs-16 {
   font-size: 16px;
}

.fs-17 {
   font-size: 17px;
}

.fs-18 {
   font-size: 18px;
}

.fs-20 {
   font-size: 20px;
}

.fs-25 {
   font-size: 25px;
}

.fs-30 {
   font-size: 30px;
}

.fs-35 {
   font-size: 35px;
}

.fs-40 {
   font-size: 40px;
}

.fw-400 {
   font-weight: 400;
}

.fw-500 {
   font-weight: 500;
}

.fw-600 {
   font-weight: 600;
}

.fw-700 {
   font-weight: 700;
}

.fw-800 {
   font-weight: 800;
}

@media (max-width: 768px) {

   .fs-45 {
      font-size: 25px !important;
   }

   .fs-55 {
      font-size: 25px !important;
   }

   .fs-15 {
      font-size: 12px !important;
   }

   .fs-17 {
      font-size: 13px !important;
   }

   .fs-30 {
      font-size: 20px !important;
   }

   .fs-35 {
      font-size: 25px !important;
   }

   .fs-40 {
      font-size: 25px !important;
   }

   .fw-500 {
      font-weight: 400 !important;
   }

   .fw-600 {
      font-weight: 500 !important;
   }

   .fw-700 {
      font-weight: 600 !important;
   }

   .fw-800 {
      font-weight: 700 !important;
   }
}



   /* use display:inline-flex to prevent whitespace issues. alternatively, you can put all the children of .rating-group on a single line */
   .rating-group {
      display: inline-flex;
   }

   /* make hover effect work properly in IE */
   .rating__icon {
      pointer-events: none;
   }

   /* hide radio inputs */
   .rating__input {
      position: absolute !important;
      left: -9999px !important;
   }

   /* hide 'none' input from screenreaders */
   .rating__input--none {
      display: none
   }

   /* set icon padding and size */
   .rating__label {
      cursor: pointer;
      padding: 0 0.1em;
      font-size: 2rem;
   }

   /* set default star color */
   .rating__icon--star {
      color: orange;
   }

   /* if any input is checked, make its following siblings grey */
   .rating__input:checked~.rating__label .rating__icon--star {
      color: #ddd;
   }

   /* make all stars orange on rating group hover */
   .rating-group:hover .rating__label .rating__icon--star {
      color: orange;
   }

   /* make hovered input's following siblings grey on hover */
   .rating__input:hover~.rating__label .rating__icon--star {
      color: #ddd;
   }