/*
Colors:
	ENTER YOUR DESIGNER COLORS HERE FOR REFERENCE
	text white......#ffffff
	header-yellow:#fabd05;
	red:#ED1C24;
*/

/* Import offer styles */
@import "offer.css";

/* Fonts */

/*
	SAMLE FONT-FACE DECLARATION:
@font-face {
  font-family: ExampleFont; font-weight: 200; src: url("fonts/ExampleFont-Thin.otf") format("opentype"); }
@font-face {
  font-family: ExampleFont; font-weight: 300; src: url("fonts/ExampleFont-Light.otf") format("opentype"); }
@font-face {
  font-family: ExampleFont;
  src: url("fonts/ExampleFont-Regular.otf") format("opentype");
}
@font-face {
  font-family: ExampleFont; font-weight: 600; src: url("fonts/ExampleFont-Semibold.otf") format("opentype"); }
@font-face {
  font-family: ExampleFont; font-weight: 700; src: url("fonts/ExampleFont-Bold.otf") format("opentype"); }
@font-face {
  font-family: ExampleFont; font-weight: 900; src: url("fonts/ExampleFont-Black.otf") format("opentype");
}
*/

@font-face {
  font-family: "anytime-bold";
  src: url("../fonts/AnytimeSans-Bold.woff");
}

.anytime-bold {
  font-family: "anytime-bold";
}

@font-face {
  font-family: "anytime-regular";
  src: url("../fonts/AnytimeSans-Regular.woff");
}

@font-face {
  font-family: "averta-bold";
  src: url("../fonts/AvertaStd-Bold.ttf");
}

@font-face {
  font-family: "averta-extrabold";
  src: url("../fonts/AvertaStd-ExtraBold.ttf");
}

@font-face {
  font-family: "averta-semibold";
  src: url("../fonts/AvertaStd-Semibold.ttf");
}

/* Warply Basics v0.1 */

/** App-specific properties **/

.slide-title {
  text-decoration: none !important;
}

sup,
sub {
  color: inherit;
  font-size: inherit;
}

.background-grey {
  background: #f9f9f9;
}

.btn-default.active,
.open > .dropdown-toggle.btn-default,
.btn-default.focus,
.btn-default:focus {
  background-color: initial !important;
}

.btn-anytime-primary a:hover {
  color: initial;
}

.ember-basic-dropdown-trigger,
.ember-power-select-option {
  text-align: left;
}

strong {
  font-weight: 800;
  color: inherit;
  font-size: inherit;
}

.btn.btn-anytime-primary {
  width: 100%;
  background: #fabd05;
  color: black;
}

.gm-style #bodyContent img {
  max-width: 100% !important;
}

.jumbotron {
  background-color: transparent;
  padding: 30px 0px 10px 0px !important;
  margin-bottom: 0px !important;
}

.scrollup {
  width: 39px;
  height: 40px;
  position: fixed;
  bottom: 50px;
  right: 50px;
  display: none;
  font-size: 25px;
  background: #b9b9b9;
  border-radius: 50%;
  z-index: 9999;
}

.scrollup i {
  color: white;
}

.merchant-slider .slick-next {
  height: 100%;
  position: absolute;
  right: 0px;
  background: #f9f9f9;
}

.merchant-slider .slick-prev {
  height: 100%;
  position: absolute;
  left: 0px;
  background: #f9f9f9;
}

.testimonial {
  height: 320px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  margin: 10px;
  background-color: #fff;
}

.red {
  color: #ed1c24;
  font-size: inherit;
}

.aqua {
  color: #60c0c0;
  font-size: inherit;
}

.blue {
  color: #175fff;
}

* {
  color: black;
  outline: none !important;
  /* font-family: 'Open Sans', sans-serif; */
  font-size: 16px;
  letter-spacing: 0.06rem;
}

.link {
  cursor: pointer;
}

body {
  text-align: center;
  color: #b2b2b2;
  /* background-color: #fff; */
  /* font-family: Calibri, sans-serif; */
  font-family: anytime-regular;
  margin-top: 105px;
}

a,
.href_link {
  color: #000;
  cursor: pointer;
}

.href_link {
  color: #000;
  font-family: anytime-bold;
  cursor: pointer;
}

a:hover {
  color: #393f43;
  text-decoration: none;
}

section {
  color: #fff;
  background: #3372a5 center/cover;
}

section a,
section a:hover {
  color: #fff;
}

section a:not(.no-udl),
section a:not(.no-udl):hover {
  padding-bottom: 0.2em;
  border-bottom: 0.1em solid #fff;
}

a:not([href]):not([data-toggle]):not([data-ember-action]):not(.no-opacity),
input[disabled]:not(.no-opacity),
select[disabled]:not(.no-opacity) {
  opacity: 0.6;
  cursor: default;
}

.display-none {
  display: none;
}

/** App-specific bootstrap overwrites **/

a.btn:not([href]),
.btn.disabled:hover,
.btn[disabled]:hover,
fieldset[disabled] .btn:hover,
.btn.disabled:focus,
.btn[disabled]:focus,
fieldset[disabled] .btn:focus,
.btn.disabled.focus,
.btn[disabled].focus,
fieldset[disabled] .btn.focus {
  opacity: 0.6;
}

.btn-primary {
  color: #004f8f;
  background-color: transparent;
  border-color: #0dd689;
}

section .btn-primary {
  color: #fff;
}

.btn-primary:focus,
.btn-primary.focus,
.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary,
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
  color: #fff;
  background-color: #0bb1d8;
  border-color: #0bb1d8;
}

.btn-info {
  color: #004f8f;
  background-color: transparent;
  border-color: #0bb1d8;
}

section .btn-info {
  color: #fff;
}

.btn-info:focus,
.btn-info.focus,
.btn-info:hover,
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info,
.btn-info:active:hover,
.btn-info.active:hover,
.open > .dropdown-toggle.btn-info:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.open > .dropdown-toggle.btn-info:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open > .dropdown-toggle.btn-info.focus,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus {
  color: #fff;
  background-color: #0bb1d8;
  border-color: #0bb1d8;
}

h3 {
  color: #f7b000;
  font-size: 21px;
}

h2.section-title {
  text-align: left;
  color: #4a4a4a;
  margin-bottom: 30px;
  font-size: 32px;
}

h2.section-title-white {
  text-align: left;
  color: #fff;
  margin-bottom: 30px;
  font-size: 32px;
  font-family: anytime-bold;
}

h2.section-title-black {
  text-align: left;
  color: #000;
  margin-bottom: 30px;
  font-size: 32px;
  padding-left: 4vw;
  font-family: anytime-bold;
}

h2.section-title-black-centered {
  color: #000;
  margin-bottom: 30px;
  font-size: 32px;
  font-family: anytime-bold;
}

.underline {
  text-decoration: underline;
  text-underline-position: under;
}

strong {
  font-size: inherit;
}

.slick-slide img {
  border: 0px;
  background: transparent;
  /* box-shadow: 0px 0px 10px 1px white !important; */
}

.slick-slide {
  padding: 15px;
}

.merchant-slider .slick-slide {
  margin: 5px;
}

.slick-list {
  padding: 0 15% 0 15%;
}

.images-index:not(.slick-active) > h1,
.images-index:not(.slick-active) > h2,
.images-index:not(.slick-active) > h3 {
  opacity: 0;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -ms-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}

.images-index > h1 {
  font-size: 42px;
}

.images-index > h2 {
  font-size: 22px;
  line-height: 30px;
}

.images-index > h1,
.images-index > h2,
.images-index > h3 {
  text-align: left;
  opacity: 1;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -ms-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}

/*article*/

.container .article {
  padding: 30px;
  text-align: left;
}

.container .article img {
  margin: 15px;
  float: left;
}

.article p {
  margin-left: 40px;
}

.container .article .article-text {
  margin: 15px;
}

/* Spinner */

#mainLoader {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10000;
  background: rgba(255, 255, 255, 0.3);
}

#mainLoader > div {
  position: absolute;
  top: 45%;
  left: calc(50% - 2.188rem);
}

.sk-spinner-three-bounce.sk-spinner {
  margin: 0 auto;
  width: 4.375rem;
  text-align: center;
}

