@font-face {
  font-family: "Creato";
  src: url("fonts/CreatoDisplay-Black.otf");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Creato";
  src: url("fonts/CreatoDisplay-BlackItalic.otf");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "Creato";
  src: url("fonts/CreatoDisplay-Bold.otf");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Creato";
  src: url("fonts/CreatoDisplay-BoldItalic.otf");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "Creato";
  src: url("fonts/CreatoDisplay-ExtraBold.otf");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Creato";
  src: url("fonts/CreatoDisplay-ExtraBoldItalic.otf");
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: "Creato";
  src: url("fonts/CreatoDisplay-Light.otf");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Creato";
  src: url("fonts/CreatoDisplay-LightItalic.otf");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "Creato";
  src: url("fonts/CreatoDisplay-Medium.otf");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Creato";
  src: url("fonts/CreatoDisplay-MediumItalic.otf");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "Creato";
  src: url("fonts/CreatoDisplay-Regular.otf");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Creato";
  src: url("fonts/CreatoDisplay-RegularItalic.otf");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "Creato";
  src: url("fonts/CreatoDisplay-Thin.otf");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "Creato";
  src: url("fonts/CreatoDisplay-ThinItalic.otf");
  font-weight: 100;
  font-style: italic;
}
/*
$history-background: #1f1914;
//$history-background-alternate: #2a211a;
$history-background-alternate: #d4bea9;
$history-accent: #9a896a;
$history-text: #f1eee9;





$light-theme-section-background: white;
$light-theme-text-1: black;
$light-theme-text-2: rgb(43, 43, 43);
$light-theme-text-3: rgb(43, 43, 43);
$light-theme-text-4: rgb(43, 43, 43);
$light-theme-text-5: rgb(43, 43, 43);

$light-theme-card-1: rgb(66, 66, 66);


//DARK THEME
$dark-theme-background: black;
$dark-theme-section-background: rgba(22, 22, 22, 0.425);

//REGULAR TEXT
$dark-theme-text-1: $history-text;
$dark-theme-text-2: #b4b1ac;
$dark-theme-text-3: #8f8a83;
$dark-theme-text-4: #5a5956;
$dark-theme-text-5: #54524f;

//REGULAR CARD TEXT
$dark-theme-card-1: rgb(36, 36, 36);
$dark-theme-regular-card-text-1: $history-text;;
$dark-theme-regular-card-text-2: #b4b1ac;
$dark-theme-regular-card-text-3: #74726e;
$dark-theme-regular-card-text-4: #5a5956;
$dark-theme-regular-card-text-5: #54524f;

$dark-theme-card-2: rgb(65, 65, 65);

//ACCENT CARD TEXT
$dark-theme-accent-card-1: rgba($history-button-background-light, 0.2);//rgb(255, 100, 126);
$dark-theme-accent-card-text-1: rgb(73, 15, 34);
$dark-theme-accent-card-text-2: rgb(119, 25, 56);
$dark-theme-accent-card-text-3: rgb(129, 129, 129);
$dark-theme-accent-card-text-4: rgb(95, 95, 95);
$dark-theme-accent-card-text-5: rgb(59, 59, 59);

$dark-theme-accent-text-1:$history-button-background-light;

$dark-theme-devider: rgb(71, 71, 71);
$dark-theme-accent-devider: rgb(185, 63, 84);

*/
.share-class {
  display: none;
}
.share-class ul {
  display: flex;
}

