:root {
  /* GLOBAL VARIABLES */
  --sp-large: 60px;
  --sp-xlarge: 120px;
  --sp-base: 8px;
  --sp-medium: 40px;
  --sp-small: 32px;

  /* COLORS */
  --color-getac-black: #3f3b3a;
  --color-getac-red: #d74b00;
  --color-getac-grey: #f1f1f1;
  --color-getac-grey-dark: #d6d6d6;

  /* TYPES */
  --fs-base: 16px; /* 16px */
  --fs-plus-1: 1.125rem; /* 18px Sub Heading */
  --fs-plus-5: 4.5rem; /* 72px Page Title */
  --fs-plus-3: 3rem; /* 48px Page Title */

  --fw-bold: 700;
  --fw-medium: 500;
  --fw-light: 300;
}

.accessory-content-wrapper {
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.accessory-content-wrapper-child {
  flex: 0 0 50%;
}

.accessory-content-inner {
  margin-bottom: var(--sp-xlarge);
  margin-top: var(--sp-large);
}

.accessory-content-white-bg {
  background-color: var(--global--pal--white);
  margin-top: var(--sp-base);
  padding: var(--sp-medium);
}

.accessory-heading h1 {
  color: var(--color-getac-black);
  font-size: var(--fs-plus-5);
  font-weight: var(--fw-bold);
  line-height: 1.2;
  margin-bottom: 0;
}

.accessory-sub-heading {
  color: var(--color-getac-red);
  font-size: var(--fs-plus-1);
  font-weight: var(--fw-bold);
  line-height: 1.3;
  text-transform: capitalize;
}

h2.accessory-sub-heading {
  font-size: 28px;
  font-weight: var(--fw-light);
}

.accessory-content-white-bg h3:not(:first-child) {
  margin-top: var(--sp-small);
}

.accessory-content-wrap p,
.accessory-content-wrap li,
.accessory-content-wrap a {
  font-size: var(--fs-base);
  line-height: 1.4;
}

.accessory-content-wrap ul {
  list-style: none;
  margin-left: 1em;
}

.accessory-content-wrap ul li::before {
  color: #d74b00;
  content: "\2022";
  display: inline-block;
  font-weight: 400;
  margin-left: -1em;
  width: 1em;
}

.accessory-slider-wrap {
  background-color: var(--global--pal--white);
  flex: 0 0 calc(50% - 32px);
  margin-left: var(--sp-small);
  margin-top: var(--sp-base);
  position: relative;
}

.accessory-slider-wrap figcaption {
  background-color: #f3f3f3;
  font-style: italic;
  margin-top: 2px;
  padding: 20px;
}

.accessory-slider-wrap > img,
.accessory-slider-wrap > figure > img {
  display: block;
  margin: 0 auto;
  padding: 32px;
  text-align: center;
}

/* id added to override the default theme styles */
#Content .accessory-slider-wrap > img,
#Content .accessory-slider-wrap > figure > img {
  max-width: calc(100% - 64px);
}

.accessory-content-wrap tbody,
.accessory-content-wrap table tr:nth-child(2n) td {
  background-color: var(--color-getac-grey);
}

.accessory-content-wrap th {
  background-color: var(--color-getac-grey-dark);
}

.accessory-slider-seperator {
  background-color: var(--color-getac-grey);
  bottom: 82px;
  display: none;
  height: 8px;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 1;
}

rs-module-wrap + .accessory-slider-seperator {
  display: block;
}

/* Slider Styles Override */
.accessory-slider-wrap .tp-leftarrow {
  height: 82px !important;
  transform: translate(0px, -82px) !important;
}

.accessory-slider-wrap .tp-leftarrow:before {
  line-height: 82px !important;
}

.accessory-slider-wrap .tp-rightarrow {
  height: 82px !important;
  transform: translate(-40px, -82px) !important;
}

.accessory-slider-wrap .tp-rightarrow:before {
  line-height: 82px !important;
}

.accessory-slider-wrap .tparrows {
  background-color: #fff !important;
  border: 2px solid rgba(139, 141, 141, 0.4) !important;
}

.accessory-slider-wrap .tparrows:before {
  color: #d74b00 !important;
  font-size: 24px !important;
  font-weight: bold !important;
}

.single-accessory .form-hook {
  padding-top: var(--sp-large);
}

.single-accessory #Wrapper {
  background-color: var(--color-getac-grey);
}

@media only screen and (max-width: 540px) {
  rs-module-wrap + .accessory-slider-seperator {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .accessory-content-inner {
    margin-bottom: var(--sp-large);
  }

  .one-second.accessory-slider-wrap {
    margin-left: 0;
  }

  .accessory-content-white-bg {
    margin-top: 16px;
  }

  .accessory-heading h1 {
    font-size: var(--fs-plus-3);
  }

  .accessory-content-wrapper {
    align-items: stretch;
    flex-direction: column-reverse;
  }

  .accessory-slider-wrap {
    margin-left: 0;
  }

  .accessory-content-wrapper-child,
  .accessory-slider-wrap {
    flex: 1 1 100%;
  }
}

@media only screen and (max-width: 1200px) {
  .accessory-slider-wrap > img,
  .accessory-slider-wrap > figure > img {
    padding-left: 0;
    padding-right: 0;
  }
}