.sk-spinner-three-bounce div {
  width: 1.125rem;
  height: 1.125rem;
  background-color: #fabd05;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-threeBounceDelay 1.4s infinite ease-in-out;
  animation: sk-threeBounceDelay 1.4s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.sk-spinner-three-bounce .sk-bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.sk-spinner-three-bounce .sk-bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-threeBounceDelay {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes sk-threeBounceDelay {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.header-container {
  /*width:1600px;*/
}

.middle-container {
  max-width: 1170px;
  padding: 40px 0px;
}

#mainContent {
  min-height: calc(100vh - 100px);
  padding: 0px;
  background-color: #f0f0f0;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

/*footer*/

footer {
  background-color: transparent;
  min-height: 390px;
  width: 100%;
}

footer .container {
  padding-top: 110px;
  padding-bottom: 40px;
}

footer ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  color: #000;
}

footer h3 {
  padding-bottom: 30px;
  color: #000;
  font-family: anytime-bold;
}

footer ul li {
  padding: 5px;
}

footer .fa {
  font-size: 17pt;
  padding: 5px;
  margin-right: 8px;
}

footer .social-icons {
  padding-top: 10px;
}

footer ul li a,
footer span,
footer span a,
footer div,
footer div a i {
  color: #000;
  text-align: left;
  font-size: 15px;
}

footer ul li a:hover,
footer ul li a:active,
footer span a:active,
footer span a:hover,
footer div a i:hover,
footer div a i:focus {
  color: #000;
  opacity: 0.6;
}

/*end of footer*/

.fa-phone,
.fa-globe {
  font-size: 16px;
}

/*menu*/

footer .firstColumn h3 {
  text-align: left;
}

footer .firstColumn ul {
  text-align: left;
  float: left;
}

footer .secondColumn h3 {
  text-align: left;
}

footer .secondColumn div {
  text-align: left;
  float: left;
}

footer .thirdColumn h3 {
  text-align: left;
}

footer .thirdColumn div {
  text-align: center;
}

footer .secondRow div,
footer .secondRow span {
  float: left;
  text-align: center;
}

footer .secondRow span.email {
  float: none;
}

/* Small Devices, Tablets */

/* @media (max-width:990.5px) {
  .navigation.toggled {
    background-color: #fff;
  }
  .navigation.toggled li a {
    color: #175FFF;
  }
} */
/* 
@media only screen and (min-width: 991px) {
  .navigation {
    display: flex;
    align-items: center;
  }

  .navigation-right-section {
    display: flex;
    align-items: center;
  }
}
 */
@media only screen and (max-width: 768px) {
  .container-fluid.partners .partner:nth-child(2n) .thumbnail {
    border-right: 2px solid transparent;
  }

  .navigation li.navigation__dropdown:hover > a.active {
    color: #000 !important;
    border-bottom: 6px solid #303437 !important;
  }

  .cards > div {
    width: calc(100% / 2.4) !important;
  }

  .cards > div > div:first-child {
    height: 200px !important;
  }

  .container .single-offer .media .media-left {
    float: left;
    width: 100%;
  }
}

@media (max-width: 990.5px) {
  .navigation a {
    color: #000;
  }

  .navigation__dropdown a {
    color: #fff;
  }

  .navigation__dropdown.opened a {
    color: #fff;
  }
}

.navigation li.navigation__dropdown.visible-xs:hover a.active {
  /* color: #fabd05 !important; */
  color: #175fff !important;
  text-decoration: none !important;
}

.navigation li.navigation__dropdown.opened.visible-xs > a {
  padding-left: 15px;
  padding-bottom: 0px;
}

/* Extra Small Devices, Phones */

@media only screen and (max-width: 480px) {
  .container-fluid.partners .partner:nth-child(2n) .thumbnail {
    border-right: 2px solid transparent;
  }

  .navigation li.navigation__dropdown:hover > a.active {
    color: #000 !important;
    border-bottom: 6px solid #303437 !important;
  }

  * {
    font-size: 13px;
  }

  .container .single-offer .actions button.offer-action:not(.gotooffer),
  .container .single-offer .actions button.offer-action:not(.gotooffer) i {
    font-size: 21px;
  }

  .container .single-offer .offer-title {
    margin-top: 25px;
    font-size: 21px;
  }

  .navigation li.navigation__dropdown:hover a {
    border-bottom: 6px solid transparent !important;
  }

  .navigation li.navigation__dropdown a.active {
    color: #fff;
  }

  .slick-list {
    padding: 0;
  }

  .affix {
    position: relative;
  }

  .middle-container {
    margin-left: 10px;
    margin-right: 10px;
  }

  .images-index > h1,
  .images-index > h2 {
    position: relative !important;
    padding: 0px !important;
    top: 0px !important;
  }

  .images-index > h1 {
    padding: 0px !important;
    position: relative !important;
    top: 0px;
    font-size: 25px;
  }

  .images-index > h2 {
    font-size: 15px !important;
  }

  .images-index > h3 {
    position: relative !important;
    top: 0px !important;
    padding: 0px !important;
  }

  .container .single-offer .media .media-left {
    float: left;
    width: 100%;
  }

  .container .single-offer {
    width: -webkit-fill-available !important;
  }

  /*.images-index{
			 height:350px !important;
		 }*/
  footer .firstColumn h3 {
    text-align: left;
  }

  footer .firstColumn ul {
    text-align: left;
    float: none;
  }

  footer .secondColumn h3 {
    text-align: left;
  }

  footer .secondColumn div {
    text-align: left;
    float: none;
  }

  footer .thirdColumn h3 {
    text-align: left;
  }

  footer .thirdColumn div,
  footer .thirdColumn ul {
    text-align: left;
  }

  footer .secondRow div,
  footer .secondRow span {
    float: none;
    text-align: left;
  }

  .cards > div {
    width: calc(97%) !important;
  }

  .cards > div > div:first-child {
    height: 200px !important;
  }

  #mainContent {
    margin-top: 100px;
  }

  .ribbon-wrapper {
    position: absolute;
    top: -140px !important;
    right: -56px;
  }
}

/* Medium Devices, Desktops */

@media only screen and (max-width: 992px) {
  .slick-list {
    padding: 0;
  }

  .single-offer .ribbon-wrapper {
    position: absolute;
    top: -35px !important;
    right: -40px;
  }

  .container .single-offer .actions button.offer-action:not(.gotooffer),
  .container .single-offer .actions button.offer-action:not(.gotooffer) i {
    font-size: 21px;
  }
}

/* Custom, iPhone Retina */

@media only screen and (max-width: 320px) {
  .container .single-offer .actions button.offer-action:not(.gotooffer),
  .container .single-offer .actions button.offer-action:not(.gotooffer) i {
    font-size: 21px;
  }

  .affix {
    position: relative;
  }

  .middle-container {
    margin-left: 10px;
    margin-right: 10px;
  }

  .images-index > h1,
  .images-index > h2 {
    position: relative !important;
    padding: 0px !important;
    top: 0px !important;
  }

  .images-index > h1 {
    padding: 0px !important;
    position: relative !important;
    top: 0px;
  }

  .images-index > h3 {
    position: relative !important;
    top: 0px !important;
    padding: 0px !important;
  }

  .container .single-offer .media .media-left {
    float: left;
    width: 100%;
  }

  /*.images-index{
		 	height:350px !important;
		 }*/
  footer .firstColumn h3 {
    text-align: center;
  }

  footer .firstColumn ul {
    text-align: center;
    float: none;
  }

  footer .secondColumn h3 {
    text-align: center;
  }

  footer .secondColumn div {
    text-align: center;
    float: none;
  }

  footer .thirdColumn h3 {
    text-align: center;
  }

  footer .thirdColumn div {
    text-align: center;
  }

  footer .secondRow div,
  footer .secondRow span {
    float: none;
    text-align: center;
  }

  #mainContent {
    margin-top: 100px;
  }

  .ribbon-wrapper {
    position: absolute;
    top: -100px !important;
    right: -70px;
  }
}

.slick-prev:before {
  content: "\f053";
  border-radius: 0;
  background: #eb1c24;
  font-family: FontAwesome;
  border: 1px solid #eb1c24;
  color: white;
  padding: 8px;
  font-size: 17px !important;
}

.slick-next:before {
  content: "\f054";
  border-radius: 0;
  background: #eb1c24;
  font-family: FontAwesome;
  border: 1px solid #eb1c24;
  color: white;
  padding: 8px;
  font-size: 17px !important;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  /* color:#fabd05; */
  /* border:1px solid #fabd05; */
}

/*categories*/

.cards > div {
  display: inline-block;
  width: calc(100% / 4.2);
  margin: 2px 5px 5px;
  text-align: left;
  position: relative;
  transition: all 0.3s ease;
  background: #fff;
}

.cardbx > .feat:before,
.cards > .feat:before {
  content: " ";
  position: absolute;
  top: 1%;
  right: -5%;
  height: 60px;
  width: 75px;
  z-index: 3;
  font-weight: 400;
}

.cards > div > div:first-child {
  background: url(placeholder.jpg) center/cover no-repeat;
  height: 260px;
  position: relative;
}

