:root {
      --spaced-section: 126.0px;

      --font-body-family: "Luxia";
      --font-body-style: normal;
      --font-body-weight: 500;
      --font-body-size: 20px;
      --font-body-line-height: 1.5;

      --font-heading-family: "Luxia";
      --font-heading-style: normal;
      --font-heading-weight: 300;
      --font-heading-letter-spacing: -0.1em;
      --font-heading-line-height: 1.2;

      --font-heading-h1-size: 75px;
      --font-heading-h2-size: 60px;
      --font-heading-h3-size: 48px;
      --font-heading-h4-size: 28px;
      --font-heading-h5-size: 20px;
      --font-heading-h6-size: 16px;

      --font-subheading-family: "Simran";
      --font-subheading-style: normal;
      --font-subheading-weight: 300;
      --font-subheading-letter-spacing: -0.1em;
      --font-subheading-line-height: 1.2;

      --font-subheading-h5-size: 50px;

      --font-heading-card-family: "Luxia";
      --font-heading-card-style: normal;
      --font-heading-card-weight: 300;
      --font-heading-card-text-transform: none;
      --font-text-card-family: "Luxia";
      --font-text-card-style: normal;
      --font-text-card-weight: 500;

      --font-heading-card-size: 28px;
      --font-text-card-size: 14px;

      --font-button-family: "Luxia";
      --font-button-style: normal;
      --font-button-size: 16px;
      --font-button-weight: 300;
      --font-button-text-transform: normal;
      --font-button-letter-spacing: 0.075em;
      
      --font-header-menu-family: "Luxia";
      --font-header-menu-style: normal;
      --font-header-menu-weight: 300;
      --font-header-menu-text-transform: normal;
      --font-big-number-style: normal;

      --font-footer-menu-family: "Luxia";
      --font-footer-menu-style: normal;
      --font-footer-menu-weight: 300;
      --font-footer-link-size: 16px;
      --font-footer-bottom-link-size: 18px;

      --font-popups-heading-family: Luxia;
      --font-popups-heading-style: normal;
      --font-popups-heading-weight: 300;
      --font-popups-text-family: "Luxia";
      --font-popups-text-style: normal;
      --font-popups-text-weight: 500;
      --font-popup-heading-size: 26px;
      --font-popup-text-size: 13px;
      --font-notification-heading-size: 20px;
      --font-notification-text-size: 13px;

      --font-span-heading-style: normal;

      --color-base-text: 0, 0, 0;
      --color-title-text: 167, 128, 116;
      --color-secondary-text: 174, 174, 174;

      --color-base-background-1: 255, 255, 255;
      --color-base-background-2: 251, 250, 249;
      --color-base-background-5: 245, 245, 241;
      --color-base-background-3: 167, 128, 116;
      --color-base-background-4: 40, 40, 40;

      --color-announcement-bar-background-1: 167, 128, 116;
      --color-announcement-bar-background-2: 238, 238, 238;

      --color-base-solid-button-labels: 255, 255, 255;
      --color-base-outline-button-labels: 167, 128, 116;
      --color-base-button-background: 167, 128, 116;
      --payment-terms-background-color: #ffffff;
      --color-overlay-background: 152, 140, 129;
      --color-big-number: 245, 245, 241;



      --color-base-background-input: 255, 255, 255;

      --color-base-border-input: 229, 217, 213;
      --color-hover-border-input: 167, 128, 116;


      --color-badge-icon: #b7605b;
      --color-border: #ead0ce;
      --color-background-card: #ffffff;
 }


