@import "../../node_modules/bootstrap/dist/css/bootstrap.css";
@import url("https://fonts.googleapis.com/css2?family=Google+Sans+Flex:opsz,wght@6..144,1..1000&display=swap");
.transparent-gradient {
  background: rgb(255, 255, 255);
  background: -moz-linear-gradient(top, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgb(255, 255, 255)), color-stop(100%, rgba(255, 255, 255, 0)));
  background: -webkit-linear-gradient(top, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
  background: -o-linear-gradient(top, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
  background: -ms-linear-gradient(top, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
}

.transparent-gradient-black {
  background: rgba(255, 255, 255, 0);
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.43) 43%, rgb(163, 163, 163) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(43%, rgba(255, 255, 255, 0.43)), color-stop(100%, rgb(163, 163, 163)));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.43) 43%, rgb(163, 163, 163) 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.43) 43%, rgb(163, 163, 163) 100%);
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.43) 43%, rgb(163, 163, 163) 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.43) 43%, rgb(163, 163, 163) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#a3a3a3', GradientType=0 );
}

.default-button {
  padding: 18px 30px;
  text-transform: uppercase;
  font-size: 90%;
  font-weight: bold;
  border-radius: 2px;
}
.default-button:hover {
  color: #000;
  text-decoration: none;
}
.default-button .icon {
  margin-left: 70px;
}

@font-face {
  font-family: "linearicons";
  src: url("../fonts/linearicons.eot?birjlm");
  src: url("../fonts/linearicons.eot?birjlm#iefix") format("embedded-opentype"), url("../fonts/linearicons.ttf?birjlm") format("truetype"), url("../fonts/linearicons.woff?birjlm") format("woff"), url("../fonts/linearicons.svg?birjlm#linearicons") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^=lnr-], [class*=" lnr-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "linearicons" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.lnr-home:before {
  content: "\e600";
}

.lnr-home2:before {
  content: "\e601";
}

.lnr-home3:before {
  content: "\e602";
}

.lnr-home4:before {
  content: "\e603";
}

.lnr-home5:before {
  content: "\e604";
}

.lnr-home6:before {
  content: "\e605";
}

.lnr-bathtub:before {
  content: "\e606";
}

.lnr-toothbrush:before {
  content: "\e607";
}

.lnr-bed:before {
  content: "\e608";
}

.lnr-couch:before {
  content: "\e609";
}

.lnr-chair:before {
  content: "\e60a";
}

.lnr-city:before {
  content: "\e60b";
}

.lnr-apartment:before {
  content: "\e60c";
}

.lnr-pencil:before {
  content: "\e60d";
}

.lnr-pencil2:before {
  content: "\e60e";
}

.lnr-pen:before {
  content: "\e60f";
}

.lnr-pencil3:before {
  content: "\e610";
}

.lnr-eraser:before {
  content: "\e611";
}

.lnr-pencil4:before {
  content: "\e612";
}

.lnr-pencil5:before {
  content: "\e613";
}

.lnr-feather:before {
  content: "\e614";
}

.lnr-feather2:before {
  content: "\e615";
}

.lnr-feather3:before {
  content: "\e616";
}

.lnr-pen2:before {
  content: "\e617";
}

.lnr-pen-add:before {
  content: "\e618";
}

.lnr-pen-remove:before {
  content: "\e619";
}

.lnr-vector:before {
  content: "\e61a";
}

.lnr-pen3:before {
  content: "\e61b";
}

.lnr-blog:before {
  content: "\e61c";
}

.lnr-brush:before {
  content: "\e61d";
}

.lnr-brush2:before {
  content: "\e61e";
}

.lnr-spray:before {
  content: "\e61f";
}

.lnr-paint-roller:before {
  content: "\e620";
}

.lnr-stamp:before {
  content: "\e621";
}

.lnr-tape:before {
  content: "\e622";
}

.lnr-desk-tape:before {
  content: "\e623";
}

.lnr-texture:before {
  content: "\e624";
}

.lnr-eye-dropper:before {
  content: "\e625";
}

.lnr-palette:before {
  content: "\e626";
}

.lnr-color-sampler:before {
  content: "\e627";
}

.lnr-bucket:before {
  content: "\e628";
}

.lnr-gradient:before {
  content: "\e629";
}

.lnr-gradient2:before {
  content: "\e62a";
}

.lnr-magic-wand:before {
  content: "\e62b";
}

.lnr-magnet:before {
  content: "\e62c";
}

.lnr-pencil-ruler:before {
  content: "\e62d";
}

.lnr-pencil-ruler2:before {
  content: "\e62e";
}

.lnr-compass:before {
  content: "\e62f";
}

.lnr-aim:before {
  content: "\e630";
}

.lnr-gun:before {
  content: "\e631";
}

.lnr-bottle:before {
  content: "\e632";
}

.lnr-drop:before {
  content: "\e633";
}

.lnr-drop-crossed:before {
  content: "\e634";
}

.lnr-drop2:before {
  content: "\e635";
}

.lnr-snow:before {
  content: "\e636";
}

.lnr-snow2:before {
  content: "\e637";
}

.lnr-fire:before {
  content: "\e638";
}

.lnr-lighter:before {
  content: "\e639";
}

.lnr-knife:before {
  content: "\e63a";
}

.lnr-dagger:before {
  content: "\e63b";
}

.lnr-tissue:before {
  content: "\e63c";
}

.lnr-toilet-paper:before {
  content: "\e63d";
}

.lnr-poop:before {
  content: "\e63e";
}

.lnr-umbrella:before {
  content: "\e63f";
}

.lnr-umbrella2:before {
  content: "\e640";
}

.lnr-rain:before {
  content: "\e641";
}

.lnr-tornado:before {
  content: "\e642";
}

.lnr-wind:before {
  content: "\e643";
}

.lnr-fan:before {
  content: "\e644";
}

.lnr-contrast:before {
  content: "\e645";
}

.lnr-sun-small:before {
  content: "\e646";
}

.lnr-sun:before {
  content: "\e647";
}

.lnr-sun2:before {
  content: "\e648";
}

.lnr-moon:before {
  content: "\e649";
}

.lnr-cloud:before {
  content: "\e64a";
}

.lnr-cloud-upload:before {
  content: "\e64b";
}

.lnr-cloud-download:before {
  content: "\e64c";
}

.lnr-cloud-rain:before {
  content: "\e64d";
}

.lnr-cloud-hailstones:before {
  content: "\e64e";
}

.lnr-cloud-snow:before {
  content: "\e64f";
}

.lnr-cloud-windy:before {
  content: "\e650";
}

.lnr-sun-wind:before {
  content: "\e651";
}

.lnr-cloud-fog:before {
  content: "\e652";
}

.lnr-cloud-sun:before {
  content: "\e653";
}

.lnr-cloud-lightning:before {
  content: "\e654";
}

.lnr-cloud-sync:before {
  content: "\e655";
}

.lnr-cloud-lock:before {
  content: "\e656";
}

.lnr-cloud-gear:before {
  content: "\e657";
}

.lnr-cloud-alert:before {
  content: "\e658";
}

.lnr-cloud-check:before {
  content: "\e659";
}

.lnr-cloud-cross:before {
  content: "\e65a";
}

.lnr-cloud-crossed:before {
  content: "\e65b";
}

.lnr-cloud-database:before {
  content: "\e65c";
}

.lnr-database:before {
  content: "\e65d";
}

.lnr-database-add:before {
  content: "\e65e";
}

.lnr-database-remove:before {
  content: "\e65f";
}

.lnr-database-lock:before {
  content: "\e660";
}

.lnr-database-refresh:before {
  content: "\e661";
}

.lnr-database-check:before {
  content: "\e662";
}

.lnr-database-history:before {
  content: "\e663";
}

.lnr-database-upload:before {
  content: "\e664";
}

.lnr-database-download:before {
  content: "\e665";
}

.lnr-server:before {
  content: "\e666";
}

.lnr-shield:before {
  content: "\e667";
}

.lnr-shield-check:before {
  content: "\e668";
}

.lnr-shield-alert:before {
  content: "\e669";
}

.lnr-shield-cross:before {
  content: "\e66a";
}

.lnr-lock:before {
  content: "\e66b";
}

.lnr-rotation-lock:before {
  content: "\e66c";
}

.lnr-unlock:before {
  content: "\e66d";
}

.lnr-key:before {
  content: "\e66e";
}

.lnr-key-hole:before {
  content: "\e66f";
}

.lnr-toggle-off:before {
  content: "\e670";
}

.lnr-toggle-on:before {
  content: "\e671";
}

.lnr-cog:before {
  content: "\e672";
}

.lnr-cog2:before {
  content: "\e673";
}

.lnr-wrench:before {
  content: "\e674";
}

.lnr-screwdriver:before {
  content: "\e675";
}

.lnr-hammer-wrench:before {
  content: "\e676";
}

.lnr-hammer:before {
  content: "\e677";
}

.lnr-saw:before {
  content: "\e678";
}

.lnr-axe:before {
  content: "\e679";
}

.lnr-axe2:before {
  content: "\e67a";
}

.lnr-shovel:before {
  content: "\e67b";
}

.lnr-pickaxe:before {
  content: "\e67c";
}

.lnr-factory:before {
  content: "\e67d";
}

.lnr-factory2:before {
  content: "\e67e";
}

.lnr-recycle:before {
  content: "\e67f";
}

.lnr-trash:before {
  content: "\e680";
}

.lnr-trash2:before {
  content: "\e681";
}

.lnr-trash3:before {
  content: "\e682";
}

.lnr-broom:before {
  content: "\e683";
}

.lnr-game:before {
  content: "\e684";
}

.lnr-gamepad:before {
  content: "\e685";
}

.lnr-joystick:before {
  content: "\e686";
}

.lnr-dice:before {
  content: "\e687";
}

.lnr-spades:before {
  content: "\e688";
}

.lnr-diamonds:before {
  content: "\e689";
}

.lnr-clubs:before {
  content: "\e68a";
}

.lnr-hearts:before {
  content: "\e68b";
}

.lnr-heart:before {
  content: "\e68c";
}

.lnr-star:before {
  content: "\e68d";
}

.lnr-star-half:before {
  content: "\e68e";
}

.lnr-star-empty:before {
  content: "\e68f";
}

.lnr-flag:before {
  content: "\e690";
}

.lnr-flag2:before {
  content: "\e691";
}

.lnr-flag3:before {
  content: "\e692";
}

.lnr-mailbox-full:before {
  content: "\e693";
}

.lnr-mailbox-empty:before {
  content: "\e694";
}

.lnr-at-sign:before {
  content: "\e695";
}

.lnr-envelope:before {
  content: "\e696";
}

.lnr-envelope-open:before {
  content: "\e697";
}

.lnr-paperclip:before {
  content: "\e698";
}

.lnr-paper-plane:before {
  content: "\e699";
}

.lnr-reply:before {
  content: "\e69a";
}

.lnr-reply-all:before {
  content: "\e69b";
}

.lnr-inbox:before {
  content: "\e69c";
}

.lnr-inbox2:before {
  content: "\e69d";
}

.lnr-outbox:before {
  content: "\e69e";
}

.lnr-box:before {
  content: "\e69f";
}

.lnr-archive:before {
  content: "\e6a0";
}

.lnr-archive2:before {
  content: "\e6a1";
}

.lnr-drawers:before {
  content: "\e6a2";
}

.lnr-drawers2:before {
  content: "\e6a3";
}

.lnr-drawers3:before {
  content: "\e6a4";
}

.lnr-eye:before {
  content: "\e6a5";
}

.lnr-eye-crossed:before {
  content: "\e6a6";
}

.lnr-eye-plus:before {
  content: "\e6a7";
}

.lnr-eye-minus:before {
  content: "\e6a8";
}

.lnr-binoculars:before {
  content: "\e6a9";
}

.lnr-binoculars2:before {
  content: "\e6aa";
}

.lnr-hdd:before {
  content: "\e6ab";
}

.lnr-hdd-down:before {
  content: "\e6ac";
}

.lnr-hdd-up:before {
  content: "\e6ad";
}

.lnr-floppy-disk:before {
  content: "\e6ae";
}

.lnr-disc:before {
  content: "\e6af";
}

.lnr-tape2:before {
  content: "\e6b0";
}

.lnr-printer:before {
  content: "\e6b1";
}

.lnr-shredder:before {
  content: "\e6b2";
}

.lnr-file-empty:before {
  content: "\e6b3";
}

.lnr-file-add:before {
  content: "\e6b4";
}

.lnr-file-check:before {
  content: "\e6b5";
}

.lnr-file-lock:before {
  content: "\e6b6";
}

.lnr-files:before {
  content: "\e6b7";
}

.lnr-copy:before {
  content: "\e6b8";
}

.lnr-compare:before {
  content: "\e6b9";
}

.lnr-folder:before {
  content: "\e6ba";
}

.lnr-folder-search:before {
  content: "\e6bb";
}

.lnr-folder-plus:before {
  content: "\e6bc";
}

.lnr-folder-minus:before {
  content: "\e6bd";
}

.lnr-folder-download:before {
  content: "\e6be";
}

.lnr-folder-upload:before {
  content: "\e6bf";
}

.lnr-folder-star:before {
  content: "\e6c0";
}

.lnr-folder-heart:before {
  content: "\e6c1";
}

.lnr-folder-user:before {
  content: "\e6c2";
}

.lnr-folder-shared:before {
  content: "\e6c3";
}

.lnr-folder-music:before {
  content: "\e6c4";
}

.lnr-folder-picture:before {
  content: "\e6c5";
}

.lnr-folder-film:before {
  content: "\e6c6";
}

.lnr-scissors:before {
  content: "\e6c7";
}

.lnr-paste:before {
  content: "\e6c8";
}

.lnr-clipboard-empty:before {
  content: "\e6c9";
}

.lnr-clipboard-pencil:before {
  content: "\e6ca";
}

.lnr-clipboard-text:before {
  content: "\e6cb";
}

.lnr-clipboard-check:before {
  content: "\e6cc";
}

.lnr-clipboard-down:before {
  content: "\e6cd";
}

.lnr-clipboard-left:before {
  content: "\e6ce";
}

.lnr-clipboard-alert:before {
  content: "\e6cf";
}

.lnr-clipboard-user:before {
  content: "\e6d0";
}

.lnr-register:before {
  content: "\e6d1";
}

.lnr-enter:before {
  content: "\e6d2";
}

.lnr-exit:before {
  content: "\e6d3";
}

.lnr-papers:before {
  content: "\e6d4";
}

.lnr-news:before {
  content: "\e6d5";
}

.lnr-reading:before {
  content: "\e6d6";
}

.lnr-typewriter:before {
  content: "\e6d7";
}

.lnr-document:before {
  content: "\e6d8";
}

.lnr-document2:before {
  content: "\e6d9";
}

.lnr-graduation-hat:before {
  content: "\e6da";
}

.lnr-license:before {
  content: "\e6db";
}

.lnr-license2:before {
  content: "\e6dc";
}

.lnr-medal-empty:before {
  content: "\e6dd";
}

.lnr-medal-first:before {
  content: "\e6de";
}

.lnr-medal-second:before {
  content: "\e6df";
}

.lnr-medal-third:before {
  content: "\e6e0";
}

.lnr-podium:before {
  content: "\e6e1";
}

.lnr-trophy:before {
  content: "\e6e2";
}

.lnr-trophy2:before {
  content: "\e6e3";
}

.lnr-music-note:before {
  content: "\e6e4";
}

.lnr-music-note2:before {
  content: "\e6e5";
}

.lnr-music-note3:before {
  content: "\e6e6";
}

.lnr-playlist:before {
  content: "\e6e7";
}

.lnr-playlist-add:before {
  content: "\e6e8";
}

.lnr-guitar:before {
  content: "\e6e9";
}

.lnr-trumpet:before {
  content: "\e6ea";
}

.lnr-album:before {
  content: "\e6eb";
}

.lnr-shuffle:before {
  content: "\e6ec";
}

.lnr-repeat-one:before {
  content: "\e6ed";
}

.lnr-repeat:before {
  content: "\e6ee";
}

.lnr-headphones:before {
  content: "\e6ef";
}

.lnr-headset:before {
  content: "\e6f0";
}

.lnr-loudspeaker:before {
  content: "\e6f1";
}

.lnr-equalizer:before {
  content: "\e6f2";
}

.lnr-theater:before {
  content: "\e6f3";
}

.lnr-3d-glasses:before {
  content: "\e6f4";
}

.lnr-ticket:before {
  content: "\e6f5";
}

.lnr-presentation:before {
  content: "\e6f6";
}

.lnr-play:before {
  content: "\e6f7";
}

.lnr-film-play:before {
  content: "\e6f8";
}

.lnr-clapboard-play:before {
  content: "\e6f9";
}

.lnr-media:before {
  content: "\e6fa";
}

.lnr-film:before {
  content: "\e6fb";
}

.lnr-film2:before {
  content: "\e6fc";
}

.lnr-surveillance:before {
  content: "\e6fd";
}

.lnr-surveillance2:before {
  content: "\e6fe";
}

.lnr-camera:before {
  content: "\e6ff";
}

.lnr-camera-crossed:before {
  content: "\e700";
}

.lnr-camera-play:before {
  content: "\e701";
}

.lnr-time-lapse:before {
  content: "\e702";
}

.lnr-record:before {
  content: "\e703";
}

.lnr-camera2:before {
  content: "\e704";
}

.lnr-camera-flip:before {
  content: "\e705";
}

.lnr-panorama:before {
  content: "\e706";
}

.lnr-time-lapse2:before {
  content: "\e707";
}

.lnr-shutter:before {
  content: "\e708";
}

.lnr-shutter2:before {
  content: "\e709";
}