.cards > div > div:first-child > a {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.cards > div:hover {
  /* transform: scale(1.05); */
  z-index: 5;
  border-top: 20px solid #000082;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.cards > div {
  border-top: 20px solid transparent;
}

.cards > div:hover .propheader {
  background: #000082;
  color: #fff;
}

.cards .propheader {
  font-size: 18px;
  color: #000;
  bottom: 0px;
  position: absolute;
  padding: 10px;
  background: #fff;
  cursor: pointer;
  font-weight: 600;
  letter-spacing: 0.06rem;
  min-width: 100%;
  padding: 12px 24px 12px 24px;
}

/*end categories*/

/*end menu*/

/*slider*/

.slick-initialized .slick-track {
  display: flex;
  align-items: center;
}

.slick-next,
.slick-prev {
  width: 50px;
  height: 50px;
  z-index: 1;
}

.slick-next {
  right: 10px;
}

.slick-prev {
  left: 10px;
}

button:disabled i,
button:disabled span {
  color: #848383;
}

.slick-dotted.slick-slider {
  margin-bottom: 0;
}

.slick-prev:before,
.slick-next:before {
  font-size: 25px;
  color: white;
  opacity: 1;
  /* margin-left: -18px; */
}

/* .slick-slide img {
  box-shadow: 0px 0px 10px 1px #888888;
  -moz-box-shadow: 0px 0px 10px 1px #888888;
  -webkit-box-shadow: 0px 0px 10px 1px #888888;
} */

.images-index {
  /*height: 600px;*/
  min-height: 300px;
  height: calc(100vh - (450px + 1em));
  max-height: 650px;
}

.slick-slide img {
  width: auto;
  margin: 0 auto;
  max-height: 130px;
}

.images-index > h1 {
  color: white;
  position: absolute;
  top: 0px;
  left: 0px;
  padding: 50px;
}

.images-index > h2 {
  color: white;
  position: absolute;
  top: 105px;
  left: 0px;
  padding: 50px;
  font-size: 22px;
}

.images-index > h3 {
  color: #e01f22;
  position: absolute;
  top: 150px;
  left: 0px;
  padding: 50px;
}

@media all and (max-width: 991px) {
  /* .slide1 {
		background-image: url("/assets/header.jpg");
	}
  .slide2 {
  			background: url("/assets/slide2.jpeg");
  }
  .slide3 {
        background: url("/assets/slide3.jpeg");
  } */
}

/*offer*/

/* ribbon style */

.ribbon-wrapper {
  position: absolute;
  top: -33px;
  right: -70px;
}

.ribbon-front {
  background-color: #e12022;
  height: 50px;
  width: 200px;
  position: relative;
  left: 0px;
  z-index: 2;
  padding: 10px;
  padding: 5px 5px;
  color: #fff;
  font-size: 27px;
  font-weight: bolder;
}

.ribbon-edge-topleft,
.ribbon-edge-topright,
.ribbon-edge-bottomleft,
.ribbon-edge-bottomright {
  position: absolute;
  z-index: 1;
  border-style: solid;
  height: 0px;
  width: 0px;
}

.ribbon-edge-topleft,
.ribbon-edge-topright {
}

.ribbon-edge-bottomleft,
.ribbon-edge-bottomright {
  top: 80px;
}

.ribbon-edge-topleft,
.ribbon-edge-bottomleft {
  left: 0px;
  border-color: transparent #9c0e10 transparent transparent;
}

.ribbon-edge-topleft {
  top: 0px;
  border-width: 0px 0px 0 0;
}

.ribbon-edge-bottomleft {
  border-width: 0 0px 0px 0;
}

.ribbon-edge-topright,
.ribbon-edge-bottomright {
  left: 20px;
  border-color: transparent transparent transparent #9c0e10;
}

.single-offer .ribbon-edge-topright {
  left: -40px;
  top: 10px;
}

@media (max-width: 991px) {
  .ribbon-edge-topright {
    left: 105px !important;
  }

  .single-offer .ribbon-edge-topright {
    left: -40px !important;
  }
}

.ribbon-edge-topright {
  left: 80px;
  top: 30px;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  border-width: 0px 0px 30px 50px;
  border-color: transparent transparent transparent #e22122;
}

.ribbon-edge-bottomright {
  border-width: 0 0 20px 30px;
}

.ribbon-back-left {
  position: absolute;
  top: 0px;
  left: -10px;
  width: 10px;
  height: 50px;
  background-color: #9c0e10;
  z-index: 0;
}

.ribbon-back-right {
  position: absolute;
  top: 20px;
  right: 0px;
  width: 0px;
  height: 80px;
  z-index: 0;
}

.ribbon-edge-bottomright {
  left: 170px;
}

.ribbon-front {
  color: white;
}

.ribbon-edge-bottomright {
  top: 50px;
}

.offer-banner {
  margin-bottom: 50px;
  width: calc(100% + 30px);
}

.container .single-offer {
  background-color: #fff;
  min-height: 300px;
  padding: 33px 55px 33px 55px;
  margin-bottom: 50px;
  position: relative;
}

.container .single-offer .offer-title {
  font-weight: bolder;
  font-size: 25px;
  margin-bottom: 30px;
  max-width: 800px;
  margin-top: 20px;
}

.specific-offer {
  background-color: #fff;
  padding: 40px;
  position: relative;
  top: 100px;
  margin-bottom: 100px !important;
}

.container.specific-offer .policyInput .ember-power-select-trigger {
  border: 2px solid #000;
  border-radius: 24px;
  padding: 10px 15px;
}

.container.specific-offer
  .policyInput
  .ember-power-select-trigger[aria-expanded="true"] {
  border: 2px solid #000;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  padding: 10px 15px;
}

.container.specific-offer .policyInput .ember-basic-dropdown-content {
  border-left: 2px solid #000;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  border-top: 0;
  height: 50px;
  display: flex;
  align-items: center;
}

.ember-power-select-placeholder {
  color: #000;
  font-family: anytime-bold;
}

.ember-power-select-status-icon {
  position: absolute;
  display: inline-block;
  width: 0;
  height: 0;
  top: 0;
  bottom: 0;
  right: 15px;
  margin: auto;
  border-style: solid;
  border-width: 7px 4px 0 4px;
  border-color: #000 transparent transparent transparent;
}

.container.specific-offer button.btn {
  padding: 10px 15px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.container.specific-offer button.btn i {
  font-size: 20px;
  padding-right: 5px;
}

.ember-power-select-option[aria-current="true"] {
  background-color: #ffffff;
  color: #000000;
  text-align: left;
}

.ember-power-select-placeholder {
  color: black;
  text-align: left;
}

.container .single-offer .offer-description {
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
  /* height:150px; */
}

.container .single-offer .offer-actions {
  bottom: 0px;
  position: absolute;
  width: 100%;
  padding-right: 50px;
}

/* .container .single-offer .actions.row.vdivide [class*='col-']:not(:last-child):not(:first-child):after {
  background: #e0e0e0;
  width: 1px;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  height: 100%;
  vertical-align: bottom;
} */

.grey-bordered {
  border: 2px solid #eaeaea;
  margin-top: 60px;
}

.with-right-border {
  border-right: 1.5px solid #eaeaea;
}

.container .single-offer .actions button,
.container .single-offer .actions button span {
  font-size: 13px;
  font-family: anytime-bold;
}

.container .single-offer .actions button.offer-action {
  width: 100%;
  border: none;
  padding: 15px 10px;
  border-radius: 4px;
}

.container .single-offer .actions button.offer-action:not(.gotooffer) i {
  font-size: 20px;
}

.container .single-offer .actions button.offer-action:not(.gotooffer),
.container .single-offer .actions button.offer-action:not(.gotooffer) span {
  font-size: 15px;
  padding-left: 0px;
  padding-right: 0px;
  font-family: anytime-regular;
}

.container .single-offer .actions button.offer-action:not(.gotooffer):hover {
  background: initial;
}

.container .single-offer .actions button.gotooffer {
  width: 100%;
  border: 2px solid #000;
  border-radius: 26px;
  color: black;
  font-size: 14px;
  font-family: anytime-bold;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}

.nav-down {
  color: #303437;
  padding-left: 4px;
}

.printer-icon {
  width: 24px;
}

.fa-chevron-right {
  padding: 2px 0px 0px 8px;
}

h2.page-title {
  font-size: 34px;
  font-family: anytime-bold;
  margin-top: 80px;
  padding: 80px 0px 20px 0px;
}

.club-in-title {
  font-size: 34px;
  font-weight: 300;
  font-family: anytime-regular;
}

.blue-in-title {
  font-size: 34px;
  font-family: anytime-regular;
  color: #1240ff;
}

button.read-more {
  padding: 13px 25px;
  font-family: anytime-bold;
  border: 2px solid #1240ff;
  background-color: transparent;
  border-radius: 24px;
  color: #1240ff;
  margin-bottom: 40px;
}

button.read-more:active,
button.read-more:focus {
  border: 2px solid #1240ff !important;
  background-color: transparent;
  color: #1240ff !important;
}

button.read-more:hover {
  border: 2px solid #1240ff;
  background-color: transparent;
  color: #1240ff;
  opacity: 0.7;
}

.container .single-offer .actions .subactions button.offer-action {
  width: 50%;
  float: left;
  border-radius: 0px;
}

.container .single-offer .actions .subactions button.offer-action:hover {
  background: transparent;
}

.container .single-offer .actions .subactions button.offer-action.favorite {
  border-right: 2px solid #a7acb2;
}

button.btn {
  box-shadow: none !important;
}

.specific-offer button.btn {
  width: 100%;
  border: 0px;
  border-radius: 0px;
  border-bottom: 1px solid lightgrey;
}

button.main-action {
  width: 100%;
  background-color: #000082;
  border-color: #000082;
  color: #fff;
  border-radius: 0px;
}

button.main-action:hover {
  color: #fff;
}

.container .single-offer .media-left img {
  height: 200px;
  max-width: 300px;
}

.container .single-offer .media-body .text {
  margin-top: 33px;
}

.container.offer span.offer-title {
  display: block;
  text-align: left;
  font-size: 32px;
  margin-bottom: 20px;
}

.container.offer img.offer-img {
  display: block;
  text-align: left;
  font-size: 32px;
  margin-bottom: 20px;
  max-height: 150px;
  float: left;
}

.container.offer div.offer-text {
  margin-left: 55px;
}

.container.offer div.offer-text h4.offer-date {
  margin-bottom: 20px;
  display: block;
  text-align: left;
}

.container.categories .item {
  border: 2px solid #1240ff;
  color: #1240ff;
  font-family: anytime-bold;
  font-size: 16px;
  padding: 6px 24px 6px 24px;
  border-radius: 20px;
  margin: 8px;
  min-width: 125px;
  display: inline-block;
}

.container.categories.visible-xs .col-xs-6 {
  margin-bottom: 16px;
}

.container.categories.visible-xs .item {
  color: inherit;
  height: 70px;
  min-width: 100%;
  margin-bottom: 8px;
  margin-left: 3px;
  max-width: 100%;
  padding-top: 12px;
  padding-bottom: 10px;
  /* text-overflow: ellipsis; */
  /* display: table-cell; */
  width: 200px;
  /* vertical-align: middle; */
}

@media (max-width: 768px) {
  .container.categories.visible-xs .item {
    color: inherit;
    height: 40px;
    min-width: 100%;
    margin-bottom: 8px;
    margin-left: 3px;
    max-width: 100%;
    padding: 0px;
    text-overflow: ellipsis;
    display: table-cell;
    width: 200px;
    vertical-align: middle;
  }
}

.container.categories.visible-xs .item.active span,
.container.categories.visible-xs .item span {
  color: inherit;
}

.container.categories .item.active {
  border: 0px;
  background-color: #1240ff;
  border: 2px solid #1240ff;
  color: #fff;
  text-decoration: none;
  color: white;
}

.container.categories .item {
  text-decoration: none;
}

.container.categories .item:not(.active):hover {
  border: 2px solid #1240ff;
}

/*partners*/

.ind-partner-header {
  position: relative;
  top: 80px;
  margin-bottom: 80px;
  margin-top: 100px;
  background-color: #fff;
  padding: 40px;
}

.ind-partner-description {
  color: #2a2a2a;
  font-family: anytime-regular;
}

.partners {
  background-color: #fff;
  padding: 0px 60px;
}

.container-fluid.partners .thumbnail {
  border: 2px solid transparent;
  margin-bottom: 0px;
  min-height: 200px;
  cursor: pointer;
  border-right: 1px solid #c4c4c4;
  /* border-left:1px solid lightgrey; */
  padding-left: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.container-fluid.partners .partner:nth-child(4n) .thumbnail {
  border-right: 2px solid transparent;
}

.container-fluid.partners .partner {
  border-bottom: 1px solid #c4c4c4;
  padding-left: 0;
  padding-right: 0;
}

.panel-title .digit {
  height: 100%;
  display: block;
  float: left;
  margin-top: -10px;
}

#faqAccordion .panel-default > .panel-heading + .panel-collapse > .panel-body {
  padding-left: 40px;
}

.digit {
  font-size: 27px;
  color: #175fff;
  padding-right: 10px;
}

/* .container.partners .thumbnail:hover{
    border:2px solid #fabd05;
} */

.container-fluid.partners .thumbnail .caption {
  padding: 0px;
}

.container-fluid.partners .thumbnail .caption h3 {
  color: black;
  word-wrap: break-word;
}

/* .container.partners .thumbnail:hover .caption h3{
	color:#F7B000;
} */

.partner .infoWrap {
  position: relative;
  padding: 8px;
  opacity: 0;
  visibility: hidden\9;
  -webkit-transition: opacity 0.4s;
  -o-transition: opacity 0.4s;
  transition: opacity 0.4s;
  width: 100%;
  bottom: 0;
  left: 0;
  position: absolute;
  background: #000082;
  bottom: -20px;
}

.partner .infoWrap .lnkWithArrow {
  color: #fff;
  font-family: anytime-bold;
}

.lnkWithArrow:after {
  position: relative;
  content: "\f054";
  font-family: FontAwesome;
  vertical-align: middle;
  font-size: 25px;
  font-size: 1.78571rem;
  font-weight: lighter;
  left: 0;
  -webkit-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  animation-name: slide;
  animation-duration: 3s;
  animation-timing-function: ease-in-out;
  animation-delay: 1s;
  animation-iteration-count: 1;
}

@keyframes slide {
  0% {
    left: 0;
    bottom: -20px;
  }

  50% {
    left: 0;
    bottom: 0px;
  }

  100% {
    left: 0;
    bottom: 0;
  }
}

.thumbnail:hover .infoWrap {
  opacity: 1;
  bottom: 0;
}

.container-fluid.partners button.read-more {
  margin-top: 15px;
}

.more-content-wrapper {
  padding: 40px 0px;
}

.container-fluid.partners .thumbnail img {
  margin-top: 15px;
  padding: 20px;
  max-height: 125px;
  max-width: 220px;
}

.tel-in-offer {
  color: rgba(74, 74, 74, 0.5);
}

.num-in-offer {
  padding-left: 5px;
}

.website-url a {
  font-size: 12px !important;
}

@media (min-width: 480px) {
  .website-url a {
    font-size: 15px !important;
  }
}

.specific-offer .offer-title {
  text-align: left;
  margin-bottom: 25px;
  font-family: anytime-bold;
}

.discount-in-offer {
  display: flex;
  justify-content: flex-end;
}

.specific-offer .offer-extra-details {
  padding: 30px;
  padding-bottom: 0px;
  float: left;
  /* max-width:400px; */
  width: 100%;
  height: auto;
  color: #4a4a4a;
  background-color: #fff;
}

.specific-offer .offer-extra-details .merchants-details {
  padding: 20px;
  /* border-bottom:1px solid #4A4A4A; */
}

.specific-offer .offer-extra-details div,
.specific-offer .offer-extra-details div a {
  font-size: 13px;
}

.specific-offer .offer-extra-details .merchants-details .value {
  word-wrap: break-word;
  padding: 0px;
  padding-left: 5px;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-inline-box;
}

.specific-offer .offer-extra-details .merchants-details .value:hover {
  word-wrap: break-word;
  padding: 0px;
  padding-left: 5px;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: none;
  display: block;
}

.specific-offer .offer-extra-details img {
  /* min-height: 180px; */
}

.specific-offer .offer-extra-details .row {
  width: 100%;
  margin-bottom: 16px;
}

.specific-offer .text {
  float: left;
  text-align: left;
  padding-top: 30px;
}

/*end of offer*/

/*faqs*/

.faq-container {
  background-color: #fff;
  padding: 40px;
}

.panel-group .panel {
  margin-bottom: 15px;
}

.panel-group .panel .panel-heading {
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.panel-group .panel .panel-heading:hover h4 {
  color: #000;
}

.panel-group .panel .panel-heading .fa-chevron-down {
  background: #175fff;
  border-radius: 50% 50%;
  padding: 5px;
  color: #fff;
  font-weight: lighter;
  font-size: 12px;
}

.panel-group .panel .panel-heading .fa-chevron-up {
  background: #a7acb2;
  border-radius: 50% 50%;
  padding: 5px;
  color: white;
  font-weight: lighter;
  font-size: 12px;
}

.panel-group,
.panel-default > .panel-heading,
.panel-default {
  background-color: white;
  border-color: white;
}

.panel-default .panel-title {
  text-align: left;
  position: relative;
  font-family: anytime-bold;
}

/*profile*/

.profile {
  position: relative;
  padding-bottom: 0px;
}

.profile ul {
  list-style-type: none;
  bottom: 0px;
  display: inline-block;
  text-align: center;
  margin-bottom: 3px;
}

.profile ul li {
  display: inline;
  font-size: 12px;
  font-family: anytime-bold;
  margin-right: 15px;
  cursor: pointer;
  padding-bottom: 10px;
}

.profile ul li.active {
  border-bottom: 4px solid #175fff;
}

.jumbotron h4.section-title {
  font-size: 25px;
}

.table-responsive {
  background-color: #fff;
  padding: 40px 100px;
}

.table-responsive-small {
  background-color: #fff;
  padding: 40px 10px;
}

.table-hover thead tr th {
  color: #000;
  font-family: anytime-bold;
}

.table-header {
  font-family: "anytime-bold";
  margin-top: 40px;
}

/* menu new version */

/* Headers */

#header {
  background-color: #fff;
  position: fixed;
  top: 0px;
  z-index: 999;
  width: 100%;
}

.header__main {
  padding-top: 0px;
}

@media (min-width: 1300px) {
  .header__top .container {
    min-width: 1280px;
    width: 72vw;
  }
}

@media (max-width: 767px) {
  .header__main {
    padding: 0px 10px;
  }
}

@media (max-width: 767px) {
  .header__top .dropdown {
    position: static;
  }

  .header__top .dropdown-menu {
    width: calc(100% - 20px);
    left: 10px;
  }
}

.top-nav .dropdown-menu {
  top: 40px;
}

.top-nav__guest .dropdown-menu {
  padding: 30px;
  width: 300px;
}

.top-nav {
  padding-left: 0;
  margin-left: -5px;
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  align-items: center;
}

.logo > img {
  width: 50px;
  display: inline-block;
  float: left;
  margin-right: 12px;
}

.top-nav > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}

.top-nav > li {
  vertical-align: top;
  padding: 0;
}

.top-nav > li > a {
  display: block;
}

.top-nav > li > a,
.top-nav > li > span {
  padding: 12px;
  display: block;
  color: #000;
  font-weight: bold;
  font-size: 16px;
}

.login-icon {
  width: 40px;
  margin-right: 8px;
}

.top-nav > li:not(.top-nav__icon) > a > .zmdi,
.top-nav > li:not(.top-nav__icon) > span > .zmdi {
  margin-right: 10px;
}

.navigation > li.search {
  vertical-align: bottom;
}

.navigation > li.search .form-group {
  margin-bottom: 8px;
}

.navigation hr {
  margin: 0px;
}

.navigation {
  padding-left: 0;
  margin-left: -5px;
  padding: 0;
  margin: 0;
  list-style: none;
  float: left;
}

.navigation-top-pad {
  padding-top: 25px;
}

.navigation > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}

