* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

:root {
  --text-color-white: #fff;
  --text-color-grey: #686767;
  --text-color-black: #000000;

  /* --fsz-12: font-size: 12px;
  --fsz-15: font-size: 15px;
  --fsz-18: font-size: 18px;
  --fsz-19: font-size: 19px; */
}

body {
  font-family: 'Montserrat', Myriad Pro, sans-serif;
}

html {
  ::-webkit-scrollbar {  /* style scrollbar */
    width: 5px;
    background-color: #23615cb3;
  }

  ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #f8f8f8; 
    border-radius: 5px;
  }
   
  ::-webkit-scrollbar-thumb { 
    /* background: #d7d7d7;  */
    background-color: #23615c; 
    border-radius: 5px;
  }
  
  ::-webkit-scrollbar-thumb:hover { background-color: #f8f8f8 }
}

/* disable default styles */
/* ul {} */
ul li {
  list-style: none;
}

button {
  cursor: pointer;
  border: none
}

.container-size {
  max-width: 1366px;
  width: 100%;
  margin: auto;
  padding: 0 50px 25px;
}

a {
  text-decoration: none !important;
}

input { outline: none }

p { margin-bottom: inherit !important }

hr {
  opacity: initial !important;
  margin: initial !important;
}

/* display */
.d-block { display: block }
.d-none { display: none }
.d-flex { display: flex }
.jc-sb { justify-content: space-between }
.jc-se { justify-content: space-evenly }
.jc-sa { justify-content: space-around }
.ai-c { align-items: center }

.ml-auto { margin-left: auto}


/* width */
.w-1200 { width: 1200px }
.w-100 { width: 100% }
.w-80 { width: 80% }
.w-60 { width: 60% }
.w-56 { width: 56% }
.w-55 { width: 55% }

/* text */

/* .fsz-12 { font-size: var(--fsz-12) } 
.fsz-15 { font-size: var(--fsz-15) } 
.fsz-18 { font-size: 18px } 
.fsz-19 { font-size: var(--fsz-19) }   */

.fsz-12 { font-size: 12px } 
.fsz-15 { font-size: 15px } 
.fsz-18 { font-size: 18px } 
.fsz-19 { font-size: 19px }  


.text-center { text-align: center }
.fw-400 { font-weight: 400 }
.fw-700 { font-weight: 700 }

.border-top-1 { border-top: 1px solid #fff }

.p-relative { position: relative }
.p-absolute { position: absolute }
.bg-color-grey { background-color: #f8f8f8 }

.heart-svg-liked {
  fill: #ff0000;
}

.popup-resolve-notification, 
.popup-rejet-notification {
  position: absolute;
  transform: translate(38%, 14px);
  width: 60%;
  /* background-color: #4caf50; */
  color: #212529;
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  display: block;
  padding: 20px;
  margin: auto;
  border-radius: 5px;
  z-index: 10;
}
.popup-rejet-notification {
  color: #ff0000;
  transform: translate(0, -50px);
}

@media (width <= 1200px) {
  .container-size { 
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media (width <= 768px) {
  .container-size {
    padding-left: 10px;
    padding-right: 10px;
  }
}