.lnr-face-detection:before {
  content: "\e70a";
}

.lnr-flare:before {
  content: "\e70b";
}

.lnr-convex:before {
  content: "\e70c";
}

.lnr-concave:before {
  content: "\e70d";
}

.lnr-picture:before {
  content: "\e70e";
}

.lnr-picture2:before {
  content: "\e70f";
}

.lnr-picture3:before {
  content: "\e710";
}

.lnr-pictures:before {
  content: "\e711";
}

.lnr-book:before {
  content: "\e712";
}

.lnr-audio-book:before {
  content: "\e713";
}

.lnr-book2:before {
  content: "\e714";
}

.lnr-bookmark:before {
  content: "\e715";
}

.lnr-bookmark2:before {
  content: "\e716";
}

.lnr-label:before {
  content: "\e717";
}

.lnr-library:before {
  content: "\e718";
}

.lnr-library2:before {
  content: "\e719";
}

.lnr-contacts:before {
  content: "\e71a";
}

.lnr-profile:before {
  content: "\e71b";
}

.lnr-portrait:before {
  content: "\e71c";
}

.lnr-portrait2:before {
  content: "\e71d";
}

.lnr-user:before {
  content: "\e71e";
}

.lnr-user-plus:before {
  content: "\e71f";
}

.lnr-user-minus:before {
  content: "\e720";
}

.lnr-user-lock:before {
  content: "\e721";
}

.lnr-users:before {
  content: "\e722";
}

.lnr-users2:before {
  content: "\e723";
}

.lnr-users-plus:before {
  content: "\e724";
}

.lnr-users-minus:before {
  content: "\e725";
}

.lnr-group-work:before {
  content: "\e726";
}

.lnr-woman:before {
  content: "\e727";
}

.lnr-man:before {
  content: "\e728";
}

.lnr-baby:before {
  content: "\e729";
}

.lnr-baby2:before {
  content: "\e72a";
}

.lnr-baby3:before {
  content: "\e72b";
}

.lnr-baby-bottle:before {
  content: "\e72c";
}

.lnr-walk:before {
  content: "\e72d";
}

.lnr-hand-waving:before {
  content: "\e72e";
}

.lnr-jump:before {
  content: "\e72f";
}

.lnr-run:before {
  content: "\e730";
}

.lnr-woman2:before {
  content: "\e731";
}

.lnr-man2:before {
  content: "\e732";
}

.lnr-man-woman:before {
  content: "\e733";
}

.lnr-height:before {
  content: "\e734";
}

.lnr-weight:before {
  content: "\e735";
}

.lnr-scale:before {
  content: "\e736";
}

.lnr-button:before {
  content: "\e737";
}

.lnr-bow-tie:before {
  content: "\e738";
}

.lnr-tie:before {
  content: "\e739";
}

.lnr-socks:before {
  content: "\e73a";
}

.lnr-shoe:before {
  content: "\e73b";
}

.lnr-shoes:before {
  content: "\e73c";
}

.lnr-hat:before {
  content: "\e73d";
}

.lnr-pants:before {
  content: "\e73e";
}

.lnr-shorts:before {
  content: "\e73f";
}

.lnr-flip-flops:before {
  content: "\e740";
}

.lnr-shirt:before {
  content: "\e741";
}

.lnr-hanger:before {
  content: "\e742";
}

.lnr-laundry:before {
  content: "\e743";
}

.lnr-store:before {
  content: "\e744";
}

.lnr-haircut:before {
  content: "\e745";
}

.lnr-store-24:before {
  content: "\e746";
}

.lnr-barcode:before {
  content: "\e747";
}

.lnr-barcode2:before {
  content: "\e748";
}

.lnr-barcode3:before {
  content: "\e749";
}

.lnr-cashier:before {
  content: "\e74a";
}

.lnr-bag:before {
  content: "\e74b";
}

.lnr-bag2:before {
  content: "\e74c";
}

.lnr-cart:before {
  content: "\e74d";
}

.lnr-cart-empty:before {
  content: "\e74e";
}

.lnr-cart-full:before {
  content: "\e74f";
}

.lnr-cart-plus:before {
  content: "\e750";
}

.lnr-cart-plus2:before {
  content: "\e751";
}

.lnr-cart-add:before {
  content: "\e752";
}

.lnr-cart-remove:before {
  content: "\e753";
}

.lnr-cart-exchange:before {
  content: "\e754";
}

.lnr-tag:before {
  content: "\e755";
}

.lnr-tags:before {
  content: "\e756";
}

.lnr-receipt:before {
  content: "\e757";
}

.lnr-wallet:before {
  content: "\e758";
}

.lnr-credit-card:before {
  content: "\e759";
}

.lnr-cash-dollar:before {
  content: "\e75a";
}

.lnr-cash-euro:before {
  content: "\e75b";
}

.lnr-cash-pound:before {
  content: "\e75c";
}

.lnr-cash-yen:before {
  content: "\e75d";
}

.lnr-bag-dollar:before {
  content: "\e75e";
}

.lnr-bag-euro:before {
  content: "\e75f";
}

.lnr-bag-pound:before {
  content: "\e760";
}

.lnr-bag-yen:before {
  content: "\e761";
}

.lnr-coin-dollar:before {
  content: "\e762";
}

.lnr-coin-euro:before {
  content: "\e763";
}

.lnr-coin-pound:before {
  content: "\e764";
}

.lnr-coin-yen:before {
  content: "\e765";
}

.lnr-calculator:before {
  content: "\e766";
}

.lnr-calculator2:before {
  content: "\e767";
}

.lnr-abacus:before {
  content: "\e768";
}

.lnr-vault:before {
  content: "\e769";
}

.lnr-telephone:before {
  content: "\e76a";
}

.lnr-phone-lock:before {
  content: "\e76b";
}

.lnr-phone-wave:before {
  content: "\e76c";
}

.lnr-phone-pause:before {
  content: "\e76d";
}

.lnr-phone-outgoing:before {
  content: "\e76e";
}

.lnr-phone-incoming:before {
  content: "\e76f";
}

.lnr-phone-in-out:before {
  content: "\e770";
}

.lnr-phone-error:before {
  content: "\e771";
}

.lnr-phone-sip:before {
  content: "\e772";
}

.lnr-phone-plus:before {
  content: "\e773";
}

.lnr-phone-minus:before {
  content: "\e774";
}

.lnr-voicemail:before {
  content: "\e775";
}

.lnr-dial:before {
  content: "\e776";
}

.lnr-telephone2:before {
  content: "\e777";
}

.lnr-pushpin:before {
  content: "\e778";
}

.lnr-pushpin2:before {
  content: "\e779";
}

.lnr-map-marker:before {
  content: "\e77a";
}

.lnr-map-marker-user:before {
  content: "\e77b";
}

.lnr-map-marker-down:before {
  content: "\e77c";
}

.lnr-map-marker-check:before {
  content: "\e77d";
}

.lnr-map-marker-crossed:before {
  content: "\e77e";
}

.lnr-radar:before {
  content: "\e77f";
}

.lnr-compass2:before {
  content: "\e780";
}

.lnr-map:before {
  content: "\e781";
}

.lnr-map2:before {
  content: "\e782";
}

.lnr-location:before {
  content: "\e783";
}

.lnr-road-sign:before {
  content: "\e784";
}

.lnr-calendar-empty:before {
  content: "\e785";
}

.lnr-calendar-check:before {
  content: "\e786";
}

.lnr-calendar-cross:before {
  content: "\e787";
}

.lnr-calendar-31:before {
  content: "\e788";
}

.lnr-calendar-full:before {
  content: "\e789";
}

.lnr-calendar-insert:before {
  content: "\e78a";
}

.lnr-calendar-text:before {
  content: "\e78b";
}

.lnr-calendar-user:before {
  content: "\e78c";
}

.lnr-mouse:before {
  content: "\e78d";
}

.lnr-mouse-left:before {
  content: "\e78e";
}

.lnr-mouse-right:before {
  content: "\e78f";
}

.lnr-mouse-both:before {
  content: "\e790";
}

.lnr-keyboard:before {
  content: "\e791";
}

.lnr-keyboard-up:before {
  content: "\e792";
}

.lnr-keyboard-down:before {
  content: "\e793";
}

.lnr-delete:before {
  content: "\e794";
}

.lnr-spell-check:before {
  content: "\e795";
}

.lnr-escape:before {
  content: "\e796";
}

.lnr-enter2:before {
  content: "\e797";
}

.lnr-screen:before {
  content: "\e798";
}

.lnr-aspect-ratio:before {
  content: "\e799";
}

.lnr-signal:before {
  content: "\e79a";
}

.lnr-signal-lock:before {
  content: "\e79b";
}

.lnr-signal-80:before {
  content: "\e79c";
}

.lnr-signal-60:before {
  content: "\e79d";
}

.lnr-signal-40:before {
  content: "\e79e";
}

.lnr-signal-20:before {
  content: "\e79f";
}

.lnr-signal-0:before {
  content: "\e7a0";
}

.lnr-signal-blocked:before {
  content: "\e7a1";
}

.lnr-sim:before {
  content: "\e7a2";
}

.lnr-flash-memory:before {
  content: "\e7a3";
}

.lnr-usb-drive:before {
  content: "\e7a4";
}

.lnr-phone:before {
  content: "\e7a5";
}

.lnr-smartphone:before {
  content: "\e7a6";
}

.lnr-smartphone-notification:before {
  content: "\e7a7";
}

.lnr-smartphone-vibration:before {
  content: "\e7a8";
}

.lnr-smartphone-embed:before {
  content: "\e7a9";
}

.lnr-smartphone-waves:before {
  content: "\e7aa";
}

.lnr-tablet:before {
  content: "\e7ab";
}

.lnr-tablet2:before {
  content: "\e7ac";
}

.lnr-laptop:before {
  content: "\e7ad";
}

.lnr-laptop-phone:before {
  content: "\e7ae";
}

.lnr-desktop:before {
  content: "\e7af";
}

.lnr-launch:before {
  content: "\e7b0";
}

.lnr-new-tab:before {
  content: "\e7b1";
}

.lnr-window:before {
  content: "\e7b2";
}

.lnr-cable:before {
  content: "\e7b3";
}

.lnr-cable2:before {
  content: "\e7b4";
}

.lnr-tv:before {
  content: "\e7b5";
}

.lnr-radio:before {
  content: "\e7b6";
}

.lnr-remote-control:before {
  content: "\e7b7";
}

.lnr-power-switch:before {
  content: "\e7b8";
}

.lnr-power:before {
  content: "\e7b9";
}

.lnr-power-crossed:before {
  content: "\e7ba";
}

.lnr-flash-auto:before {
  content: "\e7bb";
}

.lnr-lamp:before {
  content: "\e7bc";
}

.lnr-flashlight:before {
  content: "\e7bd";
}

.lnr-lampshade:before {
  content: "\e7be";
}

.lnr-cord:before {
  content: "\e7bf";
}

.lnr-outlet:before {
  content: "\e7c0";
}

.lnr-battery-power:before {
  content: "\e7c1";
}

.lnr-battery-empty:before {
  content: "\e7c2";
}

.lnr-battery-alert:before {
  content: "\e7c3";
}

.lnr-battery-error:before {
  content: "\e7c4";
}

.lnr-battery-low1:before {
  content: "\e7c5";
}

.lnr-battery-low2:before {
  content: "\e7c6";
}

.lnr-battery-low3:before {
  content: "\e7c7";
}

.lnr-battery-mid1:before {
  content: "\e7c8";
}

.lnr-battery-mid2:before {
  content: "\e7c9";
}

.lnr-battery-mid3:before {
  content: "\e7ca";
}

.lnr-battery-full:before {
  content: "\e7cb";
}

.lnr-battery-charging:before {
  content: "\e7cc";
}

.lnr-battery-charging2:before {
  content: "\e7cd";
}

.lnr-battery-charging3:before {
  content: "\e7ce";
}

.lnr-battery-charging4:before {
  content: "\e7cf";
}

.lnr-battery-charging5:before {
  content: "\e7d0";
}

.lnr-battery-charging6:before {
  content: "\e7d1";
}

.lnr-battery-charging7:before {
  content: "\e7d2";
}

.lnr-chip:before {
  content: "\e7d3";
}

.lnr-chip-x64:before {
  content: "\e7d4";
}

.lnr-chip-x86:before {
  content: "\e7d5";
}

.lnr-bubble:before {
  content: "\e7d6";
}

.lnr-bubbles:before {
  content: "\e7d7";
}

.lnr-bubble-dots:before {
  content: "\e7d8";
}

.lnr-bubble-alert:before {
  content: "\e7d9";
}

.lnr-bubble-question:before {
  content: "\e7da";
}

.lnr-bubble-text:before {
  content: "\e7db";
}

.lnr-bubble-pencil:before {
  content: "\e7dc";
}

.lnr-bubble-picture:before {
  content: "\e7dd";
}

.lnr-bubble-video:before {
  content: "\e7de";
}

.lnr-bubble-user:before {
  content: "\e7df";
}

.lnr-bubble-quote:before {
  content: "\e7e0";
}

.lnr-bubble-heart:before {
  content: "\e7e1";
}

.lnr-bubble-emoticon:before {
  content: "\e7e2";
}

.lnr-bubble-attachment:before {
  content: "\e7e3";
}

.lnr-phone-bubble:before {
  content: "\e7e4";
}

.lnr-quote-open:before {
  content: "\e7e5";
}

.lnr-quote-close:before {
  content: "\e7e6";
}

.lnr-dna:before {
  content: "\e7e7";
}

.lnr-heart-pulse:before {
  content: "\e7e8";
}

.lnr-pulse:before {
  content: "\e7e9";
}

.lnr-syringe:before {
  content: "\e7ea";
}

.lnr-pills:before {
  content: "\e7eb";
}

.lnr-first-aid:before {
  content: "\e7ec";
}

.lnr-lifebuoy:before {
  content: "\e7ed";
}

.lnr-bandage:before {
  content: "\e7ee";
}

.lnr-bandages:before {
  content: "\e7ef";
}

.lnr-thermometer:before {
  content: "\e7f0";
}

.lnr-microscope:before {
  content: "\e7f1";
}

.lnr-brain:before {
  content: "\e7f2";
}

.lnr-beaker:before {
  content: "\e7f3";
}

.lnr-skull:before {
  content: "\e7f4";
}

.lnr-bone:before {
  content: "\e7f5";
}

.lnr-construction:before {
  content: "\e7f6";
}

.lnr-construction-cone:before {
  content: "\e7f7";
}

.lnr-pie-chart:before {
  content: "\e7f8";
}

.lnr-pie-chart2:before {
  content: "\e7f9";
}

.lnr-graph:before {
  content: "\e7fa";
}

.lnr-chart-growth:before {
  content: "\e7fb";
}

.lnr-chart-bars:before {
  content: "\e7fc";
}

.lnr-chart-settings:before {
  content: "\e7fd";
}

.lnr-cake:before {
  content: "\e7fe";
}

.lnr-gift:before {
  content: "\e7ff";
}

.lnr-balloon:before {
  content: "\e800";
}

.lnr-rank:before {
  content: "\e801";
}

.lnr-rank2:before {
  content: "\e802";
}

.lnr-rank3:before {
  content: "\e803";
}

.lnr-crown:before {
  content: "\e804";
}

.lnr-lotus:before {
  content: "\e805";
}

.lnr-diamond:before {
  content: "\e806";
}

.lnr-diamond2:before {
  content: "\e807";
}

.lnr-diamond3:before {
  content: "\e808";
}

.lnr-diamond4:before {
  content: "\e809";
}

.lnr-linearicons:before {
  content: "\e80a";
}

.lnr-teacup:before {
  content: "\e80b";
}

.lnr-teapot:before {
  content: "\e80c";
}

.lnr-glass:before {
  content: "\e80d";
}

.lnr-bottle2:before {
  content: "\e80e";
}

.lnr-glass-cocktail:before {
  content: "\e80f";
}

.lnr-glass2:before {
  content: "\e810";
}

.lnr-dinner:before {
  content: "\e811";
}

.lnr-dinner2:before {
  content: "\e812";
}

.lnr-chef:before {
  content: "\e813";
}

.lnr-scale2:before {
  content: "\e814";
}

.lnr-egg:before {
  content: "\e815";
}

.lnr-egg2:before {
  content: "\e816";
}

.lnr-eggs:before {
  content: "\e817";
}

.lnr-platter:before {
  content: "\e818";
}

.lnr-steak:before {
  content: "\e819";
}

.lnr-hamburger:before {
  content: "\e81a";
}

.lnr-hotdog:before {
  content: "\e81b";
}

.lnr-pizza:before {
  content: "\e81c";
}

.lnr-sausage:before {
  content: "\e81d";
}

.lnr-chicken:before {
  content: "\e81e";
}

.lnr-fish:before {
  content: "\e81f";
}

.lnr-carrot:before {
  content: "\e820";
}

.lnr-cheese:before {
  content: "\e821";
}

.lnr-bread:before {
  content: "\e822";
}

.lnr-ice-cream:before {
  content: "\e823";
}

.lnr-ice-cream2:before {
  content: "\e824";
}

.lnr-candy:before {
  content: "\e825";
}

.lnr-lollipop:before {
  content: "\e826";
}

.lnr-coffee-bean:before {
  content: "\e827";
}

.lnr-coffee-cup:before {
  content: "\e828";
}

.lnr-cherry:before {
  content: "\e829";
}

.lnr-grapes:before {
  content: "\e82a";
}

.lnr-citrus:before {
  content: "\e82b";
}

.lnr-apple:before {
  content: "\e82c";
}

.lnr-leaf:before {
  content: "\e82d";
}

.lnr-landscape:before {
  content: "\e82e";
}