/*
a {
//background-color: orange;
background-color: rgba(53, 53, 53, 0.486);
padding: 5px;
border-radius: 10px;
margin: 5px 30px;

width: max-content;
height: max-content;
display: flex;

.share-icon {
  //width: .875rem;
  //height: 1rem;
  //display: flex;
  display: inline-block;
  content: '';
  //-webkit-mask-size: cover;
  //mask-size: cover;
  //background-color: #383838;
  //vertical-align: text-bottom;
  width: 30px;
  height: 30px;
}
}
*/
.icon-email {
  background-image: url("icons/call.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}
.icon-email::after {
  content: "email";
  position: absolute;
  bottom: -25px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.637);
}

.social-list a:active .icon-email,
.social-list a:focus .icon-email,
.social-list a:hover .icon-email {
  background-color: #ddd;
}

.icon-facebook {
  background-image: url("icons/call.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}
.icon-facebook::after {
  content: "facebook";
  position: absolute;
  bottom: -25px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.637);
}

.social-list a:active .icon-facebook,
.social-list a:focus .icon-facebook,
.social-list a:hover .icon-facebook {
  background-color: #ddd;
}

.icon-link {
  background-image: url("icons/call.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}
.icon-link::after {
  content: "link";
  position: absolute;
  bottom: -25px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.637);
}

.social-list a:active .icon-link,
.social-list a:focus .icon-link,
.social-list a:hover .icon-link {
  background-color: #ddd;
}

.icon-linkedin {
  background-image: url("icons/call.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}
.icon-linkedin::after {
  content: "linkedin";
  position: absolute;
  bottom: -25px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.637);
}

.social-list a:active .icon-linkedin,
.social-list a:focus .icon-linkedin,
.social-list a:hover .icon-linkedin {
  background-color: #1d9bf0;
}

.icon-pinterest {
  background-image: url("icons/call.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}
.icon-pinterest::after {
  content: "pinterest";
  position: absolute;
  bottom: -25px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.637);
}

.social-list a:active .icon-pinterest,
.social-list a:focus .icon-pinterest,
.social-list a:hover .icon-pinterest {
  background-color: #ddd;
}

.icon-reddit {
  background-image: url("icons/call.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}
.icon-reddit::after {
  content: "reddit";
  position: absolute;
  bottom: -25px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.637);
}

.social-list a:active .icon-reddit,
.social-list a:focus .icon-reddit,
.social-list a:hover .icon-reddit {
  background-color: #ff4500;
}

.icon-telegram {
  background-image: url("icons/call.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}
.icon-telegram::after {
  content: "telegram";
  position: absolute;
  bottom: -25px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.637);
}

.social-list a:active .icon-telegram,
.social-list a:focus .icon-telegram,
.social-list a:hover .icon-telegram {
  background-color: #ddd;
}

.icon-tumblr {
  background-image: url("icons/call.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}
.icon-tumblr::after {
  content: "tumblr";
  position: absolute;
  bottom: -25px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.637);
}

.social-list a:active .icon-tumblr,
.social-list a:focus .icon-tumblr,
.social-list a:hover .icon-tumblr {
  background-color: #ddd;
}

.icon-twitter {
  background-image: url("icons/call.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}
.icon-twitter::after {
  content: "twitter";
  position: absolute;
  bottom: -25px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.637);
}

.social-list a:active .icon-twitter,
.social-list a:focus .icon-twitter,
.social-list a:hover .icon-twitter {
  background-color: #fff;
}

.icon-whatsapp {
  background-image: url("icons/call.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}
.icon-whatsapp::after {
  content: "whatsapp";
  position: absolute;
  bottom: -25px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.637);
}

.social-list a:active .icon-whatsapp,
.social-list a:focus .icon-whatsapp,
.social-list a:hover .icon-whatsapp {
  background-color: #00e676;
}

/*

//DARK THEME
$dark-theme-background: darkolivegreen;              //dark
$dark-theme-section-background: rgb(17, 44, 35);               //dark

//REGULAR TEXT
$dark-theme-text-1: white;                           //light
$dark-theme-text-2: khaki;                           //light towards dark
$dark-theme-text-3: rgb(139, 69, 19);                //light towards dark
$dark-theme-text-4: rgb(160, 82, 45);                //light towards dark
$dark-theme-text-5: rgb(128, 0, 0);                  //light towards dark

$dark-theme-text-1: rgb(230, 246, 252);                      //light
$dark-theme-text-2: rgb(179, 198, 206);         //light towards dark
$dark-theme-text-3: rgb(138, 151, 156);         //light towards dark
$dark-theme-text-4: rgb(95, 95, 95);            //light towards dark
$dark-theme-text-5: rgb(59, 59, 59);            //light towards dark

//REGULAR CARD TEXT
$dark-theme-card-1: rgb(38, 95, 76);               //dark but lighter than background of section/
$dark-theme-regular-card-text-1: white;
$dark-theme-regular-card-text-2: rgb(253, 249, 215); //light towards dark
$dark-theme-regular-card-text-3: rgb(139, 69, 19);   //light towards dark
$dark-theme-regular-card-text-4: rgb(160, 82, 45);   //light towards dark
$dark-theme-regular-card-text-5: rgb(128, 0, 0);     //light towards dark

$dark-theme-card-2: olive;                           //lighter than card 1

//ACCENT CARD TEXT
$dark-theme-accent-card-1: rgb(255, 162, 75);                  //lighter accent, different from white
$dark-theme-accent-card-text-1: rgb(64, 65, 21);          //dark, towards light
$dark-theme-accent-card-text-2: saddlebrown;         //dark, towards light    
$dark-theme-accent-card-text-3: peru;                //dark, towards light
$dark-theme-accent-card-text-4: sienna;              //dark, towards light
$dark-theme-accent-card-text-5: rgb(139, 69, 19);    //dark, towards light  

$dark-theme-accent-text-1: rgb(252, 255, 75);                     //light

$dark-theme-devider: rgb(69, 179, 142);                          //dark, slightly lighter than


*/
body {
  font-family: "Creato";
  letter-spacing: 2px;
  background: black;
  padding: 0px;
  margin: 0px;
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 100vh;
  justify-content: flex-start;
  gap: 0px !important;
  margin-top: 0px !important;
}

main {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.Main-Content[data-for=events] {
  background-color: #333029;
}

.Main-Content[data-for=Service] section:not(.Contact-Us-Banner):not(.Icon-CTA-Card):not(.Feature-Section, .Explore) {
  padding-top: 50px !important;
  padding-bottom: 50px !important;
  border-radius: 12px;
  overflow: visible;
  backdrop-filter: blur(50px);
  box-shadow: 0 0 30px 0px rgba(255, 255, 255, 0.103);
}
.Main-Content[data-for=Service] h2:not(.Cub-Title, .Founder-Title, .Explination-Title) {
  color: white;
  font-size: 1.7rem !important;
  font-weight: 600;
  margin-bottom: 40px;
}
.Main-Content[data-for=Service] h3 {
  color: rgb(201, 201, 201);
  font-size: 1.1rem !important;
  font-weight: 400;
}
.Main-Content[data-for=Service] p {
  color: grey;
  font-size: 1rem;
  font-weight: 300;
}

.Main-Content[data-for=Homee] section:not(.Contact-Us-Banner):not(.Icon-CTA-Card):not(.Feature-Section, .Explore, .Hero) {
  padding-top: 60px;
  padding-bottom: 60px;
}
.Main-Content[data-for=Homee] h2:not(.Cub-Title, .Founder-Title, .Explination-Title) {
  color: white;
  font-size: 1.7rem;
  font-weight: 600;
  margin-bottom: 40px !important;
}
.Main-Content[data-for=Homee] h3 {
  color: rgb(201, 201, 201);
  font-size: 1.2rem;
  font-weight: 600;
}
.Main-Content[data-for=Homee] p {
  color: grey;
  font-size: 1.1rem;
  font-weight: 400;
  letter-spacing: 0.8px;
}

.Main-Content[data-for=Service] section {
  border-radius: 15px;
  margin-bottom: 15px;
}

p {
  color: grey;
  font-size: 1rem;
  font-weight: 300;
}

.Column {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 75%;
}

.Document-Viewer[data-theme=dark] {
  color: rgb(196, 174, 134) !important;
  background-color: rgb(22, 22, 22);
}
.Document-Viewer[data-theme=dark] .Document-Viewer-Title {
  color: rgb(196, 174, 134) !important;
}

ul {
  padding: 0px;
  margin: 0px;
}
ul li {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}

ol {
  padding: 0px;
  margin: 0px;
}
ol li {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}

.Main-Content[data-for=Contact] {
  display: flex;
  justify-content: center;
  align-items: start;
  width: 80%;
  margin-top: 0px !important;
  gap: 20px;
  padding-top: 15px;
  z-index: 1;
  position: relative;
}
.Main-Content[data-for=Contact] .Frequently-Asked-Questions {
  border-radius: 10px;
}
.Main-Content[data-for=Contact] main {
  max-width: 800px;
}
.Main-Content[data-for=Contact] main .Contact-Form {
  width: 100%;
  justify-content: start;
  align-items: center;
  height: -moz-max-content;
  height: max-content;
}
.Main-Content[data-for=Contact] main .Contact-Form .nf-form-cont {
  width: 100%;
}
.Main-Content[data-for=Contact] aside {
  position: sticky !important;
  top: 81px;
  width: -moz-max-content;
  width: max-content;
}

.Contact-Form {
  width: 450px;
  background-color: rgba(24, 24, 24, 0.849);
  box-shadow: 0 0 30px 2px rgba(255, 255, 255, 0.116);
  backdrop-filter: blur(50px);
  border-radius: 10px;
  flex-direction: column;
  height: calc(100% - 17px - 20px);
  display: flex;
  flex-direction: column;
  padding: 0px;
  max-width: 800px;
}
.Contact-Form .nf-form-cont {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.Contact-Form .nf-form-cont .nf-form-title {
  font-size: 1.3rem !important;
  margin-top: 1px !important;
  font-weight: 600 !important;
  line-height: 2.2 !important;
  color: rgba(231, 83, 108, 0.95) !important;
  text-align: center !important;
  width: 75% !important;
  margin: auto !important;
  margin-top: 15px !important;
}
.Contact-Form .nf-form-cont .nf-form-title h3 {
  font-size: 1.3rem !important;
  margin-top: 1px !important;
  font-weight: 600 !important;
  line-height: 2.2 !important;
  color: rgba(231, 83, 108, 0.95) !important;
  text-align: center !important;
  width: 75% !important;
  margin: auto !important;
  border-bottom: 2px solid rgba(230, 80, 120, 0.13) !important;
  margin-bottom: 15px !important;
  margin-top: 15px !important;
}
.Contact-Form .nf-form-cont .nf-form-wrap .nf-form-layout form {
  margin: 0px;
}
.Contact-Form .nf-form-cont .nf-form-wrap .nf-form-layout form div .nf-before-form-content nf-section .nf-form-fields-required {
  color: rgb(156, 156, 156);
  margin: auto;
  margin-bottom: 20px;
  width: -moz-max-content;
  width: max-content;
}
.Contact-Form .nf-form-cont .nf-form-wrap .nf-form-layout form div .nf-form-content nf-fields-wrap {
  display: flex;
  justify-content: center;
  padding: 0px 30px;
  gap: 35px;
  width: calc(100% - 70px);
  flex-wrap: wrap;
  box-sizing: content-box !important;
}
.Contact-Form .nf-form-cont .nf-form-wrap .nf-form-layout form div .nf-form-content nf-fields-wrap::-webkit-scrollbar {
  display: none;
}
.Contact-Form .nf-form-cont .nf-form-wrap .nf-form-layout form div .nf-form-content nf-fields-wrap {
  /*
  &::-webkit-scrollbar {
      //display: block;
      width: 7px;
      background-color: rgb(51, 51, 51);
      border-radius: 5px;
      margin-right: 5px;
  }

  &::-webkit-scrollbar-thumb {
      background-color: rgba(255, 162, 119, 0.336);
      border-radius: 5px;

      &:hover {
          background-color: rgb(255, 162, 119);
      }
  }
  */
}
.Contact-Form .nf-form-cont .nf-form-wrap .nf-form-layout form div .nf-form-content nf-fields-wrap nf-field {
  display: flex;
  width: calc(50% - 23px);
  min-width: 300px;
  margin-bottom: -5px;
}
.Contact-Form .nf-form-cont .nf-form-wrap .nf-form-layout form div .nf-form-content nf-fields-wrap nf-field .nf-field-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0px !important;
}
.Contact-Form .nf-form-cont .nf-form-wrap .nf-form-layout form div .nf-form-content nf-fields-wrap nf-field .nf-field-container .nf-field {
  display: flex;
  width: 100%;
}
.Contact-Form .nf-form-cont .nf-form-wrap .nf-form-layout form div .nf-form-content nf-fields-wrap nf-field .nf-field-container .nf-field .field-wrap {
  display: flex;
  flex-direction: column;
  gap: 2px;
  position: relative;
  width: 100%;
}
.Contact-Form .nf-form-cont .nf-form-wrap .nf-form-layout form div .nf-form-content nf-fields-wrap nf-field .nf-field-container .nf-field .field-wrap .nf-field-label {
  display: flex;
  width: 100%;
  margin: 0px !important;
  text-overflow: ellipsis !important;
}
.Contact-Form .nf-form-cont .nf-form-wrap .nf-form-layout form div .nf-form-content nf-fields-wrap nf-field .nf-field-container .nf-field .field-wrap .nf-field-element {
  display: flex;
  width: 100%;
}
.Contact-Form .nf-form-cont .nf-form-wrap .nf-form-layout form div .nf-form-content nf-fields-wrap nf-field .nf-field-container .nf-field .field-wrap .nf-field-element::after {
  /*
  background: #e80000;
  color: #fff;
  font-family: FontAwesome;
  font-size: 18px;
  content: "\f12a";
  position: absolute;
  //top: 1px;
  text-align: center;
  transition: all .5s;
  */
  /* my styles */
  border-radius: 2px !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 30px !important;
  height: 30px !important;
  line-height: 30px !important;
  bottom: 3px !important;
  right: 3px !important;
  top: unset !important;
}
.Contact-Form .nf-form-cont .nf-form-wrap .nf-form-layout form div .nf-form-content nf-fields-wrap nf-field .nf-field-container .nf-field .field-wrap .nf-field-element:has(> input[type=submit])::after {
  content: none;
}
.Contact-Form .nf-form-cont .nf-form-wrap .nf-form-layout form div .nf-form-content nf-fields-wrap nf-field .nf-field-container .nf-field .field-wrap .nf-field-element input[aria-invalid=true] {
  background-color: rgba(255, 0, 0, 0.055) !important;
  border-color: rgba(255, 0, 0, 0.432) !important;
}
.Contact-Form .nf-form-cont .nf-form-wrap .nf-form-layout form div .nf-form-content nf-fields-wrap nf-field .nf-field-container .nf-field .field-wrap .nf-field-element input[type=submit] {
  width: 95% !important;
  background-color: #333029 !important;
  padding: 5px 0px !important;
  color: #dbb485 !important;
  font-weight: bold !important;
  border-width: 1px !important;
  margin: 40px !important;
}
.Contact-Form .nf-form-cont .nf-form-wrap .nf-form-layout form div .nf-form-content nf-fields-wrap nf-field .nf-field-container .nf-field .field-wrap .nf-field-element input[type=submit]:disabled {
  opacity: 0.15 !important;
}
.Contact-Form .nf-form-cont .nf-form-wrap .nf-form-layout form div .nf-after-form-content nf-section .nf-form-errors .nf-error-msg {
  margin: auto;
  margin-bottom: 15px;
  width: -moz-max-content;
  width: max-content;
  font-size: 1rem;
}
.Contact-Form .nf-form-cont .nf-form-wrap .nf-form-layout form div .nf-after-form-content nf-section .nf-form-hp {
  display: none;
}
.Contact-Form label {
  color: rgba(226, 149, 162, 0.425) !important;
  font-size: 0.85rem !important;
  font-weight: 400 !important;
  letter-spacing: 1px !important;
  line-height: 2 !important;
  vertical-align: middle !important;
  text-overflow: ellipsis !important;
  text-wrap: nowrap !important;
  overflow: hidden !important;
  width: 100% !important;
  margin: 0px !important;
}
.Contact-Form textarea {
  background-color: rgba(231, 83, 108, 0.03) !important;
  border: 1.5px solid rgba(231, 83, 108, 0.25) !important;
  box-shadow: 0px 0px 20px -3px rgba(0, 0, 0, 0.233) !important;
  transition: transform 0.2s ease !important;
  color: #e7536c !important;
  font-size: 16px !important;
  padding-top: 6px !important;
  padding-bottom: 6px !important;
  width: 100% !important;
  line-height: 1.42 !important;
  padding: 2px 6px !important;
  resize: vertical !important;
  border-radius: 4px !important;
}
.Contact-Form textarea::-moz-selection {
  background-color: rgba(231, 83, 108, 0.14) !important;
}
.Contact-Form textarea::selection {
  background-color: rgba(231, 83, 108, 0.14) !important;
}
.Contact-Form textarea::-webkit-inner-spin-button {
  display: none;
}
.Contact-Form textarea::-moz-placeholder {
  color: rgba(226, 149, 162, 0.2);
}
.Contact-Form textarea::placeholder {
  color: rgba(226, 149, 162, 0.2);
}
.Contact-Form textarea:hover {
  transform: scale(1.005);
  background-color: rgba(231, 83, 108, 0.05) !important;
  border: 1px solid rgba(231, 83, 108, 0.6) !important;
}
.Contact-Form textarea:-webkit-autofill, .Contact-Form textarea:-webkit-autofill:hover, .Contact-Form textarea:-webkit-autofill:focus, .Contact-Form textarea:-webkit-autofill:active {
  -webkit-background-clip: text;
  -webkit-text-fill-color: #e7536c !important;
  -webkit-box-shadow: 0 0 1px 0px rgba(231, 83, 108, 0.075), 0 0 0 30px rgba(231, 83, 108, 0.041) inset;
  font-family: Creato !important;
}
.Contact-Form textarea:focus {
  background-color: rgba(231, 83, 108, 0.06) !important;
  border: 1px solid #e7536c !important;
}
.Contact-Form input {
  background-color: rgba(231, 83, 108, 0.02) !important;
  border: 1.5px solid rgba(231, 83, 108, 0.22) !important;
  box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.137) !important;
  transition: all 0.2s ease !important;
  color: rgba(231, 83, 108, 0.8) !important;
  font-size: 16px !important;
  padding-top: 1px !important;
  padding-bottom: 1px !important;
  width: 100% !important;
  padding: 1px 10px !important;
  line-height: 2 !important;
  min-height: 36px !important;
  border-radius: 4px !important;
  outline: none !important;
  height: -moz-max-content !important;
  height: max-content !important;
}
.Contact-Form input::-moz-selection {
  background-color: rgba(231, 83, 108, 0.14) !important;
}
.Contact-Form input::selection {
  background-color: rgba(231, 83, 108, 0.14) !important;
}
.Contact-Form input::-webkit-inner-spin-button {
  display: none;
}
.Contact-Form input::-moz-placeholder {
  color: rgba(226, 149, 162, 0.2);
}
.Contact-Form input::placeholder {
  color: rgba(226, 149, 162, 0.2);
}
.Contact-Form input:hover {
  transform: scale(1.005);
  background-color: rgba(231, 83, 108, 0.05) !important;
  border: 1px solid rgba(231, 83, 108, 0.6) !important;
}
.Contact-Form input:-webkit-autofill, .Contact-Form input:-webkit-autofill:hover, .Contact-Form input:-webkit-autofill:focus, .Contact-Form input:-webkit-autofill:active {
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(231, 83, 108, 0.8);
  -webkit-box-shadow: 0 0 1px 0px rgba(231, 83, 108, 0.075), 0 0 0 30px rgba(231, 83, 108, 0.041) inset;
  font-family: Creato !important;
  font-size: 16px !important;
}
.Contact-Form input input:is(:-webkit-autofill, :-webkit-autofill) {
  background-color: rgba(231, 83, 108, 0.06) !important;
  border: 1px solid #e7536c !important;
  color: rgba(231, 83, 108, 0.8) !important;
  -webkit-text-fill-color: rgba(231, 83, 108, 0.8) !important;
  font-family: Creato !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  caret-color: rgba(231, 83, 108, 0.8) !important;
}
.Contact-Form input input:is(:-webkit-autofill, :autofill) {
  background-color: rgba(231, 83, 108, 0.06) !important;
  border: 1px solid #e7536c !important;
  color: rgba(231, 83, 108, 0.8) !important;
  -webkit-text-fill-color: rgba(231, 83, 108, 0.8) !important;
  font-family: Creato !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  caret-color: rgba(231, 83, 108, 0.8) !important;
}
.Contact-Form input:focus {
  background-color: rgba(231, 83, 108, 0.06) !important;
  border: 1px solid #e7536c !important;
}
.Contact-Form select {
  background-color: rgba(231, 83, 108, 0.02) !important;
  border: 1.5px solid rgba(231, 83, 108, 0.22) !important;
  box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.137) !important;
  transition: all 0.2s ease !important;
  color: rgba(231, 83, 108, 0.8) !important;
  font-size: 16px !important;
  padding-top: 1px !important;
  padding-bottom: 1px !important;
  width: 100% !important;
  padding: 1px 10px !important;
  line-height: 2 !important;
  min-height: 36px !important;
  border-radius: 4px !important;
  outline: none !important;
  height: -moz-max-content !important;
  height: max-content !important;
}
.Contact-Form select::-moz-selection {
  background-color: rgba(231, 83, 108, 0.14) !important;
}
.Contact-Form select::selection {
  background-color: rgba(231, 83, 108, 0.14) !important;
}
.Contact-Form select::-webkit-inner-spin-button {
  display: none;
}
.Contact-Form select::-moz-placeholder {
  color: rgba(226, 149, 162, 0.2);
}
.Contact-Form select::placeholder {
  color: rgba(226, 149, 162, 0.2);
}
.Contact-Form select:hover {
  transform: scale(1.005);
  background-color: rgba(231, 83, 108, 0.05) !important;
  border: 1px solid rgba(231, 83, 108, 0.6) !important;
}
.Contact-Form select:-webkit-autofill, .Contact-Form select:-webkit-autofill:hover, .Contact-Form select:-webkit-autofill:focus, .Contact-Form select:-webkit-autofill:active {
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(231, 83, 108, 0.8);
  -webkit-box-shadow: 0 0 1px 0px rgba(231, 83, 108, 0.075), 0 0 0 30px rgba(231, 83, 108, 0.041) inset;
  font-family: Creato !important;
  font-size: 16px !important;
}
.Contact-Form select select:is(:-webkit-autofill, :-webkit-autofill) {
  background-color: rgba(231, 83, 108, 0.06) !important;
  border: 1px solid #e7536c !important;
  color: rgba(231, 83, 108, 0.8) !important;
  -webkit-text-fill-color: rgba(231, 83, 108, 0.8) !important;
  font-family: Creato !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  caret-color: rgba(231, 83, 108, 0.8) !important;
}
.Contact-Form select select:is(:-webkit-autofill, :autofill) {
  background-color: rgba(231, 83, 108, 0.06) !important;
  border: 1px solid #e7536c !important;
  color: rgba(231, 83, 108, 0.8) !important;
  -webkit-text-fill-color: rgba(231, 83, 108, 0.8) !important;
  font-family: Creato !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  caret-color: rgba(231, 83, 108, 0.8) !important;
}
.Contact-Form select:focus {
  background-color: rgba(231, 83, 108, 0.06) !important;
  border: 1px solid #e7536c !important;
}
.Contact-Form button {
  background-color: rgb(22, 153, 170);
  color: white;
  padding: 5px 14px;
  border-radius: 5px;
  border-color: transparent;
  margin: 7px;
  transition: transform 0.2s ease;
}
.Contact-Form button:hover {
  transform: scale(1.05);
}

.Icon-CTA-Card[data-theme=light] {
  background-color: rgba(122, 108, 84, 0.5) !important;
}
.Icon-CTA-Card[data-theme=light] .Icon-CTA-Card-Title {
  color: #f1eee9 !important;
}
.Icon-CTA-Card[data-theme=light] .Icon-CTA-Card-Description {
  color: rgba(241, 238, 233, 0.6) !important;
}
.Icon-CTA-Card[data-theme=light] .Icon-CTA-Card-Actions {
  background-color: rgba(51, 48, 41, 0.7) !important;
}
.Icon-CTA-Card[data-theme=light] .Icon-CTA-Card-Button-Info .Icon-CTA-Card-Button-Tiny-Label {
  color: rgba(241, 238, 233, 0.8) !important;
}
.Icon-CTA-Card[data-theme=light] .Icon-CTA-Card-Button-Info .Icon-CTA-Card-Button-Info-Data {
  color: rgba(241, 238, 233, 0.5) !important;
}
.Icon-CTA-Card[data-theme=light] .Icon-CTA-Card-Button-Info .Icon-CTA-Card-Button-Info-Data .Highlighted {
  color: #dbb485 !important;
}
.Icon-CTA-Card[data-theme=light] .Icon-CTA-Card-Button {
  background-color: #dbb485 !important;
}
.Icon-CTA-Card[data-theme=light] .Icon-CTA-Card-Button .Icon-CTA-Card-Button-Text {
  color: #4d493e !important;
}

.Icon-CTA-Card {
  max-width: calc(100% - 30px);
  width: calc(100% - 30px);
  max-width: 420px;
  padding: 30px 15px;
  padding-top: 50px;
  padding-bottom: 40px;
  background-color: rgb(26, 26, 26);
  border-radius: 15px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin-bottom: 16px;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
  text-decoration: none;
  backdrop-filter: blur(20px);
}
.Icon-CTA-Card:hover {
  background-color: rgb(22, 22, 22);
  transform: scale(1.01);
}
.Icon-CTA-Card .Icon-CTA-Card-Title {
  color: white;
  font-weight: bold;
  margin: 0px;
  font-size: 2.5rem !important;
  text-align: center;
  z-index: 1;
  max-width: 350px;
}
.Icon-CTA-Card .Icon-CTA-Card-Description {
  text-align: center;
  margin: 0px;
  line-height: 1.6;
  font-size: 1.1rem;
  z-index: 1;
  font-weight: 500;
  max-width: 370px;
}
.Icon-CTA-Card .Icon-CTA-Card-Image {
  width: 130px;
  margin-bottom: 25px;
  z-index: 1;
}
.Icon-CTA-Card .Icon-CTA-Card-Actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: rgba(41, 41, 41, 0.521);
  padding: 5px 20px;
  padding-right: 5px;
  border-radius: 100px;
  gap: 15px;
  margin-top: 10px;
  margin-bottom: 10px;
  z-index: 1;
  width: calc(90% - 40px);
}
.Icon-CTA-Card .Icon-CTA-Card-Actions .Icon-CTA-Card-Button-Info {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: space-between;
}
.Icon-CTA-Card .Icon-CTA-Card-Actions .Icon-CTA-Card-Button-Info .Icon-CTA-Card-Button-Tiny-Label {
  font-size: 0.65rem;
  margin: 0px;
  font-weight: 400;
  opacity: 0.7;
}
.Icon-CTA-Card .Icon-CTA-Card-Actions .Icon-CTA-Card-Button-Info .Icon-CTA-Card-Button-Info-Data {
  margin: 0px;
  text-align: center;
  font-weight: 500;
}
.Icon-CTA-Card .Icon-CTA-Card-Actions .Icon-CTA-Card-Button-Info .Icon-CTA-Card-Button-Info-Data .Highlighted {
  font-size: 1rem;
  color: rgb(230, 80, 120);
  font-weight: 500;
}
.Icon-CTA-Card .Icon-CTA-Card-Actions .Icon-CTA-Card-Button-Info .Icon-CTA-Card-Button-Info-Data .Not-Highlighted {
  font-size: 0.75rem;
  font-weight: bold !important;
}
.Icon-CTA-Card .Icon-CTA-Card-Actions .Icon-CTA-Card-Button {
  background-color: rgb(218, 66, 92);
  color: #fff;
  border: none;
  padding: 5px 16px;
  padding-right: 5px;
  padding-left: 0px;
  border-radius: 100px;
  font-size: 1rem;
  cursor: pointer;
  transition: background-color 0.3s;
  display: flex;
  text-align: center !important;
  align-items: center;
  justify-content: center;
  opacity: 1 !important;
}
.Icon-CTA-Card .Icon-CTA-Card-Actions .Icon-CTA-Card-Button .Icon-CTA-Card-Button-Text {
  color: white;
  font-weight: 500;
  text-shadow: unset !important;
  margin: 0px 15px;
  padding-left: 10px;
  letter-spacing: 1px;
  font-size: 13px;
  min-width: -moz-max-content;
  min-width: max-content;
  font-weight: bold !important;
}
.Icon-CTA-Card .Icon-CTA-Card-Actions .Icon-CTA-Card-Button .Icon-CTA-Card-Button-Icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 15px;
  height: 15px;
  background-color: rgba(0, 0, 0, 0.322);
  padding: 5px;
  border-radius: 100px;
  opacity: 0.6;
  margin: 0px;
}

.Icon-CTA-Card[data-fixed-width=false] {
  display: grid;
  padding: 30px 20px;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-right: 0px;
  width: calc(100% - 40px) !important;
  max-width: unset;
  margin: 40px 10px;
  grid-template-columns: auto minmax(auto, 40%) 1fr;
  grid-template-rows: auto auto;
  grid-template-areas: "image title       button" "image description button";
  background-color: rgba(24, 24, 24, 0.671);
  gap: 0px !important;
  justify-content: center;
  box-shadow: 0 0 30px 2px rgba(255, 255, 255, 0.123);
  transition: transform 0.4s ease;
}
.Icon-CTA-Card[data-fixed-width=false]:hover {
  transform: scale(1.02);
}
.Icon-CTA-Card[data-fixed-width=false] .Icon-CTA-Card-Image {
  grid-area: image;
  height: 70px;
  width: auto;
  margin-bottom: 0px;
  margin-right: 20px;
}
.Icon-CTA-Card[data-fixed-width=false] .Icon-CTA-Card-Title {
  grid-area: title;
  text-align: left;
  font-size: 1rem;
  align-self: flex-end;
  margin-bottom: 2px;
  font-weight: 600;
  letter-spacing: 0.8px;
}
.Icon-CTA-Card[data-fixed-width=false] .Icon-CTA-Card-Description {
  grid-area: description;
  text-align: left;
  font-size: 0.85rem;
  font-weight: 500;
  letter-spacing: normal;
  align-self: start;
}
.Icon-CTA-Card[data-fixed-width=false] .Icon-CTA-Card-Actions {
  grid-area: button;
  margin-top: 0px;
  margin: auto;
  background-color: rgba(255, 255, 255, 0.096);
  max-width: -moz-max-content;
  max-width: max-content;
  align-self: center !important;
  border-radius: 30px 50px 50px 30px;
}

.Contact-Info-Cards {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.Individual-Contact-CTA {
  max-width: calc(100% - 30px);
  width: 420px;
  padding: 15px;
  background-color: rgba(26, 26, 26, 0.85);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
  gap: 10px;
  margin-bottom: 16px;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}
.Individual-Contact-CTA .Individual-Contact-CTA-Details {
  width: 100%;
  display: grid;
  grid-template-areas: "image title" "image description";
  grid-template-columns: auto auto;
  grid-template-rows: auto auto;
  align-items: center;
  justify-content: start;
}
.Individual-Contact-CTA .Individual-Contact-CTA-Details .Individual-Contact-CTA-Image {
  grid-area: image;
  width: 20px;
  z-index: 1;
  margin-right: 15px;
  background-color: rgb(20, 20, 20);
  border-radius: 5px;
  padding: 12px;
  opacity: 0.8;
}
.Individual-Contact-CTA .Individual-Contact-CTA-Details .Individual-Contact-CTA-Title {
  grid-area: title;
  text-align: left;
  margin: 0px;
  line-height: 1.4;
  font-size: 0.8rem;
  z-index: 1;
  align-self: end;
  margin-bottom: 1px;
}
.Individual-Contact-CTA .Individual-Contact-CTA-Details .Individual-Contact-CTA-Description {
  grid-area: description;
  color: rgb(151, 151, 151);
  font-weight: 500;
  margin: 0px;
  font-size: 0.85rem;
  text-align: left;
  z-index: 1;
  align-self: start;
}
.Individual-Contact-CTA .Individual-Contact-CTA-Actions {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 10px;
}
.Individual-Contact-CTA .Individual-Contact-CTA-Actions .Individual-Contact-CTA-Action {
  list-style-type: none;
  min-width: -moz-max-content;
  min-width: max-content;
  border-radius: 7px;
  color: rgb(116, 116, 116);
  background: rgba(39, 39, 39, 0.205);
  border: 1px solid rgb(42, 42, 42);
  text-decoration: none;
  padding: 2px 25px !important;
  font-size: 0.7rem;
  line-height: 1.8;
  display: flex;
  justify-content: center;
  align-items: center;
  letter-spacing: 1px;
  font-weight: 600;
  transition: all 0.3s ease-in;
}
.Individual-Contact-CTA .Individual-Contact-CTA-Actions .Individual-Contact-CTA-Action:hover {
  background-color: rgb(55, 55, 55) !important;
  color: rgb(200, 200, 200);
}

.Pricing[data-style=Multi] {
  width: 100%;
  padding-top: 12vh !important;
  padding-bottom: 12vh !important;
}
.Pricing[data-style=Multi] .Descriptive-Title-Container .Title {
  color: #f1eee9;
}
.Pricing[data-style=Multi] .Pricing-Cards {
  gap: 32px;
}
.Pricing[data-style=Multi] .Pricing-Cards .Pricing-Card {
  background-color: rgba(219, 180, 135, 0.3) !important;
  position: relative;
  border-radius: 10px;
}
.Pricing[data-style=Multi] .Pricing-Cards .Pricing-Card .Pricing-Tier {
  background-color: rgba(50, 47, 42, 0.247) !important;
  top: 0%;
  color: #26231e !important;
  font-size: 1.1rem !important;
  font-weight: bold !important;
  letter-spacing: 0.8px;
  padding: 12px !important;
  width: calc(100% - 0px) !important;
  min-width: 150px;
  box-sizing: border-box;
}
.Pricing[data-style=Multi] .Pricing-Cards .Pricing-Card .Pricing-Details {
  background-color: rgba(219, 180, 135, 0.3) !important;
  border-radius: 10px 10px 0px 0px;
  align-items: center;
  padding: 40px 17px;
  padding-bottom: 20px;
  width: 100%;
  box-sizing: border-box;
}
.Pricing[data-style=Multi] .Pricing-Cards .Pricing-Card .Pricing-Details .Pricing-Image {
  display: none;
}
.Pricing[data-style=Multi] .Pricing-Cards .Pricing-Card .Pricing-Details .Price {
  background-color: transparent;
  color: #f1eee9 !important;
  font-size: 3rem;
  display: flex;
  align-items: flex-end;
  text-align: center;
  letter-spacing: 0.6px;
  font-weight: 500;
  margin-bottom: -2px;
}
.Pricing[data-style=Multi] .Pricing-Cards .Pricing-Card .Pricing-Details .Price .Price-Per {
  opacity: 0.5;
  font-size: 1.2rem;
  margin-bottom: 10px;
}
.Pricing[data-style=Multi] .Pricing-Cards .Pricing-Card .Pricing-Details .Price-Description {
  order: 1;
  display: flex;
  font-size: 0.9rem;
  font-weight: 500;
  line-height: 1.6;
  min-width: 100%;
  padding-left: 0px;
  padding-right: 0px;
  box-sizing: border-box;
  color: rgba(241, 238, 233, 0.5) !important;
}
.Pricing[data-style=Multi] .Pricing-Cards .Pricing-Card .Included-Container {
  padding: 20px 15px;
  gap: 8px;
}
.Pricing[data-style=Multi] .Pricing-Cards .Pricing-Card .Included-Container .Included .Included-Text {
  color: #f1eee9 !important;
}
.Pricing[data-style=Multi] .Pricing-Cards .Pricing-Card .Special-Notes {
  padding: 10px;
  box-sizing: border-box;
  margin: 0px;
  width: unset !important;
  flex: 1;
  height: -moz-max-content;
  height: max-content;
}
.Pricing[data-style=Multi] .Pricing-Cards .Pricing-Card .Special-Notes .Notes {
  min-width: unset !important;
  width: unset !important;
  max-width: calc(100% - 60px) !important;
  margin: 0px !important;
  box-sizing: border-box;
  flex: 1;
}
.Pricing[data-style=Multi] .Pricing-Cards .Pricing-Card .Select-Tier {
  background-color: #dbb487;
  text-decoration: none;
  border-radius: 100px;
  margin: 25px;
  margin-bottom: 20px;
}
.Main-Page-Hero {
  display: flex;
  position: relative;
  width: 100vw;
  max-height: 60dvh;
  background-color: rgb(199, 112, 90);
  justify-content: flex-end;
}
.Main-Page-Hero::after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-image: url(images/Blueberry-Lemon-Puffed-Pastry.webp);
  backdrop-filter: blur(40px);
  -o-object-fit: cover;
     object-fit: cover;
  opacity: 0.05;
  display: none;
}
.Main-Page-Hero .Visual-Side {
  height: 100%;
  width: auto;
  z-index: 1;
  width: 80vw;
  max-height: 400px;
}
.Main-Page-Hero .Visual-Side img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.Main-Page-Hero .Info-Side {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 50%;
  padding: 0px;
  padding-left: 3vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 15px;
  z-index: 1;
}
.Main-Page-Hero .Info-Side .Explination-Title {
  font-size: 2.4rem;
  margin: 0px;
  color: rgb(85, 27, 12);
}
.Main-Page-Hero .Info-Side .Explination-Description {
  color: rgb(44, 14, 7);
  font-size: 1rem;
  font-weight: 500;
  width: 70%;
  line-height: 1.4;
  margin: 0px;
}
.Main-Page-Hero .Info-Side .Explination-Call-To-Action {
  margin-bottom: 40px;
  margin-top: 5px;
}
.Main-Page-Hero .Info-Side .Explination-Call-To-Action #First {
  background-color: rgb(255, 164, 180);
  padding: 10px 40px;
  font-weight: bold;
  font-size: 1rem;
  border-radius: 10px;
}
.Main-Page-Hero .Info-Side .Explination-Call-To-Action #Second {
  display: none;
}

.Mobile-Nav[data-for-booking=true] {
  position: fixed;
  width: -moz-max-content;
  width: max-content;
  left: 50% !important;
  bottom: 0px;
  transform: none;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  background: rgb(41, 41, 41);
  box-shadow: 0px 5px 15px 5px rgba(0, 0, 0, 0.616);
  backdrop-filter: blur(20px);
  justify-content: center;
  align-items: center;
  z-index: 1000;
  padding: 20px;
  border-radius: 20px 20px 0px 0px;
}
@keyframes userReading {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.Mobile-Nav[data-for-booking=true][data-view-state=full-screen] {
  opacity: 1;
  left: 0px;
  padding-bottom: 12px;
  padding-top: 12px;
  border-left: none;
  border-bottom: none;
  border-right: none;
}
.Mobile-Nav[data-for-booking=true][data-view-state=full-screen] .Company-Name {
  margin-top: 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-top: none;
  display: none;
}
.Mobile-Nav[data-for-booking=true][data-view-state=full-screen] .Nav-Container {
  justify-content: space-around;
  align-items: center;
  width: 100%;
}
.Mobile-Nav[data-for-booking=true][data-view-state=full-screen] .Nav-Container .Nav-Button {
  height: -moz-max-content;
  height: max-content;
}
.Mobile-Nav[data-for-booking=true][data-view-state=full-screen] .Nav-Container .Nav-Button .Nav-Icon {
  height: 25px;
  width: 25px;
}
.Mobile-Nav[data-for-booking=true][data-view-state=full-screen] .Nav-Container #Home {
  padding: 7px !important;
  order: 1;
}
.Mobile-Nav[data-for-booking=true][data-view-state=full-screen] .Nav-Container #Navigation {
  padding: 7px !important;
  order: 2;
}
.Mobile-Nav[data-for-booking=true][data-view-state=full-screen] .Nav-Container #Contact {
  display: flex;
  border-radius: 100px !important;
  padding: 7px !important;
  box-shadow: 0px 0px 15px 4px rgba(0, 0, 0, 0.329);
  width: 50vw;
  height: 35px;
  order: 3;
  gap: 20px;
}
.Mobile-Nav[data-for-booking=true][data-view-state=full-screen] .Nav-Container #Contact .Nav-Icon {
  height: 25px;
  width: 25px !important;
  margin-right: -2px;
}
.Mobile-Nav[data-for-booking=true][data-view-state=full-screen] .Nav-Container #Contact .Nav-Text {
  font-size: 1.2rem !important;
  font-weight: 500;
}
.Mobile-Nav[data-for-booking=true][data-view-state=partial-screen] {
  opacity: 1;
  left: 0px;
  padding-bottom: 12px;
  padding-top: 12px;
  border-left: none;
  border-bottom: none;
  border-right: none;
}
.Mobile-Nav[data-for-booking=true][data-view-state=partial-screen] .Company-Name {
  margin-top: 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-top: none;
  display: none;
}
.Mobile-Nav[data-for-booking=true][data-view-state=partial-screen] .Nav-Container {
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.Mobile-Nav[data-for-booking=true][data-view-state=partial-screen] .Nav-Container .Nav-Button {
  height: -moz-max-content;
  height: max-content;
}
.Mobile-Nav[data-for-booking=true][data-view-state=partial-screen] .Nav-Container .Nav-Button .Nav-Icon {
  height: 25px;
  width: 25px;
}
.Mobile-Nav[data-for-booking=true][data-view-state=partial-screen] .Nav-Container #Home {
  padding: 7px !important;
  order: 1;
  position: relative;
  margin-bottom: 10px;
}
.Mobile-Nav[data-for-booking=true][data-view-state=partial-screen] .Nav-Container #Home .Nav-Text {
  display: flex !important;
  position: absolute;
  bottom: -1.2rem;
  font-size: 0.8rem;
  left: 50%;
  transform: translateX(-50%);
  color: grey;
  font-weight: 400;
  letter-spacing: 0px;
}
.Mobile-Nav[data-for-booking=true][data-view-state=partial-screen] .Nav-Container #Navigation {
  padding: 7px !important;
  order: 2;
  position: relative;
  margin-bottom: 10px;
}
.Mobile-Nav[data-for-booking=true][data-view-state=partial-screen] .Nav-Container #Navigation .Nav-Text {
  display: flex !important;
  position: absolute;
  bottom: -1.2rem;
  font-size: 0.8rem;
  left: 50%;
  transform: translateX(-50%);
  color: grey;
}
.Mobile-Nav[data-for-booking=true][data-view-state=partial-screen] .Nav-Container #Contact {
  display: flex;
  border-radius: 100px !important;
  padding: 7px !important;
  box-shadow: 0px 0px 15px 4px rgba(0, 0, 0, 0.329);
  width: 50vw;
  height: 35px;
  order: 3;
  gap: 20px;
}
.Mobile-Nav[data-for-booking=true][data-view-state=partial-screen] .Nav-Container #Contact .Nav-Icon {
  height: 25px;
  width: 25px !important;
  margin-right: -2px;
}
.Mobile-Nav[data-for-booking=true][data-view-state=partial-screen] .Nav-Container #Contact .Nav-Text {
  font-size: 1.2rem !important;
  font-weight: 500;
}
.Mobile-Nav[data-for-booking=true] .Nav-Container {
  display: flex;
  justify-content: flex-end !important;
  width: -moz-max-content;
  width: max-content;
  gap: 30px;
}
.Mobile-Nav[data-for-booking=true] .Nav-Container[data-target=explore] #Explore {
  display: none;
}
.Mobile-Nav[data-for-booking=true] .Nav-Container a {
  padding: 3px 10px !important;
  text-decoration: none !important;
}
.Mobile-Nav[data-for-booking=true] .Nav-Container button {
  margin: 0px;
}
.Mobile-Nav[data-for-booking=true] .Nav-Container .Nav-Button {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3px;
  background: transparent;
  border: none;
  background-color: rgb(54, 54, 54);
  border: 1px solid rgba(77, 77, 77, 0.534);
  border-radius: 7px;
}
.Mobile-Nav[data-for-booking=true] .Nav-Container .Nav-Button#Home {
  padding: 7px !important;
  order: 1;
  position: relative;
  margin-bottom: 10px;
}
.Mobile-Nav[data-for-booking=true] .Nav-Container .Nav-Button#Home .Nav-Text {
  display: flex !important;
  position: absolute;
  bottom: -1.2rem;
  font-size: 0.8rem;
  left: 50%;
  transform: translateX(-50%);
  color: grey;
  font-weight: 400;
  letter-spacing: 0px;
}
.Mobile-Nav[data-for-booking=true] .Nav-Container .Nav-Button#Navigation {
  padding: 7px !important;
  order: 2;
  position: relative;
  margin-bottom: 10px;
}
.Mobile-Nav[data-for-booking=true] .Nav-Container .Nav-Button#Navigation .Nav-Text {
  display: flex !important;
  position: absolute;
  bottom: -1.2rem;
  font-size: 0.8rem;
  left: 50%;
  transform: translateX(-50%);
  color: grey;
}
.Mobile-Nav[data-for-booking=true] .Nav-Container .Nav-Button#Contact {
  flex-direction: row;
  background-color: rgb(211, 49, 76);
  border-radius: 100px;
  gap: 10px;
  padding: 10px 25px !important;
  justify-content: center;
  border: none;
  order: 3;
  box-shadow: none;
}
.Mobile-Nav[data-for-booking=true] .Nav-Container .Nav-Button#Contact .Nav-Icon {
  width: 35px;
  order: 2;
}
.Mobile-Nav[data-for-booking=true] .Nav-Container .Nav-Button#Contact .Nav-Text {
  font-size: 1rem;
  margin: 0px;
  margin-bottom: 1px;
  display: block;
}
.Mobile-Nav[data-for-booking=true] .Nav-Container .Nav-Button .Nav-Icon {
  width: 22px;
}
.Mobile-Nav[data-for-booking=true] .Nav-Container .Nav-Button .Nav-Text {
  margin: 0px;
  color: white;
  display: none;
}
.Mobile-Nav[data-for-booking=true] .Company-Name {
  color: rgb(255, 192, 203);
  padding: 7px 0px;
  margin: 0px;
  margin-top: 10px;
  font-size: 1.2rem;
  border-top: 1px solid grey;
  padding-left: 20px;
  padding-right: 20px;
}