.form-group{
    margin-bottom: 1rem;
}
.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    padding-bottom: 1rem;
}
.form-control{
    display: block;
    width: 70rem;
    padding: .5rem 1rem;
    font-size: 2rem;
    margin-left: 5rem;
    font-weight: 400;
    line-height: 1.5;
    color: #000000;
    background-color:#f4f5f1;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    font-family: 'Luxia';
}
.form-control-2{
    display: block;
    padding: .5rem 1rem;
    font-size: 2rem;
    margin-left: 5rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color:#f4f5f1;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    font-family: 'Luxia';
}
.col-form-label{
    padding-top: calc(.375rem + 1px);
    padding-bottom: calc(.375rem + 1px);
    text-align: right;
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5;
    color: #000000;
    width: 300px;
}
.col-form-label-2{
    text-align: left;
    line-height: 1.5;
    font-size: 28px;
    padding-left: 1.5rem;
}
.col-lg-2{
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}
.col-lg-5{
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

 @media screen and (min-width: 1330px) {
      :root {
          --spaced-section: 180px;
     }
}
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

html {
  box-sizing: border-box;
  font-size: 10px;
  height: 100%;
}

body {
  position: relative;
  display: grid;
  grid-template-rows: auto auto 1fr auto;
  grid-template-columns: 100%;
  min-height: 100%;
  margin: 0;
  font-size: var(--font-body-size);
  line-height: 1.8;
  letter-spacing: -0.02em;
  font-family: var(--font-body-family);
  font-style: var(--font-body-style);
  font-weight: var(--font-body-weight);
  letter-spacing: -0.02em;
  overflow-x: hidden;
}

header-drawer {
        justify-self: start;
        margin-left: -1.2rem;
   }

   @media screen and (min-width: 1100px) {
        header-drawer {
            display: none;
       }
  }

  .menu-drawer-container {
   display: flex;
}

.list-menu {
   list-style: none;
   padding: 0;
   margin: 0;
}

.list-menu--inline {
   display: inline-flex;
   flex-wrap: wrap;
}

summary.list-menu__item {
   padding-right: 2.7rem;
}

.list-menu__item {
   display: flex;
   align-items: center;
   line-height: 1.69;
}

.list-menu__item--link {
   text-decoration: none;
   padding-bottom: 1rem;
   padding-top: 1rem;
}

@media screen and (min-width: 750px) {
   .list-menu__item--link {
       padding-bottom: 1rem;
       padding-top: 1rem;
  }
}

.header_aside_container  > *:first-child {
 all: unset;
 font-size: inherit;
 font-weight: inherit;
 color: inherit;
 display: block;
 margin: 0;
 padding: 0;
}

.O-padding{
    padding:10rem 2rem 10rem 2rem;
}
.overview-text{
    margin-left: 0 !important;
    color: #911029 !important;
    line-height: 4rem;
}
.modal-iframe-wrapper .fancybox-inner {aspect-ratio: 16/9;}

.testimonials__slide-text {
               opacity: 1; 
          }
    .tab {
      overflow: hidden;
      background-color: #7c0115;
      }

    /* Style the buttons inside the tab */
    .tab a {
    font-family:'Luxia';
    background-color: #7c0115;
    color: #e5cca4;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 105px;
    transition: 0.3s;
    font-size: 20px;
    text-decoration: none;
    text-align: center;
    }

    .tab a .tab-arrow {
      width: 12px;   /* adjust if needed */
      height: auto;
    }

    .button-arrow {
        width:100%;
        margin-left:7rem;
        margin-top: 1.5rem;
    }
    .hide-arrow{
        float: left;
    }

@media screen and (max-width: 1359px) {
.tab a {
    padding: 14px 71px;
    }
}
@media screen and (max-width: 1100px){
    .tab{
        display: grid;
    }
}
    /* Change background color of buttons on hover */
    .tab a:hover {
    background-color:#7c0115;
    color:#ffbc4a;
    text-shadow: 1px 4px 14px #050001;
    }

    /* Create an active/current tablink class */
    .tab a.active {
    background-color: #d7d8cc;
    color: #921029;
    }

.drawer {
     visibility: hidden;
  }
.edu-text{
    background-color: #C4C6BB;
    padding: 2rem;
    width: 100%;
    color: #920f29;
    width: auto;
    text-align:center;
}
.edu-text2{
    background-color: #D8D9CE;
    padding: 2rem;
    width: 100%;
    color: #920f29;
    width: auto;
    text-align:center;
}
.edu-text3{
    padding: 2rem;
    width: 100%;
    color: #dbbe94;
    width: auto;
    background-color:#631724;
    text-align:center;
}
.edu-text-heading{
    color:#000000;
    text-transform: uppercase;
    letter-spacing:.1rem;
    text-align:center;
}

.marker{
    color: #cf5f0d;
    background-color: #bcbda7;
    font-family: LuxiaBold;
}
.marker2{
    color:#7c0115;
    font-size: 22px;
}
.marker3{
    color: #7c0115;
    background-color: #cdcec3;
    text-transform: uppercase;
    padding: 0 1rem;
}
.marker4{
    font-family: 'LuxiaBold';
    background-color: #bebfa9;
    color: #7b0215;
}
.marker5{
    font-family: 'LuxiaBold';
    background-color: #D1D2BF;
    color: #cf5f0d;
}

#fade {
  display: none;
  position: fixed;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background-color: black;
  z-index: 1001;
  -moz-opacity: 0.8;
  opacity: .80;
  filter: alpha(opacity=80);
}