.lnr-pine-tree:before {
  content: "\e82f";
}

.lnr-tree:before {
  content: "\e830";
}

.lnr-cactus:before {
  content: "\e831";
}

.lnr-paw:before {
  content: "\e832";
}

.lnr-footprint:before {
  content: "\e833";
}

.lnr-speed-slow:before {
  content: "\e834";
}

.lnr-speed-medium:before {
  content: "\e835";
}

.lnr-speed-fast:before {
  content: "\e836";
}

.lnr-rocket:before {
  content: "\e837";
}

.lnr-hammer2:before {
  content: "\e838";
}

.lnr-balance:before {
  content: "\e839";
}

.lnr-briefcase:before {
  content: "\e83a";
}

.lnr-luggage-weight:before {
  content: "\e83b";
}

.lnr-dolly:before {
  content: "\e83c";
}

.lnr-plane:before {
  content: "\e83d";
}

.lnr-plane-crossed:before {
  content: "\e83e";
}

.lnr-helicopter:before {
  content: "\e83f";
}

.lnr-traffic-lights:before {
  content: "\e840";
}

.lnr-siren:before {
  content: "\e841";
}

.lnr-road:before {
  content: "\e842";
}

.lnr-engine:before {
  content: "\e843";
}

.lnr-oil-pressure:before {
  content: "\e844";
}

.lnr-coolant-temperature:before {
  content: "\e845";
}

.lnr-car-battery:before {
  content: "\e846";
}

.lnr-gas:before {
  content: "\e847";
}

.lnr-gallon:before {
  content: "\e848";
}

.lnr-transmission:before {
  content: "\e849";
}

.lnr-car:before {
  content: "\e84a";
}

.lnr-car-wash:before {
  content: "\e84b";
}

.lnr-car-wash2:before {
  content: "\e84c";
}

.lnr-bus:before {
  content: "\e84d";
}

.lnr-bus2:before {
  content: "\e84e";
}

.lnr-car2:before {
  content: "\e84f";
}

.lnr-parking:before {
  content: "\e850";
}

.lnr-car-lock:before {
  content: "\e851";
}

.lnr-taxi:before {
  content: "\e852";
}

.lnr-car-siren:before {
  content: "\e853";
}

.lnr-car-wash3:before {
  content: "\e854";
}

.lnr-car-wash4:before {
  content: "\e855";
}

.lnr-ambulance:before {
  content: "\e856";
}

.lnr-truck:before {
  content: "\e857";
}

.lnr-trailer:before {
  content: "\e858";
}

.lnr-scale-truck:before {
  content: "\e859";
}

.lnr-train:before {
  content: "\e85a";
}

.lnr-ship:before {
  content: "\e85b";
}

.lnr-ship2:before {
  content: "\e85c";
}

.lnr-anchor:before {
  content: "\e85d";
}

.lnr-boat:before {
  content: "\e85e";
}

.lnr-bicycle:before {
  content: "\e85f";
}

.lnr-bicycle2:before {
  content: "\e860";
}

.lnr-dumbbell:before {
  content: "\e861";
}

.lnr-bench-press:before {
  content: "\e862";
}

.lnr-swim:before {
  content: "\e863";
}

.lnr-football:before {
  content: "\e864";
}

.lnr-baseball-bat:before {
  content: "\e865";
}

.lnr-baseball:before {
  content: "\e866";
}

.lnr-tennis:before {
  content: "\e867";
}

.lnr-tennis2:before {
  content: "\e868";
}

.lnr-ping-pong:before {
  content: "\e869";
}

.lnr-hockey:before {
  content: "\e86a";
}

.lnr-8ball:before {
  content: "\e86b";
}

.lnr-bowling:before {
  content: "\e86c";
}

.lnr-bowling-pins:before {
  content: "\e86d";
}

.lnr-golf:before {
  content: "\e86e";
}

.lnr-golf2:before {
  content: "\e86f";
}

.lnr-archery:before {
  content: "\e870";
}

.lnr-slingshot:before {
  content: "\e871";
}

.lnr-soccer:before {
  content: "\e872";
}

.lnr-basketball:before {
  content: "\e873";
}

.lnr-cube:before {
  content: "\e874";
}

.lnr-3d-rotate:before {
  content: "\e875";
}

.lnr-puzzle:before {
  content: "\e876";
}

.lnr-glasses:before {
  content: "\e877";
}

.lnr-glasses2:before {
  content: "\e878";
}

.lnr-accessibility:before {
  content: "\e879";
}

.lnr-wheelchair:before {
  content: "\e87a";
}

.lnr-wall:before {
  content: "\e87b";
}

.lnr-fence:before {
  content: "\e87c";
}

.lnr-wall2:before {
  content: "\e87d";
}

.lnr-icons:before {
  content: "\e87e";
}

.lnr-resize-handle:before {
  content: "\e87f";
}

.lnr-icons2:before {
  content: "\e880";
}

.lnr-select:before {
  content: "\e881";
}

.lnr-select2:before {
  content: "\e882";
}

.lnr-site-map:before {
  content: "\e883";
}

.lnr-earth:before {
  content: "\e884";
}

.lnr-earth-lock:before {
  content: "\e885";
}

.lnr-network:before {
  content: "\e886";
}

.lnr-network-lock:before {
  content: "\e887";
}

.lnr-planet:before {
  content: "\e888";
}

.lnr-happy:before {
  content: "\e889";
}

.lnr-smile:before {
  content: "\e88a";
}

.lnr-grin:before {
  content: "\e88b";
}

.lnr-tongue:before {
  content: "\e88c";
}

.lnr-sad:before {
  content: "\e88d";
}

.lnr-wink:before {
  content: "\e88e";
}

.lnr-dream:before {
  content: "\e88f";
}

.lnr-shocked:before {
  content: "\e890";
}

.lnr-shocked2:before {
  content: "\e891";
}

.lnr-tongue2:before {
  content: "\e892";
}

.lnr-neutral:before {
  content: "\e893";
}

.lnr-happy-grin:before {
  content: "\e894";
}

.lnr-cool:before {
  content: "\e895";
}

.lnr-mad:before {
  content: "\e896";
}

.lnr-grin-evil:before {
  content: "\e897";
}

.lnr-evil:before {
  content: "\e898";
}

.lnr-wow:before {
  content: "\e899";
}

.lnr-annoyed:before {
  content: "\e89a";
}

.lnr-wondering:before {
  content: "\e89b";
}

.lnr-confused:before {
  content: "\e89c";
}

.lnr-zipped:before {
  content: "\e89d";
}

.lnr-grumpy:before {
  content: "\e89e";
}

.lnr-mustache:before {
  content: "\e89f";
}

.lnr-tombstone-hipster:before {
  content: "\e8a0";
}

.lnr-tombstone:before {
  content: "\e8a1";
}

.lnr-ghost:before {
  content: "\e8a2";
}

.lnr-ghost-hipster:before {
  content: "\e8a3";
}

.lnr-halloween:before {
  content: "\e8a4";
}

.lnr-christmas:before {
  content: "\e8a5";
}

.lnr-easter-egg:before {
  content: "\e8a6";
}

.lnr-mustache2:before {
  content: "\e8a7";
}

.lnr-mustache-glasses:before {
  content: "\e8a8";
}

.lnr-pipe:before {
  content: "\e8a9";
}

.lnr-alarm:before {
  content: "\e8aa";
}

.lnr-alarm-add:before {
  content: "\e8ab";
}

.lnr-alarm-snooze:before {
  content: "\e8ac";
}

.lnr-alarm-ringing:before {
  content: "\e8ad";
}

.lnr-bullhorn:before {
  content: "\e8ae";
}

.lnr-hearing:before {
  content: "\e8af";
}

.lnr-volume-high:before {
  content: "\e8b0";
}

.lnr-volume-medium:before {
  content: "\e8b1";
}

.lnr-volume-low:before {
  content: "\e8b2";
}

.lnr-volume:before {
  content: "\e8b3";
}

.lnr-mute:before {
  content: "\e8b4";
}

.lnr-lan:before {
  content: "\e8b5";
}

.lnr-lan2:before {
  content: "\e8b6";
}

.lnr-wifi:before {
  content: "\e8b7";
}

.lnr-wifi-lock:before {
  content: "\e8b8";
}

.lnr-wifi-blocked:before {
  content: "\e8b9";
}

.lnr-wifi-mid:before {
  content: "\e8ba";
}

.lnr-wifi-low:before {
  content: "\e8bb";
}

.lnr-wifi-low2:before {
  content: "\e8bc";
}

.lnr-wifi-alert:before {
  content: "\e8bd";
}

.lnr-wifi-alert-mid:before {
  content: "\e8be";
}

.lnr-wifi-alert-low:before {
  content: "\e8bf";
}

.lnr-wifi-alert-low2:before {
  content: "\e8c0";
}

.lnr-stream:before {
  content: "\e8c1";
}

.lnr-stream-check:before {
  content: "\e8c2";
}

.lnr-stream-error:before {
  content: "\e8c3";
}

.lnr-stream-alert:before {
  content: "\e8c4";
}

.lnr-communication:before {
  content: "\e8c5";
}

.lnr-communication-crossed:before {
  content: "\e8c6";
}

.lnr-broadcast:before {
  content: "\e8c7";
}

.lnr-antenna:before {
  content: "\e8c8";
}

.lnr-satellite:before {
  content: "\e8c9";
}

.lnr-satellite2:before {
  content: "\e8ca";
}

.lnr-mic:before {
  content: "\e8cb";
}

.lnr-mic-mute:before {
  content: "\e8cc";
}

.lnr-mic2:before {
  content: "\e8cd";
}

.lnr-spotlights:before {
  content: "\e8ce";
}

.lnr-hourglass:before {
  content: "\e8cf";
}

.lnr-loading:before {
  content: "\e8d0";
}

.lnr-loading2:before {
  content: "\e8d1";
}

.lnr-loading3:before {
  content: "\e8d2";
}

.lnr-refresh:before {
  content: "\e8d3";
}

.lnr-refresh2:before {
  content: "\e8d4";
}

.lnr-undo:before {
  content: "\e8d5";
}

.lnr-redo:before {
  content: "\e8d6";
}

.lnr-jump2:before {
  content: "\e8d7";
}

.lnr-undo2:before {
  content: "\e8d8";
}

.lnr-redo2:before {
  content: "\e8d9";
}

.lnr-sync:before {
  content: "\e8da";
}

.lnr-repeat-one2:before {
  content: "\e8db";
}

.lnr-sync-crossed:before {
  content: "\e8dc";
}

.lnr-sync2:before {
  content: "\e8dd";
}

.lnr-repeat-one3:before {
  content: "\e8de";
}

.lnr-sync-crossed2:before {
  content: "\e8df";
}

.lnr-return:before {
  content: "\e8e0";
}

.lnr-return2:before {
  content: "\e8e1";
}

.lnr-refund:before {
  content: "\e8e2";
}

.lnr-history:before {
  content: "\e8e3";
}

.lnr-history2:before {
  content: "\e8e4";
}

.lnr-self-timer:before {
  content: "\e8e5";
}

.lnr-clock:before {
  content: "\e8e6";
}

.lnr-clock2:before {
  content: "\e8e7";
}

.lnr-clock3:before {
  content: "\e8e8";
}

.lnr-watch:before {
  content: "\e8e9";
}

.lnr-alarm2:before {
  content: "\e8ea";
}

.lnr-alarm-add2:before {
  content: "\e8eb";
}

.lnr-alarm-remove:before {
  content: "\e8ec";
}

.lnr-alarm-check:before {
  content: "\e8ed";
}

.lnr-alarm-error:before {
  content: "\e8ee";
}

.lnr-timer:before {
  content: "\e8ef";
}

.lnr-timer-crossed:before {
  content: "\e8f0";
}

.lnr-timer2:before {
  content: "\e8f1";
}

.lnr-timer-crossed2:before {
  content: "\e8f2";
}

.lnr-download:before {
  content: "\e8f3";
}

.lnr-upload:before {
  content: "\e8f4";
}

.lnr-download2:before {
  content: "\e8f5";
}

.lnr-upload2:before {
  content: "\e8f6";
}

.lnr-enter-up:before {
  content: "\e8f7";
}

.lnr-enter-down:before {
  content: "\e8f8";
}

.lnr-enter-left:before {
  content: "\e8f9";
}

.lnr-enter-right:before {
  content: "\e8fa";
}

.lnr-exit-up:before {
  content: "\e8fb";
}

.lnr-exit-down:before {
  content: "\e8fc";
}

.lnr-exit-left:before {
  content: "\e8fd";
}

.lnr-exit-right:before {
  content: "\e8fe";
}

.lnr-enter-up2:before {
  content: "\e8ff";
}

.lnr-enter-down2:before {
  content: "\e900";
}

.lnr-enter-vertical:before {
  content: "\e901";
}

.lnr-enter-left2:before {
  content: "\e902";
}

.lnr-enter-right2:before {
  content: "\e903";
}

.lnr-enter-horizontal:before {
  content: "\e904";
}

.lnr-exit-up2:before {
  content: "\e905";
}

.lnr-exit-down2:before {
  content: "\e906";
}

.lnr-exit-left2:before {
  content: "\e907";
}

.lnr-exit-right2:before {
  content: "\e908";
}

.lnr-cli:before {
  content: "\e909";
}

.lnr-bug:before {
  content: "\e90a";
}

.lnr-code:before {
  content: "\e90b";
}

.lnr-file-code:before {
  content: "\e90c";
}

.lnr-file-image:before {
  content: "\e90d";
}

.lnr-file-zip:before {
  content: "\e90e";
}

.lnr-file-audio:before {
  content: "\e90f";
}

.lnr-file-video:before {
  content: "\e910";
}

.lnr-file-preview:before {
  content: "\e911";
}

.lnr-file-charts:before {
  content: "\e912";
}

.lnr-file-stats:before {
  content: "\e913";
}

.lnr-file-spreadsheet:before {
  content: "\e914";
}

.lnr-link:before {
  content: "\e915";
}

.lnr-unlink:before {
  content: "\e916";
}

.lnr-link2:before {
  content: "\e917";
}

.lnr-unlink2:before {
  content: "\e918";
}

.lnr-thumbs-up:before {
  content: "\e919";
}

.lnr-thumbs-down:before {
  content: "\e91a";
}

.lnr-thumbs-up2:before {
  content: "\e91b";
}

.lnr-thumbs-down2:before {
  content: "\e91c";
}

.lnr-thumbs-up3:before {
  content: "\e91d";
}

.lnr-thumbs-down3:before {
  content: "\e91e";
}

.lnr-share:before {
  content: "\e91f";
}

.lnr-share2:before {
  content: "\e920";
}

.lnr-share3:before {
  content: "\e921";
}

.lnr-magnifier:before {
  content: "\e922";
}

.lnr-file-search:before {
  content: "\e923";
}

.lnr-find-replace:before {
  content: "\e924";
}

.lnr-zoom-in:before {
  content: "\e925";
}

.lnr-zoom-out:before {
  content: "\e926";
}

.lnr-loupe:before {
  content: "\e927";
}

.lnr-loupe-zoom-in:before {
  content: "\e928";
}

.lnr-loupe-zoom-out:before {
  content: "\e929";
}

.lnr-cross:before {
  content: "\e92a";
}

.lnr-menu:before {
  content: "\e92b";
}

.lnr-list:before {
  content: "\e92c";
}

.lnr-list2:before {
  content: "\e92d";
}

.lnr-list3:before {
  content: "\e92e";
}

.lnr-menu2:before {
  content: "\e92f";
}

.lnr-list4:before {
  content: "\e930";
}

.lnr-menu3:before {
  content: "\e931";
}

.lnr-exclamation:before {
  content: "\e932";
}

.lnr-question:before {
  content: "\e933";
}

.lnr-check:before {
  content: "\e934";
}

.lnr-cross2:before {
  content: "\e935";
}

.lnr-plus:before {
  content: "\e936";
}

.lnr-minus:before {
  content: "\e937";
}

.lnr-percent:before {
  content: "\e938";
}

.lnr-chevron-up:before {
  content: "\e939";
}

.lnr-chevron-down:before {
  content: "\e93a";
}

.lnr-chevron-left:before {
  content: "\e93b";
}

.lnr-chevron-right:before {
  content: "\e93c";
}

.lnr-chevrons-expand-vertical:before {
  content: "\e93d";
}

.lnr-chevrons-expand-horizontal:before {
  content: "\e93e";
}

.lnr-chevrons-contract-vertical:before {
  content: "\e93f";
}

.lnr-chevrons-contract-horizontal:before {
  content: "\e940";
}

.lnr-arrow-up:before {
  content: "\e941";
}

.lnr-arrow-down:before {
  content: "\e942";
}

.lnr-arrow-left:before {
  content: "\e943";
}

.lnr-arrow-right:before {
  content: "\e944";
}

.lnr-arrow-up-right:before {
  content: "\e945";
}

.lnr-arrows-merge:before {
  content: "\e946";
}

.lnr-arrows-split:before {
  content: "\e947";
}

.lnr-arrow-divert:before {
  content: "\e948";
}

.lnr-arrow-return:before {
  content: "\e949";
}

.lnr-expand:before {
  content: "\e94a";
}

.lnr-contract:before {
  content: "\e94b";
}

.lnr-expand2:before {
  content: "\e94c";
}

.lnr-contract2:before {
  content: "\e94d";
}

.lnr-move:before {
  content: "\e94e";
}

.lnr-tab:before {
  content: "\e94f";
}

.lnr-arrow-wave:before {
  content: "\e950";
}

.lnr-expand3:before {
  content: "\e951";
}

.lnr-expand4:before {
  content: "\e952";
}

.lnr-contract3:before {
  content: "\e953";
}

