/* function to convert the calc function in to rem based
$first- should be in % */
/** Slick Carousel Starts **/
/** Slick Carousel Ends **/
/* override default breakpoints */
/* global style variable which is used as outer border in btns,radio,checkbox...ect */
/* overriding the bootstrap header font sizes */
/* headings style based on style guide */
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6,
.text48-36-24,
.text36-30-24,
.text30-24-24,
.text18-18-16 {
  font-family: "Gotham Narrow", sans-serif;
  line-height: 1.25;
  letter-spacing: normal; }

h1,
.h1 {
  font-size: 1.5rem; }

h2,
.h2 {
  font-size: 1.5rem; }

h3,
.h3 {
  font-size: 1.5rem; }

h4,
.h4 {
  font-size: 1.25rem; }

h5,
.h5 {
  font-size: 1.125rem; }

h6,
.h6 {
  font-size: 1rem; }

/* text styles */
.text8,
.text10,
.text12,
.text14,
.text16,
.text18,
.text20,
.text12-12-10,
.text14-14-12,
.text16-16-12,
.text16-16-14,
.text16-14-14,
.text20-20-14,
.text20-20-16,
.text20-20-18,
.text24-24-20,
.text14-14-16,
.text18-18-14,
.text16-16-16,
.text16-16-12 {
  font-family: "Roboto-Regular", sans-serif;
  letter-spacing: normal;
  line-height: 1.5; }
  .text8.bold,
  .text10.bold,
  .text12.bold,
  .text14.bold,
  .text16.bold,
  .text18.bold,
  .text20.bold,
  .text12-12-10.bold,
  .text14-14-12.bold,
  .text16-16-12.bold,
  .text16-16-14.bold,
  .text16-14-14.bold,
  .text20-20-14.bold,
  .text20-20-16.bold,
  .text20-20-18.bold,
  .text24-24-20.bold,
  .text14-14-16.bold,
  .text18-18-14.bold,
  .text16-16-16.bold,
  .text16-16-12.bold {
    font-family: "Roboto-Bold", sans-serif;
    letter-spacing: normal; }

.text8 {
  font-size: 0.5rem; }

.text10 {
  font-size: 0.625rem; }

.text12 {
  font-size: 0.75rem; }

.text14 {
  font-size: 0.875rem; }

.text16 {
  font-size: 1rem; }

.text18 {
  font-size: 1rem; }

.text20 {
  font-size: 1.125rem; }

.text12-12-10 {
  font-size: 0.625rem; }

.text14-14-12 {
  font-size: 0.75rem; }

.text16-16-12 {
  font-size: 0.75rem; }

.text16-16-14 {
  font-size: 0.875rem; }

.text20-20-14 {
  font-size: 0.875rem; }

.text20-20-16 {
  font-size: 1rem; }

.text20-20-18 {
  font-size: 1.125rem; }

.text24-24-20 {
  font-size: 1.25rem; }

.text14-14-16 {
  font-size: 1rem; }

.text48-36-24 {
  font-size: 1.5rem; }

.text36-30-24 {
  font-size: 1.5rem; }

.text30-24-24 {
  font-size: 1.5rem; }

.text18-18-16 {
  font-size: 1rem; }

.text16-16-16 {
  font-size: 1rem; }

.text16-16-12 {
  font-size: 0.75rem;
  font-weight: 700; }

.text16-14-14 {
  font-size: 1rem; }

/* class for font weight bold */
.bold {
  font-weight: 700; }

@media (max-width: 991.98px) {
  .bold-mobile {
    font-weight: bold; }
  .text16-14-14 {
    font-size: 0.875rem; } }

@media (min-width: 768px) {
  h1,
  .h1 {
    font-size: 2.25rem; }
  h2,
  .h2 {
    font-size: 1.875rem; }
  h3,
  .h3 {
    font-size: 1.5rem; }
  h4,
  .h4 {
    font-size: 1.5rem; }
  h5,
  .h5 {
    font-size: 1.25rem; }
  h6,
  .h6 {
    font-size: 1.125rem; }
  .text18 {
    font-size: 1.125rem; }
  .text20 {
    font-size: 1.25rem; }
  .text12-12-10 {
    font-size: 0.75rem; }
  .text14-14-12 {
    font-size: 0.875rem; }
  .text16-16-12 {
    font-size: 1rem; }
  .text16-16-14 {
    font-size: 1rem; }
  .text20-20-14 {
    font-size: 1.25rem; }
  .text20-20-16 {
    font-size: 1.25rem; }
  .text20-20-18 {
    font-size: 1.25rem; }
  .text24-24-20 {
    font-size: 1.5rem; }
  .text14-14-16 {
    font-size: 0.875rem; }
  .text48-36-24 {
    font-size: 2.25rem; }
  .text36-30-24 {
    font-size: 1.875rem; }
  .text18-18-16 {
    font-size: 1.125rem; }
  .text16-16-12 {
    font-size: 1rem;
    font-weight: normal; } }

@media (min-width: 992px) {
  h1,
  .h1 {
    font-size: 3rem; }
  h2,
  .h2 {
    font-size: 2.25rem; }
  h3,
  .h3 {
    font-size: 1.875rem; }
  .text48-36-24 {
    font-size: 3rem; }
  .text36-30-24 {
    font-size: 2.25rem; }
  .text30-24-24 {
    font-size: 1.875rem; } }

.text-eyebrow {
  font-family: "Roboto-Regular", sans-serif;
  line-height: 1.5;
  letter-spacing: normal; }

.carousel-container .carousel-wrap .wtb-carousel .carousel-inner .carousel-tile-link:not(.no-link):hover .carousel-tile-card {
  -webkit-box-shadow: 0 0 0.3125rem 0.0625rem #000;
          box-shadow: 0 0 0.3125rem 0.0625rem #000; }

@media (min-width: 576px) {
  .carousel-container .carousel-wrap .wtb-carousel .carousel-inner .carousel-tile-link:not(.no-link):focus .carousel-tile-card {
    border: 0.125rem solid #000;
    -webkit-box-shadow: 0 0 0.3125rem 0.0625rem #000;
            box-shadow: 0 0 0.3125rem 0.0625rem #000; } }

.carousel-container .carousel-wrap .wtb-carousel .carousel-inner .carousel-tile-card {
  -webkit-box-shadow: 0 0 0.25rem 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 0 0.25rem 0 rgba(0, 0, 0, 0.25);
  margin-top: 0.125rem; }

.carousel-container .carousel-wrap .wtb-carousel .carousel-inner .carousel-tile-body .carousel-tile-desc {
  color: #58595b; }
  .carousel-container .carousel-wrap .wtb-carousel .carousel-inner .carousel-tile-body .carousel-tile-desc:hover {
    color: #000; }

.carousel-container.dark-theme .carousel-wrap .wtb-carousel .carousel-inner .carousel-tile-link:not(.no-link):hover .carousel-tile-card {
  -webkit-box-shadow: 0 0 0.3125rem 0.0625rem #fff;
          box-shadow: 0 0 0.3125rem 0.0625rem #fff; }

@media (min-width: 576px) {
  .carousel-container.dark-theme .carousel-wrap .wtb-carousel .carousel-inner .carousel-tile-link:not(.no-link):focus .carousel-tile-card {
    border-color: #fff;
    -webkit-box-shadow: 0 0 0.3125rem 0.0625rem #fff;
            box-shadow: 0 0 0.3125rem 0.0625rem #fff; } }

.carousel-container.dark-theme .carousel-wrap .wtb-carousel .carousel-inner .carousel-tile-body .carousel-tile-desc {
  color: #fff; }