#light {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 600px;
  max-height: 360px;
  margin-left: -300px;
  margin-top: -180px;
  border: 2px solid #FFF;
  background: #FFF;
  z-index: 1002;
  overflow: visible;
}

#boxclose {
  float: right;
  cursor: pointer;
  color: #fff;
  border: 1px solid #AEAEAE;
  border-radius: 3px;
  background: #222222;
  font-size: 31px;
  font-weight: bold;
  display: inline-block;
  line-height: 0px;
  padding: 11px 3px;
  position: absolute;
  right: 2px;
  top: 2px;
  z-index: 1002;
  opacity: 0.9;
}

.boxclose:before {
  content: "×";
}

#fade:hover ~ #boxclose {
  display:none;
}

.test:hover ~ .test2 {
  display: none;
}

.boxclose:before {
  content: "×";
}
.colour1 {
    background-color: #babba85c;
    padding: 15px;
    margin: 0;
}
.colour2{
    background-color: #e1e3d8;
    padding: 15px;
    margin: 0;
}
.colour3 {
    background-color: #BCBDA9;
    padding: 15px;
    margin: 0;
}
.colour4{
    background-color: #D1D2BF;
    padding: 15px;
    margin: 0;
}
.italic{
    background-color:#BCBDA7;
    border-top: 1px solid #D98543;
    border-bottom: 1px solid #D98543;
    padding: 2rem;width: 100%;
    color:#000000;
    width: auto;
    font-family: LuxiaItalic;
}

/* Back to Top Button */

#button {
  display: inline-block;
  background-color: #921029;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 4px;
  position: fixed;
  bottom: 30px;
  right: 30px;
  transition: background-color .3s, 
    opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
}
#button::after {
  content: "\f077";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  font-size: 1.5em;
  line-height: 50px;
  color: #dbbe94;
}
#button:hover {
  cursor: pointer;
  background-color: #a91e38;
}
#button:active {
  background-color: #921029;
}
#button.show {
  opacity: 1;
  visibility: visible;
}
.slider-container {
  overflow-x: scroll;
  -ms-overflow-style: none;   /* IE/Edge */
  scrollbar-width: none;      /* Firefox */
}

.slider-container::-webkit-scrollbar {
  display: none;              /* Chrome, Safari */
}

.pricing-segment{
    padding: 2rem;
    background-color: #d9dad2;
    margin: 4rem;
}
.btn-padding{
    margin-left: 5rem; 
    margin-top: 3rem;
}

@media screen and (min-width: 900px) {
    .ordered__list .flex{
    flex-direction:row;
    }
}
    .checkout-card {
        background: #D8D9CE;
        padding: 50px 40px;
        max-width: 400px;
        width: 100%;
        text-align: center;
    }

    .checkout-row {
        display: flex;
        justify-content: space-between;
        margin: 10px 0;
        font-size: 24px;
        color: #7c0115;
    }
    .style{
        margin-left: 50rem;
        margin-bottom: 2rem;
    }

@media(max-width: 480px){
        .checkout-row{
            font-size: 24px;
        }
}
    .artalign{
        text-indent: 19rem;
    }
@media screen and (min-width: 576px) {
    .container .hide{
        display: none;
    }
}
@media screen and (max-width: 576px) {
    .row{
        display: block;
        margin: 0;
    }
    .form-control{
        width: 35rem;
        margin: 0;
    }
    .btn-padding{
        margin-top: 3rem;
        margin-left: 0;
    }
    .pricing-segment{
        padding: 2rem;
        background-color: #d9dad2;
        margin: 2rem;
    }
    .form-control-2{
        width: 6rem;
        margin: 0;
    }
    .col-form-label-2{
        padding-left: 0;
        text-align: left;
    }
    .col-form-label{
        text-align: left;
    }
    
    .style{
        margin: 0;
    }
    .checkout-card{
        padding: 30px 20px;
        max-width: 370px;
        margin-bottom: 2rem;
    }
    #button.show{
        visibility: hidden;
    }
    .artalign{
        text-indent: 1rem;
    }
    .O-padding{
        padding: 4rem 2rem 4rem 2rem;
    }
    .overview-text{
        line-height: 2.8rem;
    }
    .container .sh5{
        display: none;
    }
}

@media screen and (max-width: 1100px) {
    .tab a .tab-arrow {
          display: none;
        }
    .tab .button-arrow{
        display: none;
    }
    .tab .hide-arrow{
        float: none;
    }
}