.lnr-notification:before {
  content: "\e954";
}

.lnr-warning:before {
  content: "\e955";
}

.lnr-notification-circle:before {
  content: "\e956";
}

.lnr-question-circle:before {
  content: "\e957";
}

.lnr-menu-circle:before {
  content: "\e958";
}

.lnr-checkmark-circle:before {
  content: "\e959";
}

.lnr-cross-circle:before {
  content: "\e95a";
}

.lnr-plus-circle:before {
  content: "\e95b";
}

.lnr-circle-minus:before {
  content: "\e95c";
}

.lnr-percent-circle:before {
  content: "\e95d";
}

.lnr-arrow-up-circle:before {
  content: "\e95e";
}

.lnr-arrow-down-circle:before {
  content: "\e95f";
}

.lnr-arrow-left-circle:before {
  content: "\e960";
}

.lnr-arrow-right-circle:before {
  content: "\e961";
}

.lnr-chevron-up-circle:before {
  content: "\e962";
}

.lnr-chevron-down-circle:before {
  content: "\e963";
}

.lnr-chevron-left-circle:before {
  content: "\e964";
}

.lnr-chevron-right-circle:before {
  content: "\e965";
}

.lnr-backward-circle:before {
  content: "\e966";
}

.lnr-first-circle:before {
  content: "\e967";
}

.lnr-previous-circle:before {
  content: "\e968";
}

.lnr-stop-circle:before {
  content: "\e969";
}

.lnr-play-circle:before {
  content: "\e96a";
}

.lnr-pause-circle:before {
  content: "\e96b";
}

.lnr-next-circle:before {
  content: "\e96c";
}

.lnr-last-circle:before {
  content: "\e96d";
}

.lnr-forward-circle:before {
  content: "\e96e";
}

.lnr-eject-circle:before {
  content: "\e96f";
}

.lnr-crop:before {
  content: "\e970";
}

.lnr-frame-expand:before {
  content: "\e971";
}

.lnr-frame-contract:before {
  content: "\e972";
}

.lnr-focus:before {
  content: "\e973";
}

.lnr-transform:before {
  content: "\e974";
}

.lnr-grid:before {
  content: "\e975";
}

.lnr-grid-crossed:before {
  content: "\e976";
}

.lnr-layers:before {
  content: "\e977";
}

.lnr-layers-crossed:before {
  content: "\e978";
}

.lnr-toggle:before {
  content: "\e979";
}

.lnr-rulers:before {
  content: "\e97a";
}

.lnr-ruler:before {
  content: "\e97b";
}

.lnr-funnel:before {
  content: "\e97c";
}

.lnr-flip-horizontal:before {
  content: "\e97d";
}

.lnr-flip-vertical:before {
  content: "\e97e";
}

.lnr-flip-horizontal2:before {
  content: "\e97f";
}

.lnr-flip-vertical2:before {
  content: "\e980";
}

.lnr-angle:before {
  content: "\e981";
}

.lnr-angle2:before {
  content: "\e982";
}

.lnr-subtract:before {
  content: "\e983";
}

.lnr-combine:before {
  content: "\e984";
}

.lnr-intersect:before {
  content: "\e985";
}

.lnr-exclude:before {
  content: "\e986";
}

.lnr-align-center-vertical:before {
  content: "\e987";
}

.lnr-align-right:before {
  content: "\e988";
}

.lnr-align-bottom:before {
  content: "\e989";
}

.lnr-align-left:before {
  content: "\e98a";
}

.lnr-align-center-horizontal:before {
  content: "\e98b";
}

.lnr-align-top:before {
  content: "\e98c";
}

.lnr-square:before {
  content: "\e98d";
}

.lnr-plus-square:before {
  content: "\e98e";
}

.lnr-minus-square:before {
  content: "\e98f";
}

.lnr-percent-square:before {
  content: "\e990";
}

.lnr-arrow-up-square:before {
  content: "\e991";
}

.lnr-arrow-down-square:before {
  content: "\e992";
}

.lnr-arrow-left-square:before {
  content: "\e993";
}

.lnr-arrow-right-square:before {
  content: "\e994";
}

.lnr-chevron-up-square:before {
  content: "\e995";
}

.lnr-chevron-down-square:before {
  content: "\e996";
}

.lnr-chevron-left-square:before {
  content: "\e997";
}

.lnr-chevron-right-square:before {
  content: "\e998";
}

.lnr-check-square:before {
  content: "\e999";
}

.lnr-cross-square:before {
  content: "\e99a";
}

.lnr-menu-square:before {
  content: "\e99b";
}

.lnr-prohibited:before {
  content: "\e99c";
}

.lnr-circle:before {
  content: "\e99d";
}

.lnr-radio-button:before {
  content: "\e99e";
}

.lnr-ligature:before {
  content: "\e99f";
}

.lnr-text-format:before {
  content: "\e9a0";
}

.lnr-text-format-remove:before {
  content: "\e9a1";
}

.lnr-text-size:before {
  content: "\e9a2";
}

.lnr-bold:before {
  content: "\e9a3";
}

.lnr-italic:before {
  content: "\e9a4";
}

.lnr-underline:before {
  content: "\e9a5";
}

.lnr-strikethrough:before {
  content: "\e9a6";
}

.lnr-highlight:before {
  content: "\e9a7";
}

.lnr-text-align-left:before {
  content: "\e9a8";
}

.lnr-text-align-center:before {
  content: "\e9a9";
}

.lnr-text-align-right:before {
  content: "\e9aa";
}

.lnr-text-align-justify:before {
  content: "\e9ab";
}

.lnr-line-spacing:before {
  content: "\e9ac";
}

.lnr-indent-increase:before {
  content: "\e9ad";
}

.lnr-indent-decrease:before {
  content: "\e9ae";
}

.lnr-text-wrap:before {
  content: "\e9af";
}

.lnr-pilcrow:before {
  content: "\e9b0";
}

.lnr-direction-ltr:before {
  content: "\e9b1";
}

.lnr-direction-rtl:before {
  content: "\e9b2";
}

.lnr-page-break:before {
  content: "\e9b3";
}

.lnr-page-break2:before {
  content: "\e9b4";
}

.lnr-sort-alpha-asc:before {
  content: "\e9b5";
}

.lnr-sort-alpha-desc:before {
  content: "\e9b6";
}

.lnr-sort-numeric-asc:before {
  content: "\e9b7";
}

.lnr-sort-numeric-desc:before {
  content: "\e9b8";
}

.lnr-sort-amount-asc:before {
  content: "\e9b9";
}

.lnr-sort-amount-desc:before {
  content: "\e9ba";
}

.lnr-sort-time-asc:before {
  content: "\e9bb";
}

.lnr-sort-time-desc:before {
  content: "\e9bc";
}

.lnr-sigma:before {
  content: "\e9bd";
}

.lnr-pencil-line:before {
  content: "\e9be";
}

.lnr-hand:before {
  content: "\e9bf";
}

.lnr-pointer-up:before {
  content: "\e9c0";
}

.lnr-pointer-right:before {
  content: "\e9c1";
}

.lnr-pointer-down:before {
  content: "\e9c2";
}

.lnr-pointer-left:before {
  content: "\e9c3";
}

.lnr-finger-tap:before {
  content: "\e9c4";
}

.lnr-fingers-tap:before {
  content: "\e9c5";
}

.lnr-reminder:before {
  content: "\e9c6";
}

.lnr-fingers-crossed:before {
  content: "\e9c7";
}

.lnr-fingers-victory:before {
  content: "\e9c8";
}

.lnr-gesture-zoom:before {
  content: "\e9c9";
}

.lnr-gesture-pinch:before {
  content: "\e9ca";
}

.lnr-fingers-scroll-horizontal:before {
  content: "\e9cb";
}

.lnr-fingers-scroll-vertical:before {
  content: "\e9cc";
}

.lnr-fingers-scroll-left:before {
  content: "\e9cd";
}

.lnr-fingers-scroll-right:before {
  content: "\e9ce";
}

.lnr-hand2:before {
  content: "\e9cf";
}

.lnr-pointer-up2:before {
  content: "\e9d0";
}

.lnr-pointer-right2:before {
  content: "\e9d1";
}

.lnr-pointer-down2:before {
  content: "\e9d2";
}

.lnr-pointer-left2:before {
  content: "\e9d3";
}

.lnr-finger-tap2:before {
  content: "\e9d4";
}

.lnr-fingers-tap2:before {
  content: "\e9d5";
}

.lnr-reminder2:before {
  content: "\e9d6";
}

.lnr-gesture-zoom2:before {
  content: "\e9d7";
}

.lnr-gesture-pinch2:before {
  content: "\e9d8";
}

.lnr-fingers-scroll-horizontal2:before {
  content: "\e9d9";
}

.lnr-fingers-scroll-vertical2:before {
  content: "\e9da";
}

.lnr-fingers-scroll-left2:before {
  content: "\e9db";
}

.lnr-fingers-scroll-right2:before {
  content: "\e9dc";
}

.lnr-fingers-scroll-vertical3:before {
  content: "\e9dd";
}

.lnr-border-style:before {
  content: "\e9de";
}

.lnr-border-all:before {
  content: "\e9df";
}

.lnr-border-outer:before {
  content: "\e9e0";
}

.lnr-border-inner:before {
  content: "\e9e1";
}

.lnr-border-top:before {
  content: "\e9e2";
}

.lnr-border-horizontal:before {
  content: "\e9e3";
}

.lnr-border-bottom:before {
  content: "\e9e4";
}

.lnr-border-left:before {
  content: "\e9e5";
}

.lnr-border-vertical:before {
  content: "\e9e6";
}

.lnr-border-right:before {
  content: "\e9e7";
}

.lnr-border-none:before {
  content: "\e9e8";
}

.lnr-ellipsis:before {
  content: "\e9e9";
}

* {
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}

body {
  background: #FFFFFF !important;
  font-family: "Google Sans Flex", sans-serif !important;
  font-size: calc(12px + 0.35vw); /* Responsive base font size */
  font-optical-sizing: auto;
  font-weight: 300;
  line-height: calc(12px + 1.05vw); /* Responsive Vertical Rhythm */
  overflow-x: hidden; /* Prevent scroll on narrow devices */
  position: relative;
  height: 100%;
  width: 100%;
}

h1 {
  font-size: 1.912em;
  line-height: calc(18px + 1.8vw); /* Responsive Vertical Rhythm */
}

h2 {
  font-size: 1.616em;
  line-height: calc(18px + 1vw); /* Responsive Vertical Rhythm */
}

h3 {
  font-size: 1.471em;
  line-height: calc(18px + 0.7vw); /* Responsive Vertical Rhythm */
}

h4 {
  font-size: 1.3em;
}

h5 {
  font-size: 1.243em;
}

h6 {
  font-size: 1.132em;
}

h4, h5, h6 {
  line-height: calc(18px + 0.2vw); /* Responsive Vertical Rhythm */
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Google Sans Flex", sans-serif !important;
  font-weight: 500;
  margin: calc(12px + 1.05vw) 0; /* Responsive margins */
  letter-spacing: -1px !important;
}

header {
  transition: all 0.3s;
}
.logged-in header {
  margin-top: 30px;
}
@media only screen and (max-width: 575.98px) {
  .logged-in header {
    margin-top: 0;
  }
}
header .mainnav {
  background: linear-gradient(91.74deg, #E3A455 0.93%, #F6DBA6 26.91%, #FFEBC4 55.64%, #F0BE79 70.4%, #8F653B 113.1%);
  height: 52px;
}
header .mainnav h6 {
  font-size: 13px;
  font-weight: bold;
  line-height: 40px;
  margin: 0;
  padding: 0;
  letter-spacing: normal !important;
}
header .mainnav h6 span {
  color: #0D7535;
  padding-right: 4px;
}
header .main-header {
  background-color: #0D7535 !important;
  background-image: url("../../resources/images/bamboo-bg.png");
  background-repeat: no-repeat;
  background-position: right center;
  background-size: auto 100%;
  height: 92px;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.04);
  transition: all 0.3s;
}
header .header-divider-container {
  height: 5px;
  align-items: center;
  width: 100%;
  overflow: hidden;
}
header .header-divider-container .header-divider-red-bar {
  text-align: center;
  background-color: #0D7535;
  color: #FFF;
  font-family: "Google Sans Flex", sans-serif;
  font-size: 0.73rem;
  font-weight: 700;
  flex-basis: 22%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0.5rem;
}
header .header-divider-container .header-divider-black-bar {
  background-color: #000000;
  flex-basis: 78%;
  padding: 0 0.5rem;
  text-align: left;
  font-size: 0.73rem;
  font-weight: 700;
  color: #FFF;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: left;
}
header .site-name {
  display: none;
  transition: all 0.3s;
  color: #FFFFFF;
  padding-left: 20px;
  padding-top: 30px;
  line-height: 20px !important;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.23);
}
header .site-name b {
  color: #FFFFFF;
  text-transform: uppercase;
  line-height: 20px;
  font-size: 1.416em;
  padding-bottom: 16px;
  transition: all 0.3s;
}
header .site-name span {
  color: rgba(255, 255, 255, 0.6);
  display: block;
  font-size: 13.5px;
  font-weight: normal;
  line-height: 12px;
}
.logo {
  overflow: hidden;
  margin: 0;
  transition: all 0.3s;
}
.logo img {
  transition: all 0.3s;
  width: auto;
  height: 75px;
}
@media only screen and (max-width: 520px) {
  .logo img {
    height: 70px;
  }
}

.main-color {
  color: #0D7535 !important;
}

.sub-color {
  color: #000000 !important;
}

.resize .main-header {
  height: 100px !important;
}
.resize .main-header .logo img {
  transform: scale(0.7);
  transform-origin: left center;
  image-rendering: auto;
  image-rendering: crisp-edges;
  transition: all 0.3s;
}
.resize .site-name {
  padding-left: 0px;
  padding-top: 30px;
  line-height: 20px !important;
  margin-left: -20px;
}
.resize .site-name b {
  text-transform: uppercase;
  line-height: 20px;
  font-size: 1.216em;
  padding-bottom: 10px;
}
.resize .site-name span {
  font-size: 13.5px;
  line-height: 12px;
}
.resize .navbar {
  padding-top: 0;
  padding-bottom: 0;
}

.logo-footer {
  overflow: hidden;
  margin: 0;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: bold;
}
.logo-footer svg {
  width: auto;
  height: 84px;
}

.logo-footer-description {
  padding-left: 90px;
}

.social-media {
  list-style: none;
  margin: 0;
  padding: 0;
}
.social-media:before, .social-media:after {
  content: "";
  display: table;
}
.social-media:after {
  clear: both;
}
.social-media {
  zoom: 1;
}
.social-media li {
  float: left;
  margin-right: 14.5px;
}
.social-media a {
  color: rgba(253, 254, 253, 0.5);
}
.social-media a:hover {
  color: rgb(253, 254, 253);
}
.social-media span {
  display: none;
}

@media only screen and (max-width: 991px) {
  .social-media-main {
    display: none !important;
  }
}

.nav-container {
  -webkit-box-shadow: 0 0 15px rgba(69, 65, 78, 0.09);
  -moz-box-shadow: 0 0 15px rgba(69, 65, 78, 0.09);
  box-shadow: 0 0 15px rgba(69, 65, 78, 0.09);
}