.navigation > li {
  vertical-align: bottom;
  padding: 0;
}

.navigation > li > a {
  display: block;
}

.navigation > li > a {
  font-family: anytime-bold;
  color: #000;
}

.navigation > li > a > span {
  font-size: inherit;
  color: #393f43;
  vertical-align: bottom;
}

.navigation > li > a:not(.navigation__close) {
  font-size: 16px;
  font-family: anytime-bold;
}

.search-in-nav {
  padding-top: 30px;
}

.navigation__close {
  display: none;
}

.block-opened .navigation__close {
  display: block;
}

.block-opened .fa-bars {
  display: none;
}

.navigation > li:hover,
.navigation > li:focus {
}

.navigation > li > a {
  border-bottom: 4px solid transparent;
}

.padding-fix {
  padding-bottom: 4px !important;
}

.navigation__drop-menu.hidden-sm li:hover {
  background: #61645f;
}

.navigation > li:not(.home_icon) > a.active {
  border-bottom: 4px solid #f0f0f0;
  font-family: anytime-bold;
  color: #000;
}

#home_icon {
  width: 20px;
  height: 20px;
}

@media (min-width: 990.5px) {
  .navigation li.navigation__dropdown:hover a {
    color: white !important;
    border-bottom: 6px solid #303437;
  }
}

