/* Colours */
/* Fluid heading sizes - set your min/max sizes and you're done! */
/* Some device sizes to use with min-width */
/* adjusted breakpoints for above */
/* 100% widths look better than "Snapping" IMO */
/* Utility */
/* Additional Spacers -- don't think you'll need more than 7, but if you do -- maybe just use a custom class  :)  */
#sec-intro {
  padding: 114px 0 117px; }
  #sec-intro.side-by-side {
    margin: 130px 0;
    padding: 0; }
    #sec-intro.side-by-side::before {
      background-color: rgba(240, 240, 240, 0.43);
      position: absolute;
      inset: 0;
      right: unset;
      content: '';
      width: 29.73%;
      height: 100%;
      z-index: -1; }
    #sec-intro.side-by-side .btn.btn-primary {
      width: fit-content; }
  @media screen and (max-width: 1025px) {
    #sec-intro {
      padding: 44px 0 80px; }
      #sec-intro.side-by-side {
        padding: 80px 0 50px;
        margin: 0;
        margin-bottom: 50px !important; }
        #sec-intro.side-by-side::before {
          top: unset;
          height: 50%; } }

#sec-difference {
  padding-bottom: 130px; }
  #sec-difference::before {
    background-color: #2C2C2C;
    height: 1075px;
    content: '';
    position: absolute;
    inset: 0;
    top: unset;
    width: 100%;
    z-index: -1; }
  #sec-difference .card i {
    color: #F8A41E;
    font-size: 45px;
    display: flex;
    align-items: center;
    max-width: 95%; }
    #sec-difference .card i::after {
      content: '';
      background-color: #616161;
      flex-grow: 1;
      height: 4px;
      margin-left: 22px; }
  #sec-difference .card h3 {
    margin: 33px 0 28px;
    line-height: 1.4; }
  #sec-difference .card p {
    font-size: 16px;
    max-width: 282px; }
  @media screen and (max-width: 769px) {
    #sec-difference {
      padding-bottom: 60px; }
      #sec-difference::before {
        height: 95%; }
      #sec-difference .card i {
        font-size: 50px; }
      #sec-difference .card h3 {
        margin-bottom: 18px; }
      #sec-difference .card p {
        max-width: 100%; } }

#side-by-side {
  margin: 130px 0; }
  #side-by-side::before {
    background-color: rgba(240, 240, 240, 0.43);
    position: absolute;
    inset: 0;
    right: unset;
    content: '';
    width: 29.73%;
    height: 100%;
    z-index: -1; }
  #side-by-side .btn.btn-primary {
    width: fit-content; }

#sec-reviews {
  padding: 122px 0 65px;
  background-color: #F9F9F9; }
  #sec-reviews .card {
    padding: 57px 36px 51px;
    background-color: #FFFFFF;
    min-height: 454px; }
    #sec-reviews .card .star-group {
      margin-bottom: 40px; }
      #sec-reviews .card .star-group i {
        color: #FABF02;
        font-size: 28px;
        margin-right: 9px; }
        #sec-reviews .card .star-group i:last-of-type {
          margin-right: 0; }
    #sec-reviews .card p {
      font-size: 16px;
      margin-bottom: 51px; }
      #sec-reviews .card p:last-of-type {
        font-weight: 700;
        margin-top: auto;
        margin-bottom: 0;
        text-transform: uppercase; }
  #sec-reviews .bottom-container {
    display: flex;
    justify-content: center;
    margin-top: 60px; }
    #sec-reviews .bottom-container .btn.btn-primary {
      display: none; }
  #sec-reviews .owl-controls-wrapper {
    display: flex;
    position: relative;
    width: fit-content; }
    #sec-reviews .owl-controls-wrapper .owl-dots {
      display: flex;
      margin: 0 20px 0 24px; }
      #sec-reviews .owl-controls-wrapper .owl-dots .owl-dot span {
        width: 16px;
        height: 16px;
        margin: 0;
        margin-right: 11px;
        background-color: rgba(248, 164, 30, 0.23);
        transform: matrix(0, -1, 1, 0, 0, 0); }
      #sec-reviews .owl-controls-wrapper .owl-dots .owl-dot.active span {
        background-color: #f8a41e; }
    #sec-reviews .owl-controls-wrapper .owl-next {
      position: absolute;
      right: -51px; }
    #sec-reviews .owl-controls-wrapper .owl-nav {
      margin: 0; }
      #sec-reviews .owl-controls-wrapper .owl-nav button {
        font-size: 15px;
        background-color: transparent;
        color: #1D1C1D;
        width: 50px;
        height: 50px;
        border: 2px solid #1D1C1D;
        border-radius: 50%; }
        #sec-reviews .owl-controls-wrapper .owl-nav button:hover {
          color: #FFFFFF;
          background-color: #F8A41E;
          border-color: #F8A41E; }
        #sec-reviews .owl-controls-wrapper .owl-nav button.disabled:hover {
          color: #1D1C1D; }
      #sec-reviews .owl-controls-wrapper .owl-nav .owl-prev {
        transform: scaleX(-1); }
  @media screen and (max-width: 1025px) {
    #sec-reviews {
      padding: 86px 0 59px; }
      #sec-reviews .owl-controls-wrapper {
        left: -30px !important; } }