.Page-Navigation {
  width: 100%;
  display: flex;
  background-color: rgb(27, 27, 27);
  border-bottom: 1px solid rgb(43, 43, 43);
  position: sticky;
  top: 0px;
  left: 0px;
  z-index: 10;
  height: auto;
  align-items: center;
  justify-content: space-between;
  box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.295);
}
.Page-Navigation .Tab-Container {
  display: flex;
  overflow-x: scroll;
  gap: 20px;
  margin: 0px;
  padding: 0px;
  padding: 13px 13px !important;
  padding-bottom: 13px !important;
  z-index: 1000;
}
.Page-Navigation .Tab-Container .Tab {
  list-style-type: none;
  min-width: -moz-max-content;
  min-width: max-content;
  color: rgba(117, 117, 117, 0.726);
  padding: 2px 0px !important;
  padding-bottom: 2px !important;
  padding-top: 0px;
  font-size: 1rem;
}
.Page-Navigation .Tab-Container .Tab[data-selected=true] {
  color: rgba(231, 83, 108, 0.747);
  border-bottom: 1px solid rgb(56, 56, 56);
  border-color: rgba(231, 83, 108, 0.452);
}
.Page-Navigation .Tab-Container .Tab[data-type=negative] {
  display: none;
}
.Page-Navigation .Site-Navigation {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px;
}
.Page-Navigation .Site-Navigation .Company-Name {
  color: pink;
  font-size: 1.1rem;
}
.Page-Navigation .Site-Navigation .Contact-Us {
  background-color: rgba(231, 83, 108, 0.74);
  border-radius: 10px;
  padding: 10px 25px;
  color: white;
  font-weight: bold;
  text-decoration: none;
  font-size: 1rem;
  width: 150px;
  text-align: center;
  display: none;
}
.Page-Navigation .Site-Navigation .Hamburger-Pages {
  width: 35px;
  height: 35px;
  background-image: url(icons/hamburger-beige.png);
  background-position: center;
  background-size: 70%;
  background-repeat: no-repeat;
  background-color: transparent;
  border-color: transparent;
  border-radius: 5px;
  background-color: rgb(56, 56, 56);
}