nav.main-nav {
  mix-blend-mode: normal;
  transition: all 0.3s;
}
@media only screen and (max-width: 991px) {
  nav.main-nav {
    padding: 0 !important;
    height: unset;
  }
}
nav.main-nav .nav-container {
  background: rgba(255, 255, 255, 0);
  mix-blend-mode: normal;
}
nav.main-nav .search-modal {
  color: rgb(0, 0, 0);
}
nav.main-nav .search-modal:hover {
  color: rgb(0, 0, 0);
  text-decoration: none;
}
nav.main-nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
@media only screen and (max-width: 991px) {
  nav.main-nav ul {
    height: 65vh;
    overflow-y: auto;
  }
}
nav.main-nav ul > li {
  float: left;
  line-height: normal !important;
  margin-right: 24px;
}
@media only screen and (max-width: 1200px) {
  nav.main-nav ul > li {
    margin-right: 26px;
  }
}
@media only screen and (max-width: 991px) {
  nav.main-nav ul > li {
    margin-right: 0;
    padding: 8px 24px 0 24px;
  }
}
nav.main-nav ul > li.active > a {
  color: rgb(0, 0, 0) !important;
}
nav.main-nav ul > li.active > a::before {
  border-top: 3px solid #000000;
  bottom: 0;
  content: "";
  left: 0%;
  position: absolute;
}
nav.main-nav ul > li > a {
  color: rgb(0, 0, 0);
  display: block;
  font-size: 16px;
  font-weight: bold;
  position: relative;
  padding: 0.8rem 0 !important;
  transition: all 0.3s;
  text-decoration: none;
}
nav.main-nav ul > li > a:hover, nav.main-nav ul > li > a:focus {
  color: rgb(204, 0, 0);
  text-decoration: none;
}
nav.main-nav .nav-link-highlight {
  background: #FBBF08;
  color: #000000 !important;
  margin-right: 0px;
}
nav.main-nav .nav-link-highlight:hover {
  background: #FFA800;
  color: #000000 !important;
}
nav.main-nav .nav-link-highlight:hover a {
  color: #000000 !important;
}
nav.main-nav .nav-link-highlight:hover a:hover {
  color: #000000 !important;
}
nav.main-nav .nav-link-highlight a {
  color: #000000 !important;
  font-weight: 500;
  padding: 0.8rem 40px !important;
}
@media only screen and (max-width: 991px) {
  nav.main-nav .nav-link-highlight a {
    padding: 0.8rem 0 !important;
  }
}
nav.main-nav .nav-link-highlight a {
  transition: all 0.3s;
}
nav.main-nav .nav-link-highlight a:hover {
  color: rgb(255, 255, 255);
  text-decoration: none;
}
nav.main-nav .nav-link-highlight a:hover::before {
  background: rgba(255, 255, 255, 0);
}
nav.main-nav .dropdown-menu {
  -webkit-box-shadow: 0 0 15px rgba(69, 65, 78, 0.09);
  -moz-box-shadow: 0 0 15px rgba(69, 65, 78, 0.09);
  box-shadow: 0 0 15px rgba(69, 65, 78, 0.09);
  border: none !important;
  border-radius: 0px !important;
  margin: 0px !important;
  padding: 24px 0 !important;
}
nav.main-nav .dropdown-item {
  padding: 0.5rem 1.5rem;
}
nav.main-nav .navbar-toggler {
  outline: none;
  margin: 5px;
}
nav.main-nav .navbar-toggler-icon {
  color: rgb(41, 95, 45);
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(41, 95, 45, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.navbar-toggler {
  outline: 0 !important;
  border: 0 !important;
}
.navbar-toggler:hover {
  outline: 0;
  box-shadow: 0 0 0 0.16rem rgb(41, 95, 45) !important;
}
.navbar-toggler:visited, .navbar-toggler:active {
  outline: 0 !important;
  border: 0 !important;
}
.navbar-toggler:focus {
  text-decoration: none;
  outline: 0;
  box-shadow: 0 0 0 0.16rem rgb(41, 95, 45) !important;
}

footer {
  color: #000000;
}
footer .footer-main-logo {
  height: auto;
  width: 516px;
}
@media only screen and (max-width: 500px) {
  footer .footer-main-logo {
    display: block;
    margin: auto;
    width: 80%;
  }
}
footer .footer-top {
  background-image: linear-gradient(0deg, #f5f5f5 0%, #D8EAF0 100%);
  padding: 64px 0 0 0;
}
footer .footer-top .haft-gov-logo {
  margin: -64px auto 48px auto;
  text-align: center;
  display: block;
}
@media only screen and (max-width: 768px) {
  footer .footer-top .haft-gov-logo {
    margin: -64px auto 0px auto;
  }
}
footer .footer-top .haft-gov-logo svg {
  color: #000000;
  margin: auto;
  width: 100%;
  height: auto;
}
@media only screen and (max-width: 768px) {
  footer .footer-top .haft-gov-logo svg {
    width: 100% !important;
  }
}
footer .footer-top p {
  font-size: 14px !important;
}
footer .footer-bottom {
  background: #000000;
  font-size: 14px !important;
  padding: 24px 0;
}
footer .footer-bottom p {
  color: #FFFFFF;
  margin: 0;
}
footer .busdesc {
  line-height: 24px;
  font-size: 13px !important;
  margin-top: 16px;
}
footer .header {
  font-size: 16px;
  font-weight: 600;
  margin: 0 0 16px 0 !important;
}
footer .redline {
  position: relative;
}
footer .redline::before {
  background: #000000;
  content: "";
  height: 1px;
  left: 0;
  bottom: -4px;
  position: absolute;
  width: 16px;
}
footer .list-of-links {
  margin: 0;
  padding: 0;
  list-style: none;
}
footer .list-of-links li {
  line-height: calc(14px + 0.6vw); /* Responsive Vertical Rhythm */
}
footer .list-of-links a {
  color: rgb(0, 0, 0);
  font-size: 14px !important;
  transition: all 0.3s;
  text-decoration: none;
  transition: all 0.3s;
}
footer .list-of-links a:hover {
  color: #0D7535;
  text-decoration: none;
}
footer .link-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
footer .link-list a {
  color: #BEBEBE;
  font-size: 12.8px !important;
}
footer .link-list a:hover {
  color: #053E74;
  text-decoration: none;
}

/*
  Content
*/
.subheader {
  height: 200px !important;
  position: relative;
  background: url("../images/honda-building.png") no-repeat top center;
  background-size: cover;
  background-attachment: initial;
}
.subheader img {
  position: absolute;
  left: 0;
  top: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.subheader .headline {
  bottom: 40px;
  position: absolute;
  z-index: 3;
  margin: 0;
}
.subheader .headline::before {
  bottom: -10px;
}

.subheader-plain {
  background-color: #ffffff;
  height: 100px;
}

.breadcrumbs {
  color: #FFFFFF;
  font-size: 14px;
  padding: 12px 0;
}
.breadcrumbs a {
  color: #00722e !important;
}
.breadcrumbs a:hover {
  text-decoration: none;
}

.headline {
  position: relative;
  color: #000;
  font-size: 23.04px;
  text-transform: uppercase !important;
  position: relative;
}
.headline::before {
  content: "";
  height: 3px;
  left: 0;
  bottom: -12px;
  position: absolute;
  width: 48px;
}
.headline a {
  color: rgba(0, 0, 0, 0.5);
  float: right;
  font-size: 12.8px;
  text-transform: none !important;
}
.headline a:hover {
  color: rgb(0, 0, 0);
}

.subheadline {
  position: relative;
  color: #000;
  font-size: 19.2px;
  position: relative;
}
.subheadline a {
  color: rgba(0, 0, 0, 0.5);
  float: right;
  font-size: 12.8px;
  text-transform: none !important;
}
.subheadline a:hover {
  color: rgb(0, 0, 0);
}

.sub-header {
  background-color: #0D7535 !important;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover; /* cover keeps aspect and fills the container */
  background-attachment: fixed; /* keep parallax-like effect on large screens */
  min-height: 246px;
}
@media only screen and (max-width: 600px) {
  .sub-header {
    min-height: 126px;
  }
}

.sub-content {
  background-color: #FFFFFF !important;
  border-radius: 0.25rem;
  box-shadow: 0px 0px 32.2px 3px rgba(0, 0, 0, 0.09) !important;
}

.sub-content-shadow {
  background-color: #FFFFFF !important;
  border-radius: 0.25rem;
  box-shadow: 0px 0px 32.2px 3px rgba(0, 0, 0, 0.09) !important;
}

.sub-container {
  padding-top: 30px;
  position: relative;
  /* allow per-page background via CSS var set inline on the element (kept for compatibility) */
  background-image: var(--subcontainer-bg, none);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  /* full-width image element (uses object-fit so we can clip to a fixed height) */
}
.sub-container > img.sub-header-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 200px; /* fixed height as requested */
  object-fit: cover; /* preserve aspect ratio, fill the box */
  object-position: center top; /* prefer top focal point */
  z-index: -1;
  pointer-events: none; /* decorative only */
  display: block;
  opacity: 0.3;
}
.sub-container::before {
  content: "";
  height: 200px;
  top: 0;
  left: 0;
  right: 0;
  position: absolute;
  width: 100%;
  /* decorative color band; the actual image is an <img> so we can use object-fit */
  z-index: -3;
  pointer-events: none; /* avoid covering interactive elements */
  /* Your encoded wave SVG */
  /* Encoded SVG with IDs and Percentages fixed */
  background-position: center center;
  background-size: cover;
  /* THE BLUR */
}
.sub-container::after {
  content: "";
  height: 200px;
  top: 0;
  left: 0;
  right: 0;
  position: absolute;
  width: 100%;
  z-index: -3;
  pointer-events: none; /* avoid covering interactive elements */
  background-color: #002d12 !important;
  opacity: 1;
}
.sub-container {
  /* Ensure the actual page content overlays the decorative pseudo and image */
}
.sub-container > .sub-content {
  position: relative;
  z-index: 3;
}

.section-title {
  font-size: 32px !important;
  font-weight: bold !important;
  letter-spacing: -1px;
  margin-bottom: 24px;
  line-height: normal !important;
}
.section-title strong > span {
  color: #0D7535 !important;
}

.aside-section-title {
  font-size: 1.25em !important;
  font-weight: bold;
  letter-spacing: -1px;
  color: #0D7535 !important;
}

.related-links-container {
  background-color: #FFFFFF;
  border-radius: 0.25rem;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1) !important;
  padding: 24px;
}
.related-links-container .related-page, .related-links-container .related-page li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.related-links-container .related-page a {
  color: #000000 !important;
  transition: all 0.3s;
  text-decoration: none;
  font-weight: 500 !important;
}
.related-links-container .related-page a:hover {
  color: #0D7535 !important;
}
.related-links-container .related-page a.active {
  color: #0D7535 !important;
  transition: all 0.3s;
  text-decoration: none;
}
.related-links-container .related-page a.active:hover {
  color: #0D7535 !important;
}

.small-red {
  display: block;
  font-size: 17px !important;
  letter-spacing: normal !important;
}

.section-title-center {
  text-align: center !important;
}

.section-title-border {
  padding-bottom: 14px;
  border-bottom: 1px solid #DADADA;
}

.section-title-description {
  font-size: 16px !important;
  font-weight: bolder;
}

.section-subtitle {
  font-family: "Google Sans Flex", sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
}

.section-description {
  font-family: "Google Sans Flex", sans-serif !important;
  font-weight: normal !important;
  font-size: 14px !important;
}

.card {
  background-color: #FFFFFF !important;
  border-radius: 0.25rem;
  border: none !important;
  box-shadow: 0px 0px 32.2px 3px rgba(0, 0, 0, 0.09) !important;
  transition: all 0.3s;
}
.card h4 {
  letter-spacing: normal !important;
}
.card .card-divider-red-bar {
  flex-basis: 35%;
  transition: all 0.3s;
}
.card:hover .card-divider-red-bar {
  flex-basis: 100% !important;
  transition: all 0.3s;
}
.card .card-divider-black-bar {
  flex-basis: 100%;
  transition: all 0.3s;
}
.card:hover .card-divider-black-bar {
  background-color: #0D7535 !important;
  flex-basis: 100% !important;
  transition: all 0.3s;
}
.card:hover h4 {
  color: #0D7535 !important;
  transition: all 0.3s;
}
.card:hover .news-read-more {
  border: 3px solid #0D7535 !important;
  background-color: #0D7535 !important;
  color: #FFFFFF !important;
  transition: all 0.3s;
}

.main {
  margin-top: 128px;
}
@media only screen and (max-width: 575.98px) {
  .main {
    margin-top: 90px;
  }
}

.content {
  background: #FBFBFB;
  padding: 72px 0;
}
.content ul, .content ol, .content li, .content p, .content a, .content th, .content td {
  font-size: 14px;
  font-family: "Google Sans Flex", sans-serif !important;
}
.content b, .content strong {
  font-weight: 800;
}
.content h1 {
  font-size: 29.03px !important;
}
.content h2 {
  font-size: 24.19px !important;
}
.content h3 {
  font-size: 20.16px !important;
}
.content h4 {
  font-size: 16.8px !important;
}
.content h5 {
  font-size: 14px !important;
}
.content h6 {
  font-size: 11.67px;
}
.content .header_link {
  font-size: 22.16px !important;
}
.content .wp-block-table {
  margin-bottom: 60px;
}
.content th, .content td {
  padding: 6px 12px;
}

table.table {
  --bs-border-color: #DADADA;
}

.wp-block-table table.table,
.wp-block-table table.table td,
.wp-block-table table.table th,
.wp-block-table table.table thead,
.wp-block-table table.table tfoot {
  border-color: var(--bs-table-border-color, var(--bs-border-color, #DADADA)) !important;
}

.wp-block-table table.table.table-borderless,
.wp-block-table table.table.table-borderless td,
.wp-block-table table.table.table-borderless th {
  border: 0 !important;
}

table.table.table-sm > :not(caption) > * > * {
  padding: 0.25rem 0.5rem !important;
}

table.pl-table-bottom-borders,
table.pl-table-bottom-borders-header {
  border-collapse: collapse;
}

table.pl-table-bottom-borders th,
table.pl-table-bottom-borders td,
table.pl-table-bottom-borders-header th,
table.pl-table-bottom-borders-header td {
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-bottom: var(--bs-border-width, 1px) solid var(--bs-border-color, #DADADA);
}

table.pl-table-bottom-borders-header thead th {
  font-weight: bold;
  border-bottom-width: calc(var(--bs-border-width, 1px) * 2);
}

table.pl-table-border-primary {
  --bs-border-color: #0D7535;
}

table.pl-table-border-gray {
  --bs-border-color: #DADADA;
}

table.table-striped *, table.table-borderless * {
  border: none !important;
}

.product-content ul, .product-content ol, .product-content li, .product-content p, .product-content a, .product-content th, .product-content td, .product-sub-content ul, .product-sub-content ol, .product-sub-content li, .product-sub-content p, .product-sub-content a, .product-sub-content th, .product-sub-content td {
  font-family: "Google Sans Flex", sans-serif !important;
}
.product-content b, .product-content strong, .product-sub-content b, .product-sub-content strong {
  font-weight: bold;
}
.product-content table.table:not(.table-bordered) > :not(caption) > * > *, .product-sub-content table.table:not(.table-bordered) > :not(caption) > * > * {
  border-left-width: 0 !important;
  border-right-width: 0 !important;
}
.product-content table.table.table-sm > :not(caption) > * > *, .product-sub-content table.table.table-sm > :not(caption) > * > * {
  padding: 0.25rem 0.5rem !important;
}
.product-content table.table, .product-sub-content table.table {
  --bs-border-color: #DADADA;
}
.product-content .wp-block-table table.table,
.product-content .wp-block-table table.table td,
.product-content .wp-block-table table.table th,
.product-content .wp-block-table table.table thead,
.product-content .wp-block-table table.table tfoot, .product-sub-content .wp-block-table table.table,
.product-sub-content .wp-block-table table.table td,
.product-sub-content .wp-block-table table.table th,
.product-sub-content .wp-block-table table.table thead,
.product-sub-content .wp-block-table table.table tfoot {
  border-color: var(--bs-table-border-color, var(--bs-border-color, #DADADA)) !important;
}
.product-content .wp-block-table table.table.table-borderless,
.product-content .wp-block-table table.table.table-borderless td,
.product-content .wp-block-table table.table.table-borderless th, .product-sub-content .wp-block-table table.table.table-borderless,
.product-sub-content .wp-block-table table.table.table-borderless td,
.product-sub-content .wp-block-table table.table.table-borderless th {
  border: 0 !important;
}
.product-content table.pl-table-bottom-borders,
.product-content table.pl-table-bottom-borders-header, .product-sub-content table.pl-table-bottom-borders,
.product-sub-content table.pl-table-bottom-borders-header {
  border-collapse: collapse;
}
.product-content table.pl-table-bottom-borders th,
.product-content table.pl-table-bottom-borders td,
.product-content table.pl-table-bottom-borders-header th,
.product-content table.pl-table-bottom-borders-header td, .product-sub-content table.pl-table-bottom-borders th,
.product-sub-content table.pl-table-bottom-borders td,
.product-sub-content table.pl-table-bottom-borders-header th,
.product-sub-content table.pl-table-bottom-borders-header td {
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-bottom: var(--bs-border-width, 1px) solid var(--bs-border-color, #DADADA);
}
.product-content table.pl-table-bottom-borders-header thead th, .product-sub-content table.pl-table-bottom-borders-header thead th {
  font-weight: 700;
  border-bottom-width: calc(var(--bs-border-width, 1px) * 2);
}
.product-content table.pl-table-border-primary, .product-sub-content table.pl-table-border-primary {
  --bs-border-color: #0D7535;
}
.product-content table.pl-table-border-gray, .product-sub-content table.pl-table-border-gray {
  --bs-border-color: #DADADA;
}

.product-main-features {
  box-shadow: 0px 2px 7.2px rgba(0, 0, 0, 0.03);
  border-radius: 12px;
  border: 1px solid #DADADA !important;
  padding: 30px 40px 20px 40px;
}

.filter-button {
  background: #FFFFFF !important;
  box-shadow: 0px 2px 7.2px rgba(0, 0, 0, 0.03);
  border-radius: 12px;
  color: rgb(0, 0, 0) !important;
  line-height: 14px;
  font-size: 16px !important;
  font-weight: bold;
  min-height: 70px;
  text-decoration: none;
  text-transform: none !important;
  width: 100%;
  display: grid !important;
  place-items: center;
  transition: all 0.3s;
}
.filter-button:hover {
  background: #C8102E !important;
  box-shadow: 0px 2px 7.2px rgba(0, 0, 0, 0.03);
  color: #FFFFFF !important;
}
.filter-button strong {
  display: block;
  font-weight: bold;
}

.filter-button-active {
  background: #C8102E !important;
  box-shadow: 0px 2px 7.2px rgba(0, 0, 0, 0.03);
  color: #FFFFFF !important;
}
.filter-button-active strong {
  display: block;
  font-weight: bold;
}

.product {
  background: #FFFFFF !important;
  box-shadow: 0px 0px 32.2px 3px rgba(0, 0, 0, 0.09) !important;
  position: relative;
  overflow: hidden;
  height: 100%;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.product .product-category {
  font-size: 14px !important;
  font-family: "Google Sans Flex", sans-serif !important;
  text-transform: uppercase !important;
  letter-spacing: -0.4px !important;
  position: relative;
  line-height: 1.35;
}
.product .product-category svg {
  position: absolute;
  right: 0;
  fill: #C8102E !important;
}
.product .product-category strong {
  font-weight: bold !important;
}
.product .product-category span {
  color: #0D7535 !important;
  padding-right: 2px;
}
.product .product-image-container {
  width: 100%;
  height: auto;
  overflow: hidden;
  position: relative;
  border-radius: 0.375rem 0.375rem 0 0;
}
.product .product-image {
  width: 100%;
  transform: none;
  transform-origin: center center;
  image-rendering: auto;
  transition: transform 0.4s ease, filter 0.3s ease;
  height: auto;
  aspect-ratio: 4/3;
  max-height: 250px;
  object-fit: contain;
  position: relative;
}
.product .product-name {
  font-weight: bold !important;
  margin: 12px 0;
  line-height: 1.25;
  min-height: 0;
  position: relative;
  position: relative;
}
.product .product-name svg {
  position: absolute;
  top: 5px;
  right: 0;
  fill: #C8102E !important;
}
.product .product-name a {
  color: #0D7535 !important;
  text-decoration: none !important;
  transition: all 0.3s;
  letter-spacing: -0.4px !important;
}
.product .product-name a:hover {
  color: #000000 !important;
}
@supports (-webkit-line-clamp: 2) {
  .product .product-name a {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
}
@supports not (-webkit-line-clamp: 2) {
  .product .product-name a {
    overflow: hidden;
    max-height: 2.5em;
    min-height: 2.5em;
  }
}
.product .product-features {
  font-size: 15px !important;
  font-family: "Google Sans Flex", sans-serif !important;
  margin: 0;
  padding: 0 8px 0 0;
  position: relative;
  line-height: 1.35;
}
.product .product-features svg {
  position: absolute;
  right: 0;
}
.product .product-features span {
  letter-spacing: -0.6px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 12.5rem;
  flex: 0 1 auto;
  min-width: 0;
}
.product .product-features strong {
  font-weight: bold !important;
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
  flex: 1 1 auto;
  min-width: 0;
}
.product .product-features.product-features--long-label span {
  max-width: 100%;
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
}
.product .product-features {
  container-type: inline-size;
}
.product {
  cursor: pointer;
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.product:hover, .product:focus-within {
  box-shadow: 0px 10px 28px rgba(0, 0, 0, 0.12) !important;
}
.product:hover .product-overlay__link, .product:focus-within .product-overlay__link {
  background: rgba(255, 255, 255, 0.9);
  color: #0D7535 !important;
  transition: all 0.3s;
}
.product:hover .product-image, .product:focus-within .product-image {
  filter: saturate(1.05);
  transform: scale(1.1);
  transition: transform 0.4s ease, filter 0.3s ease;
}
.product:hover .product-name a, .product:hover .product-name svg, .product:focus-within .product-name a, .product:focus-within .product-name svg {
  color: #000000 !important;
  fill: #000000 !important;
  transition: all 0.3s;
}
.product .product-card-link {
  z-index: 1;
}
.product .product-card-link:focus {
  outline: 2px solid rgba(200, 16, 46, 0.45);
  outline-offset: 4px;
  border-radius: 6px;
}
.product > * {
  position: relative;
  z-index: 2;
}
.product .product-overlay {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  background: rgba(0, 0, 0, 0.45);
  transition: opacity 0.2s ease, visibility 0.2s ease;
  z-index: 3;
}
.product .product-overlay__link {
  font-family: "Google Sans Flex", sans-serif !important;
  pointer-events: auto;
  display: inline-flex;
  gap: 10px;
  align-items: center;
  transition: all 0.3s;
  padding: 10px 14px;
  border-radius: 0.375rem;
  background: rgba(255, 255, 255, 0.6);
  color: #000 !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  font-weight: bold;
  font-size: 14px !important;
}
.product .product-overlay__link i {
  font-size: 14px;
}
.product .product-overlay__link:hover {
  background: rgba(255, 255, 255, 0.9);
  color: #0D7535 !important;
  transition: all 0.3s;
}
.product .product-overlay__link:focus {
  outline: 2px solid rgba(255, 255, 255, 0.9);
  transition: all 0.3s;
}
.product:hover .product-overlay, .product:focus-within .product-overlay {
  opacity: 1;
  visibility: visible;
}
.product .product-skeleton {
  position: absolute;
  inset: 0;
  padding: 40px;
  background: #fff;
  z-index: 10;
  border-radius: 0.375rem;
  display: flex;
  flex-direction: column;
  gap: 12px;
  pointer-events: none;
  opacity: 1;
  transition: opacity 0.25s ease;
}
.product .product-skeleton__image {
  width: 100%;
  aspect-ratio: 4/3;
  max-height: 250px;
  border-radius: 6px;
  background: linear-gradient(90deg, #eee 25%, #f5f5f5 50%, #eee 75%);
  background-size: 200% 100%;
  animation: skeleton-shimmer 1.4s infinite linear;
}
.product .product-skeleton__line {
  height: 14px;
  border-radius: 4px;
  background: linear-gradient(90deg, #eee 25%, #f5f5f5 50%, #eee 75%);
  background-size: 200% 100%;
  animation: skeleton-shimmer 1.4s infinite linear;
}
.product .product-skeleton__line--title {
  width: 80%;
  height: 18px;
}
.product .product-skeleton__line--short {
  width: 60%;
  animation-delay: 0.1s;
}
.product .product-skeleton__line--shorter {
  width: 45%;
  animation-delay: 0.2s;
}
.product .product-card-content {
  padding: 40px 40px;
}
@media only screen and (max-width: 575.98px) {
  .product .product-card-content {
    padding: 20px;
  }
}
.product .product-card-content {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.45s ease, transform 0.45s ease;
  width: 100%;
  display: flex;
  flex-direction: column;
  flex: 1;
}

.product-card-reveal.is-revealed .product-skeleton {
  opacity: 0;
  pointer-events: none;
}
.product-card-reveal.is-revealed .product-card-content {
  opacity: 1;
  transform: translateY(0);
}

@keyframes skeleton-shimmer {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
.card .figure {
  border-radius: 0.375rem 0.375rem 0 0 !important;
}
.card * {
  font-family: "Google Sans Flex", sans-serif !important;
}

.news-card {
  background: #FFFFFF !important;
  box-shadow: 0px 0px 32.2px 3px rgba(0, 0, 0, 0.09) !important;
  display: block;
}
.news-card * {
  text-decoration: none !important;
  color: #000000 !important;
}
@media only screen and (max-width: 575.98px) {
  .news-card {
    padding: 20px;
  }
}
.news-card .figure {
  border-radius: 0.375rem 0.375rem 0 0 !important;
}
.news-card .news-card-title {
  font-family: "Google Sans Flex", sans-serif !important;
  font-size: 16px !important;
  padding: 20px;
  line-height: 1.25;
  position: relative;
}
@media only screen and (max-width: 390px) {
  .news-card .news-card-title {
    padding: 20px 0px;
  }
}
.news-card .news-card-title *:hover {
  transition: all 0.3s;
  color: #0D7535 !important;
}

.card-divider-container {
  height: 3px;
  align-items: center;
  width: 100%;
  overflow: hidden;
}
.card-divider-container .card-divider-red-bar {
  text-align: center;
  background-color: #0D7535;
  color: #FFF;
  font-family: "Google Sans Flex", sans-serif;
  font-size: 0.73rem;
  font-weight: 700;
  flex-basis: 35%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0.5rem;
}
.card-divider-container .card-divider-black-bar {
  background-color: #000000;
  flex-basis: 100%;
  padding: 0 0.5rem;
  text-align: left;
  font-size: 0.73rem;
  font-weight: 700;
  color: #FFF;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: left;
}

.news_promo {
  background: #FFFFFF !important;
  padding: 64px 0 64px 0;
}
@media only screen and (max-width: 575.98px) {
  .news_promo {
    padding: 30px 0;
  }
}
.news_promo .support-services-link {
  color: #000000 !important;
  text-decoration: none !important;
  transition: all 0.3s;
}
.news_promo .support-services-link:hover h5, .news_promo .support-services-link:hover .card-item-icon {
  transition: all 0.3s;
  color: #0D7535 !important;
  fill: #0D7535 !important;
}

.support_services {
  background: #D9D9D9 !important;
  padding: 64px 0 64px 0;
}
@media only screen and (max-width: 575.98px) {
  .support_services {
    padding: 30px;
  }
}
.support_services .support-services-link {
  color: #000000 !important;
  text-decoration: none !important;
  transition: all 0.3s;
}
.support_services .support-services-link:hover h5, .support_services .support-services-link:hover .card-item-icon {
  transition: all 0.3s;
  color: #0D7535 !important;
  fill: #0D7535 !important;
}

.aboutUs {
  background: #ffffff !important;
  padding: 64px 0 64px 0;
}
@media only screen and (max-width: 575.98px) {
  .aboutUs {
    padding: 30px;
  }
}

.fulldisclosure-socialmedia {
  background: #FFFFFF !important;
}
.fulldisclosure-socialmedia .meycauayan-header {
  width: 100% !important;
  height: auto !important;
  margin-bottom: -1px;
}
.fulldisclosure-socialmedia .fulldisclosure-socialmedia-body {
  background: #ECECF2 !important;
  padding: 64px 0 64px 0;
}

.post-list .post-item {
  margin-bottom: 16px;
}
.post-list .post-item a {
  color: #000000 !important;
  text-decoration: none !important;
}
.post-list .post-item a span {
  font-size: 14px !important;
  color: rgba(0, 0, 0, 0.5) !important;
}
.post-list .post-item a:hover {
  color: #0D7535 !important;
}

.full-width-image {
  display: block;
  width: 100% !important;
  height: auto;
  margin: 0;
  padding: 0;
}

.figure-350 {
  display: block;
  width: 100% !important;
  height: 350px;
  object-fit: cover; /* preserve aspect ratio, fill the box */
  object-position: center center; /* prefer top focal point */
  margin: 0;
  padding: 0;
  z-index: 0;
}

.figure-250 {
  display: block;
  width: 100% !important;
  height: 250px;
  object-fit: cover; /* preserve aspect ratio, fill the box */
  object-position: center center; /* prefer top focal point */
  margin: 0;
  padding: 0;
  z-index: 0;
}

.figure-200 {
  display: block;
  width: 100% !important;
  height: 200px;
  object-fit: cover; /* preserve aspect ratio, fill the box */
  object-position: center center; /* prefer top focal point */
  margin: 0;
  padding: 0;
  z-index: 0;
}

.figure-150 {
  display: block;
  width: 100% !important;
  height: 150px;
  object-fit: cover; /* preserve aspect ratio, fill the box */
  object-position: center center; /* prefer top focal point */
  margin: 0;
  padding: 0;
  z-index: 0;
}

.figure-100 {
  display: block;
  width: 100% !important;
  height: 100px;
  object-fit: cover; /* preserve aspect ratio, fill the box */
  object-position: center center; /* prefer top focal point */
  margin: 0;
  padding: 0;
  z-index: 0;
}

.main-image {
  display: block;
  width: 100% !important;
  height: auto !important;
  margin: 0;
  padding: 0;
  z-index: 0;
}

.article-header-title {
  padding: 0;
  z-index: 10;
  background-color: rgb(255, 255, 255) !important;
  position: relative;
}

.main-button {
  background: #FFFFFF;
  border: 3px solid #0D7535;
  border-radius: 0.25rem;
  color: #0D7535 !important;
  font-family: "Google Sans Flex", sans-serif;
  font-weight: 500;
  text-decoration: none !important;
  padding: 8px 20px;
  font-size: 14px;
  transition: all 0.3s;
}
.main-button:hover, .main-button:focus {
  background: #0D7535 !important;
  color: #ffffff !important;
  scale: 1.06;
  transition: all 0.3s;
}

.main-solid-button {
  background: #0D7535;
  border: 3px solid #0D7535;
  border-radius: 0.25rem;
  color: #FFFFFF !important;
  font-family: "Google Sans Flex", sans-serif;
  font-weight: 500;
  text-decoration: none !important;
  padding: 8px 20px;
  font-size: 14px;
  transition: all 0.3s;
}
.main-solid-button:hover, .main-solid-button:focus {
  border: 3px solid #0D7535;
  background: #0D7535 !important;
  color: #FFFFFF !important;
  scale: 1.06;
  transition: all 0.3s;
}

.secondary-button {
  background: #FFFFFF;
  border: 3px solid #A4ACB7;
  border-radius: 0.25rem;
  color: #A4ACB7 !important;
  font-family: "Google Sans Flex", sans-serif;
  font-weight: 500;
  text-decoration: none !important;
  padding: 8px 20px;
  font-size: 14px;
  transition: all 0.3s;
}
.secondary-button:hover, .secondary-button:focus {
  background: #A4ACB7 !important;
  color: #4C5359 !important;
  transition: all 0.3s;
}

.secondary-solid-button {
  background: #A4ACB7;
  border: 3px solid #A4ACB7;
  border-radius: 0.25rem;
  color: #4C5359 !important;
  font-family: "Google Sans Flex", sans-serif;
  font-weight: 500;
  text-decoration: none !important;
  padding: 8px 20px;
  font-size: 14px;
  transition: all 0.3s;
}
.secondary-solid-button:hover, .secondary-solid-button:focus {
  border: 3px solid #A4ACB7;
  background: #A4ACB7 !important;
  color: #4C5359 !important;
  transition: all 0.3s;
}

.dark-solid-button {
  background: #000000;
  border: 3px solid #000000;
  border-radius: 0.25rem;
  color: #FFFFFF !important;
  font-family: "Google Sans Flex", sans-serif;
  font-weight: 500;
  text-decoration: none !important;
  padding: 8px 20px;
  font-size: 14px;
  transition: all 0.3s;
}
.dark-solid-button:hover, .dark-solid-button:focus {
  border: 3px solid #000000;
  background: #000000 !important;
  color: #FFFFFF !important;
  scale: 1.06;
  transition: all 0.3s;
}

.sub-main-button {
  background: #FFFFFF;
  border: 1px solid #CC0000;
  border-radius: 0.25rem;
  color: #0D7535 !important;
  font-family: "Google Sans Flex", sans-serif;
  font-weight: 500;
  text-decoration: none !important;
  padding: 8px 20px;
  font-size: 14px;
  transition: all 0.3s;
}
.sub-main-button:hover, .sub-main-button:focus {
  background: #0D7535 !important;
  color: #ffffff !important;
  transition: all 0.3s;
}

.basic-link {
  color: #000000 !important;
  font-family: "Google Sans Flex", sans-serif;
  font-weight: 500;
  text-decoration: none !important;
  font-size: 16px;
  transition: all 0.3s;
}
.basic-link strong {
  padding-left: 10px;
}
.basic-link svg {
  width: 32px !important;
  height: auto !important;
}
.basic-link:hover, .basic-link:focus {
  color: #0D7535 !important;
  transition: all 0.3s;
}
.basic-link:hover svg, .basic-link:focus svg {
  color: #0D7535 !important;
  fill: #0D7535 !important;
}

.card-item {
  background: #FFFFFF !important;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.04);
  border-radius: 12px;
  padding: 35px;
  height: 100%;
}
.card-item .card-item-title {
  font-size: 22px !important;
  font-weight: bold !important;
  margin-bottom: 12px;
  text-align: center;
}
.card-item .card-item-description {
  font-size: 14px !important;
  font-family: "Google Sans Flex", sans-serif !important;
  margin-bottom: 16px;
  text-align: center;
}
.card-item .card-item-description p {
  line-height: 22px !important;
}

.transform-90 {
  transform: rotate(90deg);
  transform-origin: right top;
}

.img-responsive {
  width: 100%;
  height: auto;
}

.post-thumbnail img {
  width: 100%;
  height: auto;
  -webkit-box-shadow: 0 0 15px rgba(69, 65, 78, 0.1);
  -moz-box-shadow: 0 0 15px rgba(69, 65, 78, 0.1);
  box-shadow: 0 0 15px rgba(69, 65, 78, 0.1);
}

.search-thumbnail {
  width: 100%;
  height: 120px;
  object-fit: cover;
}

.bell {
  width: 20px;
  height: 20px;
  margin: 0 auto 0 auto;
  -webkit-animation: ring 4s 0.7s ease-in-out infinite;
  -webkit-transform-origin: 50% 4px;
  -moz-animation: ring 4s 0.7s ease-in-out infinite;
  -moz-transform-origin: 50% 4px;
  animation: ring 4s 0.7s ease-in-out infinite;
  transform-origin: 50% 4px;
}

@-webkit-keyframes ring {
  0% {
    -webkit-transform: rotateZ(0);
  }
  1% {
    -webkit-transform: rotateZ(30deg);
  }
  3% {
    -webkit-transform: rotateZ(-28deg);
  }
  5% {
    -webkit-transform: rotateZ(34deg);
  }
  7% {
    -webkit-transform: rotateZ(-32deg);
  }
  9% {
    -webkit-transform: rotateZ(30deg);
  }
  11% {
    -webkit-transform: rotateZ(-28deg);
  }
  13% {
    -webkit-transform: rotateZ(26deg);
  }
  15% {
    -webkit-transform: rotateZ(-24deg);
  }
  17% {
    -webkit-transform: rotateZ(22deg);
  }
  19% {
    -webkit-transform: rotateZ(-20deg);
  }
  21% {
    -webkit-transform: rotateZ(18deg);
  }
  23% {
    -webkit-transform: rotateZ(-16deg);
  }
  25% {
    -webkit-transform: rotateZ(14deg);
  }
  27% {
    -webkit-transform: rotateZ(-12deg);
  }
  29% {
    -webkit-transform: rotateZ(10deg);
  }
  31% {
    -webkit-transform: rotateZ(-8deg);
  }
  33% {
    -webkit-transform: rotateZ(6deg);
  }
  35% {
    -webkit-transform: rotateZ(-4deg);
  }
  37% {
    -webkit-transform: rotateZ(2deg);
  }
  39% {
    -webkit-transform: rotateZ(-1deg);
  }
  41% {
    -webkit-transform: rotateZ(1deg);
  }
  43% {
    -webkit-transform: rotateZ(0);
  }
  100% {
    -webkit-transform: rotateZ(0);
  }
}
@-moz-keyframes ring {
  0% {
    -moz-transform: rotate(0);
  }
  1% {
    -moz-transform: rotate(30deg);
  }
  3% {
    -moz-transform: rotate(-28deg);
  }
  5% {
    -moz-transform: rotate(34deg);
  }
  7% {
    -moz-transform: rotate(-32deg);
  }
  9% {
    -moz-transform: rotate(30deg);
  }
  11% {
    -moz-transform: rotate(-28deg);
  }
  13% {
    -moz-transform: rotate(26deg);
  }
  15% {
    -moz-transform: rotate(-24deg);
  }
  17% {
    -moz-transform: rotate(22deg);
  }
  19% {
    -moz-transform: rotate(-20deg);
  }
  21% {
    -moz-transform: rotate(18deg);
  }
  23% {
    -moz-transform: rotate(-16deg);
  }
  25% {
    -moz-transform: rotate(14deg);
  }
  27% {
    -moz-transform: rotate(-12deg);
  }
  29% {
    -moz-transform: rotate(10deg);
  }
  31% {
    -moz-transform: rotate(-8deg);
  }
  33% {
    -moz-transform: rotate(6deg);
  }
  35% {
    -moz-transform: rotate(-4deg);
  }
  37% {
    -moz-transform: rotate(2deg);
  }
  39% {
    -moz-transform: rotate(-1deg);
  }
  41% {
    -moz-transform: rotate(1deg);
  }
  43% {
    -moz-transform: rotate(0);
  }
  100% {
    -moz-transform: rotate(0);
  }
}
@keyframes ring {
  0% {
    transform: rotate(0);
  }
  1% {
    transform: rotate(30deg);
  }
  3% {
    transform: rotate(-28deg);
  }
  5% {
    transform: rotate(34deg);
  }
  7% {
    transform: rotate(-32deg);
  }
  9% {
    transform: rotate(30deg);
  }
  11% {
    transform: rotate(-28deg);
  }
  13% {
    transform: rotate(26deg);
  }
  15% {
    transform: rotate(-24deg);
  }
  17% {
    transform: rotate(22deg);
  }
  19% {
    transform: rotate(-20deg);
  }
  21% {
    transform: rotate(18deg);
  }
  23% {
    transform: rotate(-16deg);
  }
  25% {
    transform: rotate(14deg);
  }
  27% {
    transform: rotate(-12deg);
  }
  29% {
    transform: rotate(10deg);
  }
  31% {
    transform: rotate(-8deg);
  }
  33% {
    transform: rotate(6deg);
  }
  35% {
    transform: rotate(-4deg);
  }
  37% {
    transform: rotate(2deg);
  }
  39% {
    transform: rotate(-1deg);
  }
  41% {
    transform: rotate(1deg);
  }
  43% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(0);
  }
}
.product-filter-links {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  align-items: center;
}

.product-filter-link {
  color: #000 !important;
  font-weight: 700;
  text-decoration: none !important;
  font-family: "Google Sans Flex", sans-serif !important;
  font-size: 14px;
  line-height: 1.2;
}
.product-filter-link:hover, .product-filter-link:focus {
  color: #0D7535 !important;
  text-decoration: none !important;
}
.product-filter-link.is-active {
  color: #0D7535 !important;
}

.product-filter-link--clear {
  color: #9a9a9a !important;
  font-size: 12px;
  font-weight: 500;
  text-decoration: none !important;
}
.product-filter-link--clear:hover, .product-filter-link--clear:focus {
  color: #0D7535 !important;
  text-decoration: none !important;
}

.input-group .form-control, .input-group .form-select {
  border-radius: 0 0.25rem 0.25rem 0 !important;
}

.form-control {
  font-family: "Google Sans Flex", sans-serif !important;
  font-size: 14px !important;
  border-radius: 0.25rem !important;
  padding: 8px 20px !important;
}

.form-select {
  font-family: "Google Sans Flex", sans-serif !important;
  font-size: 14px !important;
  border-radius: 0.25rem !important;
  padding: 8px 10px !important;
}

.form-control:focus, .form-select:focus {
  border-color: #0D7535 !important;
  box-shadow: 0 0 0 0.25rem rgba(16, 200, 80, 0.25) !important;
}

/*
  Pagination (WordPress paginate_links -> type=list)
  Markup:
    <ul class="page-numbers">
      <li><a class="page-numbers">1</a></li>
      <li><span class="page-numbers current">2</span></li>
    </ul>
*/
ul.page-numbers {
  font-family: "Google Sans Flex", sans-serif !important;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  padding-left: 0;
  margin: 1.25rem 0 0;
  list-style: none;
}
ul.page-numbers > li {
  margin: 0;
}
ul.page-numbers .page-numbers {
  display: block;
  padding: 0.375rem 0.75rem;
  border: 1px solid #dee2e6;
  border-radius: 0.375rem;
  background: #fff;
  color: #212529;
  text-decoration: none;
  line-height: 1.2;
}
ul.page-numbers a.page-numbers:hover, ul.page-numbers a.page-numbers:focus {
  background: rgba(13, 117, 53, 0.08);
  border-color: rgba(13, 117, 53, 0.35);
  color: #0D7535;
  text-decoration: none;
}
ul.page-numbers .page-numbers.current {
  background: #0D7535;
  border-color: #0D7535;
  color: #fff;
  font-weight: 700;
}
ul.page-numbers {
  /* Disabled-ish spans (prev/next when unavailable, dots) */
}
ul.page-numbers span.page-numbers {
  cursor: default;
}
ul.page-numbers span.page-numbers:not(.current) {
  background: #f8f9fa;
  color: #6c757d;
}
@media only screen and (max-width: 576px) {
  ul.page-numbers {
    gap: 0.35rem;
  }
  ul.page-numbers .page-numbers {
    padding: 0.3rem 0.6rem;
  }
}

/* About page accordion styles (Honda-inspired) */
.about-accordion .accordion-item {
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  background: #fff;
}
.about-accordion .accordion-header {
  margin: 0;
}
.about-accordion .accordion-button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 1rem 1.25rem;
  background: transparent;
  border: 0;
  text-align: left;
  font-weight: 600;
  cursor: pointer !important;
  color: #000000;
  font-family: "Google Sans Flex", sans-serif;
  transition: background 0.15s ease, color 0.15s ease;
  position: relative;
  --accordion-icon-rotate: -45deg;
  transition: all 0.22s ease;
}
.about-accordion .accordion-button::after {
  transform: rotate(var(--accordion-icon-rotate));
  transition: transform 0.22s ease;
  transition: all 0.22s ease;
}
.about-accordion .accordion-button .accordion-title {
  font-size: 1.15rem;
  font-weight: bold;
  line-height: 1.2;
}
.about-accordion .accordion-button .accordion-icon {
  display: inline-block;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  text-align: center;
  line-height: 28px;
  color: #0D7535;
  background: rgb(252, 195, 195);
  transition: transform 0.22s ease;
  position: absolute;
  left: -15px;
}
.about-accordion .accordion-button .accordion-icon::before {
  content: "+";
  font-weight: 700;
  font-size: 24px;
}
.about-accordion .accordion-button[aria-expanded=true] {
  transition: all 0.22s ease;
}
.about-accordion .accordion-button[aria-expanded=true] .accordion-icon {
  transform: rotate(45deg);
}
.about-accordion .accordion-button:hover, .about-accordion .accordion-button:focus {
  color: #000000 !important;
  outline: none;
}
.about-accordion .accordion-button:hover .accordion-icon, .about-accordion .accordion-button:focus .accordion-icon {
  color: #F5F5F5 !important;
  background: rgb(200, 0, 0);
}
.about-accordion .accordion-button:hover .accordion-title, .about-accordion .accordion-button:focus .accordion-title {
  color: #0D7535 !important;
}
.about-accordion .accordion-button:hover::after, .about-accordion .accordion-button:focus::after {
  transform: rotate(90deg);
  transition: transform 0.22s ease;
}
.about-accordion .accordion-panel {
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.32s cubic-bezier(0.2, 0.9, 0.2, 1), padding 0.2s ease;
  padding: 0 1.25rem;
  background: #fff;
}
.about-accordion .accordion-panel[hidden] {
  padding-top: 0;
  padding-bottom: 0;
}
.about-accordion .accordion-panel .accordion-panel-inner {
  font-family: "Google Sans Flex", sans-serif !important;
  padding: 1rem 0 1.2rem;
  color: rgba(0, 0, 0, 0.85);
  line-height: 1.6;
}
@media only screen and (min-width: 768px) {
  .about-accordion .accordion-button {
    padding: 1.25rem 1.5rem;
  }
  .about-accordion .accordion-panel {
    padding: 0 1.5rem;
  }
}

/* Honda History timeline styles (supports both new .history-item markup and legacy li.icon-history pairs) */
#honda-history {
  position: relative; /* allow absolutely-positioned children like .honda-timeline-line */
  /* CSS variables to make the timeline geometry configurable */
  --honda-icon-left: 12px;
  --honda-icon-size: 54px;
  --honda-icon-half: calc(var(--honda-icon-size) / 2);
}
#honda-history ul {
  position: relative;
  padding: 6px 0; /* reduced vertical padding */
  margin: 0;
  z-index: 0; /* base stacking for the inner pseudo */
}
#honda-history {
  /* vertical timeline line: centered through the circle using CSS variables */
}
#honda-history ul::before {
  content: "";
  position: absolute;
  left: 32px;
  top: 0;
  bottom: 0;
  width: 3px;
  background: rgba(0, 0, 0, 0.12);
  border-radius: 2px;
  z-index: 0; /* behind icons (icons use z-index:2) */
  pointer-events: none;
}
#honda-history .history-item {
  position: relative;
  margin: 0 0 26px 0; /* tighter spacing */
  padding-left: 76px; /* space for icon + gap */
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-family: "Google Sans Flex", sans-serif !important;
  /* leave visibility/animation to the page (don't force overrides) */
}
#honda-history {
  /* circle with year inside using variables */
}
#honda-history .history-item .icon-history,
#honda-history ul li.icon-history {
  width: 54px;
  height: 54px;
  border-radius: 50%;
  background: #0D7535;
  box-shadow: 0 6px 16px rgba(200, 16, 46, 0.12);
  border: 3px solid #fff;
  position: absolute;
  left: 6px;
  top: 4px;
  z-index: 2; /* keep circle above the vertical line */
  display: flex;
  align-items: center;
  justify-content: center;
}
#honda-history {
  /* center the year inside the circle */
}
#honda-history .history-item .icon-history .date-year,
#honda-history ul li.icon-history .date-year {
  color: #ffffff;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1;
  display: inline-block;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  #honda-history {
    /* mobile overrides: smaller icons, different left offset */
    --honda-icon-left: 6px;
    --honda-icon-size: 28px;
    --honda-icon-half: calc(var(--honda-icon-size) / 2);
  }
}

.magic360-example {
  margin: 0 !important;
  height: auto;
  background: #fff;
  height: 370px;
  width: 100%;
  position: relative !important;
  z-index: 100;
}

.Magic360-fullscreen {
  z-index: 3 !important;
  top: 150px !important;
}

.wpsl-search {
  border-radius: 0.25rem !important;
}
.wpsl-search .wpsl-input label {
  line-height: 42px !important;
  font-weight: bold !important;
}

.wpsl-select-wrap label {
  line-height: 42px !important;
  font-weight: bold !important;
}

#wpsl-search-btn {
  background: #CC0000 !important;
  border: 3px solid #CC0000 !important;
  border-radius: 0.25rem !important;
  color: #FFFFFF !important;
  font-family: "Google Sans Flex", sans-serif;
  font-weight: 500 !important;
  text-decoration: none !important;
  padding: 8px 20px !important;
  font-size: 16px !important;
}
#wpsl-search-btn:hover, #wpsl-search-btn:focus {
  background: #000000 !important;
  border: 3px solid #000000 !important;
  color: #ffffff !important;
}