.navigation li.navigation__dropdown:hover .navigation__drop-menu {
  display: block;
}

.top-nav li.navigation__dropdown:hover .navigation__drop-menu {
  display: block;
}

.navigation li.navigation__dropdown.visible-xs .navigation__drop-menu {
  padding: 13px 15px 13px;
}

.navigation > li > a,
.navigation > li > a:hover,
.navigation > li > a:focus {
  text-decoration: none;
}

@media (min-width: 992px) {
  .navigation > li > a {
    padding: 15px 0 0;
    margin-left: 11px;
    margin-right: 11px;
  }

  .navigation > li.active > a {
    color: #000;
  }

  .navigation > li:not(.active):hover > a {
    color: #000;
  }

  .navigation > li:not(.active):hover > a > span {
    color: #000;
  }
}

@media (max-width: 990.5px) {
  .navigation a.active {
    /* color: #fabd05 !important; */
    text-decoration: none !important;
    border: 0px solid !important;
  }

  .navigation {
    max-width: 300px;
    width: 90%;
    background-color: #fff;
    position: fixed;
    height: 100%;
    top: 85px;
    right: -320px;
    z-index: 99;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
    -webkit-transition: all;
    -o-transition: all;
    transition: all;
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms;
    overflow: auto;
  }

  .navigation.toggled {
    right: 0;
  }

  .navigation > li {
    display: block;
  }

  .navigation > li > a {
    padding: 13px 30px 13px;
  }

  .navigation > li:hover,
  .navigation > li:focus {
  }

  .navigation > li > a,
  .navigation > li > a:hover,
  .navigation > li > a:focus {
    text-decoration: none;
    text-align: left;
  }

  .navigation > li > ul > li > a {
    color: white;
    text-align: left;
  }

  .navigation > li.active > a {
    color: #000;
  }

  .navigation li.navigation__dropdown:hover a {
    border-bottom: 0px solid transparent;
  }

  .navigation__dropdown.visible-xs.opened {
    /* background: #61645F; */
    background: #303437;
    margin-left: 15px;
  }
}

@media (min-width: 992px) {
  .navigation__dropdown {
    position: relative;
  }

  .navigation__dropdown > a {
    -webkit-transition: all;
    -o-transition: all;
    transition: all;
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms;
  }

  .navigation__dropdown:hover > a {
    background-color: #303437;
    border-radius: 4px 4px 0px 0px;
    color: #fff;
  }

  .navigation__dropdown:hover .fa {
    color: #fff;
  }
}

.navigation__drop-menu {
  padding: 0;
  list-style: none;
  text-align: left;
  padding-top: 5px;
  border-radius: 0px 0px 4px 4px;
}

@media (min-width: 992px) {
  .navigation__drop-menu {
    position: absolute;
    background-color: #303437;
    z-index: 11;
    left: 0;
    border-radius: 0px 0px 4px 4px;
    min-width: 170px;
    box-shadow: 0 4px 5px rgba(0, 0, 0, 0.1);
    display: none;
  }

  .navigation__drop-menu > li > a {
    display: block;
    color: white;
    padding: 9px 20px;
  }

  .navigation__drop-menu > li > a:hover {
    color: #000;
  }

  .navigation__drop-menu > li.active > a {
    color: #000;
  }

  .navigation__drop-menu > li:first-child {
    margin-top: 10px;
  }

  .navigation__drop-menu > li:last-child {
    margin-bottom: 10px;
  }

  .navigation__drop-menu.navigation__drop-menu--right {
    left: auto;
    right: 0;
    border-radius: 2px 0 2px 2px;
  }
}

@media (max-width: 991px) {
  .navigation__drop-menu.hidden-xs {
    display: block !important;
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
    padding: 0 30px;
    margin-bottom: 20px;
  }

  .navigation__drop-menu > li > a {
    display: block;
    color: #393f43;
    font-size: 14px;
    padding: 8px 0;
    text-align: center;
  }

  .navigation__drop-menu > li.active > a {
    color: #000;
  }
}

@media (max-width: 991px) {
  body {
    margin-top: 85px;
  }

  .navigation-trigger {
    margin-top: 28px;
    font-size: 21px;
    color: #000;
    float: right;
    cursor: pointer;
  }
}

.navigation__close {
  font-size: 22px;
  text-align: right;
}

.logo > img {
  width: 220px;
  display: inline-block;
  float: left;
  margin-right: 12px;
  margin-top: 32px;
  margin-bottom: 8px;
}

@media (min-width: 1300px) {
  .logo > img {
    margin-right: 5vw;
  }
}

.navigation img {
  display: inline;
  margin-right: 5px;
  height: 30px;
}

.testimonial.slick-slide img.img-circle {
  width: 100px;
  height: 100px;
  max-height: none;
}

.testimonial.slick-slide h4 {
  padding-top: 25px;
  color: #4a4a4a;
}

.testimonial.slick-slide .quote {
  color: #4a4a4a;
  padding: 10px;
  font-size: 13px;
}

.testimonial:not(.slick-center) {
  /* opacity:0.6; */
  -ms-transform: scale(0.9, 0.9);
  /* IE 9 */
  -webkit-transform: scale(0.9, 0.9);
  /* Safari */
  transform: scale(0.9, 0.9);
}

.testimonial.slick-center {
  opacity: 1;
}

.testimonial i {
  font-size: 95px;
  color: #a7acb2;
}

.testimonial.slick-current.slick-active.slick-center i {
  color: #175fff;
}

.testimonial .image {
  position: relative;
}

.testimonial .image i.fa {
  position: absolute;
  right: -35px;
  bottom: 3px;
  font-size: 22px;
  color: red;
}