.Service-Main {
  width: calc(100% - 16px);
  display: flex;
  flex-direction: column !important;
  margin-bottom: 15px;
  border-radius: 18px;
  max-width: 1150px;
  background-color: rgba(14, 14, 14, 0.336);
  padding: 8px;
  box-shadow: 10px 10px 30px 15px rgba(255, 255, 255, 0.11);
  backdrop-filter: blur(50px);
}
.Service-Main .Service-Visuals {
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
  width: 100% !important;
  height: 50vh;
  min-height: 450px;
  max-height: 500px;
  border-radius: 10px;
  background-color: transparent;
  gap: 8px;
  box-shadow: 2px 2px 25px 5px rgba(0, 0, 0, 0.349);
}
.Service-Main .Service-Visuals[data-view-state=closed] .Gallery-Image-Details {
  display: none !important;
}
.Service-Main .Service-Visuals[data-view-state=open] {
  position: fixed;
  top: 0px;
  left: 0px;
  width: calc(100vw - 50px) !important;
  padding-left: 25px;
  padding-right: 25px;
  padding-bottom: 0px;
  margin: 0px;
  height: 100dvh;
  max-height: 100dvh;
  z-index: 1000000000;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: start;
  background-color: transparent !important;
}
.Service-Main .Service-Visuals[data-view-state=open]::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: rgba(29, 29, 29, 0.842);
  backdrop-filter: blur(5px);
}
.Service-Main .Service-Visuals[data-view-state=open] .Service-Hero {
  display: none;
}
.Service-Main .Service-Visuals[data-view-state=open] .Service-Gallery {
  width: 100% !important;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: nowrap;
  align-items: start;
  overflow-y: scroll;
}
.Service-Main .Service-Visuals[data-view-state=open] .Service-Gallery .Gallery-Nav {
  width: 55px;
  height: 55px;
  border-radius: 50px;
  background-image: url(icons/arrow-right-beige.png);
  background-size: 50%;
  background-repeat: no-repeat;
  background-color: rgb(230, 80, 120);
  border: 1px solid rgba(255, 255, 255, 0.199);
  backdrop-filter: blur(4px);
  background-position: center;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.849);
  opacity: 0.9;
  transition: opacity 0.4s ease;
}
.Service-Main .Service-Visuals[data-view-state=open] .Service-Gallery .Gallery-Nav:hover {
  opacity: 1;
}
.Service-Main .Service-Visuals[data-view-state=open] .Service-Gallery .Gallery-Nav {
  position: fixed;
  right: 50px;
  z-index: 10;
  display: none !important;
}
.Service-Main .Service-Visuals[data-view-state=open] .Service-Gallery .Gallery-Nav#Nav-Left {
  left: 50px;
  right: unset;
  transform: rotate(180deg);
}
.Service-Main .Service-Visuals[data-view-state=open] .Service-Gallery #Gallery-Exit {
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding: 2px;
  padding-right: 15px;
  transition: all 0.3s ease;
}
.Service-Main .Service-Visuals[data-view-state=open] .Service-Gallery #Gallery-Exit:hover {
  background-color: rgb(197, 58, 81) !important;
  transform: scale(0.99) translateX(50%);
}
.Service-Main .Service-Visuals[data-view-state=open] .Service-Gallery #Gallery-Exit {
  border: 2px solid rgb(109, 46, 56) !important;
  box-shadow: 0px 0px 20px -2px rgba(0, 0, 0, 0.637);
  border-radius: 100px !important;
  gap: 10px !important;
  width: -moz-max-content !important;
  width: max-content !important;
  order: 1;
  background-color: transparent !important;
  background-color: rgb(197, 58, 81) !important;
  position: absolute;
  top: 25px;
  right: 50%;
  transform: translateX(50%);
}
.Service-Main .Service-Visuals[data-view-state=open] .Service-Gallery #Gallery-Exit .Button-Icon {
  width: 15px;
  height: 15px;
  background-color: rgba(129, 54, 67, 0.356);
  padding: 8px;
  border-radius: 100px;
}
.Service-Main .Service-Visuals[data-view-state=open] .Service-Gallery #Gallery-Exit .Button-Text {
  margin: 0px;
  color: white;
  font-weight: 500;
  letter-spacing: normal;
  font-size: 0.95rem !important;
}
.Service-Main .Service-Visuals[data-view-state=open] .Service-Gallery .Gallery-Images {
  display: flex;
  overflow: hidden;
  flex-wrap: nowrap;
  width: -moz-max-content;
  width: max-content;
  height: -moz-max-content;
  height: max-content;
  gap: 15px;
  align-items: center;
  justify-content: center;
  padding-top: 90px;
}
.Service-Main .Service-Visuals[data-view-state=open] .Service-Gallery .Gallery-Images .Gallery-Image-Container {
  opacity: 0;
  transform: translateY(50px);
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(50px);
  }
  to {
    opacity: 1;
    transform: translateY(0px);
  }
}
.Service-Main .Service-Visuals[data-view-state=open] .Service-Gallery .Gallery-Images .Gallery-Image-Container:nth-child(1) {
  animation: fadeIn 0.3s ease-in 0.04s forwards;
}
.Service-Main .Service-Visuals[data-view-state=open] .Service-Gallery .Gallery-Images .Gallery-Image-Container:nth-child(2) {
  animation: fadeIn 0.3s ease-in 0.08s forwards;
}
.Service-Main .Service-Visuals[data-view-state=open] .Service-Gallery .Gallery-Images .Gallery-Image-Container:nth-child(3) {
  animation: fadeIn 0.3s ease-in 0.12s forwards;
}
.Service-Main .Service-Visuals[data-view-state=open] .Service-Gallery .Gallery-Images .Gallery-Image-Container:nth-child(4) {
  animation: fadeIn 0.3s ease-in 0.16s forwards;
}
.Service-Main .Service-Visuals[data-view-state=open] .Service-Gallery .Gallery-Images .Gallery-Image-Container:nth-child(5) {
  animation: fadeIn 0.3s ease-in 0.2s forwards;
}
.Service-Main .Service-Visuals[data-view-state=open] .Service-Gallery .Gallery-Images .Gallery-Image-Container:nth-child(6) {
  animation: fadeIn 0.3s ease-in 0.24s forwards;
}
.Service-Main .Service-Visuals[data-view-state=open] .Service-Gallery .Gallery-Images .Gallery-Image-Container:nth-child(7) {
  animation: fadeIn 0.3s ease-in 0.28s forwards;
}
.Service-Main .Service-Visuals[data-view-state=open] .Service-Gallery .Gallery-Images .Gallery-Image-Container:nth-child(8) {
  animation: fadeIn 0.3s ease-in 0.32s forwards;
}
.Service-Main .Service-Visuals[data-view-state=open] .Service-Gallery .Gallery-Images .Gallery-Image-Container:nth-child(9) {
  animation: fadeIn 0.3s ease-in 0.36s forwards;
}
.Service-Main .Service-Visuals[data-view-state=open] .Service-Gallery .Gallery-Images .Gallery-Image-Container:nth-child(10) {
  animation: fadeIn 0.3s ease-in 0.4s forwards;
}
.Service-Main .Service-Visuals[data-view-state=open] .Service-Gallery .Gallery-Images .Gallery-Image-Container {
  display: flex !important;
  width: 100%;
  height: -moz-max-content !important;
  height: max-content !important;
  overflow: hidden;
}
.Service-Main .Service-Visuals[data-view-state=open] .Service-Gallery .Gallery-Images .Gallery-Image-Container::after {
  content: unset;
}
.Service-Main .Service-Visuals[data-view-state=open] .Service-Gallery .Gallery-Images .Gallery-Image-Container .Gallery-Image-Description {
  font-size: 0.85rem;
  bottom: 10px;
  right: 10px;
  padding: 8px 15px;
}
.Service-Main .Service-Visuals[data-view-state=open] .Service-Gallery .Gallery-Images .Gallery-Image-Container .Gallery-Image {
  width: 100% !important;
  max-width: 800px;
  height: auto;
  border-radius: 15px;
}
.Service-Main .Service-Visuals::after {
  /*
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: rgba(39, 39, 39, 0.493);
  backdrop-filter: blur(50px);
  */
}
.Service-Main .Service-Visuals .Service-Hero {
  position: relative;
  width: -moz-max-content;
  width: max-content;
  z-index: 1;
  width: 75%;
  height: 100%;
}
.Service-Main .Service-Visuals .Service-Hero .Service-Hero-Image {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: 12px;
  box-shadow: 0px 0px 20px 10px rgba(32, 32, 32, 0.212);
}
.Service-Main .Service-Visuals .Service-Hero .Similar-Pages-Container {
  top: 0px;
  left: 0px;
  position: absolute;
  display: flex;
  list-style-type: none;
  min-width: -moz-max-content;
  min-width: max-content;
  background-color: transparent;
  border-color: transparent;
  padding: 10px;
}
.Service-Main .Service-Visuals .Service-Hero .Similar-Pages-Container[data-view-state=closed] .Similar-Pages-Main {
  transition: opacity 0.2s ease-in;
  pointer-events: none;
  opacity: 0;
}
.Service-Main .Service-Visuals .Service-Hero .Similar-Pages-Container[data-view-state=closed] .Expand-Image {
  transition: transform 0.2s ease-in;
  transform: rotate(90deg) !important;
}
.Service-Main .Service-Visuals .Service-Hero .Similar-Pages-Container[data-view-state=open] .Similar-Pages-Main {
  transition: opacity 0.2s ease-in;
  pointer-events: all !important;
  opacity: 1;
}
.Service-Main .Service-Visuals .Service-Hero .Similar-Pages-Container[data-view-state=open] .Similar-Pages-Header .Expand-Image {
  transition: transform 0.2s ease-in;
  transform: rotate(-90deg) !important;
}
.Service-Main .Service-Visuals .Service-Hero .Similar-Pages-Container .Similar-Pages-Header {
  display: flex;
  align-items: center;
  justify-content: center;
  width: -moz-max-content;
  width: max-content;
  gap: 7px;
  padding: 5px 5px;
  border-radius: 7px;
  color: rgb(150, 150, 150);
  background: rgba(14, 14, 14, 0.884) !important;
  border: 1px solid rgb(64, 64, 64);
  padding: 5px 10px !important;
  font-size: 0.8rem;
  line-height: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  letter-spacing: 1.2px;
  font-weight: 500;
  transition: all 0.1s ease-in;
}
.Service-Main .Service-Visuals .Service-Hero .Similar-Pages-Container .Similar-Pages-Header:hover {
  cursor: pointer;
  background-color: rgba(34, 34, 34, 0.932) !important;
  border-color: rgba(216, 216, 216, 0.185) !important;
}
.Service-Main .Service-Visuals .Service-Hero .Similar-Pages-Container .Similar-Pages-Header .Category {
  font-size: 0.8rem;
  margin: 0px;
  height: -moz-max-content;
  height: max-content;
  font-weight: 600;
  letter-spacing: normal;
  color: rgba(95, 95, 95, 0.527);
}
.Service-Main .Service-Visuals .Service-Hero .Similar-Pages-Container .Similar-Pages-Header .Category .Cat-Name {
  color: rgb(95, 95, 95);
}
.Service-Main .Service-Visuals .Service-Hero .Similar-Pages-Container .Similar-Pages-Header .Category .Cat-Page {
  margin-left: 2px;
  color: rgb(230, 80, 120);
}
.Service-Main .Service-Visuals .Service-Hero .Similar-Pages-Container .Similar-Pages-Header .Expand-Image {
  width: 10px;
  height: 10px;
  transform: rotate(90deg);
  opacity: 0.45;
}
.Service-Main .Service-Visuals .Service-Hero .Similar-Pages-Container .Similar-Pages-Main {
  display: flex;
  position: absolute;
  bottom: 12px;
  left: 10px;
  background-color: rgb(44, 44, 44);
  transform: translateY(calc(100% + 7px));
  list-style-type: none;
  width: 450px;
  height: -moz-max-content;
  height: max-content;
  border-radius: 7px;
  color: rgb(150, 150, 150);
  padding: 0px;
  font-size: 0.8rem;
  line-height: 1.8;
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: center;
  letter-spacing: 1.2px;
  font-weight: 500;
  border: 1px solid rgb(55, 55, 55);
  opacity: 0;
  pointer-events: none;
}
.Service-Main .Service-Visuals .Service-Hero .Similar-Pages-Container .Similar-Pages-Main .Similar-Pages-Title {
  margin: 0px;
}
.Service-Main .Service-Visuals .Service-Hero .Similar-Pages-Container .Similar-Pages-Main .Similar-Pages {
  margin: 0px;
  width: calc(100% - 16px);
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 8px !important;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.4);
}
.Service-Main .Service-Visuals .Service-Hero .Similar-Pages-Container .Similar-Pages-Main .Similar-Pages .Similar-Page a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 7px;
  list-style-type: none;
  background-color: rgba(25, 25, 25, 0.65);
  padding: 10px 10px;
  padding-right: 12px;
  width: calc(100% - 22px);
  border-radius: 5px;
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  position: static;
  height: -moz-max-content;
  height: max-content;
}
.Service-Main .Service-Visuals .Service-Hero .Similar-Pages-Container .Similar-Pages-Main .Similar-Pages .Similar-Page a:hover {
  background-color: rgb(20, 20, 20);
}
.Service-Main .Service-Visuals .Service-Hero .Similar-Pages-Container .Similar-Pages-Main .Similar-Pages .Similar-Page .Similar-Page-Text {
  margin: 0px;
  padding: 0px 5px;
  flex: 1;
  line-height: normal;
  display: flex;
  align-items: center;
  gap: 0px;
  color: rgba(120, 120, 120, 0.425);
  font-weight: 400;
}
.Service-Main .Service-Visuals .Service-Hero .Similar-Pages-Container .Similar-Pages-Main .Similar-Pages .Similar-Page .Similar-Page-Text .Cat-Name {
  color: rgba(120, 120, 120, 0.658);
  font-weight: 600;
  font-size: 0.75rem;
  margin-right: 2px;
}
.Service-Main .Service-Visuals .Service-Hero .Similar-Pages-Container .Similar-Pages-Main .Similar-Pages .Similar-Page .Similar-Page-Text .Cat-Page {
  font-weight: 600;
  margin-left: 5px;
  color: rgb(220, 220, 220);
  font-size: 0.85rem;
  letter-spacing: 0.4px !important;
}
.Service-Main .Service-Visuals .Service-Hero .Similar-Pages-Container .Similar-Pages-Main .Similar-Pages .Similar-Page .Similar-Page-Icon {
  width: 15px;
  opacity: 0.7;
}
.Service-Main .Service-Visuals .Service-Hero #Share-Button {
  right: 12px !important;
  top: unset;
  bottom: 12px;
  display: flex !important;
  border-color: transparent;
  -o-object-fit: cover;
     object-fit: cover;
  width: -moz-max-content;
  width: max-content;
  height: -moz-max-content;
  height: max-content;
  border-radius: 7px;
  gap: 5px;
  padding: 7px 7px;
  padding-left: 9px;
  border: 1.2px solid rgba(255, 98, 124, 0.144);
  font-weight: bold;
}
.Service-Main .Service-Visuals .Service-Hero #Share-Button img {
  width: 17px;
  height: 17px;
}
.Service-Main .Service-Visuals .Service-Hero #Share-Button .Share-Text {
  color: rgb(255, 130, 151);
  font-size: 0.85rem;
  font-weight: bold;
  margin: 0px;
  letter-spacing: 0.4px;
}
.Service-Main .Service-Visuals .Service-Hero #Back-Button {
  left: 10px;
  top: 10px;
  display: flex !important;
  border-color: transparent;
  -o-object-fit: cover;
     object-fit: cover;
  width: -moz-max-content;
  width: max-content;
  height: -moz-max-content;
  height: max-content;
  border-radius: 7px;
  text-decoration: none;
  border-radius: 7px;
  gap: 9px;
  padding: 6px 10px;
  padding-right: 11px;
  border: 1.2px solid rgba(255, 98, 124, 0.144);
  font-weight: bold;
}
.Service-Main .Service-Visuals .Service-Hero #Back-Button img {
  width: 14px;
  height: 14px;
  transform: rotate(180deg);
}
.Service-Main .Service-Visuals .Service-Hero #Back-Button .Back-Text {
  color: rgb(255, 130, 151);
  font-size: 0.85rem;
  font-weight: bold;
  margin: 0px;
  letter-spacing: 0.4px;
}
.Service-Main .Service-Visuals .Service-Hero .Image-Count {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.479);
  border-radius: 7px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  backdrop-filter: blur(6px);
  padding: 8px 15px;
  padding-right: 8px;
  gap: 7px;
  margin: 10px;
}
.Service-Main .Service-Visuals .Service-Hero .Image-Count .Count {
  margin: 0px;
  font-weight: 600;
  color: white;
  text-shadow: 0 0px 12px black;
}
.Service-Main .Service-Visuals .Service-Hero .Image-Count .Count-Icon {
  width: 20px;
  opacity: 0.5;
}
.Service-Main .Service-Visuals .Service-Hero a, .Service-Main .Service-Visuals .Service-Hero button:not(.Similar-Pages-Header) {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  background-color: rgba(97, 33, 52, 0.842);
  border-radius: 5px;
  position: absolute;
  top: 35px;
  backdrop-filter: blur(30px);
}
.Service-Main .Service-Visuals .Service-Hero a img, .Service-Main .Service-Visuals .Service-Hero button:not(.Similar-Pages-Header) img {
  width: 45%;
  height: 45%;
}
.Service-Main .Service-Visuals .Service-Hero .Service-Hero-Gallery-Image-Description {
  position: absolute;
  left: 10px;
  top: 10px;
  background-color: rgba(0, 0, 0, 0.199);
  border-radius: 5px;
  padding: 5px 12px;
  margin: 0px;
  font-weight: 400;
  letter-spacing: 1px;
  font-size: 0.8rem;
  color: rgb(255, 255, 255);
  text-shadow: 0 0 10px black;
  backdrop-filter: blur(8px);
  display: none;
}
.Service-Main .Service-Visuals .Service-Gallery {
  width: 25%;
  height: 100%;
  display: flex;
  align-items: center;
  overflow: visible;
  flex-wrap: wrap;
  z-index: 1;
}
.Service-Main .Service-Visuals .Service-Gallery .Gallery-Nav {
  display: none;
}
.Service-Main .Service-Visuals .Service-Gallery #Gallery-Exit {
  display: none;
}
.Service-Main .Service-Visuals .Service-Gallery .Gallery-Images {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  overflow: hidden;
  align-items: center;
  gap: 8px;
}
.Service-Main .Service-Visuals .Service-Gallery .Gallery-Images .Gallery-Image-Container {
  display: flex;
  position: relative;
  width: calc(100% - 1.5px);
  height: calc(33% - 4px);
  overflow: hidden;
  border-radius: 8px;
  display: none;
}
.Service-Main .Service-Visuals .Service-Gallery .Gallery-Images .Gallery-Image-Container:nth-child(2), .Service-Main .Service-Visuals .Service-Gallery .Gallery-Images .Gallery-Image-Container:nth-child(3), .Service-Main .Service-Visuals .Service-Gallery .Gallery-Images .Gallery-Image-Container:nth-child(4) {
  display: flex !important;
}
.Service-Main .Service-Visuals .Service-Gallery .Gallery-Images .Gallery-Image-Container::after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
.Service-Main .Service-Visuals .Service-Gallery .Gallery-Images .Gallery-Image-Container .Gallery-Image-Details {
  position: absolute;
  right: 5px;
  bottom: 5px;
  display: flex;
  gap: 4px;
}
.Service-Main .Service-Visuals .Service-Gallery .Gallery-Images .Gallery-Image-Container .Gallery-Image-Details .Gallery-Image-Description {
  display: flex;
  align-items: center;
  margin: 0px;
  background-color: rgba(0, 0, 0, 0.199);
  padding: 4px 10px;
  border-radius: 5px;
  letter-spacing: 1px;
  font-weight: 400;
  font-size: 0.7rem;
  text-shadow: 0 0 10px black;
  backdrop-filter: blur(5px);
  color: rgb(255, 255, 255);
  font-weight: 400;
}
.Service-Main .Service-Visuals .Service-Gallery .Gallery-Images .Gallery-Image-Container .Gallery-Image-Details .Image-ID {
  margin: 0px;
  background-color: rgba(104, 23, 47, 0.589);
  padding: 2px 10px;
  border-radius: 5px;
  letter-spacing: 1px;
  font-weight: 400;
  font-size: 0.7rem;
  text-shadow: 0 0 10px black;
  backdrop-filter: blur(5px);
  color: white;
  font-weight: 600 !important;
  display: flex;
  align-items: center;
}
.Service-Main .Service-Visuals .Service-Gallery .Gallery-Images .Gallery-Image-Container .Gallery-Image {
  height: 100%;
  width: 100%;
  -o-object-fit: cover !important;
     object-fit: cover !important;
  box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.137);
}
.Service-Main .Service-Details {
  width: calc(100% - 40px);
  padding: 25px 20px;
  padding-top: 30px;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  border-radius: 0px 0px 5px 5px;
}
.Service-Main .Service-Details .Service-Primary-Details {
  justify-content: space-between;
  display: grid;
  grid-template-areas: "subTitle actions" "title actions" "description description";
  grid-template-columns: auto auto;
  grid-template-rows: auto auto auto;
}
.Service-Main .Service-Details .Service-Primary-Details .Service-Title {
  grid-area: title;
  color: rgb(255, 93, 120);
  margin: 0px;
  font-size: 1.4rem !important;
  font-weight: 600;
  margin-top: 1px;
  letter-spacing: 1px;
}
.Service-Main .Service-Details .Service-Primary-Details .Service-SubTitle {
  grid-area: subTitle;
  margin: 0px;
  color: rgba(252, 219, 219, 0.363);
  font-weight: 500;
}
.Service-Main .Service-Details .Service-Primary-Details .Service-Description {
  grid-area: description;
  font-size: 0.9rem !important;
  line-height: 1.8;
  color: rgba(255, 222, 222, 0.897);
  font-weight: 600;
  text-shadow: 0 0 20px rgba(0, 0, 0, 0.747);
  letter-spacing: 1px;
  margin-top: 2px;
  margin-top: 15px;
  margin-bottom: 0px;
  max-width: 700px;
}
.Service-Main .Service-Details .Service-Primary-Details .SPDA-Actions {
  grid-area: actions;
  display: flex;
  gap: 7px;
  height: -moz-max-content;
  height: max-content;
  width: -moz-max-content;
  width: max-content;
  justify-self: flex-end;
  align-self: center;
  align-items: center;
  padding: 0px;
  border-radius: 13px;
}
.Service-Main .Service-Details .Service-Primary-Details .SPDA-Actions .Add-To-Cart-Action {
  background-color: rgba(0, 0, 0, 0.322);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0px;
  padding-left: 0px;
  border-radius: 10px;
  font-size: 0.8rem;
  font-weight: bold;
  color: pink;
  letter-spacing: normal;
  min-width: -moz-max-content;
  min-width: max-content;
  height: -moz-max-content;
  height: max-content;
}
.Service-Main .Service-Details .Service-Primary-Details .SPDA-Actions .Add-To-Cart-Action .Text {
  color: rgb(255, 200, 215);
  letter-spacing: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.Service-Main .Service-Details .Service-Primary-Details .SPDA-Actions .Add-To-Cart-Action .Text .Add-To-Cart-Per-Label {
  opacity: 0.5;
  margin-left: 4px;
}
.Service-Main .Service-Details .Service-Primary-Details .SPDA-Actions .Add-To-Cart-Action .SPDA-Main-Action {
  padding: 10px 20px;
}
.Service-Main .Service-Details .Service-Primary-Details .SPDA-Actions .SPDA-Main-Action {
  background-color: rgb(209, 59, 84);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  font-size: 0.8rem;
  font-weight: bold;
  color: rgb(255, 224, 229);
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.671);
  letter-spacing: normal;
  min-width: -moz-max-content;
  min-width: max-content;
  border-color: transparent;
}
.Service-Main .Service-Details .Service-Primary-Details .SPDA-Actions .Text {
  margin: 0px;
  display: flex;
  align-items: center;
  padding: 0px 10px;
  font-size: 0.85rem;
  font-weight: bold;
}
.Service-Main .Service-Details .Service-Primary-Details .SPDA-Actions .SPDA-Side-Action {
  grid-area: actions;
  padding: 10px;
  background-color: rgba(255, 255, 255, 0.055);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  gap: 2px;
  margin-top: 3px;
  margin-bottom: 3px;
}
.Service-Main .Service-Details .Service-Primary-Details .SPDA-Actions .SPDA-Side-Action p {
  display: none;
  margin: 0px 4px;
  font-size: 0.8rem;
  font-weight: 500;
}
.Service-Main .Service-Details .Service-Primary-Details .SPDA-Actions .SPDA-Side-Action img {
  width: 18px;
  opacity: 0.7;
}
.Service-Main .Service-Details .Service-Primary-Details .Service-Primary-Details-Actions {
  display: flex;
  flex-direction: column;
  background-color: rgba(255, 255, 255, 0.034);
  border-radius: 12px;
  width: -moz-max-content;
  width: max-content;
  padding: 8px;
  gap: 8px;
  height: -moz-max-content;
  height: max-content;
}
.Service-Main .Service-Details .Service-Primary-Details .Service-Primary-Details-Actions .SPDA-Text {
  margin: 0px;
  display: flex;
  justify-content: center;
  border-radius: 7px;
}
.Service-Main .Service-Details .Service-Secondary-Details {
  margin-bottom: 24px;
  margin-left: 2px;
  margin-right: 2px;
  display: flex;
  gap: 35px;
  justify-content: center;
  border-top: 1.5px solid rgba(255, 193, 210, 0.103);
  padding-top: 30px;
  margin-top: 30px;
  margin-bottom: 0px;
  font-size: 0.85rem;
  letter-spacing: 1px !important;
  font-weight: 500 !important;
}
.Service-Main .Service-Details .Service-Secondary-Details .Side-Devider {
  width: 1px;
  background-color: rgb(73, 73, 73);
  display: none;
}
.Service-Main .Service-Details .Service-Secondary-Details .Service-Side {
  width: 50%;
}
.Service-Main .Service-Details .Service-Secondary-Details .Service-Side .Service-Side-Title {
  margin: 0px;
  font-size: 1rem !important;
  margin: 5px !important;
  font-weight: 500;
  padding-bottom: 12px;
  color: rgb(207, 207, 207);
}
.Service-Main .Service-Details .Service-Secondary-Details .Service-Side .Service-Side-Points {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.Service-Main .Service-Details .Service-Secondary-Details .Service-Side .Service-Side-Points {
  font-size: 0.85rem;
}
.Service-Main .Service-Details .Service-Secondary-Details .Service-Side .Service-Side-Points .List-Point {
  background-color: rgba(255, 255, 255, 0.048);
  border-radius: 5px;
  padding: 24px 20px;
}
.Service-Main .Service-Details .Service-Secondary-Details .Service-Side .Service-Side-Points .List-Point .List-Point-Title {
  text-transform: uppercase;
  margin: 0px;
  color: rgba(231, 83, 108, 0.856);
  font-weight: 600;
  margin-bottom: 10px;
  padding-bottom: 0px;
  font-size: 0.85rem !important;
}
.Service-Main .Service-Details .Service-Secondary-Details .Service-Side .Service-Side-Points .List-Point ul {
  padding: 0px;
  margin: 0px;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.Service-Main .Service-Details .Service-Secondary-Details .Service-Side .Service-Side-Points .List-Point ul .Point {
  color: rgb(155, 155, 155);
  margin: 0px;
  font-size: 0.85rem;
}
.Service-Main .Service-Details .Service-Secondary-Details .Service-Side .Service-Side-Points .List-Point ul .Or-Point {
  color: white;
  margin: 10px 0px;
  margin-left: 15px;
  font-size: 0.9rem;
  position: relative;
  width: -moz-max-content;
  width: max-content;
  margin-left: 50px;
}
.Service-Main .Service-Details .Service-Secondary-Details .Service-Side .Service-Side-Points .List-Point ul .Or-Point::before {
  content: "";
  width: 30px;
  height: 2px;
  background-color: rgba(255, 255, 255, 0.281);
  display: flex;
  position: absolute;
  left: -35px;
  top: 50%;
  transform: translateY(-50%);
}
.Service-Main .Service-Details .Service-Secondary-Details .Service-Side .Service-Side-Points .List-Point ul .Or-Point::after {
  content: "";
  width: 30px;
  height: 2px;
  background-color: rgba(255, 255, 255, 0.281);
  display: flex;
  position: absolute;
  right: -35px;
  top: 50%;
  transform: translateY(-50%);
}
.Service-Main .Service-Details .Service-Secondary-Details .Service-Side .Service-Side-Points .Service-Side-Point {
  color: grey;
  padding: 10px;
  border-radius: 5px;
  background-color: rgba(255, 255, 255, 0.068);
}

.Document-Viewer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 25px 5%;
}
.Document-Viewer .Document-Viewer-Title {
  display: flex;
  justify-content: space-around;
  margin-top: 0px;
}
.Document-Viewer .Document-Container {
  display: flex;
  justify-content: center;
}
.Document-Viewer .Document-Container .Documents {
  display: flex;
  justify-content: space-around;
  width: 100%;
  padding: 0px;
}
.Document-Viewer .Document-Container .Documents .Document {
  width: 30%;
  list-style-type: none;
}
.Document-Viewer .Document-Container .Documents .Document .Document-Image {
  width: 100%;
}

.Contact-Us-Banner[data-theme=dark] {
  background: #dbb485 !important;
}
.Contact-Us-Banner[data-theme=dark] .CUB-Title {
  color: #333029 !important;
}
.Contact-Us-Banner[data-theme=dark] .CUB-Description {
  color: #4d493e !important;
}
.Contact-Us-Banner[data-theme=dark] .Cub-Action {
  background: rgb(200, 200, 200) !important;
}
.Contact-Us-Banner {
  display: flex;
  align-items: center;
  justify-content: space-around;
  background: rgb(167, 149, 162);
  padding: 25px 15px;
  width: calc(100% - 30px);
}
.Contact-Us-Banner .CUB-Details {
  padding: 15px;
  flex: 1;
}
.Contact-Us-Banner .CUB-Details .CUB-Title {
  font-weight: bold;
  margin-bottom: 5px;
  margin-top: 0px;
}
.Contact-Us-Banner .CUB-Details .CUB-Description {
  margin: 0px;
  color: rgb(41, 41, 41);
  font-weight: 500;
  letter-spacing: normal;
}
.Contact-Us-Banner .CUB-Actions {
  display: flex;
  justify-content: space-around;
  gap: 10px;
  width: -moz-max-content !important;
  width: max-content !important;
}
.Contact-Us-Banner .CUB-Actions .Cub-Action {
  display: flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  background: rgb(187, 187, 187);
  height: -moz-max-content;
  height: max-content;
  border-radius: 10px;
  padding: 10px;
  box-shadow: 5px 5px 15px 2px rgba(0, 0, 0, 0.212);
}
.Contact-Us-Banner .CUB-Actions .Cub-Action .Cub-Action-Icon {
  height: 20px;
}
.Contact-Us-Banner .CUB-Actions .Cub-Action .Cub-Action-Text {
  color: black;
  font-weight: 400;
  margin: 0px;
  font-size: 0.8rem;
}

.Add-Ons[data-theme=dark] {
  background-color: rgb(22, 22, 22) !important;
}
.Add-Ons[data-theme=dark] .Add-Ons-Title {
  color: rgb(196, 174, 134);
}
.Add-Ons[data-theme=dark] .Add-On-Container .Add-On .Add-On-Details {
  background-color: rgba(36, 36, 36, 0.7) !important;
}
.Add-Ons[data-theme=dark] .Add-On-Container .Add-On .Add-On-Details .Add-On-Header .Add-On-Title {
  color: #f1eee9;
}
.Add-Ons[data-theme=dark] .Add-On-Container .Add-On .Add-On-Details .Add-On-Header .Price {
  background-color: rgba(219, 180, 133, 0.07);
  color: rgba(219, 180, 133, 0.8);
  border: none;
}
.Add-Ons[data-theme=dark] .Add-On-Container .Add-On .Add-On-Details .Add-On-Description {
  color: rgba(241, 238, 233, 0.5);
}
.Add-Ons[data-theme=dark] .Add-On-Container .Add-On .Add-On-Details .Add-On-Includes {
  border-top-color: rgb(71, 71, 71);
}
.Add-Ons[data-theme=dark] .Add-On-Container .Add-On .Add-On-Details .Add-On-Includes .Add-On-Include {
  color: rgba(241, 238, 233, 0.5);
}

.Frequently-Asked-Questions[data-theme=dark] {
  background-color: rgb(22, 22, 22) !important;
}
.Frequently-Asked-Questions[data-theme=dark] .FAQ-Title {
  color: rgb(196, 174, 134);
}
.Frequently-Asked-Questions[data-theme=dark] .Question {
  color: rgba(241, 238, 233, 0.8) !important;
}
.Frequently-Asked-Questions[data-theme=dark] .Answer {
  color: rgba(241, 238, 233, 0.5) !important;
}
.Frequently-Asked-Questions[data-theme=dark] .FAQ {
  border-top: 1px solid rgb(71, 71, 71);
}
.Frequently-Asked-Questions[data-theme=dark] .FAQ-Toggle {
  border-color: rgba(219, 180, 133, 0.2) !important;
  background-color: rgba(219, 180, 133, 0.1) !important;
}

.Frequently-Asked-Questions {
  padding: 30px;
  width: 100% !important;
  align-self: center;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.Frequently-Asked-Questions .FAQ-Title {
  color: rgba(30, 35, 44, 0.952);
  font-size: 3rem !important;
  margin-top: 0px;
  margin-bottom: 60px !important;
  max-width: 850px;
  font-weight: 500;
  letter-spacing: 1px;
  text-align: center;
}
.Frequently-Asked-Questions .FAQ-Container {
  display: flex;
  flex-direction: column;
  padding: 0px;
  max-width: 750px;
  width: 100%;
  margin: auto;
  gap: 20px;
}
.Frequently-Asked-Questions .FAQ-Container .FAQ[data-View-State=Closed] {
  padding-top: 10px;
  padding-bottom: 10px;
  align-items: center;
}
.Frequently-Asked-Questions .FAQ-Container .FAQ[data-View-State=Closed] .FAQ-Info .Answer {
  display: none;
}
.Frequently-Asked-Questions .FAQ-Container .FAQ[data-View-State=Closed] .FAQ-Toggle {
  margin-top: 0px;
  margin-left: 0px;
  box-shadow: 0 0 20px -2px rgba(24, 24, 24, 0.288);
}
.Frequently-Asked-Questions .FAQ-Container .FAQ[data-View-State=Open] {
  padding-top: 10px;
}
.Frequently-Asked-Questions .FAQ-Container .FAQ[data-View-State=Open] .FAQ-Info .Answer {
  display: flex;
}
.Frequently-Asked-Questions .FAQ-Container .FAQ[data-View-State=Open] .FAQ-Toggle-Icon {
  width: 25px;
  height: 25px;
  transform: rotate(180deg);
  margin-bottom: 2px;
  margin-right: 1px;
  display: none;
}
.Frequently-Asked-Questions .FAQ-Container .FAQ {
  display: flex;
  flex-direction: column;
  border: none !important;
  width: 100%;
}
.Frequently-Asked-Questions .FAQ-Container .FAQ details {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.Frequently-Asked-Questions .FAQ-Container .FAQ details:open .FAQ-Toggle {
  background-color: rgba(219, 180, 135, 0.4) !important;
  transform: scale(1.05);
}
.Frequently-Asked-Questions .FAQ-Container .FAQ details:open .FAQ-Toggle::after {
  content: "-";
  margin-bottom: 6px;
}
.Frequently-Asked-Questions .FAQ-Container .FAQ details summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  list-style-type: none;
  background-color: #413e38 !important;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 2px solid transparent;
  padding: 10px !important;
  padding-left: 30px !important;
  width: calc(100% - 40px) !important;
  border-radius: 16px 16px 16px 16px;
  z-index: 10;
  transition: all 0.4s ease;
}
.Frequently-Asked-Questions .FAQ-Container .FAQ details summary:hover {
  background-color: #4a4640 !important;
  transform: scale(1.01);
}
.Frequently-Asked-Questions .FAQ-Container .FAQ details summary:hover .FAQ-Toggle {
  background-color: rgba(219, 180, 135, 0.2) !important;
  transform: scale(1.05);
}
.Frequently-Asked-Questions .FAQ-Container .FAQ details summary:focus-visible {
  outline: none;
  outline-color: #dbb487;
  border-color: rgba(219, 180, 135, 0.6) !important;
}
.Frequently-Asked-Questions .FAQ-Container .FAQ details summary:focus-visible .FAQ-Toggle {
  background-color: rgba(219, 180, 135, 0.2) !important;
  transform: scale(1.05);
}
.Frequently-Asked-Questions .FAQ-Container .FAQ .FAQ-Info {
  flex: 1;
}
.Frequently-Asked-Questions .FAQ-Container .FAQ .FAQ-Info .Question {
  margin: 10px;
  margin-left: 0px;
  color: rgba(241, 238, 233, 0.7) !important;
  font-size: 1.1rem;
  font-weight: 500;
  letter-spacing: 1px;
  margin: 0px;
  display: flex;
  gap: 5px;
}
.Frequently-Asked-Questions .FAQ-Container .FAQ .FAQ-Info .Answer {
  margin: 0px;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 1px;
  opacity: 0.5;
  width: calc(100% - 0px);
  margin-left: 0px;
  margin-right: 0px;
  padding: 20px 30px;
  padding-top: 45px !important;
  margin-top: -25px;
  box-sizing: border-box;
  border-radius: 15px;
  background-color: rgba(0, 0, 0, 0.312) !important;
}
.Frequently-Asked-Questions .FAQ-Container .FAQ .FAQ-Toggle {
  width: 15%;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  background-color: rgba(219, 180, 135, 0.05) !important;
  border-radius: 10px;
  border: 1.5px solid rgba(219, 180, 135, 0.7);
  position: relative;
  box-shadow: 0 0 15px 2px rgba(0, 0, 0, 0.071) !important;
  transition: all 0.3s ease;
}
.Frequently-Asked-Questions .FAQ-Container .FAQ .FAQ-Toggle::after {
  content: "+";
  font-family: Creato;
  position: relative;
  font-size: 2.5rem;
  font-weight: 300;
  color: #dbb487;
  width: 43px;
  height: 43px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.Frequently-Asked-Questions .FAQ-Container .FAQ .FAQ-Toggle .FAQ-Toggle-Icon {
  width: 15px;
  height: 15px;
  margin-top: 3px;
  opacity: 0.5;
  display: none;
}

.Add-Ons {
  padding: 25px 15px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: calc(100% - 30px);
}
.Add-Ons .Add-Ons-Title {
  font-size: 1rem;
  margin: 0px;
  margin-bottom: 10px;
  width: -moz-max-content;
  width: max-content;
  padding: 3px 15px;
  border-radius: 5px;
  letter-spacing: 1.2px;
}
.Add-Ons .Add-On-Container {
  display: flex;
  flex-direction: column;
  padding: 0px;
  margin: 0px;
  width: 80%;
  gap: 25px;
}
.Add-Ons .Add-On-Container .Add-On {
  list-style-type: none;
  width: 100%;
  margin: 0px;
  display: flex;
  border-radius: 20px;
  max-height: 230px;
  box-shadow: 0px 0px 35px 5px rgba(255, 255, 255, 0.13);
}
.Add-Ons .Add-On-Container .Add-On .Add-On-Image {
  width: 40%;
  border-radius: 20px 0px 0px 20px;
  -o-object-fit: cover;
     object-fit: cover;
}
.Add-Ons .Add-On-Container .Add-On .Add-On-Title {
  margin: 5px;
  font-size: 1rem;
  display: none;
}
.Add-Ons .Add-On-Container .Add-On .Add-On-Details {
  padding: 15px 20px;
  background: white;
  border-radius: 0px 20px 20px 0px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.Add-Ons .Add-On-Container .Add-On .Add-On-Details .Add-On-Header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  padding-bottom: 10px;
}
.Add-Ons .Add-On-Container .Add-On .Add-On-Details .Add-On-Header .Add-On-Title {
  margin: 0px;
  font-size: 1rem !important;
  display: flex;
  letter-spacing: 1px;
  font-weight: bold;
}
.Add-Ons .Add-On-Container .Add-On .Add-On-Details .Add-On-Header .Price {
  background-color: rgb(255, 223, 236);
  border-radius: 5px;
  padding: 5px 10px;
  text-align: center;
  font-size: 0.8rem !important;
  color: rgb(87, 87, 87);
  margin: 0px;
  font-weight: bold;
  width: -moz-max-content;
  width: max-content;
  border: 1px solid rgba(128, 128, 128, 0.123);
}
.Add-Ons .Add-On-Container .Add-On .Add-On-Details .Add-On-Description {
  font-size: 0.8rem;
  margin: 0px;
  color: grey;
  letter-spacing: 1px;
  font-weight: 400;
}
.Add-Ons .Add-On-Container .Add-On .Add-On-Details .Add-On-Includes {
  padding: 7px 7px;
  padding-top: 10px;
  display: grid;
  grid-template-columns: 50% 50%;
  border-top: 1px solid rgb(202, 202, 202);
  margin-top: 15px;
  padding-bottom: 0px;
  font-weight: 500 !important;
  gap: 5px;
}
.Add-Ons .Add-On-Container .Add-On .Add-On-Details .Add-On-Includes .Add-On-Include {
  font-size: 0.8rem;
  margin: 5px 0px;
  color: rgb(75, 75, 75);
  display: flex;
  align-items: center;
  letter-spacing: 1px;
  flex: 1;
}
.Add-Ons .Add-On-Container .Add-On .Add-On-Details .Add-On-Includes .Add-On-Include:nth-child(even) {
  text-align: right;
  justify-content: flex-end;
}

.Photo-Gallery {
  /* phone 
  padding: 10px;
  width: calc(100% - 20px);
  background: rgb(233, 228, 219);
  border-radius: 20px 20px 0px 0px;
  */
}
.Photo-Gallery .Gallery-Title {
  margin: 15px;
  margin-left: 0px;
  margin-bottom: 20px;
  font-size: 1.6rem;
  display: none;
}
.Photo-Gallery .Gallery-Container {
  overflow-x: scroll;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.Photo-Gallery .Gallery-Container .Gallery-Column {
  width: auto;
  display: flex;
  gap: 15px;
  height: 20vh;
  margin-bottom: 0px;
}
.Photo-Gallery .Gallery-Container .Gallery-Image {
  width: -moz-max-content;
  width: max-content;
  display: flex;
  border-radius: 7px;
  height: 100%;
}

.Explination[data-theme=dark] {
  background-color: rgb(22, 22, 22) !important;
}
.Explination[data-theme=dark] .Explination-Details .Explination-Title {
  color: #f1eee9 !important;
}
.Explination[data-theme=dark] .Explination-Details .Explination-Description {
  color: rgba(241, 238, 233, 0.5) !important;
}
.Explination[data-theme=dark] .Explination-Details .Explination-Call-To-Action .CTA-Button {
  background-color: #dbb485 !important;
  color: #333029 !important;
}

.Dual-Explination {
  display: flex;
  flex-direction: column;
  width: 100%;
  justify-content: center;
  align-items: center;
  background-color: rgb(19, 19, 19);
  padding-top: 0px !important;
}
.Dual-Explination .Dual-Explination-Title {
  background-color: rgb(27, 27, 27);
  text-align: center;
  width: calc(100% - 30px);
  margin: 20px 0px;
  padding: 20px 15px;
  margin: 0px !important;
}
.Dual-Explination .Dual-Explination-Container {
  display: flex;
  flex-direction: column;
  padding: 10px;
}
.Dual-Explination .Dual-Explination-Container .Single-Explination {
  display: flex;
  align-items: center;
  justify-content: center;
}
.Dual-Explination .Dual-Explination-Container .Single-Explination:first-child {
  margin-bottom: 10px;
}
.Dual-Explination .Dual-Explination-Container .Single-Explination .Single-Explination-Details {
  background-color: rgb(32, 32, 32);
  border-radius: 7px;
  margin: 20px;
  padding: 30px;
  text-align: center;
  width: 40%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.Dual-Explination .Dual-Explination-Container .Single-Explination .Single-Explination-Details .SE-Title {
  font-size: 1.5rem !important;
  color: rgb(204, 74, 96);
  font-weight: bold;
  width: 80%;
  text-align: center;
  margin: 0px;
}
.Dual-Explination .Dual-Explination-Container .Single-Explination .Single-Explination-Details .Description {
  color: rgba(255, 255, 255, 0.384);
  font-weight: 400;
  line-height: 1.4;
}
.Dual-Explination .Dual-Explination-Container .Single-Explination .Single-Explination-Image {
  width: 60%;
  -o-object-fit: cover;
     object-fit: cover;
  max-height: 370px;
  border-radius: 7px;
  margin: 10px;
  box-shadow: 0px 0px 20px 10px rgba(0, 0, 0, 0.322);
}

.Explination {
  display: flex;
  justify-content: space-evenly;
  align-items: stretch !important;
  padding: 25px 15px;
  width: calc(100% - 30px);
  gap: 40px;
}
.Explination[data-side=right] .Explination-Image {
  order: 2 !important;
}
.Explination .Explination-Image {
  width: 40%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 10px;
  aspect-ratio: 1/1;
  max-height: unset;
}
.Explination .Explination-Details {
  width: 48%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 50px;
  margin-top: 0px !important;
}
.Explination .Explination-Details .Sub-Title-Container {
  display: flex;
  gap: 15px;
  align-items: center;
  margin-bottom: 10px;
}
.Explination .Explination-Details .Sub-Title-Container .Dot {
  opacity: 0.5;
  width: 6px;
  height: 6px;
}
.Explination .Explination-Details .Sub-Title {
  color: #6e624b !important;
  font-weight: bold;
  margin: 0px;
  font-size: 1.1rem !important;
  display: flex;
  align-items: center;
}
.Explination .Explination-Details .Explination-Title {
  margin: 0px;
  font-size: 3rem !important;
  width: 100%;
  margin-bottom: 20px;
  font-weight: 500;
  max-width: 500px;
}
.Explination .Explination-Details .Explination-Description {
  margin: 0px;
  font-size: 1.2rem !important;
  font-weight: 400;
  width: 100%;
  line-height: 1.7;
  margin-bottom: 25px;
  color: rgb(78, 78, 78);
  letter-spacing: 0.5px !important;
  margin-bottom: 40px;
}
.Explination .Explination-Details .Explination-Call-To-Action {
  display: flex;
  gap: 15px;
}
.Explination .Explination-Details .Explination-Call-To-Action .CTA-Button {
  border-radius: 5px;
  background-color: rgb(121, 41, 54);
  color: rgb(255, 211, 211);
  font-weight: 500;
  letter-spacing: 1px;
  box-shadow: none;
  margin-bottom: 30px;
}

.Benefits-Container[data-theme=dark] {
  background-color: rgb(22, 22, 22);
}
.Benefits-Container[data-theme=dark] .Benefit-Container-Title {
  color: rgb(196, 174, 134);
}
.Benefits-Container[data-theme=dark] .Benefits .Benefit .Benefit-Title {
  color: rgba(241, 238, 233, 0.8);
}
.Benefits-Container[data-theme=dark] .Benefits .Benefit .Benefit-Description {
  color: rgba(241, 238, 233, 0.8);
}
.Benefits-Container[data-theme=dark] .Benefits-Call-To-Action .CTA-Button {
  background: #dbb485;
  color: #333029;
  box-shadow: 0px 0px 20px 1px rgba(0, 0, 0, 0.164);
}

.Benefits-Container {
  padding: 25px 15px;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #333029 !important;
  max-width: calc(100% - 30px);
}
.Benefits-Container .Benefit-Sub-Title {
  color: #6e624b !important;
  font-weight: bold;
  margin: 0px;
  font-size: 1.1rem !important;
}
.Benefits-Container .Benefit-Container-Title {
  display: flex;
  justify-content: center;
  margin-left: 1.8%;
  margin-top: 0px;
  font-size: 3rem;
  max-width: 600px;
  width: 90% !important;
  font-weight: 500;
  letter-spacing: normal;
  text-align: center;
  margin: 0px;
  position: relative;
  padding-bottom: 35px;
  text-align: center;
  margin-top: 2px;
}
.Benefits-Container .Benefit-Container-Title::after {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  background-color: rgb(154, 137, 106);
  height: 1px;
  display: none;
}
.Benefits-Container .Description {
  text-align: center;
  font-size: 1.1rem;
  font-weight: 400;
  width: 90%;
  max-width: 900px;
  margin-top: -20px;
  margin-bottom: 60px;
  color: rgba(241, 238, 233, 0.4);
}
.Benefits-Container .Benefits {
  display: flex;
  justify-content: space-between;
  width: 90%;
  gap: 55px;
  padding: 40px 42px;
  margin: 3vh 0px;
  position: relative;
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}
.Benefits-Container .Benefits::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 1px;
  background-color: rgba(219, 180, 135, 0.2);
  display: none;
}
.Benefits-Container .Benefits::after {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 1px;
  background-color: rgba(219, 180, 135, 0.2);
  display: none;
}
.Benefits-Container .Benefits .Benefit {
  flex: 1;
  background-color: rgba(255, 255, 255, 0.068);
  box-shadow: 20px 20px 20px 0px rgba(0, 0, 0, 0.035);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.Benefits-Container .Benefits .Benefit .Benefit-Image {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 2px;
  aspect-ratio: 1/0.9;
}
.Benefits-Container .Benefits .Benefit .Benefit-Title {
  margin-bottom: 8px;
  font-size: 1.4rem;
  font-weight: 500;
  margin-top: 25px;
  letter-spacing: 1.1px;
  padding-left: 25px;
  padding-right: 25px;
  box-sizing: border-box;
}
.Benefits-Container .Benefits .Benefit .Benefit-Description {
  margin-top: 5px;
  width: 95%;
  font-weight: 400;
  line-height: 1.5;
  opacity: 0.5;
  margin-bottom: 0px;
  letter-spacing: 1px;
  padding-left: 25px;
  max-width: calc(100% - 50px);
  margin-bottom: 25px;
  flex: 1;
}
.Benefits-Container .Benefits .Benefit .Benefit-Button {
  background-color: rgba(219, 180, 135, 0.07);
  color: #dbb487;
  border: 1.5px solid rgba(219, 180, 135, 0.5);
  padding: 10px 0px;
  font-weight: 700 !important;
  margin-left: 30px;
  margin-right: 30px;
  width: calc(100% - 60px);
  box-sizing: border-box;
  border-radius: 10px;
  margin-bottom: 30px;
  margin-top: 10px;
  font-size: 0.9rem;
  justify-self: flex-end;
  height: 100%;
  max-height: -moz-max-content;
  max-height: max-content;
  text-decoration: none;
  text-align: center;
  font-family: Creato;
  letter-spacing: 0.6px;
}
.Benefits-Container .Benefits-Call-To-Action {
  display: flex;
  justify-content: center;
  gap: 15px;
  margin: 0px 0px 0px 0px;
  margin-bottom: 10px;
}
.Benefits-Container .Benefits-Call-To-Action .CTA-Button {
  background: pink;
  color: rgb(121, 41, 54);
  font-weight: bold;
  border-radius: 10px;
  border: transparent;
  padding: 10px 30px;
  font-size: 1.1rem;
  box-shadow: 0px 0px 20px 1px rgba(0, 0, 0, 0.164);
}

.CTA-Button {
  background: pink;
  color: rgb(121, 41, 54);
  font-weight: bold;
  border-radius: 7px;
  border: transparent;
  padding: 10px 30px;
  font-size: 0.9rem;
  box-shadow: 0px 0px 20px 1px rgba(0, 0, 0, 0.164);
  background-color: rgb(207, 68, 91) !important;
  color: rgb(73, 15, 34) !important;
  text-shadow: 0 0 15px rgba(0, 0, 0, 0.747);
  text-decoration: none;
  transition: all 0.3s ease;
  letter-spacing: 0.8px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.CTA-Button:hover {
  background: rgb(255, 100, 126) !important;
}

.Benefits-Mini[data-theme=light] {
  background-color: white !important;
}
.Benefits-Mini[data-theme=light] .Mini-Title {
  color: #28251f !important;
}
.Benefits-Mini[data-theme=light] .Mini-Description {
  color: rgb(43, 43, 43) !important;
}

.Benefits-Mini[data-theme=dark] {
  padding-bottom: 10vh !important;
  padding-top: 10vh !important;
}
.Benefits-Mini[data-theme=dark] .Mini-Title {
  color: #f1eee9 !important;
}
.Benefits-Mini[data-theme=dark] .Mini-Description {
  color: rgba(241, 238, 233, 0.5) !important;
}

.Benefits-Mini {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  padding: 25px 5%;
  width: 90%;
  gap: 70px;
}
.Benefits-Mini .Benefits-Mini-Container {
  display: flex;
  width: 100%;
  max-width: 1330px;
  justify-content: space-around;
  gap: 24px;
  height: -moz-max-content;
  height: max-content;
  flex-wrap: wrap;
}
.Benefits-Mini .Dot-Line-Decal {
  width: -moz-max-content !important;
  width: max-content !important;
}
.Benefits-Mini .Dot-Line-Decal .Dot {
  display: none;
}
.Benefits-Mini .Benefit-Mini {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-align: center;
  align-self: center;
  flex: 1;
  min-width: 260px;
}
.Benefits-Mini .Benefit-Mini .Mini-Icon {
  width: 60px;
  height: 60px;
  aspect-ratio: 1/1;
  margin-bottom: 10px;
  background-color: rgba(0, 0, 0, 0.135);
  padding: 20px;
  border-radius: 20px;
  -o-object-fit: cover;
     object-fit: cover;
}
.Benefits-Mini .Benefit-Mini .Mini-Title {
  font-size: 1.5rem;
  margin: 0px;
  margin-bottom: 12px;
  margin-top: 12px;
  font-weight: 500;
}
.Benefits-Mini .Benefit-Mini .Mini-Description {
  font-size: 1rem;
  margin: 0px;
  line-height: 1.6;
  font-weight: 500;
  width: 90%;
  opacity: 0.7;
}

/*

.How-It-Works {
  background: rgb(29, 29, 29);
  //margin-bottom: 100px;
  padding: 20px 10px;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  height: max-content;
  min-height: max-content;
  width: calc(100% - 20px);
  padding-bottom: 0px;
  padding-bottom: 30px;
  gap: 7px;

  //padding-left: 5px;

  .How-It-Works-Title {
    color: white;//rgb(255, 124, 146);
    font-size: 2rem;
    margin: 0px;
    margin-left: 10px;
    margin-bottom: 30px;
    margin-top: 10px;
    text-align: left;
    //justify-conent: flex-end;
  }

  .Timeline-Segment:last-child {
    .Timeline-Line {
      background: transparent;
    }
  }

  .Timeline-Segment {

    //height: 33%;
    //height: max-content;
    display: grid;
    gap: 7px;

    grid-template-columns: 12% 88%;
    //grid-template-rows: auto 80%;
    grid-template-areas: "Point Title"
                         "Line  Description";
    //grid-gap: 2px;
    //background: grey;
    height: max-content;
    //padding: 7px;
    //padding-bottom: 0px;


    .Timeline-Point {

      grid-area: Point;
      width: 35px;
      height: 35px;
      background: rgba(255, 255, 255, 0.925);//rgba(96, 177, 252, 0.808);//rgba(255, 124, 146, 0.767);
      border-radius: 50px;
      align-self: center;
      justify-self: center;
      color: black;//rgb(29, 29, 29);

      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 1.3rem;
      font-weight: bold;
      margin: 0px;
    }

    .Timeline-Line {
      display: flex;
      justify-content: center;
      align-items: center;
      grid-area: Line;
      width: 3px;
      height: 90%;
      background: rgba(255, 124, 146, 0.445);
      align-self: center;
      justify-self: center;
      border-radius: 5px;

      //margin-top: 12px;
      //margin-bottom: 22px;
      //height: 10vh;
      //background: yellow;
    }

    .Timeline-Title {
      grid-area: Title;
      //background: darkgray;
      color: rgb(255, 124, 146);//rgb(255, 124, 146);
      align-self: center;
      justify-self: flex-start;
      font-size: 1.4rem;
      margin-left: 15px;
      width: calc(100% - 15px);
      margin-top: 5px;
      margin-bottom: 5px;
    }

    .Timeline-Description {
      color: rgba(255, 255, 255, 0.774);
      grid-area: Description;
      //background: darkgrey;
      font-size: 1rem;
      margin-left: 15px;
      width: 90%;
      margin-top: 5px;
      min-height: 120px;
    }

    .Timeline-Image {
      grid-area: Image;
      //background: darkgray;
    }

  }

}

*/
.Service-Hero {
  /* phone
  padding: 0px;
  //padding-bottom: 10px;
  margin-bottom: -20px;

  .Service-Hero-Image {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-height: 50vh;
    min-height: 50vh;
    object-fit: cover;
    border-radius: 10px;
  }
  */
}

.how-it-works[data-theme=dark] {
  background-color: rgb(22, 22, 22) !important;
}
.how-it-works[data-theme=dark] .How-It-Works-Title {
  color: #f1eee9;
}
.how-it-works[data-theme=dark] .how-it-works__number {
  background-color: rgba(196, 174, 134, 0.03) !important;
  color: rgb(196, 174, 134) !important;
  border: 1px solid #c4ae86;
}
.how-it-works[data-theme=dark] .how-it-works__line {
  background-color: rgba(196, 174, 134, 0.15) !important;
}
.how-it-works[data-theme=dark] .how-it-works__title {
  color: rgb(196, 174, 134) !important;
}
.how-it-works[data-theme=dark] .how-it-works__description {
  color: rgba(241, 238, 233, 0.5);
}

.how-it-works {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  background: rgb(255, 255, 255);
}
.how-it-works .How-It-Works-Title {
  font-size: 3rem;
  font-weight: 500;
  text-align: left;
  margin-top: 0px;
  margin-bottom: 40px;
}
.how-it-works .Timeline-Container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 95%;
  max-width: 1400px;
}
.how-it-works .Timeline-Container .how-it-works__timeline {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: calc(70% + 35px);
}
.how-it-works .Timeline-Container .how-it-works__timeline .how-it-works__line {
  display: flex;
  align-items: center;
}
.how-it-works .Timeline-Container .how-it-works__timeline .how-it-works__line:first-child {
  display: none;
}
.how-it-works .Timeline-Container .how-it-works__timeline .how-it-works__line {
  width: calc((100% - 37px - 8%) / 2);
  margin: 0px 2.5%;
  height: 1.5px;
  background-color: rgb(184, 184, 245);
}
.how-it-works .Timeline-Container .how-it-works__timeline .how-it-works__number {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.3rem;
  font-weight: 500;
  min-width: 50px;
  width: 50px !important;
  height: 50px !important;
  background: rgb(84, 84, 204);
  padding-left: 1.5px;
  color: white;
  border-radius: 100px;
}
.how-it-works .Timeline-Container .how-it-works__details {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
}
.how-it-works .Timeline-Container .how-it-works__details .how-it-works__step {
  margin-top: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 32%;
}
.how-it-works .Timeline-Container .how-it-works__details .how-it-works__step .how-it-works__title {
  font-size: 1.5rem;
  font-weight: 500;
  margin-bottom: 10px;
  text-align: center;
  letter-spacing: 0.8px;
  max-width: 200px;
}
.how-it-works .Timeline-Container .how-it-works__details .how-it-works__step .how-it-works__description {
  font-size: 1.1rem;
  font-weight: 500;
  letter-spacing: 1px;
  text-align: center;
  margin-top: 0px;
  max-width: 90%;
  letter-spacing: 0.8px;
  line-height: 1.6;
}

@media only screen and (max-width: 700px) {
  h2:not(.Cub-Title, .Founder-Title, .Explination-Title) {
    color: white;
    font-size: 1.7rem;
    font-weight: 600;
    margin-bottom: 20px !important;
  }
  .Mobile-Nav[data-for-booking=true] {
    border-top: 1px solid rgba(128, 128, 128, 0.253);
    border-radius: 0px;
    width: calc(100% - 10px);
    padding-left: 5px;
    padding-right: 5px;
  }
  .Mobile-Nav[data-for-booking=true] .Nav-Container {
    justify-content: space-around !important;
    gap: 10px;
  }
  .Mobile-Nav[data-for-booking=true][data-view-state=full-screen] .Nav-Container {
    margin-bottom: 20px !important;
  }
  .Mobile-Nav[data-for-booking=true] #Contact {
    width: 50vw !important;
  }
  /*
  .Main-Content[data-for=Contact] {
    main {
      //flex: 1;
      max-width: 100% !important;

    }
  }
    */
  .Frequently-Asked-Questions {
    width: 100% !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .Frequently-Asked-Questions .FAQ-Title {
    font-size: 2.4rem !important;
    margin-bottom: 35px !important;
  }
  .Frequently-Asked-Questions .FAQ-Container {
    gap: 17px !important;
  }
  .Frequently-Asked-Questions .FAQ-Container .FAQ details > summary::-webkit-details-marker {
    display: none;
  }
  .Frequently-Asked-Questions .FAQ-Container .FAQ details {
    width: 100%;
  }
  .Frequently-Asked-Questions .FAQ-Container .FAQ details summary {
    font-size: 0.95rem !important;
    width: 100% !important;
    box-sizing: border-box;
    padding: 7px !important;
    padding-left: 20px !important;
  }
  .Frequently-Asked-Questions .FAQ-Container .FAQ details summary .Answer {
    font-size: 0.9rem !important;
    line-height: 1.6;
  }
  .Card-Carousel {
    position: relative;
    gap: 40px !important;
  }
  .Card-Carousel .Description {
    margin-bottom: 30px !important;
  }
  .Card-Carousel .Dot-Line-Decal {
    width: 100% !important;
  }
  .Card-Carousel .Carousel-Window {
    width: 100% !important;
  }
  .Card-Carousel .Carousel-Window .Reviews {
    width: calc(100% - 7.5vw - 30px) !important;
    padding-top: 10px !important;
    padding-left: calc(15vw - 30px);
    gap: 15px;
    scroll-padding: calc(15vw - 30px);
  }
  .Card-Carousel .Carousel-Window .Reviews .Reviews-Title {
    margin-bottom: 0px !important;
  }
  .Card-Carousel .Carousel-Window .Reviews .Review {
    width: 70vw !important;
    min-width: 70vw !important;
    max-width: 70vw !important;
  }
  .Dual-Explination .Dual-Explination-Container {
    padding: 0px;
  }
  .Dual-Explination .Dual-Explination-Container .Single-Explination {
    margin-top: 25px;
    margin-bottom: 25px;
    flex-direction: column;
    padding: 0px;
  }
  .Dual-Explination .Dual-Explination-Container .Single-Explination:first-child {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .Dual-Explination .Dual-Explination-Container .Single-Explination:first-child .Single-Explination-Image {
    order: 1 !important;
  }
  .Dual-Explination .Dual-Explination-Container .Single-Explination:first-child .Single-Explination-Details {
    order: 2;
  }
  .Dual-Explination .Dual-Explination-Container .Single-Explination .Single-Explination-Details {
    min-height: -moz-max-content;
    min-height: max-content;
    width: calc(100% - 90px);
    margin: 15px;
    margin-bottom: 0px;
    margin-top: 20px;
  }
  .Dual-Explination .Dual-Explination-Container .Single-Explination .Single-Explination-Image {
    max-height: 470px;
    width: 100%;
    margin: 0px;
    border-radius: 0px;
    box-shadow: none;
  }
  .Main-Page-Hero {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100vw;
    max-height: 100dvh;
    height: calc(100dvh - 50px);
    background-color: rgb(199, 112, 90);
    justify-content: flex-start;
    margin-top: 20px;
    overflow: hidden;
  }
  .Main-Page-Hero::after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-image: url(images/Blueberry-Lemon-Puffed-Pastry.webp);
    backdrop-filter: blur(40px);
    -o-object-fit: cover;
       object-fit: cover;
    opacity: 0.05;
    display: none;
  }
  .Main-Page-Hero .Visual-Side {
    position: absolute;
    bottom: 0px;
    right: -60vw;
    height: 100%;
    width: auto;
    z-index: 1;
    width: 160vw;
  }
  .Main-Page-Hero .Visual-Side img {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
  }
  .Main-Page-Hero .Info-Side {
    position: static;
    height: auto;
    width: calc(100% - 9vw);
    padding: 0px;
    padding-left: 4vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 35px;
    z-index: 1;
    padding-left: 5vw;
    padding-top: 5vw;
  }
  .Main-Page-Hero .Info-Side .Explination-Title {
    font-size: 2.2rem;
    margin: 0px;
    color: rgb(85, 27, 12);
  }
  .Main-Page-Hero .Info-Side .Explination-Description {
    color: rgb(44, 14, 7);
    font-size: 1.3rem;
    font-weight: 500;
    width: 90%;
    line-height: 1.4;
    margin: 0px;
  }
  .Main-Page-Hero .Info-Side .Explination-Call-To-Action {
    margin-bottom: 40px;
    margin-top: 5px;
  }
  .Main-Page-Hero .Info-Side .Explination-Call-To-Action #First {
    background-color: rgb(255, 164, 180);
    padding: 10px 40px;
    font-weight: bold;
    font-size: 1.4rem;
    border-radius: 10px;
  }
  .Main-Page-Hero .Info-Side .Explination-Call-To-Action #Second {
    display: none;
  }
  .Tab-Container [data-type=negative] {
    display: flex;
  }
  .Service-Main {
    margin-top: 50px;
    border-radius: 20px !important;
    background-image: none;
  }
  .Service-Main::after {
    content: unset;
  }
  .Service-Main .Service-Visuals {
    padding: 0px;
    width: 100vw;
    height: 40vh;
    margin: 5px;
    border-radius: 22px;
    overflow: hidden;
    max-height: unset !important;
  }
  .Service-Main .Service-Visuals[data-view-state=open] {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100vw;
    height: 100dvh;
    padding: 0px;
    border-radius: 0px;
    align-items: flex-start;
  }
  .Service-Main .Service-Visuals[data-view-state=open]::after {
    content: unset;
  }
  .Service-Main .Service-Visuals[data-view-state=open] .Service-Gallery {
    max-width: calc(100% - 10px);
    display: flex;
    align-items: start;
    overflow-y: scroll;
    width: 90%;
    padding: 5px;
    padding-left: 5%;
    padding-top: 13vw;
    padding-bottom: 50vw;
    padding-right: 5%;
    z-index: 1;
    background-color: rgb(43, 43, 43);
    height: 100dvh;
  }
  .Service-Main .Service-Visuals[data-view-state=open] .Service-Gallery .Gallery-Nav {
    position: absolute;
    width: 52px;
    height: 52px;
  }
  .Service-Main .Service-Visuals[data-view-state=open] .Service-Gallery .Gallery-Nav#Nav-Left {
    bottom: 10px;
    left: 10px;
    transform: rotate(-90deg);
    z-index: 10;
  }
  .Service-Main .Service-Visuals[data-view-state=open] .Service-Gallery .Gallery-Nav#Nav-Right {
    bottom: 10px;
    right: 10px;
    transform: rotate(90deg);
  }
  .Service-Main .Service-Visuals[data-view-state=open] .Service-Gallery #Gallery-Exit {
    padding: 10px 25px;
    bottom: 10px;
  }
  .Service-Main .Service-Visuals[data-view-state=open] .Service-Gallery #Gallery-Exit .Nav-Text {
    font-size: 1rem !important;
  }
  .Service-Main .Service-Visuals[data-view-state=open] .Service-Gallery .Gallery-Images {
    display: flex;
    width: 100%;
    gap: 2px;
    align-items: center;
    padding: 0px !important;
    flex-direction: column !important;
    justify-content: start;
    overflow: hidden !important;
    height: -moz-max-content;
    height: max-content;
    gap: 2.5%;
  }
  .Service-Main .Service-Visuals[data-view-state=open] .Service-Gallery .Gallery-Images .Gallery-Image-Container {
    width: 100% !important;
    height: -moz-max-content !important;
    height: max-content !important;
    max-height: -moz-max-content !important;
    max-height: max-content !important;
    min-height: -moz-max-content !important;
    min-height: max-content !important;
    border-radius: 7px;
    flex-direction: column;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .Service-Main .Service-Visuals[data-view-state=open] .Service-Gallery .Gallery-Images .Gallery-Image-Container .Gallery-Image-Description {
    padding: 5px 10px !important;
    bottom: 6px !important;
    right: 6px !important;
    font-size: 0.75rem !important;
    font-weight: 500 !important;
    display: flex;
  }
  .Service-Main .Service-Visuals[data-view-state=open] .Service-Gallery .Gallery-Images .Gallery-Image-Container::after {
    content: unset;
  }
  .Service-Main .Service-Visuals[data-view-state=open] .Service-Gallery .Gallery-Images .Gallery-Image-Container .Gallery-Image {
    box-shadow: none;
    width: 100% !important;
    height: auto !important;
    border-radius: 7px;
  }
  .Service-Main .Service-Visuals .Service-Hero {
    padding: 0px;
    height: 100%;
  }
  .Service-Main .Service-Visuals .Service-Hero .Similar-Pages-Container {
    display: none;
  }
  .Service-Main .Service-Visuals .Service-Hero .Service-Hero-Image {
    border-radius: 0px;
  }
  .Service-Main .Service-Visuals .Service-Hero .Back-Button {
    top: 15px;
    left: 15px;
  }
  .Service-Main .Service-Visuals .Service-Hero #Share-Button {
    display: none !important;
  }
  .Service-Main .Service-Visuals {
    /*
        .Service-Gallery {
            width: 100%;
            gap: 3px;

            display: flex;
            justify-content: center;
            background-color: rgb(255, 255, 255);
            margin-top: -2px;
            position: relative !important;


            .Gallery-Image {
              //height: 60px !important;
              //width: calc(20% - 3.5px) !important;
              //object-fit: cover;
              //border-radius: 0px;
            }

        }
    */
  }
  .Service-Main .Service-Visuals .Service-Gallery {
    max-width: 100%;
    display: flex;
    align-items: center;
    overflow: hidden;
    width: 100%;
    z-index: 1;
    background-color: rgb(255, 255, 255);
    display: none;
  }
  .Service-Main .Service-Visuals .Service-Gallery .Gallery-Nav {
    display: none;
  }
  .Service-Main .Service-Visuals .Service-Gallery #Gallery-Exit {
    display: none;
  }
  .Service-Main .Service-Visuals .Service-Gallery .Gallery-Images {
    display: flex;
    overflow: hidden;
    width: 100%;
    gap: 2px;
    align-items: center;
    padding: 0px;
    height: 100%;
  }
  .Service-Main .Service-Visuals .Service-Gallery .Gallery-Images .Gallery-Image-Container {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 0px;
    display: none;
  }
  .Service-Main .Service-Visuals .Service-Gallery .Gallery-Images .Gallery-Image-Container:nth-child(2), .Service-Main .Service-Visuals .Service-Gallery .Gallery-Images .Gallery-Image-Container:nth-child(3), .Service-Main .Service-Visuals .Service-Gallery .Gallery-Images .Gallery-Image-Container:nth-child(4), .Service-Main .Service-Visuals .Service-Gallery .Gallery-Images .Gallery-Image-Container:nth-child(5) {
    display: flex !important;
  }
  .Service-Main .Service-Visuals .Service-Gallery .Gallery-Images .Gallery-Image-Container .Gallery-Image-Description {
    display: none;
    padding: 5px 10px !important;
    bottom: 6px !important;
    right: 6px !important;
    font-size: 0.75rem !important;
    font-weight: 500 !important;
  }
  .Service-Main .Service-Visuals .Service-Gallery .Gallery-Images .Gallery-Image-Container::after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100px;
    background-color: rgba(0, 0, 0, 0.233);
    border-radius: 0px;
  }
  .Service-Main .Service-Visuals .Service-Gallery .Gallery-Images .Gallery-Image-Container .Gallery-Image {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100% !important;
    height: 100%;
    border-radius: 0px;
  }
  .Service-Main .Service-Details {
    width: calc(100% - 30px);
    padding: 30px 15px !important;
    padding-top: 23px !important;
  }
  .Service-Main .Service-Details .Service-Primary-Details {
    display: flex;
    flex-direction: column;
    width: 100%;
    display: grid;
    justify-content: space-between;
    align-items: start;
    grid-template-columns: 70% auto;
    grid-template-rows: auto auto auto auto;
  }
  .Service-Main .Service-Details .Service-Primary-Details .Service-Title {
    font-size: 1.4rem !important;
    margin-bottom: 15px;
  }
  .Service-Main .Service-Details .Service-Primary-Details .Service-SubTitle {
    margin-top: 5px;
  }
  .Service-Main .Service-Details .Service-Primary-Details .SPDA-Actions {
    align-self: start;
    margin-top: 5px;
  }
  .Service-Main .Service-Details .Service-Primary-Details .SPDA-Actions .Add-To-Cart-Action {
    display: none;
  }
  .Service-Main .Service-Details .Service-Primary-Details .SPDA-Actions .SPDA-Side-Action {
    display: flex !important;
    padding: 8px;
    padding-left: 11px;
    gap: 5px !important;
  }
  .Service-Main .Service-Details .Service-Primary-Details .SPDA-Actions .SPDA-Side-Action .SPDA-Side-Action-Title {
    display: flex !important;
    font-weight: bold !important;
    font-size: 0.8rem !important;
    letter-spacing: 0.4px;
    margin: 0px;
  }
  .Service-Main .Service-Details .Service-Primary-Details .SPDA-Actions .Text {
    order: 2;
  }
  .Service-Main .Service-Details .Service-Secondary-Details {
    flex-direction: column;
  }
  .Service-Main .Service-Details .Service-Secondary-Details .Service-Side {
    width: 100%;
  }
  .Benefits-Mini {
    flex-direction: column;
    padding: 40px 20px;
    align-items: center;
    width: calc(100% - 40px);
    gap: 0px;
  }
  .Benefits-Mini .Benefits-Mini-Container {
    -moz-column-gap: 0px;
         column-gap: 0px;
    flex-direction: column;
    align-items: center;
    row-gap: 15px;
    padding-top: 15px;
    padding-bottom: 30px;
  }
  .Benefits-Mini .Benefits-Mini-Container .Dot-Line-Decal, .Benefits-Mini .Benefits-Mini-Container .Dot-Line-Decal[data-dir=vertical] {
    display: flex;
    position: relative;
    width: 100% !important;
    max-width: 87% !important;
  }
  .Benefits-Mini .Benefits-Mini-Container .Dot-Line-Decal .Line, .Benefits-Mini .Benefits-Mini-Container .Dot-Line-Decal[data-dir=vertical] .Line {
    flex: unset !important;
    display: flex;
    width: 100% !important;
    height: 1.5px !important;
    opacity: 0.3;
  }
  .Benefits-Mini .Descriptive-Title-Container .Description {
    margin-bottom: 20px !important;
  }
  .Benefits-Mini .Benefit-Mini {
    width: 100%;
    text-align: left;
    align-items: flex-start;
    padding: 15px 5px;
    padding-left: 0px;
    display: grid;
    grid-template-areas: "icon title" "icon description";
    align-items: center;
    -moz-column-gap: 16px;
         column-gap: 16px;
    row-gap: 3px;
  }
  .Benefits-Mini .Benefit-Mini .Mini-Icon {
    grid-area: icon;
    width: 48px;
    height: 48px;
    padding: 12px;
    aspect-ratio: 1/1;
    border-radius: 12px;
    margin-bottom: 0px !important;
  }
  .Benefits-Mini .Benefit-Mini .Mini-Title {
    grid-area: title;
    font-size: 1.1rem;
    margin: 0px !important;
    font-weight: bold;
  }
  .Benefits-Mini .Benefit-Mini .Mini-Description {
    grid-area: description;
    font-size: 0.95rem;
    max-width: unset;
    width: 100%;
    line-height: 1.45;
  }
  .Benefits-Container {
    width: 100% !important;
    align-items: flex-start;
  }
  .Benefits-Container .Benefit-Sub-Title {
    padding-left: 5px;
    box-sizing: border-box;
  }
  .Benefits-Container .Benefit-Container-Title {
    font-size: 2.5rem !important;
    padding-bottom: 0px !important;
    text-align: left !important;
    width: 100% !important;
    justify-content: flex-start;
    padding-left: 5px !important;
    box-sizing: border-box;
    margin-bottom: 30px !important;
  }
  .Benefits-Container .Description {
    text-align: left;
    padding-left: 5px !important;
    font-weight: bold;
    line-height: 1.6;
    width: 100%;
    box-sizing: border-box;
  }
  .Benefits-Container .Benefits {
    flex-direction: column;
    padding: 0px !important;
    width: 100% !important;
    gap: 15px;
  }
  .Benefits-Container .Benefits .Benefit {
    width: 100% !important;
    min-height: 270px;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
  .Benefits-Container .Benefits .Benefit .Benefit-Image {
    max-height: 200px !important;
  }
  .Benefits-Container .Benefits-Call-To-Action {
    display: flex;
    flex-direction: column;
  }
  .Add-Ons {
    padding: 25px 2%;
    width: 96%;
    align-items: flex-start;
  }
  .Add-Ons .Add-Ons-Title {
    font-size: 1.5rem;
    text-align: left;
  }
  .Add-Ons .Add-On-Container {
    width: 100%;
    gap: 25px;
    justify-content: center;
    align-items: center;
    height: -moz-max-content;
    height: max-content;
  }
  .Add-Ons .Add-On-Container .Add-On {
    width: 90%;
    flex-direction: column;
    padding: 0px;
    max-height: unset !important;
  }
  .Add-Ons .Add-On-Container .Add-On .Add-On-Image {
    width: 100%;
    margin-right: 0px;
    border-radius: 15px 15px 0px 0px;
    height: 230px;
  }
  .Add-Ons .Add-On-Container .Add-On .Add-On-Details {
    margin-top: 0px !important;
    border-radius: 0px 0px 15px 15px;
    padding: 20px;
  }
  .Add-Ons .Add-On-Container .Add-On .Add-On-Details .Add-On-Header {
    align-items: center;
  }
  .Add-Ons .Add-On-Container .Add-On .Add-On-Details .Add-On-Header .Add-On-Title {
    font-size: 1rem;
  }
  .Add-Ons .Add-On-Container .Add-On .Add-On-Details .Add-On-Header .Price {
    font-size: 0.9rem;
  }
  .Add-Ons .Add-On-Container .Add-On .Add-On-Details .Add-On-Description {
    margin: 5px 0px;
  }
  .how-it-works {
    justify-content: flex-start !important;
    align-items: flex-start !important;
    width: 90% !important;
    padding: 40px 5%;
  }
  .How-It-Works-Title {
    text-align: left;
    margin-top: 0px;
    margin-bottom: 50px !important;
    font-size: 2.2rem !important;
  }
  .Timeline-Container {
    display: flex;
    flex-direction: row !important;
    align-items: flex-start !important;
    gap: 25px;
    width: 100% !important;
    margin-top: 20px;
  }
  .Timeline-Container .how-it-works__timeline {
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: center !important;
    width: -moz-max-content !important;
    width: max-content !important;
  }
  .Timeline-Container .how-it-works__timeline .how-it-works__line {
    width: 3px !important;
    height: 110px !important;
    margin: 5px 0px !important;
    border-radius: 5px;
  }
  .Timeline-Container .how-it-works__timeline .how-it-works__number {
    margin-top: 0;
  }
  .Timeline-Container .how-it-works__details {
    width: 100% !important;
    flex-direction: column !important;
  }
  .Timeline-Container .how-it-works__details .how-it-works__step {
    margin-top: 0px !important;
    width: 100% !important;
    text-align: left;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    height: 170px;
    margin-top: 7px !important;
  }
  .Timeline-Container .how-it-works__details .how-it-works__step .how-it-works__title {
    font-size: 1.5rem !important;
    font-weight: bold;
    margin-bottom: 5px !important;
    text-align: left !important;
    margin-top: 0px !important;
  }
  .Timeline-Container .how-it-works__details .how-it-works__step .how-it-works__description {
    font-size: 1rem !important;
    text-align: left !important;
    margin-top: 0px;
    width: 100%;
    max-width: unset !important;
  }
}
/*

.How-It-Works {
  padding: 45px 15px;
  //background: rgb(66, 66, 66);
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 3vh;

  .How-It-Works-Title {
    display: flex;
    justify-content: center;

      //margin-left: 1.8%;
  }

  .Timeline-Segment:last-child {
      .Timeline-Line {

      }
  }


  .Timeline-Segments {
      display: flex;
      justify-content: space-around;

      .Timeline-Segment {
          width: 30%;
          display: flex;
          flex-direction: column;
          align-items: center;


          .Timeline-Point {
            width: 35px;
            height: 35px;
            background: rgb(101, 101, 252);
            color: white;
            border-radius: 100px;
            display: flex;
            justify-content: center;
            align-items: center;
          }

          .Timeline-Line {

          }

          .Timeline-Title {
            //align-self: flex-start;
            margin: 0px;
            text-align: center;
          }

          .Timeline-Description {
            margin: 0px;
            text-align: center;
          }

          .Timeline-Image {

          }

      }

  }



}

*/
.Pricing[data-theme=dark] {
  background: rgb(22, 22, 22);
}
.Pricing[data-theme=dark] .Pricing-Title {
  color: rgb(196, 174, 134);
}
.Pricing[data-theme=dark] .Pricing-Card {
  background-color: rgba(36, 36, 36, 0.5) !important;
}
.Pricing[data-theme=dark] .Included-Container {
  border-top-color: rgb(71, 71, 71) !important;
  border-bottom-color: rgb(71, 71, 71) !important;
}
.Pricing[data-theme=dark] .Included-Container .Included-Text {
  color: rgba(241, 238, 233, 0.8) !important;
}
.Pricing[data-theme=dark] .Pricing-Tier {
  background-color: rgba(219, 180, 133, 0.13) !important;
  color: rgba(219, 180, 133, 0.7) !important;
  box-shadow: unset !important;
}
.Pricing[data-theme=dark] .Price {
  color: rgb(196, 174, 134) !important;
}
.Pricing[data-theme=dark] .Price-Description {
  color: rgba(241, 238, 233, 0.5) !important;
}
.Pricing[data-theme=dark] .Notes {
  color: rgba(241, 238, 233, 0.5) !important;
}
.Pricing[data-theme=dark] .Disclaimor {
  color: rgba(241, 238, 233, 0.3) !important;
}

