html,
body {
    box-sizing: border-box;
    font-family: raleway!important;
    margin: 0;
    overflow-x: hidden;
    scroll-behavior: smooth;
}

*, *::before, *::after {
  box-sizing: inherit;
}

/* COLOURS */

.fellowes-grey {color: #938D8A;}
.fellowes-yellow {color: #FEBE10;}

.fellowes-light-grey-bg {background-color: #F6F5F3;}
.fellowes-grey-bg {background-color: #938D8A;}
.fellowes-yellow-bg {background-color: #FEBE10;}
.fellowes-cream-bg {background-color: #DCD4C9;}

/* COLOURS */



/* TYPE */
.fellowes-terms {font-size: 0.8rem;}

#Terms-and-conditions-hyperlink p {
    text-decoration: underline;
    text-decoration-color: black; /* ensures underline is black */
    color: black; /* text color black */
  }

  .underline-half {
    position: relative;
    display: inline-block;
    padding-bottom: 3px;
  }
  .underline-half::after {
    content: "";
    position: absolute;           
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    width: 50px;         
    height: 3px;           
    background-color: #D64B34;
  }

  hr.thick {
  border-top: 2px solid;
}


/* TYPE */

/* BUTTONS */

.btn-hover-change:hover {
    background-color: #343a40 !important; /* dark grey */
    color: white !important;
  }

/* BUTTONS */


/* LAYOUT */

.icon-large {
  height: 52px;
  width: auto;
}

.icon-small {
  height: 32px;
  width: auto;
}

/* LAYOUT */


/* BUY NOW */

.modal.modal-dialog-slideout .modal-dialog {
  position: fixed;
  right: 0;
  top: 0;
  margin: 0;
  height: 100%;
  transform: translateX(100%);
  transition: transform 0.3s ease-out;
  width: 100%;
  max-width: 400px;
}

.modal.modal-dialog-slideout.show .modal-dialog {
  transform: translateX(0);
}

.modal-header-yellow {
  background-color: #febe10; 
  color: #000; 
  border-bottom: none;
}

.modal-content {
  background-color: #f7f7f7;
}

  body.modal-open {
  padding-right: 0 !important;
  overflow: hidden;
}

.cashback-flag {
    padding-right: 0 !important;  }

@media (max-width: 767.98px) {
  .cashback-flag {
    margin-top: 1rem;
  }
}



/* BUY NOW */