@media only screen and (max-width: 480px) {
  .testimonial .image i.fa {
    right: 55px;
  }

  .ribbon-front {
    width: 150px;
  }

  .single-offer .ribbon-wrapper {
    right: -40px;
  }

  .profile ul {
    margin-right: 0;
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .block-with-text {
    padding-top: 10px;
  }
}

.offer-with-left-border {
  border-left: 1.5px solid #eaeaea;
}

.block-with-text p {
  color: #4a4a4a;
  font-family: anytime-regular;
}

.block-with-text {
  /* hide text if it more than N lines  */
  overflow: hidden;
  /* for set '...' in absolute position */
  position: relative;
  /* use this value to count block height */
  line-height: 1.2em;
  /* max-height = line-height (1.2) * lines max number (3) */
  height: 115px;
  /* fix problem when last visible word doesn't adjoin right side  */
  text-align: justify;
  /* place for '...' */
}

/* create the ... */

.block-with-text:before {
  display: none;
  content: "...";
  position: absolute;
  right: 0;
  bottom: 0;
}

/* hide ... if we have text, which is less than or equal to max lines */

.block-with-text:after {
  content: "";
  position: absolute;
  right: 0;
  width: 1em;
  height: 1em;
  margin-top: 0.2em;
  background: white;
}

/* new banner slider */

.banner-slider-container {
  /* margin: 0; */
  padding: 50px 100px;
  position: relative;
  z-index: 0;
}

.banner-slider-container .slick-prev {
  left: 44.7%;
  top: 93%;
}

.banner-slider-container .slick-next {
  right: 44.7%;
  top: 93%;
  z-index: 9999;
}

.banner-slider-container .slick-prev:before,
.banner-slider-container .slick-next:before {
  content: "\f104";
  color: #fff;
  border: 2px solid #fff;
  background-color: transparent;

  font-size: 27px !important;
  border-radius: 50%;
  padding: 5px 13px;
  cursor: pointer;
}

.banner-slider-container .slick-next:before {
  content: "\f105";
}

@media only screen and (max-width: 990px) {
  .banner-slider-container .slick-prev:before,
  .banner-slider-container .slick-next:before {
    font-size: 18px !important;
    padding: 5px 10px;
  }

  .banner-slider-container .slick-prev {
    left: 35%;
    top: 90%;
    width: 40px;
    height: 40px;
  }

  .banner-slider-container .slick-next {
    right: 35%;
    top: 90%;

    width: 40px;
    height: 40px;
  }
}

@media (max-width: 768px) {
  .banner-slider-container {
    margin: 0;
    padding: 50px 50px;
  }
}

.slider-left-section {
  background-color: #eaeaea;
  height: 580px;
  padding: 0px;
  z-index: 9999;
}

.slider-right-section {
  background-color: #fff;
  height: 580px;
  padding: 40px 20px 0px 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  z-index: 9998;
}

@media (max-width: 480px) {
  .slider-left-section {
    height: 200px;
  }

  .slider-right-section {
    height: 250px;
  }
}

#multiple-items-slider {
  z-index: 9999;
}

#multiple-items-slider .slide {
  height: 580px !important;
}

@media (max-width: 480px) {
  #multiple-items-slider .slide {
    height: 200px !important;
  }
}

@media (min-width: 480px) and (max-width: 768.5px) {
  #multiple-items-slider .slide {
    height: 250px !important;
  }

  .slider-left-section {
    height: 200px;
  }

  .slider-right-section {
    height: 250px;
    padding-top: 10px;
  }

  .description p {
    font-size: 12px;
  }

  .banner-slider-merchant {
    height: 40px !important;
  }
}

.banner-slide {
  /* background-image: url('/assets/slide-1.png'); */
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding: 0;
  cursor: pointer;
}

#multiple-items-slider .slide-inner {
  height: 100%;
  display: flex;
  justify-content: start;
  align-items: center;
  padding-left: 60px;
}

#multiple-items-slider .slide-title {
  color: #fff;
  font-size: 55px;
  font-weight: 700;
}

#multiple-items-slider .description {
  margin-top: 30px;
  font-size: 20px;
}

.banner-dots-container .slick-dots {
  list-style-type: none !important;
  padding: 0px;
  bottom: 0;
  position: unset;
}

.banner-dots-container .slick-dots li {
  margin: 2px;
}

.banner-dots-container .slick-dots li button:before {
  content: "";
}

.banner-dots-container .slick-dots li {
  width: 40px;
}

.banner-dots-container .slick-dots li button {
  background-color: #ececec;
  border: #ececec;
  font-size: 0 !important;
  width: 40px;
  height: 3px !important;
  padding: 0px;
}

.slick-active button {
  background-color: #175fff !important;
  border: #175fff !important;
}

.slick-active button:focus,
.slick-active button:focus {
  outline: none !important;
  box-shadow: none !important;
}

.blue-row {
  background-color: #175fff;
  height: 140px;
  position: absolute;
  left: 0;
  right: 0;
  padding: 0;
  margin: 0;
  bottom: 0px;
}

.background-blue {
  background-color: #175fff;
}

/* new offers slider */

@media (min-width: 1300px) {
  .container-centered {
    padding-left: 150px !important;
    padding-right: 150px !important;
  }
}

@media (min-width: 1620px) {
  .container-centered {
    padding-left: 250px !important;
    padding-right: 250px !important;
  }
}

.container-with-padding {
  padding: 0px 60px;
}