.Pricing[data-theme=light] {
  background: white;
}

.Pricing {
  background: rgb(194, 201, 204);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 25px 15px;
  width: calc(100% - 30px);
}
.Pricing .Service-Toggle {
  display: none;
}
.Pricing .Service-Toggle input {
  display: none !important;
}
.Pricing .Pricing-Title {
  margin: 40px 0px;
  margin-top: 0px;
}
.Pricing .Pricing-Cards {
  display: flex;
  justify-content: space-around;
  width: 100%;
  margin-bottom: 10px;
  letter-spacing: 1px;
  flex-wrap: wrap;
  max-width: 1500px;
}
.Pricing .Pricing-Cards .Pricing-Card {
  width: 380px;
  padding: 0px;
  border-radius: 10px;
  text-align: center;
  background: white;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  position: relative;
  display: grid;
  grid-template-areas: "details details" "inc1 inc2" "inc3 inc4" "note note" "cta cta";
  grid-template-columns: 50% 50%;
}
.Pricing .Pricing-Cards .Pricing-Card .Pricing-Tier {
  font-size: 0.95rem !important;
  font-weight: 600;
  background: rgb(10, 117, 121);
  margin: 0px;
  padding: 8px 0px;
  box-shadow: 0px 5px 10px 2px rgba(41, 41, 41, 0.623);
  position: absolute;
  top: 200px;
  width: 100%;
}
.Pricing .Pricing-Cards .Pricing-Card .Pricing-Details {
  grid-area: details;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 15px;
  height: 260px;
}
.Pricing .Pricing-Cards .Pricing-Card .Pricing-Details .Pricing-Image {
  width: 100%;
  height: 200px;
  border-radius: 10px 10px 0px 0px;
  -o-object-fit: cover;
     object-fit: cover;
  margin-bottom: 20px;
}
.Pricing .Pricing-Cards .Pricing-Card .Pricing-Details .Price {
  font-size: 1.1rem;
  font-weight: bold;
  color: rgb(10, 117, 121);
  margin: 0px;
  padding: 5px 12px;
  margin-top: 35px;
  background-color: rgba(19, 19, 19, 0.308);
  border-radius: 5px;
  margin-bottom: 5px;
}
.Pricing .Pricing-Cards .Pricing-Card .Pricing-Details .Price .Price-Per {
  opacity: 0.4;
  margin-left: 3px;
}
.Pricing .Pricing-Cards .Pricing-Card .Pricing-Details .Price-Description {
  font-size: 0.8rem;
  color: #a7a7a7;
  margin: 0px;
  margin-bottom: 5px;
  padding: 0px 10px;
  font-weight: 500;
  letter-spacing: 0.5px;
  text-align: center;
  display: none;
}
.Pricing .Pricing-Cards .Pricing-Card {
  /*
  .Included-Container {
      list-style: none;
      padding: 0;
      display: flex;
      flex-direction: column;
      gap: 5px;
      //padding: 12px 0px;
      //margin-top: 0px;
      //margin: 7px 0px;
      padding: 12px;
      flex: 1;

      .Spacer {
        height: 20px;
        width: 100%;
      }

      .Included {
        display: flex;
        align-items: center;
        justify-content: space-between;
        //margin-bottom: 10px;
        background: rgba(255, 255, 255, 0.062);
        border-radius: 5px;
        padding: 7px 10px;
        gap: 5px;

          .Included-Text {
             font-size: 0.7rem; 
             margin: 0px;
             color: rgb(105, 105, 105);
             text-align: left;
             font-weight: bold;
          }

          .Included-Icon {
              width: 15px;
              height: 15px;
          }
      }
  }
      */
}
.Pricing .Pricing-Cards .Pricing-Card .Included-Container {
  position: relative;
  list-style: none;
  padding: 15px 20px !important;
  box-sizing: border-box;
  min-height: 160px;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  grid-area: inc1;
}
.Pricing .Pricing-Cards .Pricing-Card .Included-Container:nth-child(4) {
  grid-area: inc2;
}
.Pricing .Pricing-Cards .Pricing-Card .Included-Container:nth-child(5) {
  grid-area: inc3;
}
.Pricing .Pricing-Cards .Pricing-Card .Included-Container:nth-child(6) {
  grid-area: inc4;
}
.Pricing .Pricing-Cards .Pricing-Card .Included-Container {
  /* Section label from data-name */
}
.Pricing .Pricing-Cards .Pricing-Card .Included-Container::before {
  content: attr(data-name);
  font-size: 0.9rem;
  font-weight: 700 !important;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  width: 100%;
  text-align: left;
  padding-bottom: 6px;
  margin-bottom: 12px;
  border-bottom: 1px solid rgb(154, 137, 106);
  pointer-events: none;
  color: rgb(154, 137, 106);
}
.Pricing .Pricing-Cards .Pricing-Card .Included-Container .Included {
  display: flex;
  align-items: flex-start;
  justify-content: start;
  gap: 0.75rem;
  letter-spacing: 0.6px;
  background-color: transparent !important;
}
.Pricing .Pricing-Cards .Pricing-Card .Included-Container .Included .Included-Text {
  margin: 0;
  font-size: 0.85rem;
  line-height: 1.3;
  opacity: 0.6;
  order: 2;
  text-align: left;
  font-weight: 500;
  padding-left: 5px;
}
.Pricing .Pricing-Cards .Pricing-Card .Included-Container .Included .Included-Icon {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  order: 1;
  opacity: 0.5;
  display: none;
}
.Pricing .Pricing-Cards .Pricing-Card .Special-Notes {
  grid-area: note;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 10px;
  margin-top: 4px;
  margin-bottom: 4px;
  width: -moz-max-content;
  width: max-content;
}
.Pricing .Pricing-Cards .Pricing-Card .Special-Notes .Special-Notes-Icon {
  width: 25px;
  height: 25px;
  opacity: 0.9;
  margin-right: 10px;
}
.Pricing .Pricing-Cards .Pricing-Card .Special-Notes .Notes {
  text-align: left;
  color: #666;
  font-size: 0.75rem;
  font-weight: 500;
  margin: 0px;
}
.Pricing .Pricing-Cards .Pricing-Card .Select-Tier {
  grid-area: cta;
  background-color: rgba(179, 73, 101, 0.842);
  border-color: transparent;
  border-radius: 10px;
  padding: 10px;
  margin: 10px;
  color: white;
  font-weight: bold;
  font-size: 0.9rem;
  height: -moz-max-content;
  height: max-content;
  align-self: flex-end;
}
.Pricing .Disclaimor {
  font-size: 0.8rem !important;
  text-align: center;
  width: 90%;
  margin-top: 20px;
  line-height: 1.1;
  font-weight: 500 !important;
  color: white !important;
  letter-spacing: normal;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.253);
}

