.hero-banner {
    background-image: url('../img/b1.jpg');
    height: 620px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.mt-md-6 {
    margin-top: 7rem !important;
}

.overlay {
    background-color: rgba(0, 0, 0, 0.5);
}

body {
    /* height: 200vh; */
    font-family: "Kantumruy Pro", sans-serif;
}

/* Header */
.z-10 {
    z-index: 999 !important;
}

/* Banner */

.pink-blob {
    background-color: #fcdde4;
    clip-path: polygon(0 10%, 100% 0%, 100% 90%, 0% 100%);
    max-width: 500px;
    color: #4a1d2f;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);

}


/* What Goods */
.good-image {
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 250px;
}




/* Nav and Tab */
.nav-underline .nav-link.active {
    color: red;
    border-bottom-color: red;
    font-weight: bold;
}

.nav-underline .nav-link:hover {
    color: red;
}

.nav-underline .nav-link {
    color: red !important;
}


/* Sign Up */
.bg-darkRed {
    background-color: rgb(115, 28, 28);
}

.text-darkRed {
    color: rgb(115, 28, 28);
}

.butt {
    border-radius: 5px;
}

.butt:hover {
    background: red;
    transition: 0.5s;
}

.image {
    min-height: 470px;
    height: 470px;
    transition: 1s;
}

.image:hover {
    cursor: pointer;
    transform: scale(1.1);
}

/* End Sign Up */

/* Succeed Recover Password Page */
.fs-6 {
    font-size: 4rem !important;
}

/* End Succeed Recover Password Page */


/* delivery */
.delivery {
    background-image: url('../img/delivery/strawberry.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 100px;
}



/* Cart Page */
.nav-pills .nav-link.active {
    background: red !important;
    color: white !important;
}

.nav-pills .nav-link {
    color: red !important;
}

.swiper-pagination-bullet-active {
    background-color: red !important;
}

input.form-control:not([type="checkbox"]):focus,
textarea:focus {
    border: none !important;
    outline: none !important;
    box-shadow: 0 0 0 3px #c0392b !important;
    transition: box-shadow 0.2s ease;
}


/* Transition */

/* Underline From Center */
.hvr-underline-from-center {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}
.hvr-underline-from-center:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 51%;
  right: 51%;
  bottom: 0;
  background: #c0392b;
  height: 4px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {
  left: 0;
  right: 0;
}

/* Sweep To Top */
.hvr-sweep-to-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-top:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #c0392b;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-top:hover, .hvr-sweep-to-top:focus, .hvr-sweep-to-top:active {
  color: white;
}
.hvr-sweep-to-top:hover:before, .hvr-sweep-to-top:focus:before, .hvr-sweep-to-top:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

/* Shrink */
.hvr-shrink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-shrink:hover, .hvr-shrink:focus, .hvr-shrink:active {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}

/* Sweep To Right */
.hvr-sweep-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #c0392b;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {
  color: white;
}
.hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.hvr-sweep-to-right:hover a {
  color: white !important;
}



/* Footer */
.text-hover:hover{
  font-weight: bold!important;
  /* color: rgb(203, 202, 202)!important; */
}
.icon-link-fb:hover{
  color: blue!important;
}
.icon-link-ig:hover{
  color: rgb(238, 161, 173)!important;
}
.icon-link-twitter:hover{
  color: rgb(198, 241, 255)!important;
}