.banner-slider-merchant {
  /* width: 120px; */
  /* max-height:40px; */
  height: 75px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

@media (min-width: 991px) {
  .banner-slider-merchant {
    background-position: 2%;
  }
}

.slider-right-section .description > * {
  color: #000;
  font-family: anytime-regular;
  padding-top: 30px;
}

@media (min-width: 769px) {
  .slider-right-section .description > * {
    line-height: 25px;
  }
}

.new-offers-slide {
  max-width: 303px !important;
}

@media (min-width: 480px) {
  .new-offers-slider-container {
    padding: 0px 140px 60px 140px;
  }
}

.new-offers-slider .slick-next {
  height: 100%;
  position: absolute;
  right: 0px;
  background: #175fff;
}

.new-offers-slider .slick-prev {
  height: 100%;
  position: absolute;
  left: 0px;
  background: #175fff;
}

.new-offers-slider .fa-angle-right {
  color: #000;
  position: absolute;
  right: -55px;
  top: 120px;
  font-size: 27px;
  border: 1.4px solid #000;
  border-radius: 50%;
  padding: 5px 13px;
  cursor: pointer;
}

.new-offers-slider .fa-angle-left {
  color: #000;
  position: absolute;
  left: -55px;
  top: 120px;
  font-size: 27px;
  border: 1.4px solid #000;
  border-radius: 50%;
  padding: 5px 13px;
  cursor: pointer;
}

.new-offers-slide {
  background-color: #175fff;
  height: 300px;
}

.new-offers-slide hr {
  margin: 10px 0 20px 0;
}

.new-offers-slide-inner {
  background-color: #fff;
  height: 100%;
  padding: 10px;
  position: relative;
}

.new-offers-top-row {
  padding: 20px;
}

.new-offers-logo {
  max-width: 100px;
}

.new-offer-logo-container {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  height: 80px;
}

.blue-circle {
  background-color: #000082;
  height: 20px;
  border-radius: 50%;
  width: 90px;
  height: 90px;
  position: absolute;
  right: -15px;
  top: -15px;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

.blue-circle-in-offer {
  background-color: #000082;
  height: 20px;
  border-radius: 50%;
  width: 80px;
  height: 80px;
  position: absolute;
  right: -52px;
  top: -48px;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

@media (min-width: 768px) and (max-width: 769px) {
  .blue-circle-in-offer {
    background-color: #000082;
    height: 20px;
    border-radius: 50%;
    width: 70px;
    height: 70px;
    position: absolute;
    right: 0px;
    top: -48px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
  }
}

.blue-circle-in-offer-relative {
  background-color: #000082;
  height: 20px;
  border-radius: 50%;
  width: 120px;
  height: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

.blue-circle-in-offer-relative-xs {
  background-color: #000082;
  height: 20px;
  border-radius: 50%;
  width: 70px;
  height: 70px;
  position: absolute;
  right: 30px;
  top: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

@media (max-width: 767.5px) {
  .blue-circle-in-offer {
    background-color: #000082;
    height: 20px;
    border-radius: 50%;
    width: 70px;
    height: 70px;
    position: absolute;
    right: -22px;
    top: -48px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
  }
}

.blue-circle-content {
  color: #fff;
  font-size: 24px;
  font-family: anytime-bold;
}

.new-offers-description-container {
  height: 95px;
  overflow: auto;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.new-offers-description {
  color: #000;
  font-size: 18px;
  font-family: anytime-bold;
  padding-top: 10px;
  line-height: 20px;
}

/* offers section */

.offers-container {
  margin-bottom: 80px;
}

.offers-title-container {
  margin: 40px 0px 20px 0px;
}

.offer-card {
  height: 300px;
  background-color: transparent;
  padding: 10px;
}

.offer-card:hover .offer-card-inner {
  background-color: #000082;
}

.offer-card:hover .offer-card-title {
  color: #fff;
}

.offer-card-inner {
  height: 100%;
  background-color: #fff;
  overflow: hidden;
  padding-top: 20px;
}

.offer-card-img-container {
  height: 200px;
  background-size: cover;
  background-repeat: no-repeat;
}

.offer-card-title {
  color: #000;
  font-family: anytime-bold;
  padding-top: 20px;
}

.offer-name-col {
  padding-left: 30px;
}

@media (min-width: 991px) {
  .offer-img-wrapper {
    padding-left: 45px;
  }

  .offer-img-wrapper img {
    margin-left: 0;
    display: block;
  }
}

/* merchants section */

.merchants-container {
  background-color: #fff;
  padding: 20px 60px 300px 60px;
  position: relative;
}

@media (max-width: 767.5px) {
  .merchants-container {
    padding: 0px 20px 40px 20px;
  }
}

.merchant-slider {
  padding-left: 40px;
  padding-right: 40px;
}

.merchant-slider .slick-next {
  height: 100%;
  position: absolute;
  right: 0px;
  background: #fff;
}

.merchant-slider .slick-prev {
  height: 100%;
  position: absolute;
  left: 0px;
  background: #fff;
}

.merchant-slider .fa-angle-right {
  color: #000;
  position: absolute;
  right: 46%;
  top: 250px;
  font-size: 30px;
  border: 1.4px solid #000;
  border-radius: 50%;
  padding: 5px 14px;
  cursor: pointer;
}

.merchant-slider .fa-angle-left {
  color: #000;
  position: absolute;
  left: 46%;
  top: 250px;
  font-size: 30px;
  border: 1.4px solid #000;
  border-radius: 50%;
  padding: 5px 14px;
  cursor: pointer;
}

@media only screen and (max-width: 768px) {
  .merchant-slider .fa-angle-right {
    color: #000;
    position: absolute;
    right: 38%;
    top: 125px;
    font-size: 20px;
    border: 1.4px solid #000;
    border-radius: 100%;
    padding: 5px 11px;
    cursor: pointer;
  }

  .merchant-slider .fa-angle-left {
    color: #000;
    position: absolute;
    left: 38%;
    top: 125px;
    font-size: 20px;
    border: 1.4px solid #000;
    border-radius: 100%;
    padding: 5px 11px;
    cursor: pointer;
  }
}

/* benefits section */

.benefits-container {
  background-color: #175fff;
  padding: 40px;
  position: relative;
  top: 120px;
}

.anytime-benefits {
  background-image: url("/assets/anytime-benefits.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  min-height: 400px;
}

.benefits-text {
  padding: 8px 40px;
}

@media (max-width: 768px) {
  .benefits-text {
    padding: 8px 10px;
  }
}

.benefits-text p {
  color: #fff;
  margin-bottom: 25px;
}

.benefits-text h2 {
  color: #fff;
  font-family: anytime-bold;
  font-size: 30px;
  margin: 0px 0px 40px 0px;
}

@media (max-width: 768px) {
  .benefits-text h2 {
    margin: 30px 0px 40px 0px;
  }
}

.benefits-text h2 span {
  color: #fff;
  font-size: 30px;
  font-weight: 500;
}

/* testimonials section  */

.quotes {
  width: 80px;
  height: 80px;
  background-image: url("/assets/quotes-grey.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  margin: 0 auto;
}

.testimonial.slick-current.slick-active.slick-center .quotes {
  width: 80px;
  height: 80px;
  background-image: url("/assets/quotes-blue.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  margin: 0 auto;
}

.testimonials-container {
  background-color: transparent;
  padding-bottom: 80px;
  padding: 100px 60px 80px 60px;
}

@media (max-width: 768px) {
  .testimonials-container {
    padding: 100px 20px 80px 20px;
  }
}

.testimonials-slider {
  padding-left: 40px;
  padding-right: 40px;
}

.testimonials-slider .slick-next {
  height: 100%;
  position: absolute;
  right: 0px;
  background: #fff;
}

.testimonials-slider .slick-prev {
  height: 100%;
  position: absolute;
  left: 0px;
  background: #fff;
}

.testimonials-slider .fa-angle-right {
  color: #1240ff;
  position: absolute;
  right: -10px;
  top: 120px;
  font-size: 30px;
  border: 1.4px solid #1240ff;
  border-radius: 50%;
  padding: 5px 14px;
  cursor: pointer;
}

.testimonials-slider .fa-angle-left {
  color: #1240ff;
  position: absolute;
  left: -10px;
  top: 120px;
  font-size: 30px;
  border: 1.4px solid #1240ff;
  border-radius: 50%;
  padding: 5px 14px;
  cursor: pointer;
}

/* nav search bar */

.search-component {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 2px solid #eee;
  border-radius: 4px;
  position: relative;
  height: 40px;
}

@media (max-width: 768px) {
  .search-component.visible-xs,
  .search-component.visible-xs {
    display: flex !important;
  }
}

.search-component.no-border {
  border: none;
}

.search-component .fa-search {
  padding: 0px 10px;
}

.search-icon {
  width: 25px;
  margin-left: 30px;
}

.searchbox-input {
  border: 0;
}

.arrow-container {
  height: 40px;
  background-color: #175fff;
  display: flex;
  align-items: center;
  padding: 0px 10px;
  position: absolute;
  right: -2px;
  top: -2px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.fa-long-arrow-right {
  color: #fff;
}

.modal-dialog {
  margin-top: 200px;
}

.modal-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0;
}

.modal-header .close span {
  display: block;
  line-height: 1;
}

.modal-header {
  border: none;
  padding: 0;
  font-weight: bold;
}

.modal-body {
  padding: 10px;
  margin: 0;
}

.offer-link-small {
  display: flex;
  align-items: center;
  justify-content: center;
}

.cookies-table,
.cookies-table th,
.cookies-table td {
  text-align: center;
  border: 1px solid black;
  padding: 7px;
}

.cookies-table {
  margin: 20px 0;
}

.cookies-table a {
  color: #175fff;
  text-decoration: underline;
}

/* contest popup */

#contestModal .modal-dialog,
#contestSuccessModal .modal-dialog {
  width: 700px; /* Changed back to 55vw as requested */
  max-width: 700px; /* Adjusted max-width */
  height: auto; /* Kept height constraint */
  overflow: hidden;
  /* max-width: 1100px; */
  margin-top: 120px;
}

#contestModal .modal-content,
#contestSuccessModal .modal-content {
  background-image: url("/assets/contest_bg.jpg");
  background-size: contain; /* Keeping contain to prevent stretching */
  background-repeat: no-repeat;
  background-position: right;
}

#contestModal .modal-body,
#contestSuccessModal .modal-body {
  padding: 15px 0;
}

#contestModal .wrapper,
#contestSuccessModal .wrapper {
  width: 100%;
  display: flex;
}

.wrapper-left {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-left: 150px;
}

.wrapper-right {
  flex: 1;
  margin-bottom: 10vw;
  display: flex;
}

.quest-right-img {
  width: 100%;
}

.contest-anytime-logo {
  width: 70%;
}

.contest-logo {
  width: 15%;
  position: absolute;
  bottom: 25px;
  right: 5%;
}

.contest-top-wrapper {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.title-wrapper {
  width: 50%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

.contest-title {
  font-family: anytime-bold;
  font-size: 30px;
}

.contest-text,
.contest-text span {
  font-family: anytime-bold;
  font-size: 28px;
  text-align: left;
}

.contest-body {
  display: flex;
  margin-top: 3vw;
}

.contest-left {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.contest-right {
  flex: 1;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}

.contest-car {
  width: 94%;
  margin-top: 55px;
  max-width: 421px;
}

.contest-btn {
  border: none;
  border-radius: 100px;
  background-color: #175fff;
  color: #fff;
  font-size: calc(1rem + 0.6vw);
  padding: 15px 60px;
  font-family: averta-bold;
  margin-top: 1vw;
  min-width: 240px;
}

.custom-checkbox {
  transform: scale(1.3);
}

.contest-btn-2 {
  border: none;
  border-radius: 100px;
  background-color: #175fff;
  color: #fff;
  font-size: 16px;
  padding: 15px 6px;
  font-family: averta-bold;
  /* margin-top: 6vw; */
  min-width: 100%;
}

#contestModal .form-check-label {
  color: white;
  /* margin-left: 10px; */
}

#contestModal .contest-terms-link {
  color: white;
}
.modal-dialog {
  position: relative; /* Ensure the modal dialog is the reference for absolute positioning */
}

.modal-close-button {
  position: absolute; /* Position the button absolutely */
  top: 10px; /* Distance from the top */
  right: 15px; /* Distance from the right */
  background: transparent; /* Make background transparent */
  border: none; /* Remove border */
  cursor: pointer; /* Change cursor to pointer */
  z-index: 1000; /* Ensure it is above other elements */
}

.quest-modal-success-text {
  color: #175fff;
  font-family: averta-extrabold;
  font-size: calc(1rem + 1.5vw);
  margin-top: 4vw;
  margin-bottom: 1vw;
}

.quest-modal-text1 {
  font-size: calc(1rem + 0.8vw);
  text-align: left;
  width: 0;
  margin-top: 7vw;
  margin-bottom: 4vw;
  font-family: anytime-regular;
}

.quest-modal-text1-bold {
  font-size: calc(1rem + 0.6vw);
  text-align: left;
  width: 0;
  margin-top: 7vw;
  margin-bottom: 4vw;
  font-family: anytime-bold;
}

.quest-modal-text1 .purple-text {
  font-size: calc(1rem + 0.8vw);
  text-align: left;
  width: 90%;
  margin-top: 2vw;
  margin-bottom: 2vw;
  font-family: averta-bold;
  color: #a14eff;
}

.quest-modal-text3 {
  font-size: calc(1rem + 0.6vw);
  text-align: left;
  width: 90%;
  margin-top: -2vw;
  margin-bottom: 1vw;
  font-family: averta-bold;
}

.quest-modal-text2 li {
  font-size: calc(1rem + 0.7vw);
  text-align: left;
  font-family: averta-extrabold;
}

.quest-modal-text2 {
  list-style-image: url("/assets/quest_check.png");
  padding-left: 30px;
}

.contest-checkbox-wrapper {
  display: flex;
  align-items: center;
  margin-top: 10px;
  position: relative;
  width: 100%;
}

.contest-checkbox-wrapper-2 {
  display: flex;
  align-items: center;
  margin-top: 10px;
  position: relative;
  width: 100%;
  gap: 10px;
}

.form-check-label {
  margin-bottom: 0;
  font-size: 16px;
}

.contest-checkbox-wrapper .form-check-input {
}

.form-check-input.ember-checkbox.ember-view {
  margin: 0;
}

.contest-terms-link {
  text-decoration: underline;
}

.contest-error-text {
  color: rgb(180, 0, 0);
  font-size: 12px;
  font-style: italic;
  text-align: left;
  position: absolute;
  width: 100%;
  top: 65px;
}

.contest-purple {
  color: #a14eff;
}

.contest-blue {
  color: #175fff;
}

@media only screen and (min-width: 769px) {
  .contest-checkbox-wrapper-mobile,
  .contest-btn-mobile,
  .form-check-label-mobile,
  .contest-logo-mobile {
    display: none;
  }

  .hide-desktop {
    display: none !important;
  }
}

/* ************* */

/* questionnaire */
.q-wrapper {
  width: 100%;
  background-color: #ececec;
}

.q-banner {
  width: 100%;
}

.q-next {
  border-radius: 8px;
  background-color: #175fff;
  color: #fff;
  font-family: averta-semibold;
  border: none;
  font-size: calc(1rem + 0.5vw);
  width: 24vw;
  height: 4vw;
  margin-bottom: 100px;
  margin-top: 70px;
}

.q-next-modified {
  margin-top: 130px;
}

.q-checkbox {
  display: none;
}

.q-question {
  color: #175fff;
  font-family: averta-bold;
  font-size: calc(1rem + 0.7vw);
  margin: 40px 0;
}

.q-label {
  box-shadow: 0px 0px 20px #2d2d2d1f;
  border: 2px solid #000000;
  border-radius: 8px;
  font-size: calc(1rem + 0.5vw);
  width: 24vw;
  height: 4vw;
  font-family: averta-semibold;
  color: #000000;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 15px 0;
  cursor: pointer;
}

.mobile-contest-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-end;
  position: absolute;
  bottom: 50%;
  right: 6%;
}

.q-label-grade {
  width: 20px;
  height: 20px;
  background-color: #d8d8d8;
  border-radius: 100px;
  margin: 0 35px;
  cursor: pointer;
}

.q-grade-label-wrapper {
  position: relative;
}

.q-grade-tag-low {
  position: absolute;
  left: 10px;
  top: 25px;
}

.q-grade-tag-high {
  position: absolute;
  left: -22px;
  width: 140px;
  top: 25px;
}

.q-checkbox:checked + .q-grade-label-wrapper .q-label-grade {
  background-color: #175fff;
}

.q-checkbox:checked + .q-label {
  border: 2px solid #175fff;
  background-color: #175fff;
  color: #fff;
}

.q-answers-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.q-grade-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}

.q-textarea {
  width: 750px;
}

@media only screen and (max-width: 768px) {
  .hide-mobile {
    display: none !important;
  }
  #contestModal .form-check-label {
    font-size: 10px !important;
  }
  #contestModal .contest-terms-link {
    font-size: 10px !important;
  }
  .modal-dialog {
    margin-top: 400px;
  }

  #contestModal .wrapper,
  #contestSuccessModal .wrapper {
    flex-direction: row;
  }

  #contestModal .modal-content,
  #contestSuccessModal .modal-content {
    height: 250px;
  }

  .quest-modal-text1 {
    margin-top: 10%;
  }

  .quest-right-img {
    margin: 15px 0;
  }

  .contest-title {
    font-size: 18px;
  }

  .contest-anytime-logo {
    width: 90%;
  }

  .contest-logo {
    display: none;
  }

  .contest-logo-mobile {
    width: 40%;
  }

  #contestModal .modal-dialog {
    width: 95vw;
    max-width: 95vw;
  }

  .title-wrapper {
    width: 100%;
  }

  .contest-text {
    margin-top: 1rem;
    line-height: 21px;
  }

  .contest-text,
  .contest-text span {
    font-size: 18px;
    width: 85%;
  }

  .contest-btn {
    display: none;
  }

  .contest-checkbox-wrapper {
    display: none;
  }

  .contest-btn-mobile {
    border: none;
    border-radius: 100px;
    background-color: #175fff;
    color: #fff;
    font-size: 18px;
    padding: 10px 25px;
    font-family: anytime-bold;
    margin-top: 5vw;
  }

  .contest-checkbox-wrapper-mobile {
    display: flex;
    align-items: center;
    margin-top: 10px;
    justify-content: center;
    padding-bottom: 40px;
    position: relative;
  }

  .contest-car {
    width: 55%;
  }

  .contest-right {
    justify-content: space-between;
    align-items: center;
  }

  .form-check-label {
    margin-bottom: 0;
    font-size: 14px;
  }

  .contest-terms-link {
    font-size: 14px;
  }

  .form-check-input {
  }

  .q-label {
    width: 31vw;
    height: 7vw;
  }

  .q-next {
    width: 31vw;
    height: 7vw;
  }

  .q-question {
    padding-left: 10px;
    padding-right: 10px;
  }

  .q-grade-label-wrapper {
    position: relative;
    margin-left: -20px;
  }

  .contest-btn-2 {
    min-width: 143px;
    margin-bottom: 7px;
    width: 90%;
    display: block;
    margin: 0 auto;
  }

  .contest-error-text {
    padding: 0 20px;
  }
}