.Pricing[data-for-calculator=true] {
  padding: 0px !important;
  width: calc(100% - 20px);
  background-color: transparent;
}
.Pricing[data-for-calculator=true] .Service-Toggle {
  display: flex;
  border-color: rgb(211, 49, 76);
  margin: 0px;
  margin-bottom: 10px;
}
.Pricing[data-for-calculator=true] .Service-Toggle input[name=priceTier] + label {
  font-size: 0.8rem !important;
  padding: 5px 12px;
  border-radius: 3px;
}
.Pricing[data-for-calculator=true] .Service-Toggle input[name=priceTier]:checked + label {
  background-color: rgb(211, 49, 76);
}
.Pricing[data-for-calculator=true] .Pricing-Cards {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
}
.Pricing[data-for-calculator=true] .Pricing-Cards .Pricing-Card {
  flex-direction: column;
  min-width: 70%;
  width: 80%;
  max-width: 100%;
  padding-top: 15px;
  background-color: rgb(51, 51, 51) !important;
  border-radius: 5px;
  display: none;
}
.Pricing[data-for-calculator=true] .Pricing-Cards .Pricing-Card[data-selected=true] {
  display: flex;
}
.Pricing[data-for-calculator=true] .Pricing-Cards .Pricing-Card .Pricing-Tier {
  font-size: 1.3rem;
  width: 100%;
  margin: 0px !important;
}
.Pricing[data-for-calculator=true] .Pricing-Cards .Pricing-Card .Pricing-Details {
  padding: 30px 0px;
}
.Pricing[data-for-calculator=true] .Pricing-Cards .Pricing-Card .Pricing-Details .Price {
  font-size: 1.2rem;
}
.Pricing[data-for-calculator=true] .Pricing-Cards .Pricing-Card .Pricing-Details .Price-Description {
  font-size: 0.9rem;
}
.Pricing[data-for-calculator=true] .Pricing-Cards .Pricing-Card .Included-Container {
  margin-bottom: 15px;
}
.Pricing[data-for-calculator=true] .Pricing-Cards .Pricing-Card .Included-Container .Included {
  display: flex;
  align-items: center;
}
.Pricing[data-for-calculator=true] .Pricing-Cards .Pricing-Card .Included-Container .Included .Included-Text {
  font-size: 0.8rem;
}
.Pricing[data-for-calculator=true] .Pricing-Cards .Pricing-Card .Included-Container .Included .Included-Icon {
  width: 22px;
  height: 22px;
}
.Pricing[data-for-calculator=true] .Pricing-Cards .Pricing-Card .Special-Notes .Notes {
  font-size: 0.8rem;
}
.Pricing[data-for-calculator=true] .Disclaimor {
  width: 96%;
  margin-top: 5px;
  font-size: 0.8rem;
}