#wpsl-search-input {
  font-family: "Google Sans Flex", sans-serif !important;
  font-size: 14px !important;
  border-radius: 0.25rem !important;
}

#wpsl-results-dropdown {
  font-family: "Google Sans Flex", sans-serif !important;
  font-size: 14px !important;
  border-radius: 0.25rem !important;
  padding: 8px 10px !important;
}

.search-card {
  display: flex;
  gap: 40px;
  border-bottom: 1px dotted #f5f5f5 !important;
  margin-bottom: 30px;
}
.search-card h1, .search-card h2, .search-card h3, .search-card h4, .search-card h5, .search-card h6 {
  font-family: "Google Sans Flex", sans-serif !important;
}
.search-card .dt-published {
  font-family: "Google Sans Flex", sans-serif !important;
  font-size: 14px !important;
  color: #6c757d;
}
.search-card .entry-summary {
  font-family: "Google Sans Flex", sans-serif !important;
  font-size: 16px !important;
  color: #212529;
}
.search-card .entry-summary a {
  text-decoration: none !important;
  color: #0D7535 !important;
  padding-left: 10px;
}
.search-card .entry-summary a:hover {
  color: #000000 !important;
}

.sub-header-center-flex {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 40vh;
  width: 100%;
}

/* Ensure the wrapper has height to show clouds above the building */
.building-wrapper {
  display: block;
  min-height: 200px;
}