/* Automoto offers section */
.automoto-offers {
  padding-top: 50px;
}

.automoto-img {
  margin-left: 62px;
  display: block;
  width: 50%;
  margin-bottom: 70px;
}

@media only screen and (max-width: 768px) {
  .automoto-img {
    margin: 0 auto;
    display: block;
    width: 92vw;
    margin-bottom: 30px;
    margin-left: -12vw;
  }
}

.merchant-icon {
  max-width: 30px !important;
  max-height: 25px !important;
  margin: 0 !important;
  margin-right: 10px !important;
}

.merchant-info-wrapper {
  display: flex;
  align-items: center;
  padding: 5px 10px;
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 18px;
  justify-content: center;
  width: max-content;
}

.merchant-info-wrapper span {
  font-weight: bold;
}

/*  */

@media (max-width: 768px) {
  .wrapper {
    display: flex;
    flex-direction: row;
    height: 100%;
  }

  .wrapper-left {
    height: 50%;
    width: 100%;
  }

  .wrapper-right {
    height: 50%;
    width: 100%;
    padding: 15px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .mobile-contest-wrapper {
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
    position: absolute;
    bottom: 30%;
    right: 2%;
  }

  .contest-error-text {
    top: 15px;
    padding: 0;
    font-size: 9px;
  }

  .contest-checkbox-wrapper-2 {
    margin-top: 4px;
  }

  .quest-modal-text1 {
    font-size: 14px;
    line-height: 1.3;
    width: 100%;
  }

  .quest-modal-text1-bold {
    font-size: 16px;
  }

  .contest-btn-2 {
    font-size: 12px;
    padding: 4px 10px;
  }

  .contest-checkbox-wrapper-2 {
    font-size: 12px;
  }
}

/* Custom Marker Cluster Styles */
.marker-cluster-small {
  background-color: rgba(181, 226, 140, 0.6);
  border-radius: 50%;
  border: 2px solid rgba(181, 226, 140, 1);
}

.marker-cluster-small div {
  width: 36px;
  height: 36px;
  margin-left: 2px;
  margin-top: 2px;
  text-align: center;
  border-radius: 50%;
  background-color: rgba(110, 204, 57, 1);
  color: white;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
}

.marker-cluster-small span {
  line-height: 1;
}

/* Custom Popup Styles */
.leaflet-popup-content-wrapper {
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.leaflet-popup-content {
  margin: 8px 12px;
  font-family: "Open Sans", sans-serif;
  font-size: 13px;
  line-height: 1.4;
}

.custom-popup .map-popup-content {
  font-family: inherit;
}

.custom-popup .map-popup-content h5 {
  font-size: 14px;
  line-height: 1.2;
}

.leaflet-popup-tip {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}