@media screen and (max-width: 600px) {
  .Icon-CTA-Card, .Icon-CTA-Card[data-fixed-width=false] {
    display: grid;
    padding: 30px 15px;
    padding-top: 30px;
    padding-bottom: 25px;
    width: calc(100% - 50px) !important;
    margin: 30px 10px;
    /*
    grid-template-columns: 30%  70%;
    grid-template-rows: auto auto auto;

    grid-template-areas: "image title"
                         "image description"
                         "button button";
                         */
    display: flex;
    flex-direction: column;
    background-color: rgba(24, 24, 24, 0.671);
    gap: 0px;
    justify-content: space-between;
    align-items: center;
  }
  .Icon-CTA-Card .Icon-CTA-Card-Image, .Icon-CTA-Card[data-fixed-width=false] .Icon-CTA-Card-Image {
    grid-area: image;
    width: 150px;
    height: 150px;
    margin-bottom: 30px;
    margin-top: 20px;
    margin-left: 5px;
    aspect-ratio: 1/1;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .Icon-CTA-Card .Icon-CTA-Card-Title, .Icon-CTA-Card[data-fixed-width=false] .Icon-CTA-Card-Title {
    grid-area: title;
    text-align: left;
    font-size: 2.2rem !important;
    margin-bottom: 5px;
    font-weight: 600;
    letter-spacing: 0.8px;
    text-align: center;
    width: 90%;
  }
  .Icon-CTA-Card .Icon-CTA-Card-Description, .Icon-CTA-Card[data-fixed-width=false] .Icon-CTA-Card-Description {
    grid-area: description;
    text-align: left;
    font-size: 1rem !important;
    font-weight: 500;
    letter-spacing: normal;
    width: 95%;
    text-align: center;
  }
  .Icon-CTA-Card .Icon-CTA-Card-Actions, .Icon-CTA-Card[data-fixed-width=false] .Icon-CTA-Card-Actions {
    width: calc(100% - 30px);
    grid-area: button;
    margin: 0px;
    margin-top: 25px;
    margin-left: 15px;
    margin-right: 15px;
    background-color: rgba(255, 255, 255, 0.096);
    border-radius: 30px 50px 50px 30px;
    margin-bottom: 10px;
  }
  .Icon-CTA-Card .Icon-CTA-Card-Actions .Icon-CTA-Card-Button, .Icon-CTA-Card[data-fixed-width=false] .Icon-CTA-Card-Actions .Icon-CTA-Card-Button {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .Docs-Viewer .Docs-Container {
    flex-direction: column;
    align-items: center;
    gap: 60px;
  }
  .Docs-Viewer .Docs-Container[data-view-state=closed] {
    margin-bottom: 0px !important;
  }
  .Docs-Viewer .Docs-Container[data-view-state=closed] .Doc-Viewer {
    width: 100% !important;
    padding: 0px !important;
    justify-content: center !important;
  }
  .Docs-Viewer .Docs-Container[data-view-state=closed] .Doc-Viewer .Doc-Viewer-Title {
    font-size: 1.3rem !important;
    min-height: 2.2rem !important;
    margin-bottom: 0px !important;
    order: 1;
  }
  .Docs-Viewer .Docs-Container[data-view-state=closed] .Doc-Viewer .Docs {
    width: 70% !important;
    order: 2;
  }
  .Docs-Viewer .Docs-Container[data-view-state=closed] .Doc-Viewer .Docs {
    padding: 0px;
    display: flex;
    justify-content: center;
    padding-top: 20px;
    padding-bottom: 15px;
    position: relative;
    width: 100%;
  }
  .Docs-Viewer .Docs-Container[data-view-state=closed] .Doc-Viewer .Docs .Doc {
    width: 100% !important;
    height: -moz-max-content;
    height: max-content;
    display: none;
  }
  .Docs-Viewer .Docs-Container[data-view-state=closed] .Doc-Viewer .Docs .Doc:first-child::after {
    content: "View";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: -moz-max-content;
    height: max-content;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid rgba(255, 255, 255, 0.137) !important;
    border-radius: 100px;
    background-color: rgba(0, 0, 0, 0.74);
    color: white;
    box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.342);
    text-shadow: 0 0 50px rgb(0, 0, 0);
    text-align: center;
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: 2px;
    padding: 10px 55px;
    position: absolute;
    bottom: -70px;
    left: 50%;
    z-index: 10;
    transform: translateX(-50%);
    backdrop-filter: blur(2px);
    letter-spacing: 1px;
    transition: transform 0.2s ease;
  }
  .Docs-Viewer .Docs-Container[data-view-state=closed] .Doc-Viewer .Docs .Doc:first-child::after:hover {
    transform: translateX(-50%) scale(1.05);
  }
  .Docs-Viewer .Docs-Container[data-view-state=closed] .Doc-Viewer .Docs .Doc:first-child {
    display: flex;
    top: 0px;
    left: 0px;
    z-index: 3;
    border: 1px solid rgba(128, 128, 128, 0.322);
    position: static !important;
  }
  .Docs-Viewer .Docs-Container[data-view-state=closed] .Doc-Viewer .Docs .Doc:nth-child(2) {
    display: flex;
    top: 15px;
    left: 0px;
    position: absolute !important;
    transform: rotate(3deg);
    z-index: 2;
    border: 1px solid rgba(128, 128, 128, 0.322);
    opacity: 0.7;
  }
  .Docs-Viewer .Docs-Container[data-view-state=closed] .Doc-Viewer .Docs .Doc:nth-child(3) {
    display: flex;
    top: 10px;
    left: 0px;
    position: absolute !important;
    transform: rotate(6deg);
    z-index: 1;
    border: 1px solid rgba(128, 128, 128, 0.322);
    opacity: 0.3;
  }
  .Docs-Viewer .Docs-Container[data-view-state=closed] .Doc-Viewer .Docs .Doc .Doc-Image {
    width: 100%;
  }
  .Docs-Viewer .Docs-Container[data-view-state=closed] .Doc-Viewer .Docs .Doc .Num-Extra-Docs {
    display: none !important;
  }
  .Docs-Viewer .Docs-Container[data-view-state=closed] #Doc-Open {
    display: none !important;
  }
  .Docs-Viewer .Docs-Container[data-view-state=open] .Doc-Viewer {
    margin: 0px !important;
    height: 100dvh !important;
    width: 100vw !important;
  }
  .Docs-Viewer .Docs-Container[data-view-state=open] .Doc-Viewer .Docs {
    height: 100% !important;
    top: 54px;
    margin: 0px !important;
  }
  .Docs-Viewer .Docs-Container[data-view-state=open] .Doc {
    width: 95% !important;
    height: -moz-max-content !important;
    height: max-content !important;
  }
  .Docs-Viewer .Docs-Container[data-view-state=open] .Doc .Doc-Image {
    width: 100% !important;
    height: auto !important;
  }
  .Docs-Viewer .Docs-Container[data-view-state=open] .Doc-Progress {
    display: flex !important;
    align-items: center;
    gap: 20px;
    position: absolute;
    top: unset !important;
    left: 0px;
    width: calc(100% - 24px) !important;
    background: rgb(20, 20, 20);
    padding: 12px 12px !important;
    border-radius: 0px !important;
  }
  .Docs-Viewer .Docs-Container[data-view-state=open] .Doc-Progress .Page-Count-Container {
    color: rgba(136, 136, 136, 0.671);
    display: flex;
    align-items: center;
    font-size: 1rem;
    gap: 2px;
    margin: 0px;
  }
  .Docs-Viewer .Docs-Container[data-view-state=open] .Doc-Progress .Page-Count-Container .Page-Count {
    font-size: 1.3rem !important;
    color: rgb(231, 83, 108);
    margin-right: 3px;
    background-color: rgba(128, 128, 128, 0.226);
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
  }
  .Docs-Viewer .Docs-Container[data-view-state=open] .Doc-Progress .Page-Count-Container .Page-Count-Total {
    color: rgb(173, 173, 173);
    margin-right: 5px;
    margin-left: 4px;
    font-size: 1.4rem !important;
  }
  .Docs-Viewer .Docs-Container[data-view-state=open] .Doc-Progress .Progress-Bar-Container {
    width: 100%;
    height: 7px;
    position: relative;
  }
  .Docs-Viewer .Docs-Container[data-view-state=open] .Doc-Progress .Progress-Bar-Container .Progress-Bar-Total {
    width: 100%;
    background-color: rgba(184, 184, 184, 0.226);
    height: 7px;
    position: absolute;
    top: 0px;
    left: 0px;
    border-radius: 5px;
  }
  .Docs-Viewer .Docs-Container[data-view-state=open] .Doc-Progress .Progress-Bar-Container .Progress-Bar-Progress {
    width: 60%;
    background-color: rgb(231, 83, 108);
    height: 7px;
    position: absolute;
    top: 0px;
    left: 0px;
    border-radius: 5px;
    transition: width 0.3s ease;
  }
  .Docs-Viewer .Docs-Container[data-view-state=open] .Doc-Nav {
    position: absolute;
    bottom: 0px !important;
    left: 0px;
    width: calc(100% - 20px) !important;
    display: flex;
    justify-content: space-around !important;
    align-items: center;
    padding: 10px 10px;
    gap: 10px;
  }
  .Docs-Viewer .Docs-Container[data-view-state=open] .Doc-Nav button, .Docs-Viewer .Docs-Container[data-view-state=open] .Doc-Nav a {
    display: flex;
    align-items: center;
    background-color: rgb(32, 32, 32);
    border: 1px solid rgba(128, 128, 128, 0.479);
    border-radius: 7px;
    padding: 10px;
    gap: 7px;
  }
  .Docs-Viewer .Docs-Container[data-view-state=open] .Doc-Nav button .Button-Icon, .Docs-Viewer .Docs-Container[data-view-state=open] .Doc-Nav a .Button-Icon {
    width: 20px;
    height: 20px;
  }
  .Docs-Viewer .Docs-Container[data-view-state=open] .Doc-Nav button .Button-Text, .Docs-Viewer .Docs-Container[data-view-state=open] .Doc-Nav a .Button-Text {
    margin: 0px;
    color: white;
  }
  .Docs-Viewer .Docs-Container[data-view-state=open] .Doc-Nav button:disabled {
    opacity: 0.15;
  }
  .Docs-Viewer .Docs-Container[data-view-state=open] .Doc-Nav #Doc-Download {
    display: flex !important;
    justify-content: center;
    order: 5;
    width: 100%;
    font-size: 1rem;
    position: static !important;
  }
  .Docs-Viewer .Docs-Container[data-view-state=open] .Doc-Nav #Doc-Download .Button-Icon {
    opacity: 0.7 !important;
  }
  .Docs-Viewer .Docs-Container[data-view-state=open] .Doc-Nav #Doc-Download .Button-Text {
    opacity: 0.7 !important;
  }
  .Docs-Viewer .Docs-Container[data-view-state=open] .Doc-Nav #Doc-Exit {
    position: relative !important;
    transform: none !important;
    border-color: rgba(204, 74, 96, 0.801) !important;
    font-size: 1rem !important;
    border-radius: 7px !important;
    gap: 10px !important;
    width: -moz-max-content !important;
    width: max-content !important;
    order: 1;
    background-color: transparent !important;
    background-color: rgb(32, 32, 32) !important;
    z-index: 10000 !important;
    top: unset !important;
    right: unset !important;
  }
  .Docs-Viewer .Docs-Container[data-view-state=open] .Doc-Nav #Prev-Doc {
    left: unset !important;
    top: unset !important;
    width: 44px;
    min-width: 44px;
    height: 44px;
    position: static !important;
    transform: rotate(180deg) !important;
    order: 3;
    margin-right: 5px;
    margin-left: 15px;
  }
  .Docs-Viewer .Docs-Container[data-view-state=open] .Doc-Nav #Next-Doc {
    right: unset !important;
    top: unset !important;
    width: 44px;
    min-width: 44px;
    height: 44px;
    transform: none !important;
    position: static !important;
    order: 4;
    margin-right: 15px;
  }
  .Contact-Us-Banner {
    flex-direction: column;
    padding: 25px;
    width: calc(95% - 50px);
    margin-left: 2.5%;
    margin-right: 2.5%;
    border-radius: 15px;
  }
  .Contact-Us-Banner .CUB-Details {
    width: 100%;
    padding-top: 0px;
  }
  .Contact-Us-Banner .CUB-Details .CUB-Title {
    font-size: 1.2rem;
  }
  .Contact-Us-Banner .CUB-Details .CUB-Description {
    font-size: 0.95rem;
  }
  .Contact-Us-Banner .CUB-Actions {
    width: 100%;
    padding: 10px 5px;
    padding-bottom: 0px;
    justify-content: flex-start;
    gap: 15px;
  }
  .Pricing {
    padding: 10px !important;
    width: 100% !important;
    box-sizing: border-box;
  }
  .Pricing .Service-Toggle {
    display: none;
  }
  .Pricing .Pricing-Cards {
    width: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 30px;
  }
  .Pricing .Pricing-Cards .Pricing-Card {
    flex-direction: column;
    min-width: 70%;
    width: 100%;
    max-width: 100%;
  }
  .Pricing .Pricing-Cards .Pricing-Card .Pricing-Tier {
    font-size: 1.1rem !important;
    width: 100%;
    padding: 10px 0px;
    top: 260px;
  }
  .Pricing .Pricing-Cards .Pricing-Card .Pricing-Details .Pricing-Image {
    height: 260px;
  }
  .Pricing .Pricing-Cards .Pricing-Card .Pricing-Details .Price {
    font-size: 1.1rem;
    margin-top: 40px;
  }
  .Pricing .Pricing-Cards .Pricing-Card .Pricing-Details .Price-Description {
    font-size: 1rem;
    margin-bottom: 15px;
  }
  .Pricing .Pricing-Cards .Pricing-Card .Included-Container {
    margin-bottom: 15px;
  }
  .Pricing .Pricing-Cards .Pricing-Card .Included-Container .Included {
    display: flex;
    align-items: center;
  }
  .Pricing .Pricing-Cards .Pricing-Card .Included-Container .Included .Included-Text {
    font-size: 0.9rem;
  }
  .Pricing .Pricing-Cards .Pricing-Card .Included-Container .Included .Included-Icon {
    width: 22px;
    height: 22px;
  }
  .Pricing .Pricing-Cards .Pricing-Card .Special-Notes .Notes {
    font-size: 0.8rem;
  }
  .Pricing .Disclaimor {
    width: 96%;
    margin-top: 5px;
    font-size: 0.8rem;
  }
  .Explination {
    width: 100%;
    padding-left: 0% !important;
    padding-right: 0% !important;
    padding-top: 50px;
    padding-bottom: 50px;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    gap: 20px;
  }
  .Explination .Explination-Image {
    max-height: 280px;
    width: calc(100% - 16px);
    margin: 8px;
  }
  .Explination .Explination-Details {
    margin-top: 10px;
    width: 86% !important;
    padding: 10px 7% !important;
  }
  .Explination .Explination-Details .Sub-Title {
    min-width: -moz-max-content !important;
    min-width: max-content !important;
  }
  .Explination .Explination-Details .Explination-Title {
    font-size: 2.1rem !important;
    width: 98%;
    margin-bottom: 15px !important;
    margin-top: 2px;
  }
  .Explination .Explination-Details .Explination-Description {
    font-size: 1.1rem !important;
    font-weight: 500;
  }
  .Explination .Explination-Details .Explination-Call-To-Action .CTA-Button {
    border-radius: 10px;
  }
}
@media screen and (max-width: 1050px) {
  html {
    font-size: 16px !important;
  }
}
@media screen and (min-width: 700px) and (max-width: 1200px) {
  .Explination {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center !important;
    padding: 25px 15px;
    width: calc(100% - 30px);
    gap: 20px;
  }
  .Explination[data-side=right] .Explination-Image {
    order: 2 !important;
  }
  .Explination .Explination-Image {
    width: 95%;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 10px;
    aspect-ratio: 1/1;
    max-height: 500px !important;
    max-height: unset;
  }
  .Explination .Explination-Details {
    width: calc(90% - 50px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 30px 25px;
    margin-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .Explination .Explination-Details .Sub-Title-Container {
    display: flex;
    gap: 15px;
    align-items: center;
    margin-bottom: 10px;
  }
  .Explination .Explination-Details .Sub-Title-Container .Dot {
    opacity: 0.5;
    width: 6px;
    height: 6px;
  }
  .Explination .Explination-Details .Sub-Title {
    color: #6e624b !important;
    font-weight: bold;
    margin: 0px;
    font-size: 1.1rem !important;
    display: flex;
    align-items: center;
  }
  .Explination .Explination-Details .Explination-Title {
    margin: 0px;
    font-size: 3rem !important;
    width: 100%;
    margin-bottom: 20px;
    font-weight: 500;
    max-width: 600px;
  }
  .Explination .Explination-Details .Explination-Description {
    margin: 0px;
    font-size: 1.2rem !important;
    font-weight: 400;
    width: 100%;
    line-height: 1.7;
    margin-bottom: 25px;
    color: rgb(78, 78, 78);
    letter-spacing: 0.5px !important;
    margin-bottom: 40px;
  }
  .Explination .Explination-Details .Explination-Call-To-Action {
    display: flex;
    gap: 15px;
  }
  .Explination .Explination-Details .Explination-Call-To-Action .CTA-Button {
    border-radius: 5px;
    background-color: rgb(121, 41, 54);
    color: rgb(255, 211, 211);
    font-weight: 500;
    letter-spacing: 1px;
    box-shadow: none;
    margin-bottom: 30px;
  }
  .Benefits-Mini {
    gap: 55px;
  }
  .Benefits-Mini .Descriptive-Title-Container {
    padding-bottom: 0px;
  }
  .Benefits-Mini .Descriptive-Title-Container .Description {
    margin-bottom: 0px !important;
  }
  .Benefits-Mini .Benefits-Mini-Container {
    justify-content: center;
    gap: 0vw;
  }
  .Benefits-Mini .Benefits-Mini-Container :nth-child(4) {
    flex-basis: 100%;
    display: flex;
    flex: unset !important;
    height: 1.5px;
    width: 100% !important;
    max-width: 95%;
  }
  .Benefits-Mini .Benefits-Mini-Container :nth-child(4) .Line {
    width: 100%;
  }
  .Benefits-Mini .Benefits-Mini-Container .Dot-Line-Decal[data-dir=Vertical] {
    opacity: 0.4;
  }
  .Benefits-Mini .Benefits-Mini-Container .Benefit-Mini {
    min-width: 230px !important;
    max-width: 250px;
    margin: min(5vw, 50px);
  }
  .Benefits-Mini .Benefits-Mini-Container .Benefit-Mini .Mini-Icon {
    width: 40px;
    height: 40px;
  }
  .Benefits-Mini .Benefits-Mini-Container .Benefit-Mini .Mini-Title {
    font-size: 1.3rem;
    font-weight: bold;
  }
  .Benefits-Mini .Benefits-Mini-Container .Benefit-Mini .Mini-Description {
    width: 100%;
    font-weight: bold;
  }
  .Benefits-Container {
    padding: 25px 0px;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #333029 !important;
    max-width: unset;
    width: 100%;
    margin: 0px;
  }
  .Benefits-Container .Benefit-Sub-Title {
    color: #6e624b !important;
    font-weight: bold;
    margin: 0px;
    font-size: 1.1rem !important;
  }
  .Benefits-Container .Benefit-Container-Title {
    display: flex;
    justify-content: center;
    margin-left: 1.8%;
    margin-top: 0px;
    font-size: 3rem;
    max-width: 600px;
    font-weight: 500;
    letter-spacing: normal;
    text-align: center;
    margin: 0px;
    position: relative;
    padding-bottom: 35px;
    min-width: 600px;
    text-align: center;
    margin-top: 2px;
  }
  .Benefits-Container .Benefit-Container-Title::after {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    background-color: rgb(154, 137, 106);
    height: 1px;
    display: none;
  }
  .Benefits-Container .Benefits {
    display: flex;
    justify-content: space-between;
    width: 100%;
    gap: 35px;
    padding: 40px 21px;
    margin: 3vh 0px;
    position: relative;
    margin-top: 20px !important;
    margin-bottom: 20px !important;
    box-sizing: border-box;
    flex-direction: column;
    align-items: center;
  }
  .Benefits-Container .Benefits::before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 1px;
    background-color: rgba(219, 180, 135, 0.2);
    display: none;
  }
  .Benefits-Container .Benefits::after {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 1px;
    background-color: rgba(219, 180, 135, 0.2);
    display: none;
  }
  .Benefits-Container .Benefits .Benefit {
    flex: 1;
    background-color: rgba(255, 255, 255, 0.068);
    box-shadow: 20px 20px 20px 0px rgba(0, 0, 0, 0.035);
    display: flex;
    max-width: 650px;
    display: grid;
    grid-template-areas: "image title" "image desc";
  }
  .Benefits-Container .Benefits .Benefit .Benefit-Image {
    grid-area: image;
    width: 220px;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 2px;
    aspect-ratio: 1/0.9;
  }
  .Benefits-Container .Benefits .Benefit .Benefit-Title {
    grid-area: title;
    margin-bottom: 8px;
    font-size: 1.5rem;
    font-weight: 400;
    margin-top: 25px;
    letter-spacing: 1.1px;
    padding-left: 45px;
    padding-right: 25px;
    font-weight: 500;
    align-self: flex-end;
    margin-bottom: 0px;
    box-sizing: border-box;
  }
  .Benefits-Container .Benefits .Benefit .Benefit-Description {
    grid-area: desc;
    margin-top: 5px;
    width: 95%;
    font-weight: 500;
    line-height: 1.5;
    opacity: 0.5;
    font-size: 1.2rem;
    margin-bottom: 0px;
    letter-spacing: 1px;
    padding-left: 45px;
    max-width: calc(100% - 50px);
    margin-bottom: 25px;
    padding-right: 25px;
    box-sizing: border-box;
  }
  .Benefits-Container .Benefits-Call-To-Action {
    display: flex;
    justify-content: center;
    gap: 15px;
    margin: 0px 0px 0px 0px;
    margin-bottom: 10px;
  }
  .Benefits-Container .Benefits-Call-To-Action .CTA-Button {
    background: pink;
    color: rgb(121, 41, 54);
    font-weight: bold;
    border-radius: 10px;
    border: transparent;
    padding: 10px 30px;
    font-size: 1.1rem;
    box-shadow: 0px 0px 20px 1px rgba(0, 0, 0, 0.164);
  }
  .Pricing, .Pricing-Multi {
    width: 100%;
    box-sizing: border-box;
    padding: 15px;
  }
  .Pricing .Pricing-Cards, .Pricing-Multi .Pricing-Cards {
    gap: 15px !important;
    width: 100%;
  }
  .Pricing .Pricing-Cards .Pricing-Card, .Pricing-Multi .Pricing-Cards .Pricing-Card {
    background-color: rgba(219, 180, 135, 0.3) !important;
    position: relative;
    border-radius: 10px;
    width: calc(50% - 7.5px) !important;
  }
  .Pricing .Pricing-Cards .Pricing-Card .Pricing-Tier, .Pricing-Multi .Pricing-Cards .Pricing-Card .Pricing-Tier {
    background-color: rgba(50, 47, 42, 0.247) !important;
    top: 0%;
    color: #26231e !important;
    font-size: 1.1rem !important;
    font-weight: bold !important;
    letter-spacing: 0.8px;
    padding: 12px !important;
    width: calc(100% - 0px) !important;
    min-width: 150px;
    box-sizing: border-box;
  }
  .Pricing .Pricing-Cards .Pricing-Card .Pricing-Details, .Pricing-Multi .Pricing-Cards .Pricing-Card .Pricing-Details {
    background-color: rgba(219, 180, 135, 0.3) !important;
    border-radius: 10px 10px 0px 0px;
    align-items: center;
    padding: 40px 17px;
    padding-bottom: 20px;
    width: 100%;
    box-sizing: border-box;
  }
  .Pricing .Pricing-Cards .Pricing-Card .Pricing-Details .Pricing-Image, .Pricing-Multi .Pricing-Cards .Pricing-Card .Pricing-Details .Pricing-Image {
    display: none;
  }
  .Pricing .Pricing-Cards .Pricing-Card .Pricing-Details .Price, .Pricing-Multi .Pricing-Cards .Pricing-Card .Pricing-Details .Price {
    background-color: transparent;
    color: #f1eee9 !important;
    font-size: 3rem;
    display: flex;
    align-items: flex-end;
    text-align: center;
    letter-spacing: 0.6px;
    font-weight: 500;
    margin-bottom: -2px;
  }
  .Pricing .Pricing-Cards .Pricing-Card .Pricing-Details .Price .Price-Per, .Pricing-Multi .Pricing-Cards .Pricing-Card .Pricing-Details .Price .Price-Per {
    opacity: 0.5;
    font-size: 1.2rem;
    margin-bottom: 10px;
  }
  .Pricing .Pricing-Cards .Pricing-Card .Pricing-Details .Price-Description, .Pricing-Multi .Pricing-Cards .Pricing-Card .Pricing-Details .Price-Description {
    order: 1;
    display: flex;
    font-size: 0.9rem;
    font-weight: 500;
    line-height: 1.6;
    min-width: 100%;
    padding-left: 0px;
    padding-right: 0px;
    box-sizing: border-box;
    color: rgba(241, 238, 233, 0.5) !important;
  }
  .Pricing .Pricing-Cards .Pricing-Card .Included-Container, .Pricing-Multi .Pricing-Cards .Pricing-Card .Included-Container {
    padding: 20px 15px;
    gap: 8px;
  }
  .Pricing .Pricing-Cards .Pricing-Card .Included-Container .Included .Included-Text, .Pricing-Multi .Pricing-Cards .Pricing-Card .Included-Container .Included .Included-Text {
    color: #f1eee9 !important;
  }
  .Pricing .Pricing-Cards .Pricing-Card .Special-Notes, .Pricing-Multi .Pricing-Cards .Pricing-Card .Special-Notes {
    padding: 10px;
    box-sizing: border-box;
    margin: 0px;
    width: unset !important;
    flex: 1;
    height: -moz-max-content;
    height: max-content;
  }
  .Pricing .Pricing-Cards .Pricing-Card .Special-Notes .Notes, .Pricing-Multi .Pricing-Cards .Pricing-Card .Special-Notes .Notes {
    min-width: unset !important;
    width: unset !important;
    max-width: calc(100% - 60px) !important;
    margin: 0px !important;
    box-sizing: border-box;
    flex: 1;
  }
  .Pricing .Pricing-Cards .Pricing-Card .Select-Tier, .Pricing-Multi .Pricing-Cards .Pricing-Card .Select-Tier {
    background-color: #dbb487;
    text-decoration: none;
    border-radius: 100px;
    margin: 25px;
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 1050px) and (max-width: 1200px) {
  html {
    font-size: 16px !important;
  }
  .Service-Main {
    flex-direction: row;
  }
  .Service-Main .Service-Visuals {
    width: 65%;
  }
  .Service-Main .Service-Visuals .Service-Gallery {
    width: 35%;
  }
  .Service-Main .Service-Visuals .Service-Gallery .Gallery-Image-Container {
    height: calc(50% - 4px) !important;
  }
}
@media screen and (max-width: 1050px) {
  .SPDA-Side-Action {
    display: none !important;
  }
}
@media screen and (min-width: 900px) {
  .Page-Navigation .Tab-Container {
    gap: 20px;
  }
  .Page-Navigation .Tab-Container::-webkit-scrollbar {
    display: none;
  }
  .Page-Navigation .Tab-Container .Tab {
    color: rgba(187, 187, 187, 0.726);
  }
  .Page-Navigation .Site-Navigation {
    gap: 15px;
    padding-right: 20px;
  }
  .Page-Navigation .Site-Navigation .Company-Name {
    color: pink;
    font-size: 1.3rem;
  }
  .Page-Navigation .Site-Navigation .Contact-Us {
    display: flex;
    justify-content: center;
  }
  .Mobile-Nav[data-for-booking=true] {
    display: none !important;
  }
  @keyframes userReading {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  .Mobile-Nav[data-for-booking=true][data-view-state=full-screen] {
    opacity: 1;
  }
  .Mobile-Nav[data-for-booking=true][data-view-state=partial-screen] {
    opacity: 1;
  }
  .Mobile-Nav[data-for-booking=true][data-view-state=partial-screen] .Nav-Container #Contact {
    display: flex;
  }
  .Mobile-Nav[data-for-booking=true] .Nav-Container .Nav-Button#Contact {
    width: 30vw;
  }
  .Icon-CTA-Card[data-fixed-width=true] {
    display: grid;
    padding: 30px 15px;
    padding-top: 25px;
    padding-bottom: 25px;
    width: 100% !important;
    max-width: 900px;
    margin: 30px auto;
    align-items: center !important;
    justify-content: center !important;
    padding: 5vh !important;
    grid-template-columns: max-content minmax(0, 600px);
    grid-template-rows: auto auto auto;
    grid-template-areas: "image title" "image description" "image button" !important;
    background-color: rgba(24, 24, 24, 0.671);
    row-gap: 0px;
    -moz-column-gap: 5vh;
         column-gap: 5vh;
    border-radius: 20px !important;
  }
  .Icon-CTA-Card[data-fixed-width=true] .Icon-CTA-Card-Image {
    grid-area: image;
    width: 200px;
    align-self: center !important;
    justify-self: center !important;
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .Icon-CTA-Card[data-fixed-width=true] .Icon-CTA-Card-Title {
    grid-area: title;
    text-align: left;
    font-size: 2.5rem;
    align-self: flex-end !important;
    font-weight: 500;
    letter-spacing: 0.8px;
    max-width: unset;
  }
  .Icon-CTA-Card[data-fixed-width=true] .Icon-CTA-Card-Description {
    grid-area: description;
    text-align: left;
    font-size: 1rem !important;
    font-weight: 500;
    letter-spacing: 0.8px;
    width: 90% !important;
    line-height: 1.6 !important;
    max-width: unset;
  }
  .Icon-CTA-Card[data-fixed-width=true] .Icon-CTA-Card-Actions {
    grid-area: button;
    margin: 0px;
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: rgba(255, 255, 255, 0.096);
    max-width: -moz-max-content;
    max-width: max-content;
    border-radius: 30px 50px 50px 30px;
  }
  /*
  .Icon-CTA-Card[data-fixed-width=false] {
    display: grid;
    padding: 30px 30px;
    padding-top: 30px;
    padding-bottom: 25px;
    //width: max-content !important;
    //max-width: calc(100% -);
    max-width: unset !important;
    margin: 30px 0px;

    grid-template-columns: 30%  70%;
    grid-template-rows: auto auto auto;

    grid-template-areas: "image title"
                         "image description"
                         "image button";

    //0gap: 5px;
    background-color: rgba(24, 24, 24, 0.671);
    //background-color: green !important;
    gap: 0px;
    justify-content: center;

    .Icon-CTA-Card-Image {
        grid-area: image;
        //width: 75%;
        height: 120px;
        width: auto;
        margin-bottom: 0px;
        margin-left: 5px;
        justify-self: flex-end;
        margin-right: 40px;
    }

    .Icon-CTA-Card-Title {
        grid-area: title;
        text-align: left;
        font-size: 1rem;
        align-self: flex-end;
        margin-bottom: 5px;
        font-weight: 600;
        letter-spacing: 0.8px;
        //margin-left: 10px;
    }

    .Icon-CTA-Card-Description {
        grid-area: description;
        text-align: left;
        font-size: 0.85rem;
        font-weight: 500;
        letter-spacing: normal;
        max-width: 400px;
        //margin-left: 10px;
    }

    .Icon-CTA-Card-Actions {
        grid-area: button;
        margin: 0px;
        margin-top: 25px;
        margin-left: 5px;
        margin-right: 5px;
        background-color: rgba(255, 255, 255, 0.096);
        //max-width: max-content;
        border-radius: 30px 50px 50px 30px;
        width: max-content;
    }

  }


  .Check-Cost {
    display: none !important;
  }

  /*
  .Icon-CTA-Card {
    max-width: calc(100% - 30px);
    width: calc(100% - 30px);
    max-width: 420px;
    padding: 30px 15px;
    padding-top: 50px;
    padding-bottom: 40px;
    background-color: rgb(26, 26, 26);
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-bottom: 16px;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;


    &:hover {
        background-color: rgb(22, 22, 22);
    }


    .Icon-CTA-Card-Title {
        color: white;
        font-weight: 500;
        margin: 0px;
        font-size: 1.3rem;
        text-align: center;
        z-index: 1;
    }

    .Icon-CTA-Card-Description {
        text-align: center;
        margin: 0px;
        line-height: 1.4;
        font-size: 0.9rem;
        z-index: 1;
    }

    .Icon-CTA-Card-Image {
        width: 130px;
        margin-bottom: 25px;
        z-index: 1;
    }

    .Icon-CTA-Card-Actions {
        display: flex;
        align-items: center;
        justify-content: space-between;
        background-color: rgba(41, 41, 41, 0.829);
        padding: 5px 20px;
        padding-right: 5px;
        border-radius: 100px;
        gap: 15px;
        margin-top: 25px;
        margin-bottom: 10px;
        z-index: 1;

        .Icon-CTA-Card-Button-Info {
            flex: 1;
            display: flex;
            flex-direction: column;
            align-items: start;
            justify-content: space-between;

            .Icon-CTA-Card-Button-Tiny-Label {
                font-size: 0.65rem;
                margin: 0px;
                font-weight: 400;
                opacity: 0.7;
            }

            .Icon-CTA-Card-Button-Info-Data {
                margin: 0px;
                text-align: center;

                .Highlighted {
                    font-size: 1rem;
                    color: rgb(230, 80, 120);
                    font-weight: 500;
                }

                .Not-Highlighted {
                    font-size: 0.75rem;
                    font-weight: 400;
                }
            }
        }

        .Icon-CTA-Card-Button {
            background-color: rgb(218, 66, 92);
            color: #fff;
            border: none;
            padding: 5px 16px;
            padding-right: 5px;
            padding-left: 0px;
            border-radius: 100px;
            font-size: 1rem;
            cursor: pointer;
            transition: background-color 0.3s;
            display: flex;
            text-align: center !important;
            align-items: center;
            justify-content: center;
            opacity: 0.8;


            .Icon-CTA-Card-Button-Text {
                color: white;
                font-weight: 500;
                text-shadow: 0 0 15px black;
                margin: 0px 15px;
                padding-left: 10px;
                letter-spacing: 1px;
                font-size: 13px;
                min-width: max-content;
            }

            .Icon-CTA-Card-Button-Icon {
                display: flex;
                justify-content: center;
                align-items: center;
                width: 15px;
                height: 15px;
                background-color: rgba(0, 0, 0, 0.322);
                padding: 5px;
                border-radius: 100px;
                opacity: 0.6;
                margin: 0px;
            }
        }
    }
  }
  */
  .Docs-Viewer .Docs-Container .Doc-Progress {
    bottom: unset !important;
    top: 20px !important;
  }
  .Docs-Viewer .Docs-Container[data-view-state=closed][data-single-document=true] {
    margin-bottom: 0px !important;
  }
  .Docs-Viewer .Docs-Container[data-view-state=closed][data-single-document=true] .Doc-Viewer {
    width: 100% !important;
    padding: 0px !important;
    justify-content: center !important;
  }
  .Docs-Viewer .Docs-Container[data-view-state=closed][data-single-document=true] .Doc-Viewer .Doc-Viewer-Title {
    font-size: 1.3rem !important;
    min-height: 2.2rem !important;
    margin-bottom: 0px !important;
    order: 1;
  }
  .Docs-Viewer .Docs-Container[data-view-state=closed][data-single-document=true] .Doc-Viewer .Docs {
    position: relative !important;
    width: 70% !important;
    order: 2;
  }
  .Docs-Viewer .Docs-Container[data-view-state=closed][data-single-document=true] .Doc-Viewer .Docs .Doc {
    width: 30% !important;
  }
  .Docs-Viewer .Docs-Container[data-view-state=closed][data-single-document=true] #Doc-Open {
    position: absolute;
    top: calc(50% - 25px) !important;
    bottom: unset !important;
    transform: translateY(calc(-50% - 25px));
  }
  .Service-Main {
    flex-direction: row;
  }
  .Service-Main .Service-Details .Service-Primary-Details .Service-Primary-Details-Content .Service-Title {
    font-size: 1.8rem;
  }
  /*
    .Frequently-Asked-Questions {
      width: 65%;
      padding-left: 17.5%;
      padding-right: 17.5%;
    }

  */
  .Why-Us {
    padding: 25px;
    margin-top: 0px;
  }
  .Why-Us .Why-Us-Title {
    margin-top: 0px;
  }
  .Why-Us .Why-Us-Description {
    width: 100%;
  }
  .Contact-Us-Banner {
    width: calc(95% - 50px);
    margin-left: 2.5%;
    margin-right: 2.5%;
    border-radius: 10px;
  }
  .Contact-Us-Banner .CUB-Details .CUB-Title {
    font-weight: bold;
  }
  .Contact-Us-Banner .CUB-Details .CUB-Description {
    font-size: 0.95rem;
  }
  .Explination {
    width: 85%;
    padding-top: 100px;
    padding-bottom: 100px;
    align-items: flex-start;
    padding-left: 7.5%;
    padding-right: 7.5%;
  }
  .Explination .Explination-Details {
    margin-top: 20px;
  }
  .Explination .Explination-Details .Explination-Title {
    font-size: 1.5rem;
  }
  .Explination .Explination-Details .Explination-Description {
    font-size: 1rem;
  }
  .how-it-works {
    width: 100% !important;
  }
  .how-it-works .How-It-Works-Title {
    margin-bottom: 70px;
  }
  .Benefits-Container {
    width: 90%;
    padding-left: 5%;
    padding-right: 5%;
  }
  .Benefits-Container .Benefit-Image {
    min-height: 190px;
  }
  .Add-Ons {
    padding: 50px 2%;
    width: 96%;
  }
  .Add-Ons .Add-Ons-Title {
    font-size: 1.8rem;
    text-align: left;
    margin-bottom: 20px;
  }
  .Add-Ons .Add-On-Container {
    width: 100%;
    gap: 15px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
  }
  .Add-Ons .Add-On-Container .Add-On {
    max-width: 450px;
  }
  .Add-Ons .Add-On-Container .Add-On .Add-On-Details .Add-On-Header {
    align-items: center;
  }
  .Add-Ons .Add-On-Container .Add-On .Add-On-Details .Add-On-Header .Add-On-Title {
    font-size: 1rem;
  }
  .Add-Ons .Add-On-Container .Add-On .Add-On-Details .Add-On-Header .Price {
    font-size: 0.9rem;
  }
  .Add-Ons .Add-On-Container .Add-On .Add-On-Details .Add-On-Description {
    margin: 5px 0px;
  }
}
@media screen and (min-width: 1200px) {
  .Main-Page-Hero {
    padding-left: 5vw;
    width: 95vw;
    height: 65dvh;
    max-height: 65dvh;
  }
  .Main-Page-Hero::after {
    content: "";
  }
  .Main-Page-Hero .Visual-Side {
    max-height: unset;
  }
  .Main-Page-Hero .Info-Side {
    gap: 25px;
  }
  .Main-Page-Hero .Info-Side .Explination-Title {
    font-size: 3rem;
  }
  .Main-Page-Hero .Info-Side .Explination-Description {
    font-size: 1.4rem;
  }
  .Main-Page-Hero .Info-Side .Explination-Call-To-Action #First {
    font-size: 1.5rem;
  }
  .Icon-CTA-Card {
    max-width: calc(100% - 30px);
    width: calc(100% - 30px);
    max-width: 420px;
    padding: 30px 15px;
    padding-top: 50px;
    padding-bottom: 40px;
    background-color: rgb(26, 26, 26);
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    margin-top: 0px;
  }
  .Icon-CTA-Card:hover {
    background-color: rgb(22, 22, 22);
  }
  .Icon-CTA-Card .Icon-CTA-Card-Title {
    color: white !important;
    font-weight: 500 !important;
    margin: 0px;
    font-size: 2rem !important;
    text-align: center;
    z-index: 1;
    align-self: unset;
  }
  .Icon-CTA-Card .Icon-CTA-Card-Description {
    text-align: center;
    margin: 0px;
    line-height: 1.4 !important;
    font-size: 0.9rem !important;
    z-index: 1;
    width: 75% !important;
  }
  .Icon-CTA-Card .Icon-CTA-Card-Image {
    width: 110px;
    margin-bottom: 35px;
    margin-top: 25px;
    z-index: 1;
  }
  .Icon-CTA-Card .Icon-CTA-Card-Actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: rgba(41, 41, 41, 0.829);
    padding: 5px 20px;
    padding-right: 5px;
    border-radius: 100px;
    gap: 15px;
    margin-top: 20px;
    margin-bottom: 10px;
    z-index: 1;
  }
  .Icon-CTA-Card .Icon-CTA-Card-Actions .Icon-CTA-Card-Button-Info {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: space-between;
  }
  .Icon-CTA-Card .Icon-CTA-Card-Actions .Icon-CTA-Card-Button-Info .Icon-CTA-Card-Button-Tiny-Label {
    font-size: 0.65rem;
    margin: 0px;
    font-weight: 400;
    opacity: 0.7;
  }
  .Icon-CTA-Card .Icon-CTA-Card-Actions .Icon-CTA-Card-Button-Info .Icon-CTA-Card-Button-Info-Data {
    margin: 0px;
    text-align: center;
  }
  .Icon-CTA-Card .Icon-CTA-Card-Actions .Icon-CTA-Card-Button-Info .Icon-CTA-Card-Button-Info-Data .Highlighted {
    font-size: 1rem;
    color: rgb(230, 80, 120);
    font-weight: 500;
  }
  .Icon-CTA-Card .Icon-CTA-Card-Actions .Icon-CTA-Card-Button-Info .Icon-CTA-Card-Button-Info-Data .Not-Highlighted {
    font-size: 0.75rem;
    font-weight: 400;
  }
  .Icon-CTA-Card .Icon-CTA-Card-Actions .Icon-CTA-Card-Button {
    background-color: rgb(218, 66, 92);
    color: #fff;
    border: none;
    padding: 5px 16px;
    padding-right: 5px;
    padding-left: 0px;
    border-radius: 100px;
    font-size: 1rem;
    cursor: pointer;
    transition: background-color 0.3s;
    display: flex;
    text-align: center !important;
    align-items: center;
    justify-content: center;
    opacity: 0.8;
  }
  .Icon-CTA-Card .Icon-CTA-Card-Actions .Icon-CTA-Card-Button .Icon-CTA-Card-Button-Text {
    color: white;
    font-weight: 500;
    text-shadow: 0 0 15px black;
    margin: 0px 15px;
    padding-left: 10px;
    letter-spacing: 1px;
    font-size: 13px;
    min-width: -moz-max-content;
    min-width: max-content;
  }
  .Icon-CTA-Card .Icon-CTA-Card-Actions .Icon-CTA-Card-Button .Icon-CTA-Card-Button-Icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 15px;
    height: 15px;
    background-color: rgba(0, 0, 0, 0.322);
    padding: 5px;
    border-radius: 100px;
    opacity: 0.6;
    margin: 0px;
  }
  .Icon-CTA-Card[data-fixed-width=false] {
    max-width: 1000px;
    margin: 50px auto;
  }
  .Dual-Explination .Dual-Explination-Container {
    padding-left: 7%;
    padding-right: 7%;
  }
  .Dual-Explination .Dual-Explination-Container .Single-Explination {
    margin-top: 25px;
    margin-bottom: 25px;
  }
  .Dual-Explination .Dual-Explination-Container .Single-Explination .Single-Explination-Details {
    min-height: 55%;
  }
  .Dual-Explination .Dual-Explination-Container .Single-Explination .Single-Explination-Image {
    max-height: 470px;
  }
  .Page-Navigation .Tab-Container {
    gap: 15px;
  }
  .Page-Navigation .Tab-Container::-webkit-scrollbar {
    display: none;
  }
  .Page-Navigation .Tab-Container .Tab {
    color: rgba(187, 187, 187, 0.726);
    background-color: rgb(39, 39, 39);
    border-radius: 100px;
    border: 1px solid rgba(128, 128, 128, 0.219);
    padding: 5px 15px !important;
  }
  .Page-Navigation .Tab-Container .Tab[data-selected=true] {
    border-color: rgb(204, 74, 96);
    color: rgb(204, 74, 96);
    border-width: 1px;
  }
  .Page-Navigation .Site-Navigation {
    gap: 15px;
    padding-right: 20px;
  }
  .Page-Navigation .Site-Navigation .Company-Name {
    color: pink;
    font-size: 1.3rem;
  }
  .Page-Navigation .Site-Navigation .Contact-Us {
    display: flex;
    justify-content: center;
  }
  .Service-Main {
    flex-direction: row;
  }
  .Service-Main .Service-Visuals {
    width: 60%;
  }
  .Service-Main .Service-Visuals .Service-Gallery .Gallery-Image-Details {
    bottom: 10px !important;
    right: 10px !important;
    gap: 8px !important;
  }
  .Service-Main .Service-Visuals .Service-Gallery .Gallery-Image-Details .Gallery-Image-Description {
    font-size: 16px !important;
    padding: 8px 15px !important;
    border-radius: 10px !important;
  }
  .Service-Main .Service-Visuals .Service-Gallery .Gallery-Image-Details .Image-ID {
    font-size: 16px !important;
    padding: 8px 15px !important;
    border-radius: 10px !important;
  }
  .Service-Main .Service-Details .Service-Primary-Details .Service-Title {
    font-size: 1.8rem;
  }
  .Frequently-Asked-Questions .Question {
    font-size: 1rem !important;
  }
  .Frequently-Asked-Questions .Answer {
    font-size: 0.95rem !important;
  }
  .Contact-Us-Banner {
    max-width: 1100px;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    border-radius: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    justify-content: space-between;
  }
  .Contact-Us-Banner .CUB-Details {
    width: 60%;
  }
  .Contact-Us-Banner .CUB-Details .CUB-Title {
    font-size: 1.2rem;
  }
  .Contact-Us-Banner .CUB-Details .CUB-Description {
    font-size: 0.95rem;
  }
  .Contact-Us-Banner .CUB-Actions {
    width: 30%;
  }
  * .Add-Ons {
    padding: 50px 2%;
    width: 96%;
  }
  * .Add-Ons .Add-Ons-Title {
    font-size: 1.8rem;
    text-align: left;
    margin-bottom: 20px;
  }
  * .Add-Ons .Add-On-Container {
    width: 100%;
    gap: 15px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
  }
  * .Add-Ons .Add-On-Container .Add-On {
    max-width: 600px;
  }
  * .Add-Ons .Add-On-Container .Add-On .Add-On-Title {
    min-width: -moz-max-content;
    min-width: max-content;
  }
  * .Add-Ons .Add-On-Container .Add-On .Add-On-Details .Add-On-Header {
    align-items: center;
  }
  * .Add-Ons .Add-On-Container .Add-On .Add-On-Details .Add-On-Header .Add-On-Title {
    font-size: 1rem;
  }
  * .Add-Ons .Add-On-Container .Add-On .Add-On-Details .Add-On-Header .Price {
    font-size: 0.9rem;
  }
  * .Add-Ons .Add-On-Container .Add-On .Add-On-Details .Add-On-Description {
    margin: 5px 0px;
  }
  .Pricing {
    width: 70%;
    padding: 50px 15%;
    padding-top: 40px;
  }
  .Explination {
    width: 86%;
    padding-top: 100px;
    padding-bottom: 100px;
    align-items: flex-start;
    padding-left: 7%;
    padding-right: 7%;
  }
  .how-it-works .How-It-Works-Title {
    margin-bottom: 70px;
  }
  .Benefits-Container {
    width: 90%;
    padding-left: 5%;
    padding-right: 5%;
  }
  .Benefits-Container .Benefit-Image {
    min-height: 250px;
  }
}
@media screen and (min-width: 1600px) {
  .Main-Page-Hero {
    padding-left: 5vw;
    width: 95vw;
    height: 60dvh;
    max-height: 60dvh;
  }
  .Main-Page-Hero::after {
    content: "";
  }
  .Main-Page-Hero .Visual-Side {
    width: 85vw;
    max-height: unset;
  }
  .Main-Page-Hero .Info-Side {
    gap: 35px;
    width: 50%;
  }
  .Main-Page-Hero .Info-Side .Explination-Title {
    font-size: 4rem;
  }
  .Main-Page-Hero .Info-Side .Explination-Description {
    font-size: 1.6rem;
  }
  .Main-Page-Hero .Info-Side .Explination-Call-To-Action #First {
    font-size: 1.5rem;
  }
  .Icon-CTA-Card {
    max-width: calc(100% - 30px);
    width: calc(100% - 30px);
    max-width: 420px;
    padding: 30px 15px;
    padding-top: 50px;
    padding-bottom: 40px;
    background-color: rgb(26, 26, 26);
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-bottom: 16px;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
  }
  .Icon-CTA-Card:hover {
    background-color: rgb(22, 22, 22);
  }
  .Icon-CTA-Card .Icon-CTA-Card-Title {
    color: white;
    font-weight: 500;
    margin: 0px;
    font-size: 1.3rem;
    text-align: center;
    z-index: 1;
    align-self: unset;
  }
  .Icon-CTA-Card .Icon-CTA-Card-Description {
    text-align: center;
    margin: 0px;
    line-height: 1.4;
    font-size: 0.9rem;
    z-index: 1;
  }
  .Icon-CTA-Card .Icon-CTA-Card-Image {
    width: 130px;
    margin-bottom: 25px;
    z-index: 1;
  }
  .Icon-CTA-Card .Icon-CTA-Card-Actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: rgba(41, 41, 41, 0.829);
    padding: 5px 20px;
    padding-right: 5px;
    border-radius: 100px;
    gap: 15px;
    margin-top: 25px;
    margin-bottom: 10px;
    z-index: 1;
  }
  .Icon-CTA-Card .Icon-CTA-Card-Actions .Icon-CTA-Card-Button-Info {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: space-between;
  }
  .Icon-CTA-Card .Icon-CTA-Card-Actions .Icon-CTA-Card-Button-Info .Icon-CTA-Card-Button-Tiny-Label {
    font-size: 0.65rem;
    margin: 0px;
    font-weight: 400;
    opacity: 0.7;
  }
  .Icon-CTA-Card .Icon-CTA-Card-Actions .Icon-CTA-Card-Button-Info .Icon-CTA-Card-Button-Info-Data {
    margin: 0px;
    text-align: center;
  }
  .Icon-CTA-Card .Icon-CTA-Card-Actions .Icon-CTA-Card-Button-Info .Icon-CTA-Card-Button-Info-Data .Highlighted {
    font-size: 1rem;
    color: rgb(230, 80, 120);
    font-weight: 500;
  }
  .Icon-CTA-Card .Icon-CTA-Card-Actions .Icon-CTA-Card-Button-Info .Icon-CTA-Card-Button-Info-Data .Not-Highlighted {
    font-size: 0.75rem;
    font-weight: 400;
  }
  .Icon-CTA-Card .Icon-CTA-Card-Actions .Icon-CTA-Card-Button {
    background-color: rgb(218, 66, 92);
    color: #fff;
    border: none;
    padding: 5px 16px;
    padding-right: 5px;
    padding-left: 0px;
    border-radius: 100px;
    font-size: 1rem;
    cursor: pointer;
    transition: background-color 0.3s;
    display: flex;
    text-align: center !important;
    align-items: center;
    justify-content: center;
    opacity: 0.8;
  }
  .Icon-CTA-Card .Icon-CTA-Card-Actions .Icon-CTA-Card-Button .Icon-CTA-Card-Button-Text {
    color: white;
    font-weight: 500;
    text-shadow: 0 0 15px black;
    margin: 0px 15px;
    padding-left: 10px;
    letter-spacing: 1px;
    font-size: 13px;
    min-width: -moz-max-content;
    min-width: max-content;
  }
  .Icon-CTA-Card .Icon-CTA-Card-Actions .Icon-CTA-Card-Button .Icon-CTA-Card-Button-Icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 15px;
    height: 15px;
    background-color: rgba(0, 0, 0, 0.322);
    padding: 5px;
    border-radius: 100px;
    opacity: 0.6;
    margin: 0px;
  }
  .Dual-Explination .Dual-Explination-Container {
    padding-left: 10%;
    padding-right: 10%;
  }
  .Dual-Explination .Dual-Explination-Container .Single-Explination {
    margin-top: 25px;
    margin-bottom: 25px;
  }
  .Dual-Explination .Dual-Explination-Container .Single-Explination .Single-Explination-Details {
    min-height: 55%;
  }
  .Dual-Explination .Dual-Explination-Container .Single-Explination .Single-Explination-Image {
    max-height: 470px;
  }
  .Service-Main {
    flex-direction: row;
  }
  .Service-Main .Service-Visuals[data-view-state=closed] .Service-Hero {
    width: 55% !important;
  }
  .Service-Main .Service-Visuals[data-view-state=closed] .Service-Gallery {
    width: 45%;
  }
  .Service-Main .Service-Visuals[data-view-state=closed] .Service-Gallery .Gallery-Images {
    flex-direction: row;
  }
  .Service-Main .Service-Visuals[data-view-state=closed] .Service-Gallery .Gallery-Image-Container {
    width: calc(50% - 4px) !important;
    height: calc(50% - 4px) !important;
  }
  .Service-Main .Service-Visuals[data-view-state=closed] .Service-Gallery .Gallery-Image-Container:nth-child(5) {
    display: flex !important;
  }
  .Service-Main .Service-Details .Service-Primary-Details {
    padding: 0px;
  }
  .Service-Main .Service-Details .Service-Primary-Details .Service-Title {
    font-size: 1.8rem;
  }
  .Frequently-Asked-Questions {
    width: 45%;
    padding-left: 27.5%;
    padding-right: 27.5%;
  }
  .Explination {
    width: 70%;
    padding-top: 100px;
    padding-bottom: 100px;
    align-items: flex-start;
    margin: 0px;
    padding-right: 15%;
    padding-left: 15%;
  }
  .how-it-works .How-It-Works-Title {
    margin-bottom: 70px;
  }
  .Benefits-Container {
    width: 80%;
    padding-right: 10%;
    padding-left: 10%;
    margin-left: 0px;
    margin-right: 0px;
  }
  .Benefits-Container .Benefit-Image {
    min-height: 270px;
  }
}
.Pricing {
  display: none;
}/*# sourceMappingURL=all-styles.css.map */