.cloud-custom1 {
  position: absolute;
  width: 100px;
  height: 27px;
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
  z-index: 1;
  opacity: 0;
  /* Your updated SVG encoded as Base64 to guarantee it displays */
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUzIiBoZWlnaHQ9IjY4IiB2aWV3Qm94PSIwIDAgMjUzIDY4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0xMjguOTUyIDFDMTQ1LjgyNiAxIDE2MC4yNjYgMTEuNDEyMiAxNjYuMjAzIDI2LjE2MTFDMTY3LjE1NiAyNi4wNzg1IDE2OC4xMiAyNi4wMzUyIDE2OS4wOTUgMjYuMDM1MkMxODEuOTkyIDI2LjAzNTIgMTkzLjE2MSAzMy40MzAzIDE5OC41OTYgNDQuMjEwOUMyMDQuMDk2IDQwLjExNCAyMTAuOTE1IDM3LjY4OTUgMjE4LjMwMSAzNy42ODk1QzIzNC45NjIgMzcuNjg5NSAyNDguNzM5IDUwLjAzIDI1MC45OTUgNjYuMDY5M0gxLjk1MzEyQzExLjY1MTMgNTIuNjA1OCAyNy40NjM0IDQzLjgzOTkgNDUuMzIzMiA0My44Mzk4QzQ4LjI0OCA0My44Mzk4IDUxLjExNzkgNDQuMDc1MSA1My45MTUgNDQuNTI3M0M1OC43MDA1IDMyLjE5MTQgNzAuNjgzNCAyMy40NDUzIDg0LjcxIDIzLjQ0NTNDODcuMzg0OCAyMy40NDUzIDg5Ljk4NTEgMjMuNzY0OSA5Mi40NzU2IDI0LjM2NTJDOTguODI5MSAxMC41NzQxIDExMi43NzIgMS4wMDAxOCAxMjguOTUyIDFaIiBmaWxsPSIjRjBGOUZDIi8+PHBhdGggZD0iTTEyOC45NTIgMEMxNDUuOTg3IDAgMTYwLjYgMTAuMzU0NiAxNjYuODUgMjUuMTA4NEMxNjcuNTkxIDI1LjA1OTcgMTY4LjM0IDI1LjAzNTIgMTY5LjA5NSAyNS4wMzUyQzE4MS45NjkgMjUuMDM1MiAxOTMuMTY4IDMyLjE4NzMgMTk4Ljk0NSA0Mi43Mjk1QzIwNC40NCAzOC45MjE1IDIxMS4xMTEgMzYuNjg5NSAyMTguMzAxIDM2LjY4OTVDMjM1LjQ2OCAzNi42ODk1IDI0OS42NjEgNDkuNDAzOSAyNTEuOTg1IDY1LjkyOTdMMjUyLjE0NiA2Ny4wNjkzSDBMMS4xNDE2IDY1LjQ4NDRDMTEuMDE5NiA1MS43NzEzIDI3LjEyODMgNDIuODM5OSA0NS4zMjMyIDQyLjgzOThDNDguMDI2NCA0Mi44Mzk4IDUwLjY4MzggNDMuMDM5IDUzLjI4MjIgNDMuNDE5OUM1OC4zOTkgMzEuMTA2NyA3MC41NDE0IDIyLjQ0NTMgODQuNzEgMjIuNDQ1M0M4Ny4xODE0IDIyLjQ0NTMgODkuNTkxMyAyMi43MTE3IDkxLjkxNDEgMjMuMjEyOUM5OC41NzU5IDkuNDc1NzIgMTEyLjY1NiAwLjAwMDE4MTg1MiAxMjguOTUyIDBaTTEyOC45NTIgMUMxMTIuNzcyIDEuMDAwMTggOTguODI5MSAxMC41NzQxIDkyLjQ3NTYgMjQuMzY1MkM4OS45ODUxIDIzLjc2NDkgODcuMzg0OCAyMy40NDUzIDg0LjcxIDIzLjQ0NTNDNzAuNjgzNCAyMy40NDUzIDU4LjcwMDUgMzIuMTkxNCA1My45MTUgNDQuNTI3M0M1MS4xMTc5IDQ0LjA3NTEgNDguMjQ4IDQzLjgzOTggNDUuMzIzMiA0My44Mzk4QzI3LjQ2MzQgNDMuODM5OSAxMS42NTEzIDUyLjYwNTggMS45NTMxMiA2Ni4wNjkzSDI1MC45OTVDMjQ4LjczOSA1MC4wMyAyMzQuOTYyIDM3LjY4OTUgMjE4LjMwMSAzNy42ODk1QzIxMC45MTUgMzcuNjg5NSAyMDQuMDk2IDQwLjExNCAxOTguNTk2IDQ0LjIxMDlDMTkzLjE2MSAzMy40MzAzIDE4MS45OTIgMjYuMDM1MiAxNjkuMDk1IDI2LjAzNTJDMTY4LjEyIDI2LjAzNTIgMTY3LjE1NiAyNi4wNzg1IDE2Ni4yMDMgMjYuMTYxMUMxNjAuMjY2IDExLjQxMjIgMTQ1LjgyNiAxIDEyOC45NTIgMVoiIGZpbGw9IiM0OTYxNjMiLz48cGF0aCBkPSJNMTI2LjQ3NSAzNS43NDY3QzEzNS41NjMgMzUuNzQ2OCAxNDQuMDM5IDM4LjM2MjIgMTUxLjE5NiA0Mi44Nzc1QzE1My42NDQgNDIuNDQ2MyAxNTYuMTY0IDQyLjIyMTMgMTU4LjczNSA0Mi4yMjEzQzE3Mi41NzcgNDIuMjIxMyAxODQuODk1IDQ4LjczNzggMTkyLjc5NCA1OC44Njg3QzE5OS45MjggNTQuNzgxMSAyMDguMTk0IDUyLjQ0NCAyMTcuMDA2IDUyLjQ0MzlDMjMwLjEzNSA1Mi40NDM5IDI0Mi4wNTEgNTcuNjMyMiAyNTAuODE5IDY2LjA2ODlIMi4zMzY5MUMxMy4wNTc4IDU4LjEzNTUgMjYuMzIyNyA1My40NDM5IDQwLjY4MzYgNTMuNDQzOUM0Ni42MDIyIDUzLjQ0NCA1Mi4zMzQ0IDU0LjI0MTggNTcuNzc5MyA1NS43MzRDNjQuNTA3IDQ3LjQ4NzggNzQuNzQ4NCA0Mi4yMjEzIDg2LjIyMDcgNDIuMjIxM0M5MC43OTgyIDQyLjIyMTMgOTUuMTc5IDQzLjA2MTkgOTkuMjE5NyA0NC41OTM0QzEwNi44NzIgMzkuMDMwMSAxMTYuMjkgMzUuNzQ2NyAxMjYuNDc1IDM1Ljc0NjdaIiBmaWxsPSIjRDdFOUVFIi8+PC9zdmc+");
}

