/* colors */
/*font family*/
/* breakpoints */
/*transform*/
/*transform*/
/*opacity*/
/*opacity- end*/
.cp-franchise-card {
  opacity: 0.9;
  border-radius: 8px;
  position: relative;
  margin-top: 4rem;
  width: 100%;
  height: 200px;
  background-size: cover; }
  @media only screen and (max-width: 768px) {
    .cp-franchise-card {
      height: 175px; } }
  .cp-franchise-card:before {
    content: '';
    width: 100%;
    height: 100%;
    border-radius: 8px;
    opacity: 0.9;
    background-image: linear-gradient(to right, #000, rgba(0, 0, 0, 0));
    position: absolute;
    top: 0;
    left: 0; }
  .cp-franchise-card .content-wrap {
    position: absolute;
    top: 50%;
    left: 4rem;
    z-index: 1;
    transform: translateY(-50%);
    max-width: 80%; }
    @media only screen and (max-width: 768px) {
      .cp-franchise-card .content-wrap {
        left: 2rem;
        max-width: 60%; } }
  .cp-franchise-card .f-title {
    font-size: 3.2rem;
    line-height: 3.6rem;
    color: #ffffff;
    margin-bottom: 2.2rem;
    text-transform: uppercase; }
    @media only screen and (max-width: 768px) {
      .cp-franchise-card .f-title {
        font-size: 1.8rem;
        line-height: 2.2rem;
        margin-bottom: 3rem; } }
  .cp-franchise-card .btn {
    font-size: 1.4rem;
    line-height: 1.4rem;
    padding: 1.2rem;
    min-width: 16.7rem; }
    @media only screen and (max-width: 768px) {
      .cp-franchise-card .btn {
        font-size: 1.2rem;
        min-width: 12.1rem;
        padding: 0.8rem; } }

.select2-container--open {
  z-index: 13; }
  @media only screen and (max-width: 768px) {
    .select2-container--open {
      z-index: 14; } }

.cp-franchise-card:before {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.1) 40%, #000 67%);
  opacity: 1; }
  @media only screen and (max-width: 768px) {
    .cp-franchise-card:before {
      background-image: linear-gradient(to left, rgba(0, 0, 0, 0.1) 24%, #000 67%); } }