.cloud-custom2 {
  position: absolute;
  width: 65px;
  height: 18px;
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
  z-index: 1;
  opacity: 0;
  /* Your updated SVG encoded as Base64 */
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCA4MCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNTkuNDk3NiAwLjYzMjU2OEM2Ni45Mzc4IDAuNjMyNjgyIDcyLjk2OTYgNi42NjQzMSA3Mi45Njk2IDE0LjEwNDZDNzIuOTY5NiAxNC40OTU2IDcyLjk1MTYgMTQuODgyNiA3Mi45MTg5IDE1LjI2NTFDNzYuMTc4OSAxNi45MDg1IDc4LjU3NDkgMjAuMDE1MiA3OS4yNDM2IDIzLjcyMjVIMC44NTg3MDRDMS44MTMyNSAyMC40NjM0IDYuNjk0NjcgMTcuODYzOSAxMi45NTI3IDE3LjIzMzVDMTMuMzgzMyAxMi4wNTY5IDE3LjcyMTMgNy45ODk5MSAyMy4wMDkyIDcuOTg5OTFDMjUuOTE5OSA3Ljk4OTk5IDI4LjU0MjEgOS4yMjI4NSAzMC4zODM4IDExLjE5NDJDMzEuODM1MyA3LjQwMTg2IDM1LjUwODcgNC43MDkwMSAzOS44MTE1IDQuNzA5QzQyLjg0MDIgNC43MDkgNDUuNTU2OSA2LjA0MzMyIDQ3LjQwNjYgOC4xNTYwNkM0OS42MDM2IDMuNjk4OTYgNTQuMTkyNSAwLjYzMjU2OCA1OS40OTc2IDAuNjMyNTY4WiIgZmlsbD0iI0YwRjlGQyIvPjxwYXRoIGQ9Ik01OS40ODg5IDEyLjE3NzZDNjYuOTI4OCAxMi4xNzc3IDcyLjk2MDYgMTUuMTE5MSA3Mi45NjA5IDE4Ljc0NzRDNzIuOTYwOSAxOC45MzgxIDcyLjk0MjkgMTkuMTI3MyA3Mi45MTAyIDE5LjMxMzhDNzYuMDI2OSAyMC4wODAxIDc4LjM1MzMgMjEuNDk5MiA3OS4xMzYxIDIzLjIwMjVDNzkuMTc1MiAyMy4zNzQ1IDc5LjIxMiAyMy41NDc3IDc5LjI0MzYgMjMuNzIyNUgwLjg1ODcwNEMwLjkxNTQ3NSAyMy41Mjg2IDAuOTg1ODgzIDIzLjMzNyAxLjA2OTkgMjMuMTQ4MUMyLjQxMDggMjEuNjk2MiA3LjA3MTY3IDIwLjU2MjEgMTIuOTQ0MSAyMC4yNzM2QzEzLjM3NDggMTcuNzQ5MSAxNy43MTI3IDE1Ljc2NTUgMjMuMDAwNSAxNS43NjU1QzI1LjkxMSAxNS43NjU2IDI4LjUzMzQgMTYuMzY2NyAzMC4zNzUxIDE3LjMyODFDMzEuODI2OCAxNS40Nzg4IDM1LjUwMDMgMTQuMTY1OCAzOS44MDI4IDE0LjE2NThDNDIuODMxNiAxNC4xNjU4IDQ1LjU0ODkgMTQuODE2NSA0Ny4zOTg2IDE1Ljg0NzBDNDkuNTk1NSAxMy42NzM0IDU0LjE4MzkgMTIuMTc3NiA1OS40ODg5IDEyLjE3NzZaIiBmaWxsPSIjRDdFOUVFIi8+PHBhdGggZD0iTTcyLjk2OTQgMTQuMTA0NUM3Mi45Njk0IDYuNjY0MiA2Ni45Mzc2IDAuNjMyNTc4IDU5LjQ5NzQgMC42MzI0NjVDNTQuMTkyNCAwLjYzMjUxNyA0OS42MDM0IDMuNjk4ODkgNDcuNDA2NCA4LjE1NTk1QzQ1LjU1NjcgNi4wNDMyNSA0Mi44NCA0LjcwODkwIDM5LjgxMTMgNC43MDg5QzM1LjUwODYgNC43MDg5NiAzMS44MzUxIDcuNDAxNzkgMzAuMzgzNiAxMS4xOTQxQzI4LjU0MTkgOS4yMjI3NyAyNS45MTk3IDcuOTg5ODggMjMuMDA5IDcuOTg5ODFDMTcuNzIxMiA3Ljk4OTg4IDEzLjM4MzEgMTIuMDU2OCAxMi45NTI2IDE3LjIzMzRDNy4wNjgwNiAxNy44MjYyIDIuNDAwNzkgMjAuMTYgMS4wNzA5OSAyMy4xNDYxTDEuMDY5NzUgMjMuMTQ4MEMxLjAwNjc2IDIzLjI4OTYgMC45NTEyOTMgMjMuNDMyNyAwLjkwMzYwOSAyMy41NzcyTDAuODU4NTIyIDIzLjcyMjRINzkuMjQzNEM3OS4yMjcxIDIzLjYzMjAgNzkuMjA5NiAyMy41NDIgNzkuMTkwOSAyMy40NTI1Qzc4LjQ1NjggMTkuODY0NiA3Ni4wOTkyIDE2Ljg2ODMgNzIuOTE4NyAxNS4yNjVDNzIuOTUxNCAxNC44ODI1IDcyLjk2OTQgMTQuNDk1NCA3Mi45Njk0IDE0LjEwNDVaTTczLjYwMTkgMTQuMTA0NUM3My42MDE4IDE0LjM3MTQgNzMuNTkyNyAxNC42MzYgNzMuNTc3OCAxNC44OTgxQzc2LjczNjQgMTYuNjI3OCA3OS4wNjQ2IDE5LjY4NTEgNzkuODA5OCAyMy4zMjI4Qzc5LjgyOTcgMjMuNDE4MiA3OS44NDg3IDIzLjUxNDEgNzkuODY2IDIzLjYxTDgwIDI0LjM1NDhIMEwwLjI5OTU1NiAyMy4zODk1TDAuMzAxNDA5IDIzLjM4NDVMMC4zMDMyNjIgMjMuMzc5QzAuMzU3NzA1IDIzLjIxNCAwLjQyMDQwMyAyMy4wNTEyIDAuNDkxNjQzIDIyLjg5MUwwLjUxMzg3OCAyMi44NDE2TDAuNTE4ODE5IDIyLjgzNDhDMS4yNzc5OSAyMS4xNzg2IDIuOTA3OTcgMTkuNzc5NSA1LjAyMTQyIDE4LjcyNjNDNy4wNDggMTcuNzE2NCA5LjU3NzY4IDE2Ljk5MzIgMTIuMzc4MiAxNi42NjAzQzEzLjA3MzYgMTEuNDA5IDE3LjU2ODAgNy4zNTc0MiAyMy4wMDkgNy4zNTczNEwyMy4yOTgxIDcuMzYxMDVDMjUuOTM3NyA3LjQzMTAzIDI4LjMzOSAxMC4xMDE1IDMwLjE3MDUgMTAuMTAxNUMzMS45MTE5IDYuNTM1MDQgMzUuNTczMyA0LjA3NjQ5IDM5LjgxMTMgNC4wNzY0M0M0Mi43MDU2IDQuMDc2NDMgNDUuMzMxNSA1LjIyNDUzIDQ3LjI2MDEgNy4wODc0M0M0OS42OTMgMi44NTMzOCA1NC4yNjE0IDUuMTM4MDJlLTA1IDU5LjQ5NzQgMEw1OS44NjEyIDAuMDA0MzIzNDlDNjcuNDgyNiAwLjE5NzM5MSA3My42MDE5IDYuNDM2NTIgNzMuNjAxOSAxNC4xMDQ1WiIgZmlsbD0iIzQ5NjE2MyIvPjwvc3ZnPg==");
}

.cloud-custom3 {
  position: absolute;
  width: 45px;
  height: 12px;
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
  z-index: 1;
  opacity: 0;
  /* Your updated SVG encoded as Base64 to guarantee it displays */
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUzIiBoZWlnaHQ9IjY4IiB2aWV3Qm94PSIwIDAgMjUzIDY4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0xMjguOTUyIDFDMTQ1LjgyNiAxIDE2MC4yNjYgMTEuNDEyMiAxNjYuMjAzIDI2LjE2MTFDMTY3LjE1NiAyNi4wNzg1IDE2OC4xMiAyNi4wMzUyIDE2OS4wOTUgMjYuMDM1MkMxODEuOTkyIDI2LjAzNTIgMTkzLjE2MSAzMy40MzAzIDE5OC41OTYgNDQuMjEwOUMyMDQuMDk2IDQwLjExNCAyMTAuOTE1IDM3LjY4OTUgMjE4LjMwMSAzNy42ODk1QzIzNC45NjIgMzcuNjg5NSAyNDguNzM5IDUwLjAzIDI1MC45OTUgNjYuMDY5M0gxLjk1MzEyQzExLjY1MTMgNTIuNjA1OCAyNy40NjM0IDQzLjgzOTkgNDUuMzIzMiA0My44Mzk4QzQ4LjI0OCA0My44Mzk4IDUxLjExNzkgNDQuMDc1MSA1My45MTUgNDQuNTI3M0M1OC43MDA1IDMyLjE5MTQgNzAuNjgzNCAyMy40NDUzIDg0LjcxIDIzLjQ0NTNDODcuMzg0OCAyMy40NDUzIDg5Ljk4NTEgMjMuNzY0OSA5Mi40NzU2IDI0LjM2NTJDOTguODI5MSAxMC41NzQxIDExMi43NzIgMS4wMDAxOCAxMjguOTUyIDFaIiBmaWxsPSIjRjBGOUZDIi8+PHBhdGggZD0iTTEyOC45NTIgMEMxNDUuOTg3IDAgMTYwLjYgMTAuMzU0NiAxNjYuODUgMjUuMTA4NEMxNjcuNTkxIDI1LjA1OTcgMTY4LjM0IDI1LjAzNTIgMTY5LjA5NSAyNS4wMzUyQzE4MS45NjkgMjUuMDM1MiAxOTMuMTY4IDMyLjE4NzMgMTk4Ljk0NSA0Mi43Mjk1QzIwNC40NCAzOC45MjE1IDIxMS4xMTEgMzYuNjg5NSAyMTguMzAxIDM2LjY4OTVDMjM1LjQ2OCAzNi42ODk1IDI0OS42NjEgNDkuNDAzOSAyNTEuOTg1IDY1LjkyOTdMMjUyLjE0NiA2Ny4wNjkzSDBMMS4xNDE2IDY1LjQ4NDRDMTEuMDE5NiA1MS43NzEzIDI3LjEyODMgNDIuODM5OSA0NS4zMjMyIDQyLjgzOThDNDguMDI2NCA0Mi44Mzk4IDUwLjY4MzggNDMuMDM5IDUzLjI4MjIgNDMuNDE5OUM1OC4zOTkgMzEuMTA2NyA3MC41NDE0IDIyLjQ0NTMgODQuNzEgMjIuNDQ1M0M4Ny4xODE0IDIyLjQ0NTMgODkuNTkxMyAyMi43MTE3IDkxLjkxNDEgMjMuMjEyOUM5OC41NzU5IDkuNDc1NzIgMTEyLjY1NiAwLjAwMDE4MTg1MiAxMjguOTUyIDBaTTEyOC45NTIgMUMxMTIuNzcyIDEuMDAwMTggOTguODI5MSAxMC41NzQxIDkyLjQ3NTYgMjQuMzY1MkM4OS45ODUxIDIzLjc2NDkgODcuMzg0OCAyMy40NDUzIDg0LjcxIDIzLjQ0NTNDNzAuNjgzNCAyMy40NDUzIDU4LjcwMDUgMzIuMTkxNCA1My45MTUgNDQuNTI3M0M1MS4xMTc5IDQ0LjA3NTEgNDguMjQ4IDQzLjgzOTggNDUuMzIzMiA0My44Mzk4QzI3LjQ2MzQgNDMuODM5OSAxMS42NTEzIDUyLjYwNTggMS45NTMxMiA2Ni4wNjkzSDI1MC45OTVDMjQ4LjczOSA1MC4wMyAyMzQuOTYyIDM3LjY4OTUgMjE4LjMwMSAzNy42ODk1QzIxMC45MTUgMzcuNjg5NSAyMDQuMDk2IDQwLjExNCAxOTguNTk2IDQ0LjIxMDlDMTkzLjE2MSAzMy40MzAzIDE4MS45OTIgMjYuMDM1MiAxNjkuMDk1IDI2LjAzNTJDMTY4LjEyIDI2LjAzNTIgMTY3LjE1NiAyNi4wNzg1IDE2Ni4yMDMgMjYuMTYxMUMxNjAuMjY2IDExLjQxMjIgMTQ1LjgyNiAxIDEyOC45NTIgMVoiIGZpbGw9IiM0OTYxNjMiLz48cGF0aCBkPSJNMTI2LjQ3NSAzNS43NDY3QzEzNS41NjMgMzUuNzQ2OCAxNDQuMDM5IDM4LjM2MjIgMTUxLjE5NiA0Mi44Nzc1QzE1My42NDQgNDIuNDQ2MyAxNTYuMTY0IDQyLjIyMTMgMTU4LjczNSA0Mi4yMjEzQzE3Mi41NzcgNDIuMjIxMyAxODQuODk1IDQ4LjczNzggMTkyLjc5NCA1OC44Njg3QzE5OS45MjggNTQuNzgxMSAyMDguMTk0IDUyLjQ0NCAyMTcuMDA2IDUyLjQ0MzlDMjMwLjEzNSA1Mi40NDM5IDI0Mi4wNTEgNTcuNjMyMiAyNTAuODE5IDY2LjA2ODlIMi4zMzY5MUMxMy4wNTc4IDU4LjEzNTUgMjYuMzIyNyA1My40NDM5IDQwLjY4MzYgNTMuNDQzOUM0Ni42MDIyIDUzLjQ0NCA1Mi4zMzQ0IDU0LjI0MTggNTcuNzc5MyA1NS43MzRDNjQuNTA3IDQ3LjQ4NzggNzQuNzQ4NCA0Mi4yMjEzIDg2LjIyMDcgNDIuMjIxM0M5MC43OTgyIDQyLjIyMTMgOTUuMTc5IDQzLjA2MTkgOTkuMjE5NyA0NC41OTM0QzEwNi44NzIgMzkuMDMwMSAxMTYuMjkgMzUuNzQ2NyAxMjYuNDc1IDM1Ljc0NjdaIiBmaWxsPSIjRDdFOUVFIi8+PC9zdmc+");
}

/* Positioning */
.cloud-1 {
  top: 0%;
  left: 0px;
  animation: cloudFlow 20s infinite linear;
}

.cloud-2 {
  top: 20%;
  left: 0px;
  animation: cloudFlow 25s infinite linear 5s;
  transform: scale(0.5);
}

.cloud-3 {
  top: 10%;
  left: 0px;
  animation: cloudFlow 22s infinite linear 10s;
  transform: scale(1.1);
}

/* The Keyframes */
@keyframes cloudFlow {
  0% {
    opacity: 0;
    transform: translateX(0);
  }
  15% {
    opacity: 0.8;
  }
  85% {
    opacity: 0.8;
  }
  100% {
    opacity: 0;
    transform: translateX(400px); /* Adjust distance based on column width */
  }
}

/*# sourceMappingURL=app.css.map */