* {
  margin: 0;
  padding: 0; }

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



  @font-face {
    font-family: 'Knedle';
    src: url('font/Knedle-Light.eot');
    src: local('Knedle Light'), local('Knedle-Light'),
        url('font/Knedle-Light.eot?#iefix') format('embedded-opentype'),
        url('font/Knedle-Light.woff2') format('woff2'),
        url('font/Knedle-Light.woff') format('woff'),
        url('font/Knedle-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Knedle';
    src: url('font/Knedle-Regular.eot');
    src: local('Knedle Regular'), local('Knedle-Regular'),
        url('font/Knedle-Regular.eot?#iefix') format('embedded-opentype'),
        url('font/Knedle-Regular.woff2') format('woff2'),
        url('font/Knedle-Regular.woff') format('woff'),
        url('font/Knedle-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Knedle';
    src: url('font/Knedle-Medium.eot');
    src: local('Knedle Medium'), local('Knedle-Medium'),
        url('font/Knedle-Medium.eot?#iefix') format('embedded-opentype'),
        url('font/Knedle-Medium.woff2') format('woff2'),
        url('font/Knedle-Medium.woff') format('woff'),
        url('font/Knedle-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Knedle';
    src: url('font/Knedle-MediumItalic.eot');
    src: local('Knedle Medium Italic'), local('Knedle-MediumItalic'),
        url('font/Knedle-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('font/Knedle-MediumItalic.woff2') format('woff2'),
        url('font/Knedle-MediumItalic.woff') format('woff'),
        url('font/Knedle-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Knedle';
    src: url('font/Knedle-Thin.eot');
    src: local('Knedle Thin'), local('Knedle-Thin'),
        url('font/Knedle-Thin.eot?#iefix') format('embedded-opentype'),
        url('font/Knedle-Thin.woff2') format('woff2'),
        url('font/Knedle-Thin.woff') format('woff'),
        url('font/Knedle-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Knedle';
    src: url('font/Knedle-Extrabold.eot');
    src: local('Knedle Extrabold'), local('Knedle-Extrabold'),
        url('font/Knedle-Extrabold.eot?#iefix') format('embedded-opentype'),
        url('font/Knedle-Extrabold.woff2') format('woff2'),
        url('font/Knedle-Extrabold.woff') format('woff'),
        url('font/Knedle-Extrabold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Knedle';
    src: url('font/Knedle-ExtraboldItalic.eot');
    src: local('Knedle Extrabold Italic'), local('Knedle-ExtraboldItalic'),
        url('font/Knedle-ExtraboldItalic.eot?#iefix') format('embedded-opentype'),
        url('font/Knedle-ExtraboldItalic.woff2') format('woff2'),
        url('font/Knedle-ExtraboldItalic.woff') format('woff'),
        url('font/Knedle-ExtraboldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Knedle';
    src: url('font/Knedle-LightItalic.eot');
    src: local('Knedle Light Italic'), local('Knedle-LightItalic'),
        url('font/Knedle-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('font/Knedle-LightItalic.woff2') format('woff2'),
        url('font/Knedle-LightItalic.woff') format('woff'),
        url('font/Knedle-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Knedle';
    src: url('font/Knedle-BoldItalic.eot');
    src: local('Knedle Bold Italic'), local('Knedle-BoldItalic'),
        url('font/Knedle-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('font/Knedle-BoldItalic.woff2') format('woff2'),
        url('font/Knedle-BoldItalic.woff') format('woff'),
        url('font/Knedle-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Knedle';
    src: url('font/Knedle-BlackItalic.eot');
    src: local('Knedle Black Italic'), local('Knedle-BlackItalic'),
        url('font/Knedle-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('font/Knedle-BlackItalic.woff2') format('woff2'),
        url('font/Knedle-BlackItalic.woff') format('woff'),
        url('font/Knedle-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Knedle';
    src: url('font/Knedle-Italic.eot');
    src: local('Knedle Italic'), local('Knedle-Italic'),
        url('font/Knedle-Italic.eot?#iefix') format('embedded-opentype'),
        url('font/Knedle-Italic.woff2') format('woff2'),
        url('font/Knedle-Italic.woff') format('woff'),
        url('font/Knedle-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Knedle';
    src: url('font/Knedle-ThinItalic.eot');
    src: local('Knedle Thin Italic'), local('Knedle-ThinItalic'),
        url('font/Knedle-ThinItalic.eot?#iefix') format('embedded-opentype'),
        url('font/Knedle-ThinItalic.woff2') format('woff2'),
        url('font/Knedle-ThinItalic.woff') format('woff'),
        url('font/Knedle-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Knedle';
    src: url('font/Knedle-Black.eot');
    src: local('Knedle Black'), local('Knedle-Black'),
        url('font/Knedle-Black.eot?#iefix') format('embedded-opentype'),
        url('font/Knedle-Black.woff2') format('woff2'),
        url('font/Knedle-Black.woff') format('woff'),
        url('font/Knedle-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Knedle';
    src: url('font/Knedle-Bold.eot');
    src: local('Knedle Bold'), local('Knedle-Bold'),
        url('font/Knedle-Bold.eot?#iefix') format('embedded-opentype'),
        url('font/Knedle-Bold.woff2') format('woff2'),
        url('font/Knedle-Bold.woff') format('woff'),
        url('font/Knedle-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


  @font-face {
    font-family: 'Geometos Neue';
    src: url('font/GeometosNeue.eot');
    src: local('Geometos Neue'), local('GeometosNeue'),
        url('font/GeometosNeue.eot?#iefix') format('embedded-opentype'),
        url('font/GeometosNeue.woff2') format('woff2'),
        url('font/GeometosNeue.woff') format('woff'),
        url('font/GeometosNeue.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Geometos Neue';
    src: url('font/GeometosNeueBlack.eot');
    src: local('Geometos Neue Black'), local('GeometosNeueBlack'),
        url('font/GeometosNeueBlack.eot?#iefix') format('embedded-opentype'),
        url('font/GeometosNeueBlack.woff2') format('woff2'),
        url('font/GeometosNeueBlack.woff') format('woff'),
        url('font/GeometosNeueBlack.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Geometos Neue';
    src: url('font/GeometosNeueBold.eot');
    src: local('Geometos Neue Bold'), local('GeometosNeueBold'),
        url('font/GeometosNeueBold.eot?#iefix') format('embedded-opentype'),
        url('font/GeometosNeueBold.woff2') format('woff2'),
        url('font/GeometosNeueBold.woff') format('woff'),
        url('font/GeometosNeueBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Geometos Neue Extra';
    src: url('font/GeometosNeueExtraLight.eot');
    src: local('Geometos Neue ExtraLight'), local('GeometosNeueExtraLight'),
        url('font/GeometosNeueExtraLight.eot?#iefix') format('embedded-opentype'),
        url('font/GeometosNeueExtraLight.woff2') format('woff2'),
        url('font/GeometosNeueExtraLight.woff') format('woff'),
        url('font/GeometosNeueExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Geometos Neue';
    src: url('font/GeometosNeueLight.eot');
    src: local('Geometos Neue Light'), local('GeometosNeueLight'),
        url('font/GeometosNeueLight.eot?#iefix') format('embedded-opentype'),
        url('font/GeometosNeueLight.woff2') format('woff2'),
        url('font/GeometosNeueLight.woff') format('woff'),
        url('font/GeometosNeueLight.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Geometos Neue Extra';
    src: url('font/GeometosNeueExtraBold.eot');
    src: local('Geometos Neue ExtraBold'), local('GeometosNeueExtraBold'),
        url('font/GeometosNeueExtraBold.eot?#iefix') format('embedded-opentype'),
        url('font/GeometosNeueExtraBold.woff2') format('woff2'),
        url('font/GeometosNeueExtraBold.woff') format('woff'),
        url('font/GeometosNeueExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Geometos Neue Ultra';
    src: url('font/GeometosNeueUltra.eot');
    src: local('Geometos Neue Ultra'), local('GeometosNeueUltra'),
        url('font/GeometosNeueUltra.eot?#iefix') format('embedded-opentype'),
        url('font/GeometosNeueUltra.woff2') format('woff2'),
        url('font/GeometosNeueUltra.woff') format('woff'),
        url('font/GeometosNeueUltra.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


@font-face {
  font-family: 'powderscriptboldw00-regularRg';
  src: url("font/powder_script_bold_w00_regular-webfont.woff2") format("woff2"), url("font/powder_script_bold_w00_regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Brandon Grotesque';
  src: url("font/brandon/BrandonGrotesque-Thin.eot");
  src: local("Brandon Grotesque Thin"), local("BrandonGrotesque-Thin"), url("font/brandon/BrandonGrotesque-Thin.eot?#iefix") format("embedded-opentype"), url("font/brandon/BrandonGrotesque-Thin.woff2") format("woff2"), url("font/brandon/BrandonGrotesque-Thin.woff") format("woff"), url("font/brandon/BrandonGrotesque-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal; }

@font-face {
  font-family: 'Brandon Grotesque';
  src: url("font/brandon/BrandonGrotesque-Medium.eot");
  src: local("Brandon Grotesque Medium"), local("BrandonGrotesque-Medium"), url("font/brandon/BrandonGrotesque-Medium.eot?#iefix") format("embedded-opentype"), url("font/brandon/BrandonGrotesque-Medium.woff2") format("woff2"), url("font/brandon/BrandonGrotesque-Medium.woff") format("woff"), url("font/brandon/BrandonGrotesque-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal; }

@font-face {
  font-family: 'Brandon Grotesque';
  src: url("font/brandon/BrandonGrotesque-BoldItalic.eot");
  src: local("Brandon Grotesque Bold Italic"), local("BrandonGrotesque-BoldItalic"), url("font/brandon/BrandonGrotesque-BoldItalic.eot?#iefix") format("embedded-opentype"), url("font/brandon/BrandonGrotesque-BoldItalic.woff2") format("woff2"), url("font/brandon/BrandonGrotesque-BoldItalic.woff") format("woff"), url("font/brandon/BrandonGrotesque-BoldItalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic; }

@font-face {
  font-family: 'Brandon Grotesque';
  src: url("font/brandon/BrandonGrotesque-BlackItalic.eot");
  src: local("Brandon Grotesque Black Italic"), local("BrandonGrotesque-BlackItalic"), url("font/brandon/BrandonGrotesque-BlackItalic.eot?#iefix") format("embedded-opentype"), url("font/brandon/BrandonGrotesque-BlackItalic.woff2") format("woff2"), url("font/brandon/BrandonGrotesque-BlackItalic.woff") format("woff"), url("font/brandon/BrandonGrotesque-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic; }

@font-face {
  font-family: 'Brandon Grotesque';
  src: url("font/brandon/BrandonGrotesque-Regular.eot");
  src: local("Brandon Grotesque Regular"), local("BrandonGrotesque-Regular"), url("font/brandon/BrandonGrotesque-Regular.eot?#iefix") format("embedded-opentype"), url("font/brandon/BrandonGrotesque-Regular.woff2") format("woff2"), url("font/brandon/BrandonGrotesque-Regular.woff") format("woff"), url("font/brandon/BrandonGrotesque-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Brandon Grotesque';
  src: url("font/brandon/BrandonGrotesque-RegularItalic.eot");
  src: local("Brandon Grotesque Regular Italic"), local("BrandonGrotesque-RegularItalic"), url("font/brandon/BrandonGrotesque-RegularItalic.eot?#iefix") format("embedded-opentype"), url("font/brandon/BrandonGrotesque-RegularItalic.woff2") format("woff2"), url("font/brandon/BrandonGrotesque-RegularItalic.woff") format("woff"), url("font/brandon/BrandonGrotesque-RegularItalic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic; }

@font-face {
  font-family: 'Brandon Grotesque';
  src: url("font/brandon/BrandonGrotesque-Bold.eot");
  src: local("Brandon Grotesque Bold"), local("BrandonGrotesque-Bold"), url("font/brandon/BrandonGrotesque-Bold.eot?#iefix") format("embedded-opentype"), url("font/brandon/BrandonGrotesque-Bold.woff2") format("woff2"), url("font/brandon/BrandonGrotesque-Bold.woff") format("woff"), url("font/brandon/BrandonGrotesque-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: 'Brandon Grotesque';
  src: url("font/brandon/BrandonGrotesque-MediumItalic.eot");
  src: local("Brandon Grotesque Medium Italic"), local("BrandonGrotesque-MediumItalic"), url("font/brandon/BrandonGrotesque-MediumItalic.eot?#iefix") format("embedded-opentype"), url("font/brandon/BrandonGrotesque-MediumItalic.woff2") format("woff2"), url("font/brandon/BrandonGrotesque-MediumItalic.woff") format("woff"), url("font/brandon/BrandonGrotesque-MediumItalic.ttf") format("truetype");
  font-weight: 500;
  font-style: italic; }

@font-face {
  font-family: 'Brandon Grotesque';
  src: url("font/brandon/BrandonGrotesque-ThinItalic.eot");
  src: local("Brandon Grotesque Thin Italic"), local("BrandonGrotesque-ThinItalic"), url("font/brandon/BrandonGrotesque-ThinItalic.eot?#iefix") format("embedded-opentype"), url("font/brandon/BrandonGrotesque-ThinItalic.woff2") format("woff2"), url("font/brandon/BrandonGrotesque-ThinItalic.woff") format("woff"), url("font/brandon/BrandonGrotesque-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic; }

@font-face {
  font-family: 'Brandon Grotesque';
  src: url("font/brandon/BrandonGrotesque-LightItalic.eot");
  src: local("Brandon Grotesque Light Italic"), local("BrandonGrotesque-LightItalic"), url("font/brandon/BrandonGrotesque-LightItalic.eot?#iefix") format("embedded-opentype"), url("font/brandon/BrandonGrotesque-LightItalic.woff2") format("woff2"), url("font/brandon/BrandonGrotesque-LightItalic.woff") format("woff"), url("font/brandon/BrandonGrotesque-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic; }

@font-face {
  font-family: 'Brandon Grotesque';
  src: url("font/brandon/BrandonGrotesque-Light.eot");
  src: local("Brandon Grotesque Light"), local("BrandonGrotesque-Light"), url("font/brandon/BrandonGrotesque-Light.eot?#iefix") format("embedded-opentype"), url("font/brandon/BrandonGrotesque-Light.woff2") format("woff2"), url("font/brandon/BrandonGrotesque-Light.woff") format("woff"), url("font/brandon/BrandonGrotesque-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: 'Brandon Grotesque';
  src: url("font/brandon/BrandonGrotesque-Black.eot");
  src: local("Brandon Grotesque Black"), local("BrandonGrotesque-Black"), url("font/brandon/BrandonGrotesque-Black.eot?#iefix") format("embedded-opentype"), url("font/brandon/BrandonGrotesque-Black.woff2") format("woff2"), url("font/brandon/BrandonGrotesque-Black.woff") format("woff"), url("font/brandon/BrandonGrotesque-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal; }

html {
  box-sizing: border-box;
  font-size: 65%;
  white-space: initial;
  scroll-behavior: smooth; }
  @media only screen and (max-width: 1200px) {
    html {
      font-size: 60%;
    }
  }
  @media only screen and (max-width: 600px) {
    html {
      font-size: 55%; } }
  @media only screen and (max-width: 350px) {
    html {
      font-size: 50%; } }


:root {
  --firstcolor: #e3c08d;
  --firstcolor-hover: goldenrod;
  --altfirstcolor: #cb96ed;
  --altfirstcolor2: #d9b1f3;
  --firstcolor-light: #cbb4da;
  --secondcolor: #ffa500;
  --thirdcolor: #00a400;
  --thirdcolor-hover: green;
}
      
body {
  color: #333;
  line-height: 1.6;
  font-family: "Knedle", sans-serif;
  text-decoration: none;
  letter-spacing: 1px;
  max-width: 100%;
  font-size: 1.5rem;
  overflow-x: hidden; }

a {
  text-decoration: none;
  color: brown; }
b {
  font-weight: bold;
}

i {
  font-style: italic;
}
header {
  background: #fff;
  position: relative;
  /* background: #111; */
  z-index: 2;
  box-shadow: 0 1rem 30rem rgb(138, 120, 74, 0.2);
  /* box-shadow: 0 1rem 30rem rgba(126, 74, 138, 0.4);  */
}
.header-blandx {
  background: unset;
}
.header-uppernotif {
  display: inline-block;
  background: red;
  font-size: 1.2rem;
  padding: 0.4rem 0.8rem;
  border-radius: 50%;
  transform: translateY(-1.5rem);
}
.menuopen-mobile, .cartopen-mobile {
  color: #fff;
  display: block;
  /* margin-top: .6rem; */
  cursor: pointer; }
  @media only screen and (max-width: 350px) {
    .menuopen-mobile, .cartopen-mobile {
      /* margin-top: .5rem;  */
    } }

.menuopen-mobile {
  transform: translateY(0.1rem); }

.cartopen-mobile {
  display: inline-block; }

.cartnum-swag {
  margin-top: -1.4rem;
  display: inline-block;
  transform: translateY(0.5rem); }

.cartnum-mobile {
  font-size: 1.4rem;
  position: absolute;
  top: 50%;
  left: 85%;
  display: inline-block;
  background: red;
  padding: .1rem .7rem;
  color: #fff;
  border-radius: 50%;
  font-weight: 700;
  transform: translate(-50%, -50%); }


.allthebg {
  /* height: 100vh; */
  min-height: 600px;
  /* background-color: #FFFFFF; */
/* background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1600' height='800' viewBox='0 0 1600 800'%3E%3Cpath fill='%23FF7' d='M1102.5 734.8c2.5-1.2 24.8-8.6 25.6-7.5.5.7-3.9 23.8-4.6 24.5C1123.3 752.1 1107.5 739.5 1102.5 734.8zM1226.3 229.1c0-.1-4.9-9.4-7-14.2-.1-.3-.3-1.1-.4-1.6-.1-.4-.3-.7-.6-.9-.3-.2-.6-.1-.8.1l-13.1 12.3c0 0 0 0 0 0-.2.2-.3.5-.4.8 0 .3 0 .7.2 1 .1.1 1.4 2.5 2.1 3.6 2.4 3.7 6.5 12.1 6.5 12.2.2.3.4.5.7.6.3 0 .5-.1.7-.3 0 0 1.8-2.5 2.7-3.6 1.5-1.6 3-3.2 4.6-4.7 1.2-1.2 1.6-1.4 2.1-1.6.5-.3 1.1-.5 2.5-1.9C1226.5 230.4 1226.6 229.6 1226.3 229.1zM33 770.3C33 770.3 33 770.3 33 770.3c0-.7-.5-1.2-1.2-1.2-.1 0-.3 0-.4.1-1.6.2-14.3.1-22.2 0-.3 0-.6.1-.9.4-.2.2-.4.5-.4.9 0 .2 0 4.9.1 5.9l.4 13.6c0 .3.2.6.4.9.2.2.5.3.8.3 0 0 .1 0 .1 0 7.3-.7 14.7-.9 22-.6.3 0 .7-.1.9-.3.2-.2.4-.6.4-.9C32.9 783.3 32.9 776.2 33 770.3z'/%3E%3Cpath fill='%230492D4' d='M171.1 383.4c1.3-2.5 14.3-22 15.6-21.6.8.3 11.5 21.2 11.5 22.1C198.1 384.2 177.9 384 171.1 383.4zM596.4 711.8c-.1-.1-6.7-8.2-9.7-12.5-.2-.3-.5-1-.7-1.5-.2-.4-.4-.7-.7-.8-.3-.1-.6 0-.8.3L574 712c0 0 0 0 0 0-.2.2-.2.5-.2.9 0 .3.2.7.4.9.1.1 1.8 2.2 2.8 3.1 3.1 3.1 8.8 10.5 8.9 10.6.2.3.5.4.8.4.3 0 .5-.2.6-.5 0 0 1.2-2.8 2-4.1 1.1-1.9 2.3-3.7 3.5-5.5.9-1.4 1.3-1.7 1.7-2 .5-.4 1-.7 2.1-2.4C596.9 713.1 596.8 712.3 596.4 711.8zM727.5 179.9C727.5 179.9 727.5 179.9 727.5 179.9c.6.2 1.3-.2 1.4-.8 0-.1 0-.2 0-.4.2-1.4 2.8-12.6 4.5-19.5.1-.3 0-.6-.2-.8-.2-.3-.5-.4-.8-.5-.2 0-4.7-1.1-5.7-1.3l-13.4-2.7c-.3-.1-.7 0-.9.2-.2.2-.4.4-.5.6 0 0 0 .1 0 .1-.8 6.5-2.2 13.1-3.9 19.4-.1.3 0 .6.2.9.2.3.5.4.8.5C714.8 176.9 721.7 178.5 727.5 179.9zM728.5 178.1c-.1-.1-.2-.2-.4-.2C728.3 177.9 728.4 178 728.5 178.1z'/%3E%3Cg fill='%23FFF'%3E%3Cpath d='M699.6 472.7c-1.5 0-2.8-.8-3.5-2.3-.8-1.9 0-4.2 1.9-5 3.7-1.6 6.8-4.7 8.4-8.5 1.6-3.8 1.7-8.1.2-11.9-.3-.9-.8-1.8-1.2-2.8-.8-1.7-1.8-3.7-2.3-5.9-.9-4.1-.2-8.6 2-12.8 1.7-3.1 4.1-6.1 7.6-9.1 1.6-1.4 4-1.2 5.3.4 1.4 1.6 1.2 4-.4 5.3-2.8 2.5-4.7 4.7-5.9 7-1.4 2.6-1.9 5.3-1.3 7.6.3 1.4 1 2.8 1.7 4.3.5 1.1 1 2.2 1.5 3.3 2.1 5.6 2 12-.3 17.6-2.3 5.5-6.8 10.1-12.3 12.5C700.6 472.6 700.1 472.7 699.6 472.7zM740.4 421.4c1.5-.2 3 .5 3.8 1.9 1.1 1.8.4 4.2-1.4 5.3-3.7 2.1-6.4 5.6-7.6 9.5-1.2 4-.8 8.4 1.1 12.1.4.9 1 1.7 1.6 2.7 1 1.7 2.2 3.5 3 5.7 1.4 4 1.2 8.7-.6 13.2-1.4 3.4-3.5 6.6-6.8 10.1-1.5 1.6-3.9 1.7-5.5.2-1.6-1.4-1.7-3.9-.2-5.4 2.6-2.8 4.3-5.3 5.3-7.7 1.1-2.8 1.3-5.6.5-7.9-.5-1.3-1.3-2.7-2.2-4.1-.6-1-1.3-2.1-1.9-3.2-2.8-5.4-3.4-11.9-1.7-17.8 1.8-5.9 5.8-11 11.2-14C739.4 421.6 739.9 421.4 740.4 421.4zM261.3 590.9c5.7 6.8 9 15.7 9.4 22.4.5 7.3-2.4 16.4-10.2 20.4-3 1.5-6.7 2.2-11.2 2.2-7.9-.1-12.9-2.9-15.4-8.4-2.1-4.7-2.3-11.4 1.8-15.9 3.2-3.5 7.8-4.1 11.2-1.6 1.2.9 1.5 2.7.6 3.9-.9 1.2-2.7 1.5-3.9.6-1.8-1.3-3.6.6-3.8.8-2.4 2.6-2.1 7-.8 9.9 1.5 3.4 4.7 5 10.4 5.1 3.6 0 6.4-.5 8.6-1.6 4.7-2.4 7.7-8.6 7.2-15-.5-7.3-5.3-18.2-13-23.9-4.2-3.1-8.5-4.1-12.9-3.1-3.1.7-6.2 2.4-9.7 5-6.6 5.1-11.7 11.8-14.2 19-2.7 7.7-2.1 15.8 1.9 23.9.7 1.4.1 3.1-1.3 3.7-1.4.7-3.1.1-3.7-1.3-4.6-9.4-5.4-19.2-2.2-28.2 2.9-8.2 8.6-15.9 16.1-21.6 4.1-3.1 8-5.1 11.8-6 6-1.4 12 0 17.5 4C257.6 586.9 259.6 588.8 261.3 590.9z'/%3E%3Ccircle cx='1013.7' cy='153.9' r='7.1'/%3E%3Ccircle cx='1024.3' cy='132.1' r='7.1'/%3E%3Ccircle cx='1037.3' cy='148.9' r='7.1'/%3E%3Cpath d='M1508.7 297.2c-4.8-5.4-9.7-10.8-14.8-16.2 5.6-5.6 11.1-11.5 15.6-18.2 1.2-1.7.7-4.1-1-5.2-1.7-1.2-4.1-.7-5.2 1-4.2 6.2-9.1 11.6-14.5 16.9-4.8-5-9.7-10-14.7-14.9-1.5-1.5-3.9-1.5-5.3 0-1.5 1.5-1.5 3.9 0 5.3 4.9 4.8 9.7 9.8 14.5 14.8-1.1 1.1-2.3 2.2-3.5 3.2-4.1 3.8-8.4 7.8-12.4 12-1.4 1.5-1.4 3.8 0 5.3 0 0 0 0 0 0 1.5 1.4 3.9 1.4 5.3-.1 3.9-4 8.1-7.9 12.1-11.7 1.2-1.1 2.3-2.2 3.5-3.3 4.9 5.3 9.8 10.6 14.6 15.9.1.1.1.1.2.2 1.4 1.4 3.7 1.5 5.2.2C1510 301.2 1510.1 298.8 1508.7 297.2zM327.6 248.6l-.4-2.6c-1.5-11.1-2.2-23.2-2.3-37 0-5.5 0-11.5.2-18.5 0-.7 0-1.5 0-2.3 0-5 0-11.2 3.9-13.5 2.2-1.3 5.1-1 8.5.9 5.7 3.1 13.2 8.7 17.5 14.9 5.5 7.8 7.3 16.9 5 25.7-3.2 12.3-15 31-30 32.1L327.6 248.6zM332.1 179.2c-.2 0-.3 0-.4.1-.1.1-.7.5-1.1 2.7-.3 1.9-.3 4.2-.3 6.3 0 .8 0 1.7 0 2.4-.2 6.9-.2 12.8-.2 18.3.1 12.5.7 23.5 2 33.7 11-2.7 20.4-18.1 23-27.8 1.9-7.2.4-14.8-4.2-21.3l0 0C347 188.1 340 183 335 180.3 333.6 179.5 332.6 179.2 332.1 179.2zM516.3 60.8c-.1 0-.2 0-.4-.1-2.4-.7-4-.9-6.7-.7-.7 0-1.3-.5-1.4-1.2 0-.7.5-1.3 1.2-1.4 3.1-.2 4.9 0 7.6.8.7.2 1.1.9.9 1.6C517.3 60.4 516.8 60.8 516.3 60.8zM506.1 70.5c-.5 0-1-.3-1.2-.8-.8-2.1-1.2-4.3-1.3-6.6 0-.7.5-1.3 1.2-1.3.7 0 1.3.5 1.3 1.2.1 2 .5 3.9 1.1 5.8.2.7-.1 1.4-.8 1.6C506.4 70.5 506.2 70.5 506.1 70.5zM494.1 64.4c-.4 0-.8-.2-1-.5-.4-.6-.3-1.4.2-1.8 1.8-1.4 3.7-2.6 5.8-3.6.6-.3 1.4 0 1.7.6.3.6 0 1.4-.6 1.7-1.9.9-3.7 2-5.3 3.3C494.7 64.3 494.4 64.4 494.1 64.4zM500.5 55.3c-.5 0-.9-.3-1.2-.7-.5-1-1.2-1.9-2.4-3.4-.3-.4-.7-.9-1.1-1.4-.4-.6-.3-1.4.2-1.8.6-.4 1.4-.3 1.8.2.4.5.8 1 1.1 1.4 1.3 1.6 2.1 2.6 2.7 3.9.3.6 0 1.4-.6 1.7C500.9 55.3 500.7 55.3 500.5 55.3zM506.7 55c-.3 0-.5-.1-.8-.2-.6-.4-.7-1.2-.3-1.8 1.2-1.7 2.3-3.4 3.3-5.2.3-.6 1.1-.9 1.7-.5.6.3.9 1.1.5 1.7-1 1.9-2.2 3.8-3.5 5.6C507.4 54.8 507.1 55 506.7 55zM1029.3 382.8c-.1 0-.2 0-.4-.1-2.4-.7-4-.9-6.7-.7-.7 0-1.3-.5-1.4-1.2 0-.7.5-1.3 1.2-1.4 3.1-.2 4.9 0 7.6.8.7.2 1.1.9.9 1.6C1030.3 382.4 1029.8 382.8 1029.3 382.8zM1019.1 392.5c-.5 0-1-.3-1.2-.8-.8-2.1-1.2-4.3-1.3-6.6 0-.7.5-1.3 1.2-1.3.7 0 1.3.5 1.3 1.2.1 2 .5 3.9 1.1 5.8.2.7-.1 1.4-.8 1.6C1019.4 392.5 1019.2 392.5 1019.1 392.5zM1007.1 386.4c-.4 0-.8-.2-1-.5-.4-.6-.3-1.4.2-1.8 1.8-1.4 3.7-2.6 5.8-3.6.6-.3 1.4 0 1.7.6.3.6 0 1.4-.6 1.7-1.9.9-3.7 2-5.3 3.3C1007.7 386.3 1007.4 386.4 1007.1 386.4zM1013.5 377.3c-.5 0-.9-.3-1.2-.7-.5-1-1.2-1.9-2.4-3.4-.3-.4-.7-.9-1.1-1.4-.4-.6-.3-1.4.2-1.8.6-.4 1.4-.3 1.8.2.4.5.8 1 1.1 1.4 1.3 1.6 2.1 2.6 2.7 3.9.3.6 0 1.4-.6 1.7C1013.9 377.3 1013.7 377.3 1013.5 377.3zM1019.7 377c-.3 0-.5-.1-.8-.2-.6-.4-.7-1.2-.3-1.8 1.2-1.7 2.3-3.4 3.3-5.2.3-.6 1.1-.9 1.7-.5.6.3.9 1.1.5 1.7-1 1.9-2.2 3.8-3.5 5.6C1020.4 376.8 1020.1 377 1019.7 377zM1329.7 573.4c-1.4 0-2.9-.2-4.5-.7-8.4-2.7-16.6-12.7-18.7-20-.4-1.4-.7-2.9-.9-4.4-8.1 3.3-15.5 10.6-15.4 21 0 1.5-1.2 2.7-2.7 2.8 0 0 0 0 0 0-1.5 0-2.7-1.2-2.7-2.7-.1-6.7 2.4-12.9 7-18 3.6-4 8.4-7.1 13.7-8.8.5-6.5 3.1-12.9 7.4-17.4 7-7.4 18.2-8.9 27.3-10.1l.7-.1c1.5-.2 2.9.9 3.1 2.3.2 1.5-.9 2.9-2.3 3.1l-.7.1c-8.6 1.2-18.4 2.5-24 8.4-3 3.2-5 7.7-5.7 12.4 7.9-1 17.7 1.3 24.3 5.7 4.3 2.9 7.1 7.8 7.2 12.7.2 4.3-1.7 8.3-5.2 11.1C1335.2 572.4 1332.6 573.4 1329.7 573.4zM1311 546.7c.1 1.5.4 3 .8 4.4 1.7 5.8 8.7 14.2 15.1 16.3 2.8.9 5.1.5 7.2-1.1 2.7-2.1 3.2-4.8 3.1-6.6-.1-3.2-2-6.4-4.8-8.3C1326.7 547.5 1317.7 545.6 1311 546.7z'/%3E%3C/g%3E%3C/svg%3E"); */
background-size: cover;
/* background-attachment: fixed; */
  /* background-image: url(/mytreat/mytreatbg2_5.jpg); */
  /* background-size: 100%; */
  /* background-repeat: no-repeat; */
  /* background-position: top;

  background-color: #FFFFFF;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1600' height='800' viewBox='0 0 1600 800'%3E%3Cpath fill='%23FF6633' d='M1102.5 734.8c2.5-1.2 24.8-8.6 25.6-7.5.5.7-3.9 23.8-4.6 24.5C1123.3 752.1 1107.5 739.5 1102.5 734.8zM1226.3 229.1c0-.1-4.9-9.4-7-14.2-.1-.3-.3-1.1-.4-1.6-.1-.4-.3-.7-.6-.9-.3-.2-.6-.1-.8.1l-13.1 12.3c0 0 0 0 0 0-.2.2-.3.5-.4.8 0 .3 0 .7.2 1 .1.1 1.4 2.5 2.1 3.6 2.4 3.7 6.5 12.1 6.5 12.2.2.3.4.5.7.6.3 0 .5-.1.7-.3 0 0 1.8-2.5 2.7-3.6 1.5-1.6 3-3.2 4.6-4.7 1.2-1.2 1.6-1.4 2.1-1.6.5-.3 1.1-.5 2.5-1.9C1226.5 230.4 1226.6 229.6 1226.3 229.1zM33 770.3C33 770.3 33 770.3 33 770.3c0-.7-.5-1.2-1.2-1.2-.1 0-.3 0-.4.1-1.6.2-14.3.1-22.2 0-.3 0-.6.1-.9.4-.2.2-.4.5-.4.9 0 .2 0 4.9.1 5.9l.4 13.6c0 .3.2.6.4.9.2.2.5.3.8.3 0 0 .1 0 .1 0 7.3-.7 14.7-.9 22-.6.3 0 .7-.1.9-.3.2-.2.4-.6.4-.9C32.9 783.3 32.9 776.2 33 770.3z'/%3E%3Cpath fill='%230492D4' d='M171.1 383.4c1.3-2.5 14.3-22 15.6-21.6.8.3 11.5 21.2 11.5 22.1C198.1 384.2 177.9 384 171.1 383.4zM596.4 711.8c-.1-.1-6.7-8.2-9.7-12.5-.2-.3-.5-1-.7-1.5-.2-.4-.4-.7-.7-.8-.3-.1-.6 0-.8.3L574 712c0 0 0 0 0 0-.2.2-.2.5-.2.9 0 .3.2.7.4.9.1.1 1.8 2.2 2.8 3.1 3.1 3.1 8.8 10.5 8.9 10.6.2.3.5.4.8.4.3 0 .5-.2.6-.5 0 0 1.2-2.8 2-4.1 1.1-1.9 2.3-3.7 3.5-5.5.9-1.4 1.3-1.7 1.7-2 .5-.4 1-.7 2.1-2.4C596.9 713.1 596.8 712.3 596.4 711.8zM727.5 179.9C727.5 179.9 727.5 179.9 727.5 179.9c.6.2 1.3-.2 1.4-.8 0-.1 0-.2 0-.4.2-1.4 2.8-12.6 4.5-19.5.1-.3 0-.6-.2-.8-.2-.3-.5-.4-.8-.5-.2 0-4.7-1.1-5.7-1.3l-13.4-2.7c-.3-.1-.7 0-.9.2-.2.2-.4.4-.5.6 0 0 0 .1 0 .1-.8 6.5-2.2 13.1-3.9 19.4-.1.3 0 .6.2.9.2.3.5.4.8.5C714.8 176.9 721.7 178.5 727.5 179.9zM728.5 178.1c-.1-.1-.2-.2-.4-.2C728.3 177.9 728.4 178 728.5 178.1z'/%3E%3Cg fill='%23FFF'%3E%3Cpath d='M699.6 472.7c-1.5 0-2.8-.8-3.5-2.3-.8-1.9 0-4.2 1.9-5 3.7-1.6 6.8-4.7 8.4-8.5 1.6-3.8 1.7-8.1.2-11.9-.3-.9-.8-1.8-1.2-2.8-.8-1.7-1.8-3.7-2.3-5.9-.9-4.1-.2-8.6 2-12.8 1.7-3.1 4.1-6.1 7.6-9.1 1.6-1.4 4-1.2 5.3.4 1.4 1.6 1.2 4-.4 5.3-2.8 2.5-4.7 4.7-5.9 7-1.4 2.6-1.9 5.3-1.3 7.6.3 1.4 1 2.8 1.7 4.3.5 1.1 1 2.2 1.5 3.3 2.1 5.6 2 12-.3 17.6-2.3 5.5-6.8 10.1-12.3 12.5C700.6 472.6 700.1 472.7 699.6 472.7zM740.4 421.4c1.5-.2 3 .5 3.8 1.9 1.1 1.8.4 4.2-1.4 5.3-3.7 2.1-6.4 5.6-7.6 9.5-1.2 4-.8 8.4 1.1 12.1.4.9 1 1.7 1.6 2.7 1 1.7 2.2 3.5 3 5.7 1.4 4 1.2 8.7-.6 13.2-1.4 3.4-3.5 6.6-6.8 10.1-1.5 1.6-3.9 1.7-5.5.2-1.6-1.4-1.7-3.9-.2-5.4 2.6-2.8 4.3-5.3 5.3-7.7 1.1-2.8 1.3-5.6.5-7.9-.5-1.3-1.3-2.7-2.2-4.1-.6-1-1.3-2.1-1.9-3.2-2.8-5.4-3.4-11.9-1.7-17.8 1.8-5.9 5.8-11 11.2-14C739.4 421.6 739.9 421.4 740.4 421.4zM261.3 590.9c5.7 6.8 9 15.7 9.4 22.4.5 7.3-2.4 16.4-10.2 20.4-3 1.5-6.7 2.2-11.2 2.2-7.9-.1-12.9-2.9-15.4-8.4-2.1-4.7-2.3-11.4 1.8-15.9 3.2-3.5 7.8-4.1 11.2-1.6 1.2.9 1.5 2.7.6 3.9-.9 1.2-2.7 1.5-3.9.6-1.8-1.3-3.6.6-3.8.8-2.4 2.6-2.1 7-.8 9.9 1.5 3.4 4.7 5 10.4 5.1 3.6 0 6.4-.5 8.6-1.6 4.7-2.4 7.7-8.6 7.2-15-.5-7.3-5.3-18.2-13-23.9-4.2-3.1-8.5-4.1-12.9-3.1-3.1.7-6.2 2.4-9.7 5-6.6 5.1-11.7 11.8-14.2 19-2.7 7.7-2.1 15.8 1.9 23.9.7 1.4.1 3.1-1.3 3.7-1.4.7-3.1.1-3.7-1.3-4.6-9.4-5.4-19.2-2.2-28.2 2.9-8.2 8.6-15.9 16.1-21.6 4.1-3.1 8-5.1 11.8-6 6-1.4 12 0 17.5 4C257.6 586.9 259.6 588.8 261.3 590.9z'/%3E%3Ccircle cx='1013.7' cy='153.9' r='7.1'/%3E%3Ccircle cx='1024.3' cy='132.1' r='7.1'/%3E%3Ccircle cx='1037.3' cy='148.9' r='7.1'/%3E%3Cpath d='M1508.7 297.2c-4.8-5.4-9.7-10.8-14.8-16.2 5.6-5.6 11.1-11.5 15.6-18.2 1.2-1.7.7-4.1-1-5.2-1.7-1.2-4.1-.7-5.2 1-4.2 6.2-9.1 11.6-14.5 16.9-4.8-5-9.7-10-14.7-14.9-1.5-1.5-3.9-1.5-5.3 0-1.5 1.5-1.5 3.9 0 5.3 4.9 4.8 9.7 9.8 14.5 14.8-1.1 1.1-2.3 2.2-3.5 3.2-4.1 3.8-8.4 7.8-12.4 12-1.4 1.5-1.4 3.8 0 5.3 0 0 0 0 0 0 1.5 1.4 3.9 1.4 5.3-.1 3.9-4 8.1-7.9 12.1-11.7 1.2-1.1 2.3-2.2 3.5-3.3 4.9 5.3 9.8 10.6 14.6 15.9.1.1.1.1.2.2 1.4 1.4 3.7 1.5 5.2.2C1510 301.2 1510.1 298.8 1508.7 297.2zM327.6 248.6l-.4-2.6c-1.5-11.1-2.2-23.2-2.3-37 0-5.5 0-11.5.2-18.5 0-.7 0-1.5 0-2.3 0-5 0-11.2 3.9-13.5 2.2-1.3 5.1-1 8.5.9 5.7 3.1 13.2 8.7 17.5 14.9 5.5 7.8 7.3 16.9 5 25.7-3.2 12.3-15 31-30 32.1L327.6 248.6zM332.1 179.2c-.2 0-.3 0-.4.1-.1.1-.7.5-1.1 2.7-.3 1.9-.3 4.2-.3 6.3 0 .8 0 1.7 0 2.4-.2 6.9-.2 12.8-.2 18.3.1 12.5.7 23.5 2 33.7 11-2.7 20.4-18.1 23-27.8 1.9-7.2.4-14.8-4.2-21.3l0 0C347 188.1 340 183 335 180.3 333.6 179.5 332.6 179.2 332.1 179.2zM516.3 60.8c-.1 0-.2 0-.4-.1-2.4-.7-4-.9-6.7-.7-.7 0-1.3-.5-1.4-1.2 0-.7.5-1.3 1.2-1.4 3.1-.2 4.9 0 7.6.8.7.2 1.1.9.9 1.6C517.3 60.4 516.8 60.8 516.3 60.8zM506.1 70.5c-.5 0-1-.3-1.2-.8-.8-2.1-1.2-4.3-1.3-6.6 0-.7.5-1.3 1.2-1.3.7 0 1.3.5 1.3 1.2.1 2 .5 3.9 1.1 5.8.2.7-.1 1.4-.8 1.6C506.4 70.5 506.2 70.5 506.1 70.5zM494.1 64.4c-.4 0-.8-.2-1-.5-.4-.6-.3-1.4.2-1.8 1.8-1.4 3.7-2.6 5.8-3.6.6-.3 1.4 0 1.7.6.3.6 0 1.4-.6 1.7-1.9.9-3.7 2-5.3 3.3C494.7 64.3 494.4 64.4 494.1 64.4zM500.5 55.3c-.5 0-.9-.3-1.2-.7-.5-1-1.2-1.9-2.4-3.4-.3-.4-.7-.9-1.1-1.4-.4-.6-.3-1.4.2-1.8.6-.4 1.4-.3 1.8.2.4.5.8 1 1.1 1.4 1.3 1.6 2.1 2.6 2.7 3.9.3.6 0 1.4-.6 1.7C500.9 55.3 500.7 55.3 500.5 55.3zM506.7 55c-.3 0-.5-.1-.8-.2-.6-.4-.7-1.2-.3-1.8 1.2-1.7 2.3-3.4 3.3-5.2.3-.6 1.1-.9 1.7-.5.6.3.9 1.1.5 1.7-1 1.9-2.2 3.8-3.5 5.6C507.4 54.8 507.1 55 506.7 55zM1029.3 382.8c-.1 0-.2 0-.4-.1-2.4-.7-4-.9-6.7-.7-.7 0-1.3-.5-1.4-1.2 0-.7.5-1.3 1.2-1.4 3.1-.2 4.9 0 7.6.8.7.2 1.1.9.9 1.6C1030.3 382.4 1029.8 382.8 1029.3 382.8zM1019.1 392.5c-.5 0-1-.3-1.2-.8-.8-2.1-1.2-4.3-1.3-6.6 0-.7.5-1.3 1.2-1.3.7 0 1.3.5 1.3 1.2.1 2 .5 3.9 1.1 5.8.2.7-.1 1.4-.8 1.6C1019.4 392.5 1019.2 392.5 1019.1 392.5zM1007.1 386.4c-.4 0-.8-.2-1-.5-.4-.6-.3-1.4.2-1.8 1.8-1.4 3.7-2.6 5.8-3.6.6-.3 1.4 0 1.7.6.3.6 0 1.4-.6 1.7-1.9.9-3.7 2-5.3 3.3C1007.7 386.3 1007.4 386.4 1007.1 386.4zM1013.5 377.3c-.5 0-.9-.3-1.2-.7-.5-1-1.2-1.9-2.4-3.4-.3-.4-.7-.9-1.1-1.4-.4-.6-.3-1.4.2-1.8.6-.4 1.4-.3 1.8.2.4.5.8 1 1.1 1.4 1.3 1.6 2.1 2.6 2.7 3.9.3.6 0 1.4-.6 1.7C1013.9 377.3 1013.7 377.3 1013.5 377.3zM1019.7 377c-.3 0-.5-.1-.8-.2-.6-.4-.7-1.2-.3-1.8 1.2-1.7 2.3-3.4 3.3-5.2.3-.6 1.1-.9 1.7-.5.6.3.9 1.1.5 1.7-1 1.9-2.2 3.8-3.5 5.6C1020.4 376.8 1020.1 377 1019.7 377zM1329.7 573.4c-1.4 0-2.9-.2-4.5-.7-8.4-2.7-16.6-12.7-18.7-20-.4-1.4-.7-2.9-.9-4.4-8.1 3.3-15.5 10.6-15.4 21 0 1.5-1.2 2.7-2.7 2.8 0 0 0 0 0 0-1.5 0-2.7-1.2-2.7-2.7-.1-6.7 2.4-12.9 7-18 3.6-4 8.4-7.1 13.7-8.8.5-6.5 3.1-12.9 7.4-17.4 7-7.4 18.2-8.9 27.3-10.1l.7-.1c1.5-.2 2.9.9 3.1 2.3.2 1.5-.9 2.9-2.3 3.1l-.7.1c-8.6 1.2-18.4 2.5-24 8.4-3 3.2-5 7.7-5.7 12.4 7.9-1 17.7 1.3 24.3 5.7 4.3 2.9 7.1 7.8 7.2 12.7.2 4.3-1.7 8.3-5.2 11.1C1335.2 572.4 1332.6 573.4 1329.7 573.4zM1311 546.7c.1 1.5.4 3 .8 4.4 1.7 5.8 8.7 14.2 15.1 16.3 2.8.9 5.1.5 7.2-1.1 2.7-2.1 3.2-4.8 3.1-6.6-.1-3.2-2-6.4-4.8-8.3C1326.7 547.5 1317.7 545.6 1311 546.7z'/%3E%3C/g%3E%3C/svg%3E");
  background-attachment: fixed; */
}
@media only screen and (max-width: 1200px) {
  .allthebg {
    min-height: auto;
    height: auto;
    background-image: none;
  }
}
.header-mobmenu {
  height: 4rem;
  transform: translateY(.7rem);
}
.header-mobmenu2 {
  height: 4rem;
  transform: translateY(0);
}
.header-mobile {
  display: none;
  max-height: 100vh;
  overflow: auto; }

.altheader-wrap {
  padding: 2rem;
  padding-bottom: .5rem;
  color: #fff;
  /* border-bottom: 1px solid rgba(255, 255, 255, 0.1); */
  display: none;
}
@media only screen and (max-width: 1200px) {
  .altheader-wrap {
    display: block;
  }
}
.altheader-menu {
  font-size: 2rem;
  margin-right: 2rem;
}
.altheader-logogen {
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  font-weight: bold;
  font-size: 2rem;
}
.altheader-usericon {
  margin-top: -.1rem;
  display: inline-block;
}
.altmenu-texticon {
  font-size: 3.3rem;
  transform: translateY(-0.4rem);
}
.altmenu-icon {
  height: 3rem;
}
.altheader-logo {
  height: 4rem;
  margin-right: .5rem;
}
.altheader-logotext {
  transform: translateY(.1rem);
  color: #fff;
}
@media only screen and (max-width: 300px) {
  .altheader-logotext {
    font-size: 1.5rem;
  }
}
.altmenurow {
  margin-top: 1rem;
  max-height: 50vh;
  overflow: auto;
}
.altmenurow li, .altmenurow a {
  color: #fff;
  padding: 2rem 0;
  /* background: #111; */
  display: flex;
  align-items: center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  transition: padding 1s;
  cursor: pointer;
}
.mini-newx {
    display: inline-block;
    background: red;
    color: #fff;
    font-size: 1.4rem;
    padding: 0.1rem 0.7rem;
}
  @media only screen and (max-width: 1200px) {
    .header-mobile {
      display: block;
      padding: 1.5rem 2rem; }
      /* .header-mobilegrid {
        display: grid;
        grid-template-columns: 20% 60% 20%; 
      }  */
  }
  .header-wrap {
    padding: 1rem 1.5rem;
    border-radius: 5px;
    border: 1px solid var(--firstcolor);
    display: inline-block;
  }
  .header-mobile__icon {
    height: 2.6rem; }
  .header-mobile__list {
    list-style: none;
    margin-top: 3rem; }
    .header-mobile__list li a {
      display: block;
      padding: 1.5rem 0rem;
      font-size: 1.7rem;
      font-weight: normal;
      color: #333 }
      .header-mobile__list li:not(:last-child) {
        border-bottom: 1px solid rgba(0, 0, 0, 0.05);
       }
      .header-mobile__list li a {
        color: #333; }
        .header-mobile__list li a:hover {
          color: #000;
          font-weight: bold; }
  .header-mobile__startlink {
    background: linear-gradient(to right, var(--firstcolor), #4a5a8e);
    color: #fff;
    text-transform: uppercase;
    font-size: 1.5rem;
    display: inline-block;
    padding: 1rem 2rem; }
    @media only screen and (max-width: 400px) {
      .header-mobile__startlink {
        display: block; } }
    .header-mobile__startlink:hover {
      background: linear-gradient(to right, var(--firstcolor), #4a5a8e, #5d427e); }
  .header-mobile__logo, .header-mobile__logo2 {
    display: inline-block;
    text-align: center;
    height: 5rem;
    transform: translateY(-.6rem);
    margin-top: .7rem; }
    .header-mobile__logo2 {
      height: 3.5rem;
    }
  
    @media only screen and (max-width: 350px) {
      .header-mobile__logo, .header-mobile__logo2 {
        height: 5rem; }
      .header-mobile__logo2 {
        height: 3.5rem;  
      }      
    }

.header-pc__icon {
  height: 2.6rem; }

.bodyofhead {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.header-price {
  display: inline-block;
  border: 2px solid #000;
  border-radius: 5px;
  padding: .4rem .7rem;
  font-weight: 600;
  color: #fff !important;
  background: #111;
  font-size: 1.3rem;
}
.header {
  width: 1200px;
  max-width: 100%;
  margin: 0 auto;
  padding: 2rem 1rem;
  position: relative; }
  @media only screen and (max-width: 1200px) {
    .header {
      display: none; } }
  .header::after, .header::before {
    content: "";
    clear: both;
    display: table; }
  .header-newrow {
    padding: 5rem 2rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
    text-align: center; }
  
  .header-sparerow {
    display: inline-flex;
    align-items: center;
  }
  .header__logo {
    height: 5rem;
    display: inline-block;
    }
    @media only screen and (max-width: 880px) {
      .header__logo {
        height: 50px; } }
  .header__right, .header__left {
    float: right; }
    @media only screen and (max-width: 880px) {
      .header__right, .header__left {
        margin-top: 1rem; } }
  
  
  .header__right-img {
    height: 3.4rem;
    width: 3.3rem;
    object-fit: cover;
    vertical-align: middle;
    border-radius: 50%;
    border: 1px solid rgba(0, 0, 0, 0.2);
    overflow: hidden;
    display: inline-block;
    transform: translateY(-2px);
  }
  .header__right-img2 {
    height: 5.5rem;
    width: 5.4rem;
  }
  .header__right-img3 {
    height: 2.7rem;
    width: 2.6rem;
  }
  .header__right-username, .header__right-usernamelat {
    background: #4a73e8;
    border-radius: 50px;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 4.3rem;
    width: 4.3rem;
    text-transform: uppercase;
    color: #fff;
    padding: .7rem .6rem;
    transform: translateY(-2px);
  }
  .header__right-usernamelat {
    font-size: 1.4rem;
    height: 3rem;
    width: 3rem;
    background: #444343;
    text-align: center;
  }
  @media only screen and (max-width: 1200px) {
    .header__right-formobile {
      height: 4rem;
      width: 4rem;
    }
  }

  .header__right-username2 {
    height: 5.5rem;
    width: 5.4rem;
  }
  .header__right-online {
    height: 1rem;
    width: 1rem;
    border-radius: 50px;
    background: rgb(18, 230, 88);
    position: relative;
    z-index: 2;
    border: 1px solid #fff;
    margin-left: -1rem;
    transform: translateY(1rem);
  }
  @media only screen and (max-width: 1200px) {
    .header__right-online {
      transform: translateY(1.5rem);
      border: 1px solid rgba(255,255,255,0.3);
      height: .7rem;
      width: .7rem;
      display: none;
    } 
  }
    .header__right-nav, .header__left-nav {
      margin-top: 1.4rem;
      list-style: none; }
      .header-right__newliabsolute {
        position: absolute;
        top: 200%;
        list-style: none;
        width: 20rem;
        text-align: left;
      }
      .header-right__newliabsolute2, .header-right__newliabsolute3, .header-right__newliabsolute2lat {
        position: absolute;
        border: 1px solid rgba(0, 0, 0, 0.1);
        top: 140%;
        left: -450%;
        list-style: none;
        width: 25rem;
        text-align: left;
        background: #fff;
        box-shadow: 0 .2rem 1rem rgba(0, 0, 0, 0.1);
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
      }
      .header-right__newliabsolute2lat {
        right: 0;
        left: unset;
        background: #333;
      }
      .header-right__notiflat {
        background: red;
        border-radius: 50%;
        padding: 0.3rem 0.55rem;
        font-size: 1.2rem;
        transform: translateY(-10px);
        display: inline-block;
      }
      .header-right__newliabsolute3 {
        width: 49rem;
        left: -240%;
        top: 185%;
      }
      .header-right__newliabsolute2::after, .header-right__newliabsolute3::after, .header-right__newliabsolute2lat::after {
        content: '';
        position: absolute;
        bottom: 100%;
        right: 0;
        margin-left: -8px;
        width: 0;
        height: 0;
        border-bottom: 12px solid #fff;
        border-right: 10px solid transparent;
        border-left: 10px solid transparent;
      }
      .header-right__newliabsolute2lat::after {
        border-bottom: 12px solid #333;
        right: -.65%;
      }
      .header-right__newliabsolute3::after {
        right: 50%;
      }
      .header-right__newliabsolute2::before, .header-right__newliabsolute3::before, .header-right__newliabsolute2lat::before {
        content: '';
        position: absolute;
        bottom: 100%;
        right: 0;
        margin-left: -8px;
        width: 0;
        height: 0;
        border-bottom: 12px solid #000;
        border-right: 10px solid transparent;
        border-left: 10px solid transparent;
      }
      .header-right__newliabsolute2lat::before {
        border-bottom: 12px solid transparent;
        /* right: -1%; */
      }
      .header-right__newliabsolute3::before {
        right: 50%;
      }
      ul.header-right__newliabsolute2 li, .header-right__newliabsolute2lat li {
        display: block;
        font-size: 1.4rem;
        padding: .9rem 1rem;
        text-transform: capitalize;
      }

      ul.header-right__newliabsolute2 li a, .header-right__newliabsolute2lat li a {
        color: #333 !important;
      }
      .login-linav {
        top: 190%;
        left: -95%;
      }
      .header-right__newliabsolute2lat li {
        display: block !important;
        padding: 0 !important;
        width: 100%;
      }
      .header-right__newliabsolute2lat li a {
        display: block;
        width: 100%;
        padding: 1.4rem 2rem !important;
        font-size: 1.5rem;
        color: #fff !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
      }

      .linav-active {
        /* border: 1px solid #fff;
        border-bottom: none;
        padding: 1rem;
        padding-bottom: 0;
        padding-top: .7rem; */
      }
      ul.header-right__newliabsolute li {
        display: block;
        color: #fff !important;
        font-size: 1.6rem;
        text-transform: capitalize;
      }
      ul.header-right__newliabsolute li a {
        color: #fff;
      }
      ul.header-right__newliabsolute li a:hover {
        border-bottom: 1px solid #fff;;
      }

      .header-right__newliabsolute li:not(:last-child) {
        margin-bottom: 1rem;
      }
      .newli-absolutemain {
        display: grid;
        grid-template-columns: 1fr 1fr;
        column-gap: 2rem;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
      }
      .newli-absolutemain__1 {
        padding: 1rem;
        font-weight: 600;
        border-right: 1px solid rgba(0, 0, 0, 0.1);
        color: #333 !important;
        text-align: center;
      }
      .newli-absolutemain__2 {
        padding: 1rem;
        font-weight: 600;
        color: #333 !important;
        text-align: center;
      }
      .newli-absolutemain__body {
        max-height: 43rem;
        overflow: auto;
      }
      .newli-absolutemain__active {
        color: var(--firstcolor) !important;
      }
      .header-right__newa {
        font-size: 3rem;
        color: #fff;
      }
      .header-right__newnav, .header-right__newnav2, .header-right__newnav3 {
        background: var(--firstcolor);
        padding: 1.3rem 3rem;
        border-radius: 25px;
        color: #fff !important;
      }
      @media only screen and (max-width: 1200px) {
        .header-right__newnav {
          border-radius: 5px;
          width: 25rem;
          max-width: 100%;
          display: block;
          text-align: center;
        }
      }
      .header-right__newnav:hover {
        background: linear-gradient(var(--firstcolor), var(--firstcolor-hover));
        color: #fff !important;
      }
      .header-right__newnav2 {
        /* background: #fff; */
        border: none;
        box-shadow: none;
        color: #000 !important;
        /* box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.2); */
      }
      .header-right__newnav3 {
        background: rgba(0, 0, 0, 0.4)
      }
      .header__right-navactive, .header__left-navactive {
        background: linear-gradient(var(--firstcolor), #4a5a8e);
        border-radius: 30px;
        padding: 1rem 2.7rem;
        font-weight: 800;
        color: #fff !important; }
      .header__right-nav li, .header__left-nav li {
        color: #fff;
        display: inline-block;
        font-size: 1.7rem;
        font-weight: 400;
        text-transform: normal;
        /* font-family: "Brandon Grotesque", sans-serif; */
        font-weight: normal;
        letter-spacing: 1.1px; }
        .header__right-nav li:not(:last-child), .header__left-nav li:not(:last-child) {
          margin-right: 5rem; }
        .header__right-nav li i {
          font-size: 1.3rem;
        }
        .header-right__beside {
          border: 1px solid goldenrod;
          padding: 1rem 1.5rem;
          border-radius: 10px;
        }
        .header__right-nav li a, .header__left-nav li a {
          color: #333;
          text-decoration: none;
          transition: font-size .4s;
          cursor: pointer; }
        .header__right-nav li:hover, .header__left-nav li:hover {
          font-weight: 600;
        }
  .header__left {
    float: left; }
.navstuff {
  list-style: none;
  line-height: 2;
}
.navstuff li, .navstuff li a {
  display: inline-block;
  color: rgb(241, 240, 240);
}
.navstuff li i {
  font-size: 90%;
}
.navstuff li:last-child {
  color: #fff;
  font-weight: 500;
}
.navstuff li:not(:last-child) {
  margin-right: 1.3rem;
}
.select {
  background: #fff;
  color: #333;
  border-radius: 7px;
  padding: .7rem 1rem;
  box-shadow: 0 .4rem .7rem #fff; }
  .select a {
    color: #333 !important; }


.notif {
  display: inline-block;
  background: #f5351c;
  color: #fff;
  border-radius: 50%;
  padding: .3rem .8rem;
  transform: translateY(-1rem);
  margin-left: -.3rem;
  position: relative; }

.fwishnotif {
  transform: unset !important;
  margin-top: -3rem !important;
  cursor: pointer; }

.justtheside-icon {
  font-size: 3.5rem;
  color: #333;
  transform: translateY(0.5rem);
}
.stickyshit {
  position: fixed;
  top: 0;
  width: 100%;
  /* padding: .4rem .5rem; */
  background: rgba(255, 255, 255, 0.9);
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  z-index: 95; }

.stickyshit .justtheside-icon {
  font-size: 3rem;
  color: #fff;
  transform: translateY(.1rem);
}
.stickyshit .altheader-wrap {
  padding: 1rem 2rem;
  padding-bottom: 0;
}
.stickyshit .altheader-wrap .menuopen-mobile {
  margin-top: 0 !important;
}
.stickyshit .header-mobile__list li a {
  color: #333; }
.stickyshit .header-mobile__list li:not(:last-child) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.stickyshit .header-mobile {
  padding: .7rem 2rem;
}
.stickyshit .header-mobmenu {
  height: 2.8rem;
  transform: translateY(-.5rem);
}
@media only screen and (max-width: 1200px) {
  .stickyshit .header__right-formobile {
    transform: translateY(-.1rem);
  }
}
.stickyshit .header__logosay {
  /* transform: translateY(-.3rem); */
  margin-top: -.6rem;
}
.stickyshit .header-sparerow {
  margin-top: -1rem;
}
@media only screen and (max-width: 1200px) {
  .stickyshit .header-sparerow {
    margin-top: unset;
  }
}
.stickyshit .header-newrow {
  padding-top: 1rem;
  padding-bottom: 0rem;
}
.stickyshit .header {
  padding-bottom: 1.2rem;
  padding-top: 2.2rem;
}
.stickyshit .header__right-nav {
  margin-top: 0;
}
.stickyshit .header__rightsay {
  margin-top: -.3rem;
}
.stickyshit .header__rightsa {
  margin-top: -.9rem;
}
.stickyshit ul.header__right-nav li ul.header-right__newliabsolute {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.5);
  top: 229%;
  width: 19rem;
}
.stickyshit ul.header__right-nav li a {
  color: #333;
}
.stickyshit .header__right {
  /* margin-top: .6rem; */
}

.stickyshit .header__left {
  margin-top: 1rem; }

.stickyshit .header__logo {
  height: 3.2rem;
  display: inline-block;
}

.stickyshit .fwishnotif {
  margin-top: -2.4rem !important; }

.stickyshit .header-mobile__logo {
  height: 3.2rem;
  /* margin-top: .5rem; */
  /* margin-bottom: .2rem;  */
}

.stickyshit .cartnum-mobile {
  font-size: 1.4rem; }

.stickyshit .header-mobile__icon {
  margin-top: .2rem; }

.stickyshit .menuopen-mobile {
  font-size: 2.4rem; }
  @media only screen and (max-width: 1200px) {
    .stickyshit .menuopen-mobile {
      margin-top: 1rem; } }
  @media only screen and (max-width: 350px) {
    .stickyshit .menuopen-mobile {
      font-size: 3.4rem; } }

.stickyshit .cartopen-mobile {
  font-size: 2.4rem; }
  @media only screen and (max-width: 350px) {
    .stickyshit .cartopen-mobile {
      font-size: 3.4rem; } }

.headstuff {
  background: linear-gradient(to right, var(--firstcolor), #4a5a8e);
  padding: 1.5rem;
  position: relative;
  z-index: 2;
  width: 700px;
  max-width: 100%;
  margin: 0 auto; }
  .headstuff-logo {
    height: 4rem; }
    @media only screen and (max-width: 700px) {
      .headstuff-logo {
        height: 3rem; } }

.thenextthing {
  width: 1200px;
  margin: 0 auto;
  max-width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  font-size: 1.6rem;
  overflow-x: auto; }
  .thenextthing-top {
    padding: 1rem 2rem;
    font-size: 2rem;
    font-weight: 600;
    text-align: center; }
  .thenextthing-img {
    height: 3rem;
    width: 3rem;
    object-fit: cover; }
  .thenextthing a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2rem 1rem;
    text-align: center; }
    .thenextthing a:not(:last-child) {
      border-right: 1px solid rgba(0, 0, 0, 0.05); }
    .thenextthing a:hover {
      background: #fff; }
    @media only screen and (max-width: 600px) {
      .thenextthing a {
        padding: 1rem; } }

.youhave {
  background: linear-gradient(to right, #000, #999999);
  color: #fff;
  padding: 1rem;
  font-size: 1.6rem;
  text-align: center; }
  .youhave-button {
    color: #fff;
    background: #04cf04;
    display: inline-block;
    margin-left: .5rem;
    font-size: 1.5rem;
    padding: .5rem 1rem;
    text-transform: uppercase;
    border-radius: 3px;
    margin-top: .5rem; }
    .youhave-button:hover {
      background: #03aa03; }

.lasthelp {
  position: fixed;
  bottom: 2.5%;
  left: 1%;
  z-index: 9998; }
  .lasthelp-blackall {
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 100;
    display: none; }
  .lasthelp-button {
    background: #333;
    text-transform: uppercase;
    font-size: 1.7rem;
    font-family: "Brandon Grotesque", sans-serif;
    color: #fff;
    display: inline-block;
    padding: .5rem 1.3rem;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.3);
    border-radius: 5px;
    cursor: pointer; }
    .lasthelp-button:hover {
      background: #000; }
  .lasthelp-box {
    display: none;
    max-height: 70vh;
    width: 400px;
    max-width: 97%;
    position: fixed;
    z-index: 9999;
    bottom: 2.5%;
    left: 1%;
    background: #fff;
    box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.2);
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 5px; }
    .lasthelp-box__title {
      background: #f4f4f4;
      font-weight: 700;
      font-family: "Montserrat", sans-serif;
      font-size: 2rem;
      text-align: center;
      overflow: hidden;
      border-top-left-radius: 5px;
      border-top-right-radius: 5px;
      padding: .7rem; }
    .lasthelp-box__close {
      background: red;
      color: #fff;
      border-radius: 50%;
      font-size: 2rem;
      font-weight: bold;
      padding: .4rem 1.3rem;
      position: absolute;
      top: -5%;
      right: 0;
      cursor: pointer; }
      .lasthelp-box__close:hover {
        background: red; }
    .lasthelp-box__content {
      max-height: 60vh;
      overflow: auto;
      padding: 1rem;
      margin-top: 1rem; }

.currencygo {
  background: #5d427e;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.4);
  padding: .5rem;
  cursor: pointer; }

.newcurrencygo {
  display: none;
  /* margin-bottom: -55rem; */
  font-size: 1.5rem;
  transform: translate(-1rem, -0.3rem);
  margin-left: -3rem; }

@media only screen and (max-width: 290px) {
  .leftcurrency {
    text-align: left !important; } }

.currencygoside {
  opacity: 0;
  height: 0;
  width: 0; }

.fwul {
  display: inline-block;
  margin-left: .3rem;
  height: 0;
  width: 0; }

.currencygo:hover .currencygoside {
  opacity: 1;
  height: auto;
  width: auto; }

.currencygo:hover .fwul {
  height: auto;
  width: auto; }

.opencurrency-mob {
  display: inline-block;
  background: linear-gradient(#fff, #f9f9f9);
  padding: 1rem 1.5rem;
  border: 1px solid rgba(0, 0, 0, 0.4);
  text-transform: uppercase;
  font-size: 1.4rem;
  color: #777;
  margin-top: 1rem;
  border-radius: 5px; }

.contentmobtop {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 4rem;
  padding: 2rem 0rem;
  margin-top: 5rem;
}
.contentmobtop-side {
  /* height: 17rem; */
  display: inline-block;
  object-fit: contain;
  border-radius: 10px;
  max-width: 100%;
  filter: drop-shadow(8px 8px 10px #777);
}
.contentmobtop-side2 {
  height: 13rem;
  width: 16rem;
  display: inline-block;
  object-fit: cover;
  border-radius: 10px;
  max-width: 100%;
  position: absolute;
  left: 30%;
  top: 50%;
  z-index: 5;
  filter: drop-shadow(8px 8px 10px #777);
}

.contenttop-side {
  /* height: 50rem; */
  object-fit: contain;
  width: 40rem;
  max-width: 100%;
  display: inline-block;
  margin-top: -25rem;
  /* position: absolute; */
  border-top-left-radius: 50px;
  border-bottom-right-radius: 50px;
}
.contenttop-side2 {
  /* position: absolute;
  left: 0;
  top: 0; */
  z-index: 5;
  position: relative;
  filter: drop-shadow(8px 8px 10px rgba(255,255,255,0.2));
}
.contenttop-side4 {
  position: absolute;
  /* left: -20%; */
  top: 1000%;
  z-index: 6;
  filter: drop-shadow(8px 8px 10px rgba(255,255,255,0.2));
  /* filter: drop-shadow(16px 16px 20px #ff6633) blur(5px); */
   /* filter: blur(3px); */
}
.second-section {
  padding: 1rem 2rem;
  padding-bottom: 6rem;
  position: relative;
  /* height: 90vh; */
  /* min-height: 600px; */
  max-width: 1200px;
  display: grid;
  grid-template-columns: 50% 50%;
  column-gap: 8rem;
  align-items: center;
  /* justify-content: center; */
  margin: 0 auto;
  margin-top: 20rem;
  line-height: 1.6;
  /* min-height: 90vh; */
  text-align: left;
}
.second-section__newnew {
  margin-top: 24rem;
}
.footer-section__areyouclass {
  background: #eceacd;
  color: #000;
  padding: 6rem 2rem;
  text-align: center;
  border-radius: 10px;
  transform: translateY(-4rem);
  position: relative;
  z-index: 10;
  margin-bottom: -8rem;
}
.second-section__wesee {
  height: 700px;
  position: absolute;
  right: 0;
  top: -3%;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
@media only screen and (max-width: 1200px) {
  .second-section {
    min-height: 400px;
    padding: 1rem 3rem;
    height: auto;
    grid-template-columns: 1fr;
    row-gap: 3rem;
    margin: unset;
    /* max-width: 800px; */
    margin-top: 3rem;
  }
  .second-section__wesee {
    width: 100%;
    height: auto;
    position: unset;
  }
}
  .second-sectionmain {
    background: linear-gradient(#fff, #f7eafa); }
  .second-sectionmobile {
    display: none; }
    @media only screen and (max-width: 1200px) {
      .second-sectionmobile {
        display: block;
        /* background: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), url(img/mobileheronew.jpg); */
        background-color: #111111;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='90' viewBox='0 0 90 90'%3E%3Ccircle fill='%2306B' cx='45' cy='45' r='10'/%3E%3Cg fill='%23FF6633' fill-opacity='1'%3E%3Ccircle cx='0' cy='90' r='10'/%3E%3Ccircle cx='90' cy='90' r='10'/%3E%3Ccircle cx='90' cy='0' r='10'/%3E%3Ccircle cx='0' cy='0' r='10'/%3E%3C/g%3E%3C/svg%3E");
        height: auto;
        min-height: 60vh;
        background-size: cover;
        background-position: 0 50%;
        background-repeat: no-repeat;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        padding: 8rem 2rem;
        position: relative; } }
  /* @media only screen and (max-width: 600px) and (max-width: 350px) {
    .second-sectionmobile {
      height: 50vh; } } */
    .second-section__vid {
      height: 27rem;
      border: 4px solid #fff;
      border-radius: 10px;
      transform: translateY(-7rem);
    }
    .second-section__vid2 {
      border: 1px solid #fff;
      border-radius: 10px;
      width: 800px;
      max-width: 100%;
      margin: 0 auto;
    }
    .second-section__first {
    /* align-items: center; */
    max-width: 800px;
    text-align: left;
    margin: 0 auto;
    margin-top: -10rem;
    z-index: 0; }
    .second-section__first-subtitle {
      font-size: 2.4rem;
      /* font-weight: 600; */
      margin-top: 2rem;
      margin-bottom: 2rem;
      color: #333;
      /* text-transform: uppercase; */
    }
    @media only screen and (max-width: 1200px) {
      .second-section__first {
        margin-top: 5rem;
      }
    }
    @media only screen and (max-width: 710px) {
      .second-section__first {
        align-items: unset; } }
    .second-section__first-title {
      /* font-family: "Brandon Grotesque", sans-serif; */
      color: #000;
      font-size: 5rem;
      line-height: 1.4;
      font-weight: 800;
      /* text-align: center; */
      text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5); }
      @media only screen and (max-width: 1200px) {
        .second-section__first-title {
          font-size: 5rem; } }
      @media only screen and (max-width: 900px) {
        .second-section__first-title {
          font-size: 4rem; } }
    .second-section__first-desc {
      font-size: 2.2rem;
      color: #fff;
      font-family: "Open Sans", sans-serif;
      text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
      margin-top: 1rem; }
      @media only screen and (max-width: 900px) {
        .second-section__first-desc {
          font-size: 1.9rem; } }
      @media only screen and (max-width: 690px) {
        .second-section__first-desc {
          font-size: 1.6rem; } }
    .second-section__first-cont {
      color: #333;
      font-size: 1.7rem;
      margin-top: .5rem; }
      @media only screen and (max-width: 900px) {
        .second-section__first-cont {
          font-size: 1.5rem; } }
      @media only screen and (max-width: 760px) {
        .second-section__first-cont {
          font-size: 1.3rem; } }
  .second-section__img {
    width: 100%;
    z-index: 1;
    object-fit: cover;
    object-position: 0 2%; }
  .second-section__opacity {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    background: linear-gradient(to left bottom, transparent, #6d6c6c);
    background-attachment: fixed; }
  .second-section__content {
    width: 45%;
    position: relative;
    z-index: 3;
    padding: 1rem 4rem;
    margin-top: -10rem; }

.content-title {
  font-family: "Montserrat", sans-serif;
  color: #fff;
  font-size: 4rem;
  text-align: left;
  font-weight: 700;
  margin-bottom: 2rem; }

.content-title2 {
  background: linear-gradient(var(--firstcolor), #5d427e);
  color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
  line-height: 1;
  display: inline-block;
  text-shadow: 0 1rem 3rem #4a5a8e; }

.content-msg {
  color: #fff;
  font-family: "Brandon Grotesque", sans-serif;
  font-size: 2.1rem;
  letter-spacing: .7px;
  font-weight: 300;
  line-height: 1.2; }

.content-submg {
  height: 1.8rem; }

.content-submsg {
  font-style: italic;
  font-size: 2rem; }

.content-title3 {
  display: inline-block;
  line-height: 1;
  font-style: italic; }

.content-link, .content-link:link, .content-link:visited {
  display: inline-block;
  color: #fff;
  margin-top: 2rem;
  /* background: linear-gradient(to left, #aa6ed0, var(--firstcolor), var(--firstcolor-hover)); */
  background: linear-gradient(var(--firstcolor), var(--firstcolor-hover));
  /* border: 2px solid var(--firstcolor-hover); */
  font-size: 2rem;
  /* text-transform: uppercase; */
  padding: 2rem 7rem;
  /* box-shadow: 0 0.1rem 10rem rgba(255, 255, 255, 0.3);  */
  /* box-shadow: inset 1px 1px 10px 3px rgba(247, 247, 247, 0.233); */
  border-radius: 35px;
  cursor: pointer; }
  @media only screen and (max-width: 900px) {
    .content-link, .content-link:link, .content-link:visited {
      padding: 1.5rem 4rem; } }
  @media only screen and (max-width: 660px) {
    .content-link, .content-link:link, .content-link:visited {
      padding: 1.4rem 2.5rem;
      font-size: 1.8rem;
      margin-top: 2rem; } }

.content-link:hover {
  transform: translateY(-0.3rem);
  background: var(--firstcolor-hover);
  box-shadow: 0 0.1rem 10rem rgba(255, 255, 255, 0.5); 
}

.content-link:active {
  transform: translateY(0); }

.content-link__popup {
  background: #000 !important;
  margin-left: 2rem;
  border: 2px solid #fff !important;
}
.content-link__popup:hover {
  background: #000 !important;
}
.content-link__popupmob {
  background: #fff !important;
  color: #000 !important;
}
.content-link__popupmob:hover {
  background: #f9f9f9 !important;
}
@media only screen and (max-width: 1200px) {
  .mycontent-link {
    display: block;
    text-align: center;
    width: 100%;
    margin: unset;
    margin-top: 2rem;
  }
}
.mycontent-link {

}
.notif-i {
  font-size: 2.5rem;
  transform: translateY(6px);
}
.header-finalclose {
  background: #ececed;
  padding: 1rem;
  border-radius: 5px;
  margin-top: 2rem;
}
.notif-num {
  position: absolute;
  /* top: -50%; */
  top: -25%;
  display: inline-block;
  background: red;
  color: #fff;
  border-radius: 50%;
  padding: 0.3rem 0.5rem;
  font-size: 1.1rem;
  right: -10%;
}
@media only screen and (max-width: 1200px) {
  .notif-num {
    top: -5%;
  }
}
.letsee {
  display: inline-block;
  height: 1.3rem;
  margin-left: .4rem;
  border-radius: 50%;
  width: 1.3rem;
  border: 3px solid #fff;
  padding: .1rem;
  animation: letsanim 1.3s linear infinite;
  background: #fff; }

@keyframes letsanim {
  0% {
    opacity: 0.1; }
  100% {
    opacity: 0.6; } }

.mySlides,
.mySlidese {
  display: none; }

.jug {
  height: 0;
  opacity: 0; }

.third-section, .third-section__new {
  width: 100%;
  background: #fff;
  padding: 8rem 2rem;
  position: relative;
  z-index: 10;
  /* box-shadow: 0 1rem 300rem rgba(126, 74, 138, 0.4);  */
}
.third-section__new {
  background: #111;
}
  .third-section__cont {
    width: 800px;
    max-width: 100%;
    margin: 0 auto;
    margin-bottom: 3rem;
    color: #333; }
    .third-section__cont1 {
      font-weight: 800;
      /* font-family: "Pacifico", cursive; */
      font-size: 4rem;
      text-align: center; }
    .third-section__contnext {
      padding: 2rem;
      font-size: 2rem;
    }
    .third-section__cont1other {
      font-weight: 800;
      font-size: 3.8rem;
    }
    .third-section__cont2 {
      font-family: "Brandon Grotesque", sans-serif;
      font-size: 2rem;
      font-weight: 400;
      text-align: center; }
  @media only screen and (max-width: 600px) {
    .third-section {
      display: block; } }
  .third-section__img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: 0 20%;
    display: block;
    box-shadow: 0 0.5rem 0.8rem rgba(0, 0, 0, 0.2); }
    @media only screen and (max-width: 840px) {
      .third-section__img {
        object-position: 23%; } }
    @media only screen and (max-width: 600px) {
      .third-section__img {
        display: none; } }

.section2 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: left;
  padding: 3rem 4rem;
  max-width: 500px; }
  @media only screen and (max-width: 640px) {
    .section2 {
      padding: 1rem; } }
  @media only screen and (max-width: 600px) {
    .section2 {
      margin: 0 auto;
      padding: 2rem; } }
  @media only screen and (max-width: 600px) {
    .section2 {
      padding: 2rem; } }
  .section2-subtitle {
    font-size: 1.6rem;
    font-weight: 700;
    margin-bottom: 1rem; }
  .section2-title {
    font-size: 5.2rem;
    font-weight: 700;
    font-family: "powderscriptboldw00-regularRg", sans-serif; }
  .section2-titletitle {
    font-size: 2.3rem;
    color: #777;
    font-weight: 700;
    font-family: "Brandon Grotesque", sans-serif;
    line-height: 1; }
    @media only screen and (max-width: 760px) {
      .section2-titletitle {
        font-size: 2rem; } }
    @media only screen and (max-width: 640px) {
      .section2-titletitle {
        font-size: 1.7rem; } }
    @media only screen and (max-width: 600px) {
      .section2-titletitle {
        font-size: 2rem; } }
  .section2-msg {
    font-size: 1.7rem;
    font-family: "Brandon Grotesque", sans-serif;
    margin-top: 2rem; }
    @media only screen and (max-width: 760px) {
      .section2-msg {
        font-size: 1.5rem; } }
    @media only screen and (max-width: 640px) {
      .section2-msg {
        font-size: 1.4rem; } }
    @media only screen and (max-width: 600px) {
      .section2-msg {
        font-size: 1.5rem; } }

.section3 {
  background: rgba(128, 0, 128, 0.1); }
.comb-stuff {
  width: 1200px;
  margin: 0 auto;
  background: #000;
  border-radius: 10px;
  height: 45rem;
  max-width: 100%;
  display: grid;
  grid-template-columns: 40% 60%;
  overflow-x: hidden;
}
@media only screen and (max-width: 800px) {
  .comb-stuff {
    height: auto;
    display: block;
    overflow-x: auto;
  }
}
.comb-stuff__first {
  padding: 2rem 4rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  /* align-items: center; */
}
.comb-stuff__title {
  font-size: 4.5rem;
  font-weight: 800;
  color: #fff;
}
.comb-stuff__msg {
  font-size: 2.3rem;
  color: #fff;
  margin-top: 1rem;
}
.comb-stuff__link {
  background: var(--firstcolor);
  color: #fff;
  display: inline-block;
  padding: 1rem 2rem;
  font-size: 1.8rem;
  border-radius: 5px;
  margin-top: 3rem;
}
.comb-stuff__link:hover {
  background: var(--firstcolor-hover);
}
.comb-stuff__second {
  max-width: 100%;
  position: relative;
}
.comb-stuff__img {
  position: absolute;
  height: 100%;
  width: 100%;
  display: inline-block;
  object-fit: cover;
}
@media only screen and (max-width: 800px) {
  .comb-stuff__first {
    padding: 4rem;
  }
  .comb-stuff__img {
    position: unset;
    height: 30rem;
  }
}
.fourth-section {
  background: #f9f9f9;
  padding: 8rem 1rem;
  text-align: center; }
  @media only screen and (max-width: 600px) {
    .fourth-section {
      background: #f4f4f4; } }
  .fourth-section__btnbody {
    display: grid;
    width: 500px;
    margin: 0 auto;
    margin-top: 7rem;
    max-width: 100%;
    text-align: center;
    grid-template-columns: 1fr 1fr;
    column-gap: 2rem;
    row-gap: 3rem; }
    @media only screen and (max-width: 600px) {
      .fourth-section__btnbody {
        max-width: 100%;
        grid-template-columns: 1fr; } }
  .fourth-section__btn, .fourth-section__btn2 {
    padding: 1.4rem 4rem;
    background: linear-gradient(var(--firstcolor), var(--firstcolor-hover));
    color: #fff;
    display: inline-block;
    font-size: 2rem;
    border-radius: 30px; }
  .fourth-section__btn2 {
    border: 2px solid var(--firstcolor);
    color: var(--firstcolor);
    padding: 1.1rem 4rem;
    background: transparent; }
  .fourth-section__title {
    font-size: 4rem;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #000;
    font-weight: 700;
    text-align: center; }
  .fourth-section__thebox, .fourth-section__thebox2, .fourth-section__thebox3 {
    height: 42rem;
    box-shadow: 0 1rem 2rem rgba(0,0,0,0.3);
    width: 100%;
    background: #fff;
    border-radius: 5px;
    z-index: 10;
    position: absolute;
  }
  .fourth-section__theboxmain {
    height: 42.5rem;
  }
  .fourth-section__thebox {
    padding: 3rem 6rem;
    font-weight: 400;
    font-size: 1.8rem;
  }
  .fourth-section__theboximg {
    height: 10rem;
    display: inline-block;
    border-radius: 50%;
    width: 9.7rem;
    margin-top: 1.7rem;
  }
  .fourth-section__theboxdesc {
    margin-top: 1rem;
  }
  .fourth-section__thebox2, .fourth-section__thebox3 {
    /* position: absolute; */
    z-index: 8;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0 auto;
    margin-top: 1.2rem;
    width: 97%;
  }
  .fourth-section__thebox3 {
    margin-top: 2.4rem;
    width: 94%;
    z-index: 6;
  }
  .fourth-section__content {
    display: grid;
    width: 1200px;
    max-width: 100%;
    margin: 0 auto;
    margin-top: 6rem;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 2.5rem;
    row-gap: 1rem; }
    
    
    @media only screen and (max-width: 600px) {
      .fourth-section__content {
        grid-template-columns: 1fr; } }
    .fourth-section__content-1 {
      padding: 1rem 2rem; }
      @media only screen and (max-width: 600px) {
        .fourth-section__content-1 {
          max-width: 90%;
          margin: 0 auto; }
          .fourth-section__content-1:not(:last-child) {
            margin-bottom: 1rem; } }
    .fourth-section__content-1__title {
      font-size: 2.5rem;
      margin-top: 1rem;
      font-weight: 600;
      text-align: center; }
    .fourth-section__content-1__msg {
      margin-top: 1rem;
      font-size: 1.8rem;
      line-height: 1.6;
      /* font-family: "Brandon Grotesque", sans-serif; */
      font-weight: normal; }

.fifth-section {
  background: linear-gradient(rgba(126, 74, 138, 0.8), rgba(93, 66, 126, 0.9)), url(img/picsibmg1.jpg);
  background-size: cover;
  background-attachment: fixed;
  background-position: bottom;
  background-repeat: no-repeat;
  padding: 7rem 1rem;
  text-align: center; }
  .fifth-section__title {
    color: #fff;
    font-size: 3rem;
    font-weight: 700;
    text-align: center; }
  .fifth-section__msg {
    color: #fff;
    font-size: 1.7rem;
    margin: 0 auto;
    margin-top: 1rem;
    width: 600px;
    max-width: 100%;
    font-weight: 300; }

.sixth-section {
  background: linear-gradient(to right bottom, var(--firstcolor), #4a5a8e, #55367c);
  background-size: cover;
  background-attachment: fixed;
  padding: 6rem 1rem;
  text-align: center; }
  .sixth-section__icon {
    font-size: 2rem;
    color: #fff;
    transform: translateY(-1rem) translateX(-0.3rem);
    display: inline-block; }
  .sixth-section__content {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 3rem;
    margin-top: 4rem; }
    @media only screen and (max-width: 760px) {
      .sixth-section__content {
        font-size: 2rem; } }
    @media only screen and (max-width: 600px) {
      .sixth-section__content {
        display: block;
        max-width: 400px;
        margin: 0 auto;
        margin-top: 4rem; } }
    .sixth-section__content-sub {
      color: #000; }
      @media only screen and (max-width: 600px) {
        .sixth-section__content-sub:not(:last-child) {
          margin-bottom: 3rem; } }
      .sixth-section__content-sub__title {
        color: #fff;
        font-size: 1.7rem;
        font-weight: 600;
        margin-top: 1rem; }
      .sixth-section__content-sub__desc {
        font-size: 1.65rem;
        font-family: "Brandon Grotesque", sans-serif;
        padding: 1rem .5rem;
        max-width: 300px;
        margin: 0 auto;
        color: #fff;
        font-weight: 300;
        margin-top: 1rem;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        border: 1px solid rgba(255, 255, 255, 0.2);
        border-top: 0;
        box-shadow: 15px 15px 15px -15px rgba(51, 51, 51, 0.3), -15px 15px 15px -15px rgba(0, 0, 0, 0.3); }
        @media only screen and (max-width: 600px) {
          .sixth-section__content-sub__desc {
            border: 0;
            box-shadow: none;
            margin-top: -.15rem; } }
  .sixth-section__title {
    color: #fff;
    font-size: 3rem;
    font-family: "Montserrat", sans-serif;
    font-weight: 700; }
    @media only screen and (max-width: 600px) {
      .sixth-section__title {
        font-size: 2.5rem; } }
  .sixth-section__msg {
    color: #fff;
    font-size: 1.7rem;
    max-width: 800px;
    margin: 0 auto;
    margin-top: 1rem;
    font-family: "Oswald", sans-serif;
    font-weight: 300;
    letter-spacing: 1px; }
    @media only screen and (max-width: 350px) {
      .sixth-section__msg {
        font-size: 1.5rem; } }
    .sixth-section__msg:after {
      content: "";
      display: inline-block;
      background: currentColor;
      height: 2px;
      width: 60px;
      transform: translateY(-0.4rem);
      margin-left: .3rem; }
      @media only screen and (max-width: 600px) {
        .sixth-section__msg:after {
          height: 1px;
          width: 20px; } }
      @media only screen and (max-width: 350px) {
        .sixth-section__msg:after {
          height: 1px;
          width: 10px; } }
    .sixth-section__msg:before {
      content: "";
      display: inline-block;
      background: currentColor;
      height: 2px;
      width: 60px;
      transform: translateY(-0.4rem);
      margin-right: .3rem; }
      @media only screen and (max-width: 600px) {
        .sixth-section__msg:before {
          height: 1px;
          width: 20px; } }
      @media only screen and (max-width: 350px) {
        .sixth-section__msg:before {
          height: 1px;
          width: 10px; } }

.jump-proof {
  padding: 1rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
  border-left: 10px solid #e2e2e2;
  border-right: 10px solid #e2e2e2;
  border-bottom: 2px solid #e2e2e2;
  border-radius: 5px;
}

.myg-footer {
  display: inline-block;
  padding: 1rem 1.2rem;
  border-radius: 5px;
  font-size: 1.4rem;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.thegotofooter {
  display: inline-block;
  border: 1px solid var(--firstcolor);
  border-radius: 25px;
  padding: 0.9rem 1.2rem;
  color: var(--firstcolor);
}
.conceptbox, .sureapplybox, .conceptbox2 {
  max-height: 90%;
  width: 650px;
  max-width: 95%;
  max-height: 95vh;
  background: #fff;
  position: absolute;
  box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.5);
  border-radius: 6px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  /* overflow-x: hidden; */
}
.conceptbox2 {
  max-height: 90vh;
  box-shadow: none;
  border: 1px solid rgba(0,0,0,0.2);
}
.successbox-wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 3rem 0rem;
}
.successbox {
  width: 500px;
  max-width: 95%;
  background: #fff;
  /* box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.5); */
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
}
.successbox2 {
  width: 400px;
  max-width: 95%;
  background: #fff;
  /* box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.5); */
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
}
.success-lastbox {
  margin-top: 10px;
  padding-bottom:10px;
  border-bottom: 1px solid rgba(0,0,0,0.1);
}
.conceptloading-text {
  transform: translateY(3rem);
}
.conceptloading-icon {
  height: 11rem;
}
.uploadmusicbox {
  width: 500px;
  max-width: 95%;
}
.sureapplybox {
  width: 405px;
  max-width: 95%;
  max-height: 95vh;
}
.conceptbox-title, .conceptbox-title2 {
  background: #f0eee6;
  padding: 1rem 2rem;
  font-size: 2.6rem;
  color: #000;
  font-weight: 600;
  text-align: center;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  overflow-x: hidden;
}
/* .conceptbox-title2 {
  background: #e9e8e8;
} */
.conceptbox-body {
  max-height: 70vh;
  overflow: auto;
}
.conceptbox-close {
  font-size: 2rem;
  color: #fff;
  display: inline-block;
  background: red;
  border-radius: 50%;
  padding: .8rem 1rem;
  top: -5%;
  right: -2%;
  z-index: 5;
  position: absolute;
  cursor: pointer;
}
.conceptbox-close:hover {
  background: rgb(190, 4, 4);
}
.conceptbox-check {
  color: rgb(8, 180, 8);
  font-size: 2rem;
  display: inline-block;
  border-radius: 50%;
  border: 3px solid rgb(8, 180, 8);
  padding: 2.5rem;
  margin-bottom: 1rem;
}
.conceptbox-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 3rem;
  padding: 3rem 2rem;
}
@media only screen and (max-width: 600px) {
  .conceptbox-grid {
    row-gap: 3rem;
    grid-template-columns: 1fr;
  }
}
.conceptbox-grid__title {
  font-size: 2rem;
  line-height: 1.1;
  text-align: center;
  font-weight: 600;
}
.conceptbox-grid__box {
  padding: 3rem 2rem;
  border-radius: 10px;
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.conceptbox-grid__desc {
  font-size: 1.8rem;
  text-align: center;
  margin-top: 1.8rem;
}
.conceptbox-grid__button {
  padding: 1.3rem 2rem;
  margin-top: 1.8rem;
  background: var(--firstcolor);
  display: inline-block;
  font-size: 1.7rem;
  border-radius: 10px;
  color: #fff;
}
.conceptbox-grid__button:hover {
  background: var(--firstcolor-hover);
}
.twopic {
  display: grid;
  grid-template-columns: 1fr 1fr;
  width: 900px;
  max-width: 100%;
  margin: 0 auto;
  column-gap: 5rem;
  padding: 1rem; }
  @media only screen and (max-width: 800px) {
    .twopic {
      grid-template-columns: 1fr;
      row-gap: 5rem; } }
  .twopic-pad {
    padding: .5rem;
    /* border: 1px solid rgba(0, 0, 0, 0.3); */
    border-radius: 10px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    max-width: 45rem;
    /* max-width: 100%; */
    box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.4);
    margin: 0 auto; }
    @media only screen and (max-width: 450px) {
      .twopic-pad {
        width: 100%; } }
  .twopic-pullimg {
    height: 55rem;
  }
  .twopic-text {
    font-size: 3rem;
    text-align: center;
    font-weight: 600; }
  .twopic-subtext {
    font-size: 2rem;
    background: #777;
    color: #fff;
    padding: 1.5rem;
    border-radius: 15px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    text-align: center;
    font-weight: 400;
    margin: 0 auto;
    max-width: 45rem;
    margin-bottom: .5rem; }
  .twopic-img {
    height: 40rem;
    width: 100%;
    object-fit: cover;
    border-radius: 7px; }
    .twopic-pad__content {
      font-size: 1.8rem;
      font-weight: 400;
      padding: 1rem;
    }
    .twopic-pad__emoji {
      height: 3rem;
      vertical-align: middle;
      transform: translateY(-3px);
    }
.thisnew-bg {
  background-color: #FFFFFF;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1130' height='565' viewBox='0 0 1600 800'%3E%3Cpath fill='%23C068FF' d='M1102.5 734.8c2.5-1.2 24.8-8.6 25.6-7.5.5.7-3.9 23.8-4.6 24.5C1123.3 752.1 1107.5 739.5 1102.5 734.8zM1226.3 229.1c0-.1-4.9-9.4-7-14.2-.1-.3-.3-1.1-.4-1.6-.1-.4-.3-.7-.6-.9-.3-.2-.6-.1-.8.1l-13.1 12.3c0 0 0 0 0 0-.2.2-.3.5-.4.8 0 .3 0 .7.2 1 .1.1 1.4 2.5 2.1 3.6 2.4 3.7 6.5 12.1 6.5 12.2.2.3.4.5.7.6.3 0 .5-.1.7-.3 0 0 1.8-2.5 2.7-3.6 1.5-1.6 3-3.2 4.6-4.7 1.2-1.2 1.6-1.4 2.1-1.6.5-.3 1.1-.5 2.5-1.9C1226.5 230.4 1226.6 229.6 1226.3 229.1zM33 770.3C33 770.3 33 770.3 33 770.3c0-.7-.5-1.2-1.2-1.2-.1 0-.3 0-.4.1-1.6.2-14.3.1-22.2 0-.3 0-.6.1-.9.4-.2.2-.4.5-.4.9 0 .2 0 4.9.1 5.9l.4 13.6c0 .3.2.6.4.9.2.2.5.3.8.3 0 0 .1 0 .1 0 7.3-.7 14.7-.9 22-.6.3 0 .7-.1.9-.3.2-.2.4-.6.4-.9C32.9 783.3 32.9 776.2 33 770.3z'/%3E%3Cpath fill='%23FF6633' d='M171.1 383.4c1.3-2.5 14.3-22 15.6-21.6.8.3 11.5 21.2 11.5 22.1C198.1 384.2 177.9 384 171.1 383.4zM596.4 711.8c-.1-.1-6.7-8.2-9.7-12.5-.2-.3-.5-1-.7-1.5-.2-.4-.4-.7-.7-.8-.3-.1-.6 0-.8.3L574 712c0 0 0 0 0 0-.2.2-.2.5-.2.9 0 .3.2.7.4.9.1.1 1.8 2.2 2.8 3.1 3.1 3.1 8.8 10.5 8.9 10.6.2.3.5.4.8.4.3 0 .5-.2.6-.5 0 0 1.2-2.8 2-4.1 1.1-1.9 2.3-3.7 3.5-5.5.9-1.4 1.3-1.7 1.7-2 .5-.4 1-.7 2.1-2.4C596.9 713.1 596.8 712.3 596.4 711.8zM727.5 179.9C727.5 179.9 727.5 179.9 727.5 179.9c.6.2 1.3-.2 1.4-.8 0-.1 0-.2 0-.4.2-1.4 2.8-12.6 4.5-19.5.1-.3 0-.6-.2-.8-.2-.3-.5-.4-.8-.5-.2 0-4.7-1.1-5.7-1.3l-13.4-2.7c-.3-.1-.7 0-.9.2-.2.2-.4.4-.5.6 0 0 0 .1 0 .1-.8 6.5-2.2 13.1-3.9 19.4-.1.3 0 .6.2.9.2.3.5.4.8.5C714.8 176.9 721.7 178.5 727.5 179.9zM728.5 178.1c-.1-.1-.2-.2-.4-.2C728.3 177.9 728.4 178 728.5 178.1z'/%3E%3Cg fill='%23FFF'%3E%3Cpath d='M699.6 472.7c-1.5 0-2.8-.8-3.5-2.3-.8-1.9 0-4.2 1.9-5 3.7-1.6 6.8-4.7 8.4-8.5 1.6-3.8 1.7-8.1.2-11.9-.3-.9-.8-1.8-1.2-2.8-.8-1.7-1.8-3.7-2.3-5.9-.9-4.1-.2-8.6 2-12.8 1.7-3.1 4.1-6.1 7.6-9.1 1.6-1.4 4-1.2 5.3.4 1.4 1.6 1.2 4-.4 5.3-2.8 2.5-4.7 4.7-5.9 7-1.4 2.6-1.9 5.3-1.3 7.6.3 1.4 1 2.8 1.7 4.3.5 1.1 1 2.2 1.5 3.3 2.1 5.6 2 12-.3 17.6-2.3 5.5-6.8 10.1-12.3 12.5C700.6 472.6 700.1 472.7 699.6 472.7zM740.4 421.4c1.5-.2 3 .5 3.8 1.9 1.1 1.8.4 4.2-1.4 5.3-3.7 2.1-6.4 5.6-7.6 9.5-1.2 4-.8 8.4 1.1 12.1.4.9 1 1.7 1.6 2.7 1 1.7 2.2 3.5 3 5.7 1.4 4 1.2 8.7-.6 13.2-1.4 3.4-3.5 6.6-6.8 10.1-1.5 1.6-3.9 1.7-5.5.2-1.6-1.4-1.7-3.9-.2-5.4 2.6-2.8 4.3-5.3 5.3-7.7 1.1-2.8 1.3-5.6.5-7.9-.5-1.3-1.3-2.7-2.2-4.1-.6-1-1.3-2.1-1.9-3.2-2.8-5.4-3.4-11.9-1.7-17.8 1.8-5.9 5.8-11 11.2-14C739.4 421.6 739.9 421.4 740.4 421.4zM261.3 590.9c5.7 6.8 9 15.7 9.4 22.4.5 7.3-2.4 16.4-10.2 20.4-3 1.5-6.7 2.2-11.2 2.2-7.9-.1-12.9-2.9-15.4-8.4-2.1-4.7-2.3-11.4 1.8-15.9 3.2-3.5 7.8-4.1 11.2-1.6 1.2.9 1.5 2.7.6 3.9-.9 1.2-2.7 1.5-3.9.6-1.8-1.3-3.6.6-3.8.8-2.4 2.6-2.1 7-.8 9.9 1.5 3.4 4.7 5 10.4 5.1 3.6 0 6.4-.5 8.6-1.6 4.7-2.4 7.7-8.6 7.2-15-.5-7.3-5.3-18.2-13-23.9-4.2-3.1-8.5-4.1-12.9-3.1-3.1.7-6.2 2.4-9.7 5-6.6 5.1-11.7 11.8-14.2 19-2.7 7.7-2.1 15.8 1.9 23.9.7 1.4.1 3.1-1.3 3.7-1.4.7-3.1.1-3.7-1.3-4.6-9.4-5.4-19.2-2.2-28.2 2.9-8.2 8.6-15.9 16.1-21.6 4.1-3.1 8-5.1 11.8-6 6-1.4 12 0 17.5 4C257.6 586.9 259.6 588.8 261.3 590.9z'/%3E%3Ccircle cx='1013.7' cy='153.9' r='7.1'/%3E%3Ccircle cx='1024.3' cy='132.1' r='7.1'/%3E%3Ccircle cx='1037.3' cy='148.9' r='7.1'/%3E%3Cpath d='M1508.7 297.2c-4.8-5.4-9.7-10.8-14.8-16.2 5.6-5.6 11.1-11.5 15.6-18.2 1.2-1.7.7-4.1-1-5.2-1.7-1.2-4.1-.7-5.2 1-4.2 6.2-9.1 11.6-14.5 16.9-4.8-5-9.7-10-14.7-14.9-1.5-1.5-3.9-1.5-5.3 0-1.5 1.5-1.5 3.9 0 5.3 4.9 4.8 9.7 9.8 14.5 14.8-1.1 1.1-2.3 2.2-3.5 3.2-4.1 3.8-8.4 7.8-12.4 12-1.4 1.5-1.4 3.8 0 5.3 0 0 0 0 0 0 1.5 1.4 3.9 1.4 5.3-.1 3.9-4 8.1-7.9 12.1-11.7 1.2-1.1 2.3-2.2 3.5-3.3 4.9 5.3 9.8 10.6 14.6 15.9.1.1.1.1.2.2 1.4 1.4 3.7 1.5 5.2.2C1510 301.2 1510.1 298.8 1508.7 297.2zM327.6 248.6l-.4-2.6c-1.5-11.1-2.2-23.2-2.3-37 0-5.5 0-11.5.2-18.5 0-.7 0-1.5 0-2.3 0-5 0-11.2 3.9-13.5 2.2-1.3 5.1-1 8.5.9 5.7 3.1 13.2 8.7 17.5 14.9 5.5 7.8 7.3 16.9 5 25.7-3.2 12.3-15 31-30 32.1L327.6 248.6zM332.1 179.2c-.2 0-.3 0-.4.1-.1.1-.7.5-1.1 2.7-.3 1.9-.3 4.2-.3 6.3 0 .8 0 1.7 0 2.4-.2 6.9-.2 12.8-.2 18.3.1 12.5.7 23.5 2 33.7 11-2.7 20.4-18.1 23-27.8 1.9-7.2.4-14.8-4.2-21.3l0 0C347 188.1 340 183 335 180.3 333.6 179.5 332.6 179.2 332.1 179.2zM516.3 60.8c-.1 0-.2 0-.4-.1-2.4-.7-4-.9-6.7-.7-.7 0-1.3-.5-1.4-1.2 0-.7.5-1.3 1.2-1.4 3.1-.2 4.9 0 7.6.8.7.2 1.1.9.9 1.6C517.3 60.4 516.8 60.8 516.3 60.8zM506.1 70.5c-.5 0-1-.3-1.2-.8-.8-2.1-1.2-4.3-1.3-6.6 0-.7.5-1.3 1.2-1.3.7 0 1.3.5 1.3 1.2.1 2 .5 3.9 1.1 5.8.2.7-.1 1.4-.8 1.6C506.4 70.5 506.2 70.5 506.1 70.5zM494.1 64.4c-.4 0-.8-.2-1-.5-.4-.6-.3-1.4.2-1.8 1.8-1.4 3.7-2.6 5.8-3.6.6-.3 1.4 0 1.7.6.3.6 0 1.4-.6 1.7-1.9.9-3.7 2-5.3 3.3C494.7 64.3 494.4 64.4 494.1 64.4zM500.5 55.3c-.5 0-.9-.3-1.2-.7-.5-1-1.2-1.9-2.4-3.4-.3-.4-.7-.9-1.1-1.4-.4-.6-.3-1.4.2-1.8.6-.4 1.4-.3 1.8.2.4.5.8 1 1.1 1.4 1.3 1.6 2.1 2.6 2.7 3.9.3.6 0 1.4-.6 1.7C500.9 55.3 500.7 55.3 500.5 55.3zM506.7 55c-.3 0-.5-.1-.8-.2-.6-.4-.7-1.2-.3-1.8 1.2-1.7 2.3-3.4 3.3-5.2.3-.6 1.1-.9 1.7-.5.6.3.9 1.1.5 1.7-1 1.9-2.2 3.8-3.5 5.6C507.4 54.8 507.1 55 506.7 55zM1029.3 382.8c-.1 0-.2 0-.4-.1-2.4-.7-4-.9-6.7-.7-.7 0-1.3-.5-1.4-1.2 0-.7.5-1.3 1.2-1.4 3.1-.2 4.9 0 7.6.8.7.2 1.1.9.9 1.6C1030.3 382.4 1029.8 382.8 1029.3 382.8zM1019.1 392.5c-.5 0-1-.3-1.2-.8-.8-2.1-1.2-4.3-1.3-6.6 0-.7.5-1.3 1.2-1.3.7 0 1.3.5 1.3 1.2.1 2 .5 3.9 1.1 5.8.2.7-.1 1.4-.8 1.6C1019.4 392.5 1019.2 392.5 1019.1 392.5zM1007.1 386.4c-.4 0-.8-.2-1-.5-.4-.6-.3-1.4.2-1.8 1.8-1.4 3.7-2.6 5.8-3.6.6-.3 1.4 0 1.7.6.3.6 0 1.4-.6 1.7-1.9.9-3.7 2-5.3 3.3C1007.7 386.3 1007.4 386.4 1007.1 386.4zM1013.5 377.3c-.5 0-.9-.3-1.2-.7-.5-1-1.2-1.9-2.4-3.4-.3-.4-.7-.9-1.1-1.4-.4-.6-.3-1.4.2-1.8.6-.4 1.4-.3 1.8.2.4.5.8 1 1.1 1.4 1.3 1.6 2.1 2.6 2.7 3.9.3.6 0 1.4-.6 1.7C1013.9 377.3 1013.7 377.3 1013.5 377.3zM1019.7 377c-.3 0-.5-.1-.8-.2-.6-.4-.7-1.2-.3-1.8 1.2-1.7 2.3-3.4 3.3-5.2.3-.6 1.1-.9 1.7-.5.6.3.9 1.1.5 1.7-1 1.9-2.2 3.8-3.5 5.6C1020.4 376.8 1020.1 377 1019.7 377zM1329.7 573.4c-1.4 0-2.9-.2-4.5-.7-8.4-2.7-16.6-12.7-18.7-20-.4-1.4-.7-2.9-.9-4.4-8.1 3.3-15.5 10.6-15.4 21 0 1.5-1.2 2.7-2.7 2.8 0 0 0 0 0 0-1.5 0-2.7-1.2-2.7-2.7-.1-6.7 2.4-12.9 7-18 3.6-4 8.4-7.1 13.7-8.8.5-6.5 3.1-12.9 7.4-17.4 7-7.4 18.2-8.9 27.3-10.1l.7-.1c1.5-.2 2.9.9 3.1 2.3.2 1.5-.9 2.9-2.3 3.1l-.7.1c-8.6 1.2-18.4 2.5-24 8.4-3 3.2-5 7.7-5.7 12.4 7.9-1 17.7 1.3 24.3 5.7 4.3 2.9 7.1 7.8 7.2 12.7.2 4.3-1.7 8.3-5.2 11.1C1335.2 572.4 1332.6 573.4 1329.7 573.4zM1311 546.7c.1 1.5.4 3 .8 4.4 1.7 5.8 8.7 14.2 15.1 16.3 2.8.9 5.1.5 7.2-1.1 2.7-2.1 3.2-4.8 3.1-6.6-.1-3.2-2-6.4-4.8-8.3C1326.7 547.5 1317.7 545.6 1311 546.7z'/%3E%3C/g%3E%3C/svg%3E");
  /* background-attachment: fixed; */
}
.thisnew-bg2 {
  background-color: #FFFFFF;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1600' height='800' viewBox='0 0 1600 800'%3E%3Cpath fill='%23D8DFEA' d='M1102.5 734.8c2.5-1.2 24.8-8.6 25.6-7.5.5.7-3.9 23.8-4.6 24.5C1123.3 752.1 1107.5 739.5 1102.5 734.8zM1226.3 229.1c0-.1-4.9-9.4-7-14.2-.1-.3-.3-1.1-.4-1.6-.1-.4-.3-.7-.6-.9-.3-.2-.6-.1-.8.1l-13.1 12.3c0 0 0 0 0 0-.2.2-.3.5-.4.8 0 .3 0 .7.2 1 .1.1 1.4 2.5 2.1 3.6 2.4 3.7 6.5 12.1 6.5 12.2.2.3.4.5.7.6.3 0 .5-.1.7-.3 0 0 1.8-2.5 2.7-3.6 1.5-1.6 3-3.2 4.6-4.7 1.2-1.2 1.6-1.4 2.1-1.6.5-.3 1.1-.5 2.5-1.9C1226.5 230.4 1226.6 229.6 1226.3 229.1zM33 770.3C33 770.3 33 770.3 33 770.3c0-.7-.5-1.2-1.2-1.2-.1 0-.3 0-.4.1-1.6.2-14.3.1-22.2 0-.3 0-.6.1-.9.4-.2.2-.4.5-.4.9 0 .2 0 4.9.1 5.9l.4 13.6c0 .3.2.6.4.9.2.2.5.3.8.3 0 0 .1 0 .1 0 7.3-.7 14.7-.9 22-.6.3 0 .7-.1.9-.3.2-.2.4-.6.4-.9C32.9 783.3 32.9 776.2 33 770.3z'/%3E%3Cpath fill='%23D8DFEA' d='M171.1 383.4c1.3-2.5 14.3-22 15.6-21.6.8.3 11.5 21.2 11.5 22.1C198.1 384.2 177.9 384 171.1 383.4zM596.4 711.8c-.1-.1-6.7-8.2-9.7-12.5-.2-.3-.5-1-.7-1.5-.2-.4-.4-.7-.7-.8-.3-.1-.6 0-.8.3L574 712c0 0 0 0 0 0-.2.2-.2.5-.2.9 0 .3.2.7.4.9.1.1 1.8 2.2 2.8 3.1 3.1 3.1 8.8 10.5 8.9 10.6.2.3.5.4.8.4.3 0 .5-.2.6-.5 0 0 1.2-2.8 2-4.1 1.1-1.9 2.3-3.7 3.5-5.5.9-1.4 1.3-1.7 1.7-2 .5-.4 1-.7 2.1-2.4C596.9 713.1 596.8 712.3 596.4 711.8zM727.5 179.9C727.5 179.9 727.5 179.9 727.5 179.9c.6.2 1.3-.2 1.4-.8 0-.1 0-.2 0-.4.2-1.4 2.8-12.6 4.5-19.5.1-.3 0-.6-.2-.8-.2-.3-.5-.4-.8-.5-.2 0-4.7-1.1-5.7-1.3l-13.4-2.7c-.3-.1-.7 0-.9.2-.2.2-.4.4-.5.6 0 0 0 .1 0 .1-.8 6.5-2.2 13.1-3.9 19.4-.1.3 0 .6.2.9.2.3.5.4.8.5C714.8 176.9 721.7 178.5 727.5 179.9zM728.5 178.1c-.1-.1-.2-.2-.4-.2C728.3 177.9 728.4 178 728.5 178.1z'/%3E%3Cg fill='%23FFF'%3E%3Cpath d='M699.6 472.7c-1.5 0-2.8-.8-3.5-2.3-.8-1.9 0-4.2 1.9-5 3.7-1.6 6.8-4.7 8.4-8.5 1.6-3.8 1.7-8.1.2-11.9-.3-.9-.8-1.8-1.2-2.8-.8-1.7-1.8-3.7-2.3-5.9-.9-4.1-.2-8.6 2-12.8 1.7-3.1 4.1-6.1 7.6-9.1 1.6-1.4 4-1.2 5.3.4 1.4 1.6 1.2 4-.4 5.3-2.8 2.5-4.7 4.7-5.9 7-1.4 2.6-1.9 5.3-1.3 7.6.3 1.4 1 2.8 1.7 4.3.5 1.1 1 2.2 1.5 3.3 2.1 5.6 2 12-.3 17.6-2.3 5.5-6.8 10.1-12.3 12.5C700.6 472.6 700.1 472.7 699.6 472.7zM740.4 421.4c1.5-.2 3 .5 3.8 1.9 1.1 1.8.4 4.2-1.4 5.3-3.7 2.1-6.4 5.6-7.6 9.5-1.2 4-.8 8.4 1.1 12.1.4.9 1 1.7 1.6 2.7 1 1.7 2.2 3.5 3 5.7 1.4 4 1.2 8.7-.6 13.2-1.4 3.4-3.5 6.6-6.8 10.1-1.5 1.6-3.9 1.7-5.5.2-1.6-1.4-1.7-3.9-.2-5.4 2.6-2.8 4.3-5.3 5.3-7.7 1.1-2.8 1.3-5.6.5-7.9-.5-1.3-1.3-2.7-2.2-4.1-.6-1-1.3-2.1-1.9-3.2-2.8-5.4-3.4-11.9-1.7-17.8 1.8-5.9 5.8-11 11.2-14C739.4 421.6 739.9 421.4 740.4 421.4zM261.3 590.9c5.7 6.8 9 15.7 9.4 22.4.5 7.3-2.4 16.4-10.2 20.4-3 1.5-6.7 2.2-11.2 2.2-7.9-.1-12.9-2.9-15.4-8.4-2.1-4.7-2.3-11.4 1.8-15.9 3.2-3.5 7.8-4.1 11.2-1.6 1.2.9 1.5 2.7.6 3.9-.9 1.2-2.7 1.5-3.9.6-1.8-1.3-3.6.6-3.8.8-2.4 2.6-2.1 7-.8 9.9 1.5 3.4 4.7 5 10.4 5.1 3.6 0 6.4-.5 8.6-1.6 4.7-2.4 7.7-8.6 7.2-15-.5-7.3-5.3-18.2-13-23.9-4.2-3.1-8.5-4.1-12.9-3.1-3.1.7-6.2 2.4-9.7 5-6.6 5.1-11.7 11.8-14.2 19-2.7 7.7-2.1 15.8 1.9 23.9.7 1.4.1 3.1-1.3 3.7-1.4.7-3.1.1-3.7-1.3-4.6-9.4-5.4-19.2-2.2-28.2 2.9-8.2 8.6-15.9 16.1-21.6 4.1-3.1 8-5.1 11.8-6 6-1.4 12 0 17.5 4C257.6 586.9 259.6 588.8 261.3 590.9z'/%3E%3Ccircle cx='1013.7' cy='153.9' r='7.1'/%3E%3Ccircle cx='1024.3' cy='132.1' r='7.1'/%3E%3Ccircle cx='1037.3' cy='148.9' r='7.1'/%3E%3Cpath d='M1508.7 297.2c-4.8-5.4-9.7-10.8-14.8-16.2 5.6-5.6 11.1-11.5 15.6-18.2 1.2-1.7.7-4.1-1-5.2-1.7-1.2-4.1-.7-5.2 1-4.2 6.2-9.1 11.6-14.5 16.9-4.8-5-9.7-10-14.7-14.9-1.5-1.5-3.9-1.5-5.3 0-1.5 1.5-1.5 3.9 0 5.3 4.9 4.8 9.7 9.8 14.5 14.8-1.1 1.1-2.3 2.2-3.5 3.2-4.1 3.8-8.4 7.8-12.4 12-1.4 1.5-1.4 3.8 0 5.3 0 0 0 0 0 0 1.5 1.4 3.9 1.4 5.3-.1 3.9-4 8.1-7.9 12.1-11.7 1.2-1.1 2.3-2.2 3.5-3.3 4.9 5.3 9.8 10.6 14.6 15.9.1.1.1.1.2.2 1.4 1.4 3.7 1.5 5.2.2C1510 301.2 1510.1 298.8 1508.7 297.2zM327.6 248.6l-.4-2.6c-1.5-11.1-2.2-23.2-2.3-37 0-5.5 0-11.5.2-18.5 0-.7 0-1.5 0-2.3 0-5 0-11.2 3.9-13.5 2.2-1.3 5.1-1 8.5.9 5.7 3.1 13.2 8.7 17.5 14.9 5.5 7.8 7.3 16.9 5 25.7-3.2 12.3-15 31-30 32.1L327.6 248.6zM332.1 179.2c-.2 0-.3 0-.4.1-.1.1-.7.5-1.1 2.7-.3 1.9-.3 4.2-.3 6.3 0 .8 0 1.7 0 2.4-.2 6.9-.2 12.8-.2 18.3.1 12.5.7 23.5 2 33.7 11-2.7 20.4-18.1 23-27.8 1.9-7.2.4-14.8-4.2-21.3l0 0C347 188.1 340 183 335 180.3 333.6 179.5 332.6 179.2 332.1 179.2zM516.3 60.8c-.1 0-.2 0-.4-.1-2.4-.7-4-.9-6.7-.7-.7 0-1.3-.5-1.4-1.2 0-.7.5-1.3 1.2-1.4 3.1-.2 4.9 0 7.6.8.7.2 1.1.9.9 1.6C517.3 60.4 516.8 60.8 516.3 60.8zM506.1 70.5c-.5 0-1-.3-1.2-.8-.8-2.1-1.2-4.3-1.3-6.6 0-.7.5-1.3 1.2-1.3.7 0 1.3.5 1.3 1.2.1 2 .5 3.9 1.1 5.8.2.7-.1 1.4-.8 1.6C506.4 70.5 506.2 70.5 506.1 70.5zM494.1 64.4c-.4 0-.8-.2-1-.5-.4-.6-.3-1.4.2-1.8 1.8-1.4 3.7-2.6 5.8-3.6.6-.3 1.4 0 1.7.6.3.6 0 1.4-.6 1.7-1.9.9-3.7 2-5.3 3.3C494.7 64.3 494.4 64.4 494.1 64.4zM500.5 55.3c-.5 0-.9-.3-1.2-.7-.5-1-1.2-1.9-2.4-3.4-.3-.4-.7-.9-1.1-1.4-.4-.6-.3-1.4.2-1.8.6-.4 1.4-.3 1.8.2.4.5.8 1 1.1 1.4 1.3 1.6 2.1 2.6 2.7 3.9.3.6 0 1.4-.6 1.7C500.9 55.3 500.7 55.3 500.5 55.3zM506.7 55c-.3 0-.5-.1-.8-.2-.6-.4-.7-1.2-.3-1.8 1.2-1.7 2.3-3.4 3.3-5.2.3-.6 1.1-.9 1.7-.5.6.3.9 1.1.5 1.7-1 1.9-2.2 3.8-3.5 5.6C507.4 54.8 507.1 55 506.7 55zM1029.3 382.8c-.1 0-.2 0-.4-.1-2.4-.7-4-.9-6.7-.7-.7 0-1.3-.5-1.4-1.2 0-.7.5-1.3 1.2-1.4 3.1-.2 4.9 0 7.6.8.7.2 1.1.9.9 1.6C1030.3 382.4 1029.8 382.8 1029.3 382.8zM1019.1 392.5c-.5 0-1-.3-1.2-.8-.8-2.1-1.2-4.3-1.3-6.6 0-.7.5-1.3 1.2-1.3.7 0 1.3.5 1.3 1.2.1 2 .5 3.9 1.1 5.8.2.7-.1 1.4-.8 1.6C1019.4 392.5 1019.2 392.5 1019.1 392.5zM1007.1 386.4c-.4 0-.8-.2-1-.5-.4-.6-.3-1.4.2-1.8 1.8-1.4 3.7-2.6 5.8-3.6.6-.3 1.4 0 1.7.6.3.6 0 1.4-.6 1.7-1.9.9-3.7 2-5.3 3.3C1007.7 386.3 1007.4 386.4 1007.1 386.4zM1013.5 377.3c-.5 0-.9-.3-1.2-.7-.5-1-1.2-1.9-2.4-3.4-.3-.4-.7-.9-1.1-1.4-.4-.6-.3-1.4.2-1.8.6-.4 1.4-.3 1.8.2.4.5.8 1 1.1 1.4 1.3 1.6 2.1 2.6 2.7 3.9.3.6 0 1.4-.6 1.7C1013.9 377.3 1013.7 377.3 1013.5 377.3zM1019.7 377c-.3 0-.5-.1-.8-.2-.6-.4-.7-1.2-.3-1.8 1.2-1.7 2.3-3.4 3.3-5.2.3-.6 1.1-.9 1.7-.5.6.3.9 1.1.5 1.7-1 1.9-2.2 3.8-3.5 5.6C1020.4 376.8 1020.1 377 1019.7 377zM1329.7 573.4c-1.4 0-2.9-.2-4.5-.7-8.4-2.7-16.6-12.7-18.7-20-.4-1.4-.7-2.9-.9-4.4-8.1 3.3-15.5 10.6-15.4 21 0 1.5-1.2 2.7-2.7 2.8 0 0 0 0 0 0-1.5 0-2.7-1.2-2.7-2.7-.1-6.7 2.4-12.9 7-18 3.6-4 8.4-7.1 13.7-8.8.5-6.5 3.1-12.9 7.4-17.4 7-7.4 18.2-8.9 27.3-10.1l.7-.1c1.5-.2 2.9.9 3.1 2.3.2 1.5-.9 2.9-2.3 3.1l-.7.1c-8.6 1.2-18.4 2.5-24 8.4-3 3.2-5 7.7-5.7 12.4 7.9-1 17.7 1.3 24.3 5.7 4.3 2.9 7.1 7.8 7.2 12.7.2 4.3-1.7 8.3-5.2 11.1C1335.2 572.4 1332.6 573.4 1329.7 573.4zM1311 546.7c.1 1.5.4 3 .8 4.4 1.7 5.8 8.7 14.2 15.1 16.3 2.8.9 5.1.5 7.2-1.1 2.7-2.1 3.2-4.8 3.1-6.6-.1-3.2-2-6.4-4.8-8.3C1326.7 547.5 1317.7 545.6 1311 546.7z'/%3E%3C/g%3E%3C/svg%3E");
}
@media only screen and (max-width: 1200px) {
  .thisnew-bg {
    background-image: none;
  }
}
.sub1-title {
  font-size: 2.5rem;
  font-weight: 600;
  font-family: "Montserrat", sans-serif;
  margin-bottom: .3rem;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); }

.sub1-msg {
  font-size: 1.7rem;
  font-family: "Brandon Grotesque", sans-serif;
  font-weight: 400;
  color: #333;
  padding: 1rem; }

.sub1-img {
  height: 300px;
  width: 300px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  box-shadow: 0 1rem 10rem rgba(255, 255, 255, 0.8);
  object-fit: cover; }
  @media only screen and (max-width: 1030px) {
    .sub1-img {
      height: 250px;
      width: 250px; } }
  @media only screen and (max-width: 850px) {
    .sub1-img {
      height: 200px;
      width: 200px; } }
  @media only screen and (max-width: 700px) {
    .sub1-img {
      height: 150px;
      width: 150px; } }
  @media only screen and (max-width: 600px) {
    .sub1-img {
      height: 250px;
      width: 250px;
      border-radius: 10px; } }



.earning-box, .earning-box2new {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 4rem;
  row-gap: 4rem;
  margin-top: 6rem;
  /* padding: 1rem; */
}

.earningwrapn {
  padding: 2rem;
  max-width: 70rem;
}
@media only screen and (max-width: 600px) {
  .earningwrapn {
    max-width: 40rem;
  }
}
.earning-box2new {
  grid-template-columns: 1fr 1fr 1fr;
}
@media only screen and (max-width: 1200px) {
  .earning-box {
    grid-template-columns: 1fr 1fr;
    row-gap: 4rem;
  }
  .earning-box2new {
    width: 40rem;
    max-width: 100%;
    margin: 0 auto;
    margin-top: 6rem;
    row-gap: 4rem;
    grid-template-columns: 1fr;
  }
}
.earning-boxhomepage {
  padding: 2rem;
  max-width: 70rem;
  margin-top: -.5rem;
}
@media only screen and (max-width: 600px) {
  .earning-box {
    grid-template-columns: 1fr;
    row-gap: 4rem;
  }
  .earning-boxhomepage {
    max-width: 40rem;
  }
}
.earning-withdraw {
  background: linear-gradient(to right, var(--firstcolor), var(--firstcolor-hover));
  color: #fff;
  font-size: 1.5rem;
  display: inline-block;
  padding: 0.8rem 1.3rem;
  border-radius: 5px;
  margin-top: 1rem;
}
.earning-box__box {
  height: 23rem;
  display: block;
  background: #fff;
  border-radius: 15px;
  padding: 2rem;
  box-shadow: 0 1rem 2rem rgb(0 0 0 / 25%);
}
.earning-box__box2 {
  height: 24rem;
}
.earning-box2new .earning-box__box2 {
  background: #333;
  color: #fff;
}

.earning-box__title {
  font-size: 1.7rem;
  margin-top: 3rem;
  font-weight: 600;
}
.earning-box__val {
  font-size: 2.5rem;
  margin-top: .4rem;
}
.seventh-section {
  padding: 7rem 1rem;
  background: #fff; }
  @media only screen and (max-width: 600px) {
    .seventh-section {
      padding: 3rem 1rem; } }
  .seventh-section__title {
    color: #000;
    font-size: 3rem;
    font-weight: 700;
    font-family: "Montserrat", sans-serif;
    text-align: center; }
    @media only screen and (max-width: 600px) {
      .seventh-section__title {
        font-size: 2.5rem; } }
  .seventh-section__content {
    max-width: 700px;
    margin: 0 auto; }

.eight-section {
  padding: 6rem 2rem;
  background: #f9f9f9; }
  @media only screen and (max-width: 600px) {
    .eight-section {
      background: #f4f4f4; } }
  .eight-section__title {
    color: #000;
    font-size: 3.5rem;
    font-weight: 700;
    font-family: "Brandon Grotesque", sans-serif;
    text-align: center; }
  .eight-section__desc {
    font-size: 2rem;
    text-align: center;
    width: 700px;
    margin: 0 auto;
    max-width: 100%;
    margin-top: 1rem; }
  .eight-section__small {
    font-weight: 600;
    text-align: center;
    font-size: 1.7rem;
    margin-top: 3rem;
    margin-bottom: 3rem; }
  .eight-section__content {
    position: relative; }
    @media only screen and (max-width: 600px) {
      .eight-section__content {
        margin-top: -1rem; } }

.frosh {
  margin-top: 1rem;
  font-family: "Open Sans", sans-serif;
  font-size: 2.3rem;
  font-weight: 700;
  line-height: 1; }

.owl-theme .owl-dots, .owl-theme .owl-nav {
  display: none !important; }

.slidestuff {
  height: 200px;
  object-fit: cover; }
  @media only screen and (max-width: 600px) {
    .slidestuff {
      height: 100px; } }

.faq {
  padding: 1.5rem 1rem;
  box-shadow: 0 0.3rem 0.3rem 0.2rem rgba(0, 0, 0, 0.2);
  margin-bottom: 2rem;
  font-size: 1.7rem;
  cursor: pointer; }
  .faq:hover {
    background: #faf9f9;
    font-weight: bold; }

.faqa {
  padding: 1rem;
  font-weight: normal !important;
  display: none; }

.testim-bg {
  width: 700px;
  max-width: 100%;
  margin: 0 auto;
  padding: 1rem; }
  .testim-bg__title {
    font-size: 2rem;
    font-weight: 600;
    margin-top: 1rem;
    margin-bottom: 1rem;
    color: #fff; }

.testim-img {
  height: 7rem;
  width: 7rem !important;
  display: inline-block !important;
  object-fit: cover;
  border-radius: 50%;
  box-shadow: 0 0.4rem 0.7rem rgba(0, 0, 0, 0.2); }

.testi-k {
  margin-top: 2rem;
  text-align: center; }

.testim-cont {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 1rem;
  font-size: 1.6rem;
  font-family: "Brandon Grotesque", sans-serif;
  border-bottom-right-radius: 20px;
  color: #fff;
  box-shadow: 0 0.4rem 0.7rem rgba(0, 0, 0, 0.2); }
  @media only screen and (max-width: 600px) {
    .testim-cont {
      box-shadow: none;
      padding: 0; } }
  .testim-conts {
    font-size: 2rem;
    padding: 1rem;
    color: #fff;
    font-family: "Brandon Grotesque", sans-serif; }
    @media only screen and (max-width: 400px) {
      .testim-conts {
        margin-top: 1rem; } }
  .testim-cont__first {
    color: #fff;
    font-size: 1.7rem;
    font-weight: 600;
    font-family: "Montserrat", sans-serif;
    margin-top: 1rem;
    text-align: center; }

.testim-icon i {
  display: inline-block;
  font-size: 2.7rem;
  color: #f9f9f9;
  cursor: pointer; }
  .testim-icon i:not(:last-child) {
    margin-right: 2rem; }
  .testim-icon i:hover {
    color: #fff; }

.homepage-height {
  height: 600px; }

.try-it {
  padding: 6rem 0; }

.tobisection {
  background-color: #fff;
  background: -webkit-radial-gradient(top center, circle, #fff, #d8dfea);
  background: radial-gradient(circle at top center, #fff, #d8dfea);
  padding: 8rem 2rem;
}
  .tobisection-contimg {
    height: 20rem;
    width: 25rem;
    max-width: 100%;
    margin: 0 auto;
    object-fit: cover; }
  .tobisection-jointext {
    width: 800px;
    max-width: 100%;
    margin: 0 auto;
    text-align: center;
    font-size: 2rem;
    font-weight: 600;
    padding: 1rem; }
  .tobisection-maincont {
    width: 1200px;
    max-width: 100%;
    margin: 0 auto; }
  .tobisection-otherside {
    font-size: 1.7rem;
    margin-top: 1rem; }
    .tobisection-otherside i {
      color: #0a930a; }
  .tobisection-body {
    border-bottom: 2rem;
    text-align: center; }
    .tobisection-body:not(:last-child) {
      margin-bottom: 3rem; }
    .tobisection-bodyrow {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      column-gap: 3rem;
      margin-top: 5rem; }
      @media only screen and (max-width: 900px) {
        .tobisection-bodyrow {
          grid-template-columns: 1fr;
          row-gap: 3rem; } }
  .tobisection-cont {
    display: grid;
    grid-template-columns: 60% 40%;
    width: 1200px;
    max-width: 100%;
    overflow: hidden;
    margin: 0 auto;
    height: 500px;
    padding: 1rem;
    padding-bottom: 0; }
    @media only screen and (max-width: 800px) {
      .tobisection-cont {
        grid-template-columns: 75% 25%; } }
    @media only screen and (max-width: 600px) {
      .tobisection-cont {
        grid-template-columns: 90% 10%; } }
  .tobisection-img {
    height: 100%;
    display: inline-block;
    object-fit: cover;
    object-position: 0 10%; }
    @media only screen and (max-width: 800px) {
      .tobisection-img {
        margin-left: -10rem;
        position: relative;
        z-index: 12; } }
    @media only screen and (max-width: 700px) {
      .tobisection-img {
        margin-left: -20rem;
        opacity: .4; } }
    @media only screen and (max-width: 600px) {
      .tobisection-img {
        margin-left: -25rem; } }
    @media only screen and (max-width: 400px) {
      .tobisection-img {
        margin-left: -32rem; } }
  .tobisection-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    z-index: 14;
    padding: 1rem; }
    .tobisection-content__title {
      font-weight: 600;
      margin-top: 1rem; }
    .tobisection-content__desc {
      font-family: "Brandon Grotesque", sans-serif;
      font-weight: 300; }
  .tobisection-text {
    font-size: 2rem;
    font-family: "Oswald", sans-serif; }
    @media only screen and (max-width: 760px) {
      .tobisection-text {
        font-size: 1.7rem; } }
    @media only screen and (max-width: 350px) {
      .tobisection-text {
        font-size: 2rem; } }
  .tobisection-link {
    display: inline-block;
    background: var(--firstcolor);
    color: #fff;
    font-family: "Brandon Grotesque", sans-serif;
    text-transform: uppercase;
    padding: 1.4rem 2rem;
    border-radius: 5px;
    font-size: 1.5rem;
    letter-spacing: .5px; }

.sixthbut {
  border: 1px solid #fff;
  padding: 1.5rem 2.5rem !important;
  margin-top: 4rem !important;
  box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.5);
  background: transparent !important; }
  .sixthbut:hover {
    border: 3px solid #fff; }

.newcoin {
  display: grid;
  grid-template-columns: 40% 60%; }
  .newcoin-it {
    width: 40%;
    font-size: 1.6rem; }

.ontopblack {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 80;
  background: rgba(0, 0, 0, 0.3); }

.owl-ov {
  font-size: 6rem;
  font-family: "Montserrat", sans-serif;
  color: #fff;
  font-weight: 700;
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 85;
  text-align: center;
  opacity: 0.5; }
  @media only screen and (max-width: 600px) {
    .owl-ov {
      font-size: 3.5rem; } }


.beetvid {
  width: 300px;
  max-width: 100%; }

.letmeadd {
  display: inline-block;
  color: #333;
  margin-top: 2rem;
  background: linear-gradient(to bottom, #fff 0%, #f6f6f6 100%);
  font-size: 1.3rem;
  border-radius: 5px;
  border: 1px solid #cecdcd;
  padding: .3rem .7rem;
  text-transform: uppercase; }
  .letmeadd:hover {
    box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.1);
    border: #c9c7c7; }

.oldey {
  font-size: 1.5rem;
  margin-top: 1rem;
  margin-bottom: -2rem; }
  .oldeyprice {
    text-decoration: line-through; }

.newney {
  font-size: 1.6rem; }



.comingsoon {
  animation: colorchangesoon 50s infinite;
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 3rem;
  width: 100%; }

@keyframes colorchangesoon {
  0% {
    background: #ff6633; }
  25% {
    background: orange; }
  50% {
    background: orangered; }
  75% {
    background: var(--firstcolor-hover); }
  100% {
    background: orange; }
}  
.comingsoon-img {
  width: 100%;
}
.comingsoon-desc, .comingsoon-desc2 {
  font-size: 2.5rem;
  text-align: center;
  margin-top: 1rem;
  font-weight: 600;
  color: #f3f2f2;
}
.comingsoon-desc2 {
  font-size: 2rem;
}
.comingsoon-input, .comingsoon-button {
  padding: 1.5rem;
  display: inline-block;
  color: #000;
  border-radius: 5px;
  width: 300px;
  border: 1px solid #fff;
  max-width: 100%;
}
.comingsoon-button {
  background: red;
  color: #fff;
  border: 1px solid #fff;
  margin-top: 1rem;
}
footer {
  /* animation: colorchange 50s infinite;
  margin-bottom: -1rem;
  width: 100%; } */
  /* background-color: #ff7700;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 900'%3E%3Cpolygon fill='%23cc0000' points='957 450 539 900 1396 900'/%3E%3Cpolygon fill='%23aa0000' points='957 450 872.9 900 1396 900'/%3E%3Cpolygon fill='%23d6002b' points='-60 900 398 662 816 900'/%3E%3Cpolygon fill='%23b10022' points='337 900 398 662 816 900'/%3E%3Cpolygon fill='%23d9004b' points='1203 546 1552 900 876 900'/%3E%3Cpolygon fill='%23b2003d' points='1203 546 1552 900 1162 900'/%3E%3Cpolygon fill='%23d3006c' points='641 695 886 900 367 900'/%3E%3Cpolygon fill='%23ac0057' points='587 900 641 695 886 900'/%3E%3Cpolygon fill='%23c4008c' points='1710 900 1401 632 1096 900'/%3E%3Cpolygon fill='%239e0071' points='1710 900 1401 632 1365 900'/%3E%3Cpolygon fill='%23aa00aa' points='1210 900 971 687 725 900'/%3E%3Cpolygon fill='%23880088' points='943 900 1210 900 971 687'/%3E%3C/svg%3E");
  background-attachment: fixed;
  background-size: cover; */
  background: #111;
}

  
@keyframes colorchange {
  0% {
    background: var(--firstcolor); }
  10% {
    background: #27022c; }
  20% {
    background: #4a5a8e; }
  35% {
    background: #0a0a46; }
  45% {
    background: #5d427e; }
  55% {
    background: #308bcf; }
  65% {
    background: #0b67f1; }
  100% {
    background: var(--firstcolor); } }

.footer2new {
  padding: 8rem 2rem;
  padding-bottom: 1rem;
}
.footer {
  padding: 4rem 2rem;
  padding-bottom: 1rem; }
  .footer-sub {
    padding: 2rem;
    text-align: center; }
  .footer-logo {
    height: 3rem; }
  .footer-back i,
  .footer-back a {
    font-size: 2rem;
    color: #fff;
    font-family: "Lato", sans-serif;
    font-weight: 300; }
  .footer-copyright {
    color: #fff;
    font-size: 1.5rem;
    margin-top: 1rem; }
  .footer-section {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 6rem;
    row-gap: 6rem;
    margin-bottom: 1rem; 
  }
  @media only screen and (max-width: 1000px) {
    .footer-section {
      grid-template-columns: 1fr;
    }
  }
  .footersection-li {
    list-style: none;
  }

  .footersection-li li:first-child {
    font-size: 2.5rem;
    font-weight: 600;
    margin-bottom: 1.5rem;
  }
  .footersection-li li {
    display: block;
  }
  .footersection-li li a {
    color: #fff;
    padding-bottom: .3rem;
  }
  .footersection-li li a:hover {
    border-bottom: 1px dotted #fff;
  }
  .footersection-li li:not(:last-child) {
    margin-bottom: 1.5rem;
  }

    .footer-section__icon {
      list-style: none; }
      .footer-section__icon li {
        color: #f9f9f9;
        display: inline-block;
        font-size: 4rem;
        transition: font-size .3s; }
        .footer-section__icon li a {
          color: #f9f9f9; }
        .footer-section__icon li:hover {
          color: #fff;
          font-size: 5rem; }

.footer-section__icon li:not(:last-child) {
  margin-right: 1.2rem; }

.back__top {
  display: none; }

.fret:hover .back__top {
  display: block; }

.foottext {
  display: grid;
  grid-template-columns: 78rem 1fr;
  column-gap: 3rem;
  color: #fff; }
  @media only screen and (max-width: 1200px) {
    .foottext {
      grid-template-columns: 1fr;
      row-gap: 4rem; } }

.footext1 {
  display: grid;
  text-align: left;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 6rem; 
  text-align: center;
}
  @media only screen and (max-width: 1200px) {
    .footext1 {
      text-align: left;
      border-right: none; } }
  @media only screen and (max-width: 600px) {
    .footext1 {
      display: block;
      text-align: left; } }
  .footext1-stuff {
    margin-bottom: 4rem;
    list-style: none; }
    .footext1-stuff li:not(:last-child) {
      margin-right: 4rem; 
    }
    .footext1-stuff li {
      font-size: 1.8rem;
      font-weight: 300;
      display: inline-block;
      }
      @media only screen and (max-width: 1200px) {
        .footext1-stuff li {
          display: block;
        }

        .footext1-stuff li:not(:last-child) {
          margin-bottom: 3rem; 
        }
        .footext1-stuff span {
          display: none;
        }
    
      }
        .footext1-stuff li a {
        color: #fff;
        transition: font-size .3s; }
        .footext1-stuff li a:hover {
          font-size: 1.85rem;
          font-weight: 400;
          color: #fff; }

.footsecond-link {
  color: #fff; }

.footsecond-i {
  font-size: 2.2rem;
  color: #fff;
  display: inline-block; }
  .footsecond-i:not(:last-child) {
    margin-right: 1rem; }

.footsecond-title {
  font-weight: 600;
  font-size: 1.4rem;
  text-transform: uppercase;
  color: #fff;
  font-family: "Brandon Grotesque", sans-serif; }

.footsecond-input {
  padding: 2rem 1rem;
  width: 20rem; }
  .footsecond-input__btn {
    background: #000;
    color: #fff;
    border: none;
    padding: 2.1rem 2rem; }
    .footsecond-input__btn:focus {
      outline: none; }

.lastnow {
  color: #111;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  max-width: 1200px;
  margin: 0 auto;
  margin-top: 3rem;
  padding: 2rem;
  /* text-align: center; */
  border-top: 1px solid #333; }
  @media only screen and (max-width: 600px) {
    .lastnow {
      text-align: center;
      display: block; } }

.last1 {
  font-size: 1.7rem; }
  .last1-a {
    display: inline-block;
    color: #111;
    border: 1px solid rgba(0,0,0,0.7);
    border-radius: 50%;
    padding: 1rem 1rem;
  }
  .last1-a:hover {
    background: var(--firstcolor);
    color: #fff !important;
    border: 1px solid rgba(0,0,0,0.1);
  }
  .last1-a:not(:last-child) {
    margin-right: .7rem;
  }
  .last1-span {
    display: inline-block;
    margin-right: 2rem;
  }
  @media only screen and (max-width: 900px) {
    .last1-span {
      display: none;
    }
  }
  @media only screen and (max-width: 600px) {
    .last1 {
      margin-bottom: 1rem; } }

.last2 {
  text-align: right;
  margin-top: 1rem;
  font-size: 1.8rem; }
  .last2 span {
    display: inline-block; }
    .last2 span:not(:last-child) {
      margin-right: .7rem; }

@media only screen and (max-width: 600px) {
  .last2 {
    text-align: center;
    font-size: 1.4rem;
    margin-top: 1.5rem;
  } 
}
    
.footlogomg {
  height: 15px;
  object-fit: cover; }

.about {
  background: linear-gradient(to right, #f3f7fa, #f3f4ef);
  padding-bottom: 4rem; }
  .about-section {
    background: url(img/aboutustop-new.jpg);
    padding: 2rem;
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: top; }
    @media only screen and (max-width: 800px) {
      .about-section {
        background: url(img/aboutustop-newmobile.jpg);
        padding: 2rem;
        background-size: 80%;
        background-repeat: no-repeat;
        background-position: top; } }
    .about-section__title {
      /* font-family: "Montserrat", sans-serif; */
      font-weight: 700;
      font-size: 4rem;
      color: #000;
      text-align: center;
      }
      .about-section__title2 {
        margin-top: 6rem; }
        @media only screen and (max-width: 900px) {
          .about-section__title2 {
            margin-top: 5rem; } }
    .about-section__subtitle {
      font-size: 2.7rem;
      font-weight: 600;
      font-family: "Montserrat", sans-serif;
      color: #333;
      text-align: center;
      margin-top: 1rem; }
      @media only screen and (max-width: 700px) {
        .about-section__subtitle {
          font-size: 2.3rem; } }
    .about-section__msg {
      width: 700px;
      max-width: 100%;
      margin: 0 auto;
      margin-top: 1rem;
      font-size: 1.8rem;
      font-weight: 400;
      line-height: 1.8;
      color: #000;}
      .about-section__msg p {
        margin-top: 1rem;
      }
      @media only screen and (max-width: 700px) {
        .about-section__msg {
          text-align: center; } }
      @media only screen and (max-width: 600px) {
        .about-section__msg {
          font-size: 1.7rem; } }
      @media only screen and (max-width: 400px) {
        .about-section__msg {
          margin-top: .5rem;
          font-size: 1.6rem; } }
      @media only screen and (max-width: 350px) {
        .about-section__msg {
          font-size: 1.65rem; } }
    .about-section__main {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      grid-column-gap: 2rem;
      width: 800px;
      max-width: 100%;
      margin: 0 auto;
      margin-top: 4rem; }
    .about-section__img {
      height: 220px;
      width: 220px;
      max-width: 100%;
      border-radius: 10px;
      object-fit: cover; }
      .about-section__img2 {
        width: 300px;
        height: 300px;
        max-width: 100%;
        border-radius: 10px;
        object-fit: cover; }
        @media only screen and (max-width: 800px) {
          .about-section__img, .about-section__img2 {
            height: 15rem;
            object-position: 0 50%;
          }
        }
  .about-products {
    display: grid;
    text-align: center;
    width: 1100px;
    margin: 0 auto;
    max-width: 100%;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: .2rem;
    margin-top: 3rem; }
    @media only screen and (max-width: 600px) {
      .about-products {
        display: block; } }
    .about-products-img {
      height: 400px;
      width: 100%;
      object-fit: cover; }
      @media only screen and (max-width: 600px) {
        .about-products-img {
          height: 250px;
          max-width: 250px; } }
    .about-products2 {
      display: flex;
      flex-direction: column;
      justify-content: center;
      padding: 1rem 2rem;
      font-size: 1.7rem;
      font-family: "Lato", sans-serif;
      font-weight: 300; }
      @media only screen and (max-width: 600px) {
        .about-products2 {
          max-width: 350px;
          margin: 0 auto; } }
      .about-products2__title {
        font-size: 1.8rem;
        font-weight: 600;
        margin-bottom: .4rem;
        font-family: "Montserrat", sans-serif; }
      .about-products2__btn {
        margin-top: 1rem !important;
        width: 210px;
        max-width: 100%;
        margin: 0 auto; }
  .about-second {
    padding: 4rem 1rem; }
    .about-second__box {
      width: 1200px;
      margin: 0 auto;
      max-width: 100%;
      font-size: 1.7rem; }
    .about-second__title {
      font-family: "Montserrat", sans-serif;
      font-weight: 700;
      font-size: 4rem;
      color: #000; }
      @media only screen and (max-width: 600px) {
        .about-second__title {
          font-size: 3rem; } }
    .about-second__msg {
      font-weight: 300;
      font-size: 1.6rem; }
    .about-second__row {
      margin-top: 3.5rem;
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      grid-column-gap: 2rem; }
      @media only screen and (max-width: 600px) {
        .about-second__row {
          display: block; } }


.pro-img2 {
  object-fit: contain; }

.opachim {
  opacity: 0.5;
  cursor: progress !important;
  /* box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.3) !important; */
  pointer-events: none; }

.noevents {
  pointer-events: none;
}
.fresh {
  opacity: 1 !important;
  height: 100px; }



.fadebutt {
  opacity: 0.4;
  cursor: auto; }

.msgin,
.msgready {
  background: red;
  color: #fff;
  padding: 1rem;
  font-size: 1.6rem;
  text-align: center; }

.smallloaders {
  height: 25px;
  display: inline-block;
  margin-top: -10px;
  transform: translateY(7px); }

.msgready {
  background: #2fa10c; }


/* style 4 */
.inputfile {
  display: none; }

.inputfile-4:focus + label,
.inputfile-4.has-focus + label,
.inputfile-4 + label:hover {
  opacity: .7; }

.js .inputfile {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1; }

.inputfile + label {
  cursor: pointer; }

.no-js .inputfile + label {
  display: none; }

.inputfile:focus + label,
.inputfile.has-focus + label {
  outline: 1px dotted #000;
  outline: -webkit-focus-ring-color auto 5px; }

.inputfile + label * {
  /* pointer-events: none; */
  /* in case of FastClick lib use */ }

.inputfile + label svg {
  width: 1em;
  height: 1em;
  vertical-align: middle;
  fill: currentColor;
  margin-top: -0.25em;
  /* 4px */
  margin-right: 0.25em;
  /* 4px */ }

.pops {
  margin-top: .4rem;
  font-size: 1.4rem;
  color: red;
  cursor: pointer; }
  .pops:hover {
    font-weight: 600; }
  .pops i {
    font-size: 1.2rem; }


.suman {
  background: #fafac7;
  padding: 1rem; }

.error {
  padding: 1rem;
  background: red;
  color: #fff;
  font-size: 1.6rem;
  margin-top: 3rem;
  margin-bottom: -2rem; }

.newerror, .newerror2 {
  padding: 1rem;
  background: red;
  color: #fff;
  font-size: 1.6rem;
  margin-bottom: 1rem; }

#errid {
  margin-bottom: -2rem; }

.positive {
  background: #0d940d; }

.choke {
  background: #d4a0d4;
  color: #fff;
  cursor: progress; }
  .choke:hover {
    background: #d4a0d4; }

.unchoke {
  background: var(--firstcolor);
  color: #fff;
  cursor: progress; }
  .unchoke:hover {
    background: var(--firstcolor) !important; }

.letmeknow {
  display: none; }


.closefixed, .closeblowup {
  display: inline-block;
  color: #000;
  background: #d8dfea;
  font-size: 3rem;
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
  padding: 0 1rem; }
  .closefixed:hover, .closeblowup:hover {
    background: #eeeeee; }

.closeblowup {
  margin-top: 0; }

.blowup {
  position: fixed;
  background: rgba(0, 0, 0, 0.7);
  display: none;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  z-index: 200; }
  .blowup-cont {
    position: relative; }
    .blowup-cont__title {
      padding: 1rem;
      font-size: 2rem;
      color: #000;
      font-family: "Montserrat", sans-serif; }
    .blowup-cont__content {
      padding: 1rem;
      font-size: 1.5rem; }
  .blowup-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-height: 90%;
    overflow: auto;
    width: 700px;
    max-width: 95%;
    background: #fff;
    border-radius: 4px;
    z-index: 120;
    vertical-align: middle;
    text-align: center; }
  .blowup-mage {
    height: 400px; }
  .blowup-title {
    box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.3);
    padding: 1rem;
    text-align: center;
    font-size: 1.8rem;
    font-family: "Lato", sans-serif; }
    @media only screen and (max-width: 600px) {
      .blowup-title {
        margin: 1rem 0;
        font-size: 1.7rem; } }
    .blowup-title i {
      color: red; }
  .blowup-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: .3rem;
    position: relative; }
    @media only screen and (max-width: 600px) {
      .blowup-container {
        display: block; } }
    .blowup-container img {
      width: 100%;
      height: 400px;
      width: 100%;
      object-fit: cover;
      object-position: 0 2%;
      border-radius: 4px;
      box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.2); }
      @media only screen and (max-width: 600px) {
        .blowup-container img {
          width: 25rem;
          height: 25rem;
          display: inline-block; }
          .blowup-container img:last-child {
            margin-top: 2rem; } }
  .blowup-edited {
    background: #eed5ee; }
    .blowup-edited i {
      color: var(--firstcolor); }
  .blowup-gotit {
    background: var(--firstcolor);
    padding: 1.2rem 2.5rem;
    text-transform: uppercase;
    font-size: 1.8rem;
    font-weight: 400;
    color: #fff;
    text-align: center;
    cursor: pointer;
    box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.3);
    display: inline-block;
    margin-top: 2rem;
    margin-bottom: 1rem; }
    .blowup-gotit:hover {
      background: #5d427e; }


.paginator {
  text-align: center;
  list-style: none; }
  .paginator li {
    display: inline-block; }
    .paginator li:not(:last-child) {
      margin-right: 1rem; }
  .paginator a {
    display: inline-block;
    color: #333;
    background: linear-gradient(to bottom, #fff 0%, #f6f6f6 100%);
    font-size: 1.6rem;
    text-transform: uppercase;
    padding: 1rem 1.4rem;
    border-radius: 5px;
    cursor: pointer;
    border: 1px solid rgba(0, 0, 0, 0.2); }
    .paginator a:hover {
      background: #ece9e9; }

.paginate-link {
  display: inline-block;
  padding: 1.4rem 2.5rem;
  background: #dedad8;
  margin-top: 2rem;
  border-radius: 10px;
  color: #000;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.paginate-link:hover {
  background: #cfcbc9;
}
.paginate-link:not(:last-child) {
  margin-right: 2rem;
}
.homepag-link {
  display: inline-block;
  padding: 1rem 1.5rem;
  border: 1px solid rgba(0,0,0,0.2);
  border-radius: 6px;
  background: #fff;
}
.thisbg-icon {
  display: inline-block;
  color: green;
  border: 1px solid rgba(0,0,0,0.2);
  border-radius: 50%;
  padding: 2rem;
  font-size: 1.8rem;
  margin-bottom: 1rem;
}
.activeshii {
  background: var(--firstcolor) !important;
  color: #fff !important; }

.checkat {
  width: 700px;
  max-width: 100%;
  margin: 0 auto;
  box-shadow: 0 1rem 1.4rem rgba(0, 0, 0, 0.3);
  padding: 3rem 2rem; }
  .checkat-subtitle {
    font-size: 2.6rem;
    margin-top: 3rem;
    font-weight: bold; }
  .checkat-subsub-title {
    font-size: 1.8rem; }
  .checkat-subnowtitle {
    display: inline-block;
    font-size: 1.8rem;
    color: var(--firstcolor); }
  .checkat-link {
    display: inline-block;
    margin-top: 4rem;
    margin-bottom: 4rem;
    background: linear-gradient(red, rgba(255, 0, 0, 0.9));
    color: #fff;
    font-family: "Brandon Grotesque", sans-serif;
    border-radius: 3rem;
    padding: 1.8rem 3.5rem;
    font-size: 1.7rem;
    text-transform: uppercase;
    cursor: pointer; }
    .checkat-link:hover {
      background: red; }
  .checkat-boxes {
    margin-bottom: .5rem;
    font-size: 1.6rem; }
    .checkat-boxes__price {
      color: #076807; }
  .checkat-miniboxes {
    font-size: 2.1rem; }

.order-box {
  max-width: 700px;
  margin: 0 auto;
  margin-top: 3rem;
  padding: 1rem; }
  .order-box__link {
    display: inline-block;
    background: #5d427e;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.4rem;
    padding: 1rem 1.4rem;
    margin-top: 1rem; }
  .order-box__title {
    color: #333; }
    .order-box__title:hover {
      font-weight: bold; }
  .order-box__content {
    color: #7e7c7c; }
  .order-boxes {
    border: 1px solid #d6d4d4;
    padding: 1rem;
    font-size: 1.6rem;
    margin-bottom: 1rem;
    box-shadow: 0 0.3rem 0.6rem #ecebeb; }
    .order-boxes:hover {
      background: #fcfcfc; }
  .order-boxtings {
    background: #dddddd;
    padding: 1rem; }
  .order-boxeach {
    padding: 2rem 0; }
    .order-boxeach:not(:last-child) {
      margin-bottom: 3rem;
      border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
  .order-boxing {
    max-width: 800px;
    margin: 0 auto;
    font-size: 1.5rem;
    padding: 1rem;
    box-shadow: 0 1rem 20rem rgba(0, 0, 0, 0.1); }
    .order-boxing__title {
      font-size: 2rem;
      font-weight: 700;
      margin-top: 2rem; }
    .order-boxing__subtitle {
      font-size: 2rem; }

.orders-btn {
  padding: 1rem 1.4rem;
  display: inline-block;
  font-size: 1.6rem;
  text-transform: uppercase; }

.order-box__cont-img {
  float: left;
  width: 12%; }
  @media only screen and (max-width: 600px) {
    .order-box__cont-img {
      width: 15%; } }
  .order-box__cont-img img {
    height: 60px;
    width: 90%;
    display: inline-block;
    margin: 0 auto;
    object-fit: cover; }

.order-box__cont-newimg {
  float: left;
  width: 25%; }
  .order-box__cont-newimg img {
    height: 200px;
    width: 90%;
    display: inline-block;
    margin: 0 auto;
    object-fit: cover; }

.order-box__cont-newcont {
  float: right;
  width: 75%; }

.order-box__cont-content {
  float: right;
  width: 88%;
  color: #777575; }
  @media only screen and (max-width: 600px) {
    .order-box__cont-content {
      width: 85%; } }

.order-box__cont:after, .order-box__cont:before {
  content: "";
  clear: both;
  display: table; }

.discuss-red {
  padding: .6rem 1rem;
  display: inline-block;
  border-radius: 2px;
  background: red;
  color: #fff;
  font-size: 1.4rem;
  margin-left: 1rem; }

.ordmsg-box {
  background: rgba(245, 227, 245, 0.205); }
  .ordmsg-box__title {
    font-weight: 500;
    font-size: 1.7rem;
    padding: .5rem 1rem;
    border: 1px solid #ececec;
    border-bottom: 1px solid #f6f6f6;
    color: #000; }
    @media only screen and (max-width: 600px) {
      .ordmsg-box__title {
        font-size: 1.6rem; } }
  .ordmsg-box__date {
    font-size: 1.5rem;
    padding: .5rem 1rem;
    color: #9b9999;
    border: 1px solid #ececec;
    border-top: none; }
    @media only screen and (max-width: 600px) {
      .ordmsg-box__date {
        font-size: 1.45rem; } }
  .ordmsg-box__msg {
    font-size: 1.5rem;
    padding: 1rem;
    border: 1px solid #ececec;
    border-top: none;
    background: #fefdfd; }

.ordmsg-input {
  height: 100px;
  width: 500px;
  max-width: 100%;
  border: 1px solid #dddcdc;
  padding: 1rem;
  display: block; }
  .ordmsg-input:focus {
    outline: 0;
    box-shadow: 0 0.3rem 0.7rem var(--firstcolor); }
  .ordmsg-input__file {
    font-size: 1.5rem; }

.ordmsg-submit {
  display: inline-block;
  margin-top: 1.5rem;
  color: #fff;
  background: #5d427e;
  border-radius: 3px;
  border: 0;
  font-size: 1.5rem;
  padding: 1rem 2.5rem; }


.scrollreply {
  color: var(--firstcolor);
  font-size: 1.7rem; }

.noreplies {
  background: #ececcd;
  color: #333;
  padding: 1rem;
  font-size: 1.5rem; }

.opacmebaba {
  opacity: 0.7;
  pointer-events: none; }

.smallord {
  display: inline-block;
  color: #fff;
  margin-top: 1rem;
  background: #f13131;
  padding: 1rem 1.5rem;
  font-size: 1.5rem; }


.somechanges {
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.9);
  z-index: 10000;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }
  .somechanges-text {
    font-size: 1.8rem;
    font-family: "Montserrat", sans-serif;
    margin-bottom: 1rem;
    font-weight: 600; }
  .somechanges-firstlink, .somechanges-secondlink {
    display: inline-block;
    background: #29df29;
    color: #fff;
    padding: 1rem 1.5rem;
    border-radius: 3px;
    font-size: 1.5rem;
    margin-top: 1rem;
    cursor: pointer; }
    .somechanges-firstlink:hover, .somechanges-secondlink:hover {
      background: green; }
  .somechanges-secondlink {
    background: #ee3211; }
    .somechanges-secondlink:hover {
      background: red; }

.subbut {
  height: 8rem;
  border-radius: 10px;
  cursor: pointer; }
  .subbut:hover {
    border: 1px solid var(--firstcolor); }
  .subbut-click {
    margin-top: 2rem;
    box-shadow: 0 0.4rem 1rem rgba(0, 0, 0, 0.2);
    border-radius: 10px; }

.attachimg {
  max-height: 25rem; }

.user {

  display: block; }
  .user-left {
    background-color: #111111;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400' viewBox='0 0 800 800'%3E%3Cg fill='none' stroke='%231C1C1C' stroke-width='1'%3E%3Cpath d='M769 229L1037 260.9M927 880L731 737 520 660 309 538 40 599 295 764 126.5 879.5 40 599-197 493 102 382-31 229 126.5 79.5-69-63'/%3E%3Cpath d='M-31 229L237 261 390 382 603 493 308.5 537.5 101.5 381.5M370 905L295 764'/%3E%3Cpath d='M520 660L578 842 731 737 840 599 603 493 520 660 295 764 309 538 390 382 539 269 769 229 577.5 41.5 370 105 295 -36 126.5 79.5 237 261 102 382 40 599 -69 737 127 880'/%3E%3Cpath d='M520-140L578.5 42.5 731-63M603 493L539 269 237 261 370 105M902 382L539 269M390 382L102 382'/%3E%3Cpath d='M-222 42L126.5 79.5 370 105 539 269 577.5 41.5 927 80 769 229 902 382 603 493 731 737M295-36L577.5 41.5M578 842L295 764M40-201L127 80M102 382L-261 269'/%3E%3C/g%3E%3Cg fill='%232962FF'%3E%3Ccircle cx='769' cy='229' r='5'/%3E%3Ccircle cx='539' cy='269' r='5'/%3E%3Ccircle cx='603' cy='493' r='5'/%3E%3Ccircle cx='731' cy='737' r='5'/%3E%3Ccircle cx='520' cy='660' r='5'/%3E%3Ccircle cx='309' cy='538' r='5'/%3E%3Ccircle cx='295' cy='764' r='5'/%3E%3Ccircle cx='40' cy='599' r='5'/%3E%3Ccircle cx='102' cy='382' r='5'/%3E%3Ccircle cx='127' cy='80' r='5'/%3E%3Ccircle cx='370' cy='105' r='5'/%3E%3Ccircle cx='578' cy='42' r='5'/%3E%3Ccircle cx='237' cy='261' r='5'/%3E%3Ccircle cx='390' cy='382' r='5'/%3E%3C/g%3E%3C/svg%3E");
    height: 30rem;
  }
  .user-right, .user-right__newuser {
    width: 52rem;
    max-width: 100%;
    background: #f9f9f9;
    padding: 2rem;
    padding-bottom: 4rem;
    margin: 0 auto;
    border-top-right-radius: 30px;
    border-top-left-radius: 30px;
    margin-top: -24rem;
    text-align: center; }
    .user-right__newuser {
      margin-top: 0;
      border-radius: 10px;
    }
    .user-right__title {
      text-align: center;
      font-size: 3rem;
      font-weight: 600;
      margin-top: 1rem;
    }
      @media only screen and (max-width: 600px) {
        .user-right__title {
          font-size: 2.6rem; } }
    .user-right__desc {
      font-size: 1.6rem;
      text-align: center;
      max-width: 700px;
      margin: 0 auto; }
      @media only screen and (max-width: 1100px) {
        .user-right__desc {
          font-size: 1.6rem; } }
      @media only screen and (max-width: 600px) {
        .user-right__desc {
          font-size: 1.5rem; } }
  .user-box {
    width: 500px;
    max-width: 100%;
    margin: 0 auto;
    text-align: left;
    margin-top: 3rem; }
    .user-box__title {
      font-size: 1.6rem;
      font-weight: 500; }
      .user-box__title i {
        font-size: 1.3rem;
        cursor: pointer; }
        .user-box__title i:hover {
          font-weight: bold; }
    .user-box__terms {
      padding: 2rem 0;
      padding-bottom: 1rem;
      color: #777;
      font-size: 1.4rem;
    }
    .user-box__desc {
      margin-top: .5rem;
      font-size: 1.35rem;
      color: red; }
    .user-box__submit {
      display: block;
      background: linear-gradient(to right, var(--firstcolor), var(--firstcolor-hover));
      color: #fff;
      width: 100%;
      text-align: center;
      padding: 1.3rem 2rem;
      margin-top: 2rem;
      border: 0;
      font-family: "Open Sans", sans-serif;
      border-radius: 5px;
      font-size: 1.8rem;
      cursor: pointer; }
      .user-box__submit:hover {
        background: var(--firstcolor); }
      .user-box__submit:focus {
        outline: none; }
    .user-box__or {
      font-size: 1.6rem;
      color: #777; }
    .user-box__otherbox {
      font-size: 1.6rem;
      margin-top: 4rem; }
      .user-box__otherbox-cont {
        display: inline-block;
        border: 1px solid #000;
        padding: 1rem 2rem;
        border-radius: 6px;
        color: #333; }
        .user-box__otherbox-cont:hover {
          background: #000;
          color: #fff; }
      .user-box__otherbox-conted {
        display: inline-block; }
        .user-box__otherbox-conted:not(:last-child) {
          margin-right: 3rem; }
  .userbox-thisrow {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 3rem;
  }
  .userbox {
    width: 100%;
    font-size: 1.5rem;
    padding: 1.4rem 1.5rem;
    border-radius: 5px;
    margin-top: .6rem;
    border: 1px solid #ebe7e7;
    box-shadow: 0 1rem 2rem #ebe7e7; }
    .userbox:hover {
      border: 1px solid #777; }
    .userbox:focus {
      outline: none;
      box-shadow: 0 0.5rem 1rem var(--firstcolor); }
  .usernew-logo {
    height: 5rem;
    display: inline-block;
    margin-bottom: 1.5rem;
  }
  .usernew-now {
    box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.4);
    border-radius: 10px;
    padding: 2rem;
    background: #fff;
  }
    .user-newright {
      background: url(img/tabletop.jpg);
      background-size: cover;
      background-repeat: no-repeat; }
    .user-newleft {
      min-height: 100vh;
      display: flex;
      justify-content: center;
      align-items: center;
      background: #ececed;
      padding: 2rem 0rem;
    }
    .user-newnewleft, .user-newnewleft2 {
      padding: 1rem;
      width: 43rem;
      max-width: 100%;
      margin: 0 auto;
      }
      .user-newnewleft2 {
        width: 48rem;
      }
    .newuser-register {
      background-color: #FFDA0C;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 1000'%3E%3Cg %3E%3Ccircle fill='%23FFDA0C' cx='50' cy='0' r='50'/%3E%3Cg fill='%23ffd406' %3E%3Ccircle cx='0' cy='50' r='50'/%3E%3Ccircle cx='100' cy='50' r='50'/%3E%3C/g%3E%3Ccircle fill='%23ffcf01' cx='50' cy='100' r='50'/%3E%3Cg fill='%23ffc900' %3E%3Ccircle cx='0' cy='150' r='50'/%3E%3Ccircle cx='100' cy='150' r='50'/%3E%3C/g%3E%3Ccircle fill='%23ffc300' cx='50' cy='200' r='50'/%3E%3Cg fill='%23ffbe00' %3E%3Ccircle cx='0' cy='250' r='50'/%3E%3Ccircle cx='100' cy='250' r='50'/%3E%3C/g%3E%3Ccircle fill='%23ffb801' cx='50' cy='300' r='50'/%3E%3Cg fill='%23ffb204' %3E%3Ccircle cx='0' cy='350' r='50'/%3E%3Ccircle cx='100' cy='350' r='50'/%3E%3C/g%3E%3Ccircle fill='%23ffac08' cx='50' cy='400' r='50'/%3E%3Cg fill='%23ffa60d' %3E%3Ccircle cx='0' cy='450' r='50'/%3E%3Ccircle cx='100' cy='450' r='50'/%3E%3C/g%3E%3Ccircle fill='%23ffa111' cx='50' cy='500' r='50'/%3E%3Cg fill='%23ff9b15' %3E%3Ccircle cx='0' cy='550' r='50'/%3E%3Ccircle cx='100' cy='550' r='50'/%3E%3C/g%3E%3Ccircle fill='%23ff9519' cx='50' cy='600' r='50'/%3E%3Cg fill='%23ff8f1d' %3E%3Ccircle cx='0' cy='650' r='50'/%3E%3Ccircle cx='100' cy='650' r='50'/%3E%3C/g%3E%3Ccircle fill='%23ff8921' cx='50' cy='700' r='50'/%3E%3Cg fill='%23ff8424' %3E%3Ccircle cx='0' cy='750' r='50'/%3E%3Ccircle cx='100' cy='750' r='50'/%3E%3C/g%3E%3Ccircle fill='%23ff7e27' cx='50' cy='800' r='50'/%3E%3Cg fill='%23ff782a' %3E%3Ccircle cx='0' cy='850' r='50'/%3E%3Ccircle cx='100' cy='850' r='50'/%3E%3C/g%3E%3Ccircle fill='%23ff722d' cx='50' cy='900' r='50'/%3E%3Cg fill='%23ff6c30' %3E%3Ccircle cx='0' cy='950' r='50'/%3E%3Ccircle cx='100' cy='950' r='50'/%3E%3C/g%3E%3Ccircle fill='%23FF6633' cx='50' cy='1000' r='50'/%3E%3C/g%3E%3C/svg%3E");
      /* background-attachment: fixed; */
      min-height: 100vh;
      background-size: contain; 
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center; 
      padding: 1rem;
    }
    .user-right__newuserbutton {
      background: black;
      color: #fff;
      display: inline-block;
      padding: 1.5rem 3rem;
      border-radius: 10px;
    }
    .user-right__newuserbutton1 {
      padding: 1.5rem 4.5rem;
    }
    .toplogin-or {
      display: block;
      color: #000;
      margin-top: 1.5rem;
    }
    .toplogin-or:before,
    .toplogin-or:after {
      content: "";
      display: inline-block;
      width: 43%;
      height: 1px;
      background: rgba(216, 215, 215);
    }
    .toplogin-or:after {
      margin-left: 5px;
      transform: translateY(-4px);
    }
    .toplogin-or:before {
      margin-right: 5px;
      transform: translateY(-4px);
    }
    .toplogin-footer {
      padding: 3rem 2rem;
      text-align: center;
      line-height: 1.7;
    }
      
  .user-forgot, .user-forgot2, .user-forgot3 {
    background: rgb(236, 236, 237);
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 3px; }
    .user-forgot3 {
      min-height: 90vh;
    }

    .user-forgot__cont, .user-forgot2__cont {
      /* position: relative; */
      /* z-index: 10; */
      background: #fff;
      box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.1);
      width: 700px;
      border-radius: 7px;
      max-width: 95%;
      margin: 0 auto;
      padding: 4rem 2rem; }
  .user-forgot2 {
    /* background: url("../frame_corners_new.jpg"); */
    background-color: #000000;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 1000'%3E%3Cg %3E%3Ccircle fill='%23000000' cx='50' cy='0' r='50'/%3E%3Cg fill='%23090909' %3E%3Ccircle cx='0' cy='50' r='50'/%3E%3Ccircle cx='100' cy='50' r='50'/%3E%3C/g%3E%3Ccircle fill='%23111111' cx='50' cy='100' r='50'/%3E%3Cg fill='%23171717' %3E%3Ccircle cx='0' cy='150' r='50'/%3E%3Ccircle cx='100' cy='150' r='50'/%3E%3C/g%3E%3Ccircle fill='%231b1b1b' cx='50' cy='200' r='50'/%3E%3Cg fill='%23212121' %3E%3Ccircle cx='0' cy='250' r='50'/%3E%3Ccircle cx='100' cy='250' r='50'/%3E%3C/g%3E%3Ccircle fill='%23262626' cx='50' cy='300' r='50'/%3E%3Cg fill='%232b2b2b' %3E%3Ccircle cx='0' cy='350' r='50'/%3E%3Ccircle cx='100' cy='350' r='50'/%3E%3C/g%3E%3Ccircle fill='%23303030' cx='50' cy='400' r='50'/%3E%3Cg fill='%23363636' %3E%3Ccircle cx='0' cy='450' r='50'/%3E%3Ccircle cx='100' cy='450' r='50'/%3E%3C/g%3E%3Ccircle fill='%233b3b3b' cx='50' cy='500' r='50'/%3E%3Cg fill='%23414141' %3E%3Ccircle cx='0' cy='550' r='50'/%3E%3Ccircle cx='100' cy='550' r='50'/%3E%3C/g%3E%3Ccircle fill='%23474747' cx='50' cy='600' r='50'/%3E%3Cg fill='%234c4c4c' %3E%3Ccircle cx='0' cy='650' r='50'/%3E%3Ccircle cx='100' cy='650' r='50'/%3E%3C/g%3E%3Ccircle fill='%23525252' cx='50' cy='700' r='50'/%3E%3Cg fill='%23585858' %3E%3Ccircle cx='0' cy='750' r='50'/%3E%3Ccircle cx='100' cy='750' r='50'/%3E%3C/g%3E%3Ccircle fill='%235e5e5e' cx='50' cy='800' r='50'/%3E%3Cg fill='%23646464' %3E%3Ccircle cx='0' cy='850' r='50'/%3E%3Ccircle cx='100' cy='850' r='50'/%3E%3C/g%3E%3Ccircle fill='%236b6b6b' cx='50' cy='900' r='50'/%3E%3Cg fill='%23717171' %3E%3Ccircle cx='0' cy='950' r='50'/%3E%3Ccircle cx='100' cy='950' r='50'/%3E%3C/g%3E%3Ccircle fill='%23777777' cx='50' cy='1000' r='50'/%3E%3C/g%3E%3C/svg%3E");
    background-attachment: fixed;
    background-size: contain;
  }

.input-load {
  transform: translateY(0.4rem);
  height: 18px; }
  .input-load2 {
    transform: translateY(0.4rem);
    height: 22px; }

.input-confirmed {
  color: green; }

.input-unconfirmed {
  color: red;
  font-size: 1.5rem; }
  .input-unconfirmed i {
    font-size: 1.6rem; }

.logbuttons {
  width: 400px;
  max-width: 100%;
  margin: 0 auto;
  margin-top: 3rem; }
  .logbuttons-each {
    display: block;
    padding: 2rem 3rem;
    text-align: center;
    border: 1px solid rgba(0, 0, 0, 0.15);
    box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.1);
    font-size: 1.6rem;
    color: #000;
    border-radius: 6px;
    margin-bottom: 2rem; }
    /* .logbuttons-each:hover {
      background: #f5f2f2; } */

.newmiddlebox {
  display: grid;
  grid-template-columns: 30% 1fr;
  column-gap: 3rem;
}
.newmiddlebox-ulnew {
  display: none;
}
@media only screen and (max-width: 1200px) {
  .newmiddlebox {
      display: block;
  }
  .newmiddlebox-ulnew {
      display: grid;
  }
  .newmiddlebox-first {
      display: none;
  }
}
.newmiddlebox-ul, .newmiddlebox-ulnew {
  list-style: none;   
}

.newmiddlebox-ul li {
  display: block;
  font-size: 2rem;
  padding: 2rem;
  color: rgb(145, 148, 150);
  border-bottom: 1px solid rgba(255,255,255,0.1);
  border-left: 6px solid #111;
  background: #111;
  cursor: pointer;
  transition: border-left .4s;
}
.newmiddlebox-ul li:hover {
  border-left: 6px solid var(--firstcolor-hover) !important;
}

.newmiddlebox-ul li i {
  display: inline-block;
  margin-right: 1.5rem;
  font-size: 1.8rem;
}
.newmiddlebox-ul__active {
  border-left: 6px solid var(--firstcolor-hover) !important;
  color: #fff !important;
  background: #000 !important;
}
.newmiddlebox-ul li:hover {
  border-left: 6px solid var(--firstcolor-hover) !important;
}

.newmiddlebox-ulnew {
  /* grid-template-columns: repeat(4, 25%); */
  grid-template-columns: repeat(3, 33.3%);
  position: fixed;
  bottom: 0;
  width: 100%;
  left: 0;
  z-index: 5;
}
.newmiddlebox-ulnewnew {
  /* grid-template-columns: repeat(4, 25%); */
  grid-template-columns: repeat(2, 50%);
  position: fixed;
  bottom: 0;
  max-width: 100%;
  z-index: 5;
}
.newmiddlebox-ulnewnew .newmiddlebox-ul__active {
  border-left: 0 !important;
}
.newmiddlebox-ulnew__span {
  display: block;
  text-align: center;
  padding: 2rem;
  font-size: 1.4rem;
  /* color: rgb(145, 148, 150); */
  color: rgb(133, 137, 139);
  border-top: 1px solid rgba(255,255,255,0.1);
  background: #111;
  cursor: pointer;
  transition: border-top .4s;
}
.newmiddlebox-ulnew__span:not(:last-child) {
  border-right: 1px solid rgba(255,255,255,0.1);
}
.newmiddlebox-ulnew__span i {
  display: block;
  margin-bottom: 1.5rem;
  font-size: 2rem;
}
.newmiddlebox-ulnew .newmiddlebox-ul__active {
  border-top: 1px solid var(--firstcolor-hover) !important;
  border-left: none !important;
  color: #fff !important;
  background: #000;
}
.newmiddlebox-ulnew__span:hover {
  border-top: 1px solid var(--firstcolor-hover) !important;
}
@media only screen and (max-width: 600px) {
  .footerpatch .newmiddlebox-ulnew__span {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .footerpatch div.dashboard-second__ulactive {
    border-bottom: 0 !important;
  }
  .footerpatch .newmiddlebox-ulnew__span i {
    margin-bottom: 0;
    margin-right: 1rem;
    font-size: 1.7rem;
  }
}
.changeplan-1 {
  width: 500px;
  margin: 0 auto;
  max-width: 100%;
  margin-top: 6rem;
  background: linear-gradient(#308bcf, #0016ff);
  border-radius: 10px;
  padding: 2rem;
  color: #fff;
}

.changeplan-1tit {
  font-size: 2rem;
  font-weight: bold;
}
.changeplan-1titbody {
  border: 1px solid rgba(255,255,255,0.4);
  border-radius: 5px;
  margin-top: 2rem;
  padding: 1rem;
}
.subplan-first {
  background: #7a7adb;
  color: #fff;
  padding: 0.5rem 1rem;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.subplan-second {
  font-size: 4rem;
  font-weight: 800;
  padding: 4rem 2rem;
  background: #6363b3;
  overflow: hidden;
  color: #fff;
}
.subplan-border {
  border: 2px solid #7a7adb;
  border-top: none;
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
}
.subplan-third {
  padding: 3rem 2rem;
  border-bottom: 1px solid rgba(0,0,0,0.1);
}
.subplan-fourth {
  padding: 3rem 2rem;
}
.subplan-selec {
  display: inline-block;
  padding: 1rem 2rem;
  border: 1px solid #333;
  border-radius: 25px;
  color: #000;
  cursor: pointer;
}
.subplan-selec:hover {
  border: 2px solid #000;
  font-weight: bold;
}
.thebon {
  box-shadow: 0 1rem 2rem rgb(0 0 0 / 20%);
  border-radius: 5px;
  padding: 2rem;
  border: 1px solid rgba(0,0,0,0.1);
}
.thebon-body {
  border: 1px solid #333;
  padding: 2rem;
  display: flex;
  cursor: pointer;
}
.thebon-body:hover {
  background: #f9f9f9;
}
.thebon-i {
  font-size: 2.1rem;
  margin-top: 0.4rem;
  display: inline-block;
}
.thebon-link {
  background: var(--firstcolor);
  /* width: 100%; */
  color: #fff;
  padding: 1.5rem 5rem;
  display: inline-block;
  border-radius: 30px;
  text-align: center;
  margin-top: 1.5rem;
  font-size: 1.7rem;
}
.thebon-link:hover {
  background: var(--firstcolor-hover);
}
.thebon-body__active, .thebon-body__active:hover {
  background: #ececed;
}
.receiptcap {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  border-bottom: 1px solid rgba(0,0,0,0.2);
}
.receiptcap-side {
  border-right: 1px solid rgba(0,0,0,0.2);
  padding: 2rem;
}
.receiptcap-sideleft {
  border-left: 1px solid rgba(0,0,0,0.2);
}
.receiptcap-sidetop {
  border-top: 1px solid rgba(0,0,0,0.2);
}
@media only screen and (max-width: 600px) {
  .receiptcap {
    display: block;
    text-align: left;
    margin-bottom: 4rem;
  }
  .receiptcap-side {
    border-top: 1px solid rgba(0,0,0,0.2);
  }
  .receiptcap-sidemobi {
    border-left: 1px solid rgba(0,0,0,0.2);
  }
}
.middlebox {
  width: 700px;
  max-width: 100%;
  box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.2);
  margin: 0 auto;
  border-radius: 5px;
  padding: 2rem 1rem;
}
    .middlebox-content__box {
      padding: 1rem 1.5rem;
      display: grid;
      grid-template-columns: 30% 70%;
      column-gap: 3rem;
      border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
      .middlebox-content__box:not(:last-child) {
        margin-bottom: 1rem; }
      /* .middlebox-content__box:hover {
        background: #f5f2f2; } */

.middle-box__sidecont {
  font-size: 1.6rem;
  color: #000; }
  .middle-box__sidecont span {
    font-size: 1.4rem;
    color: rgb(12, 160, 12);
    cursor: pointer;
    font-weight: 400; }
  .middle-box__sidecont i {
    font-size: 1.2rem; }

.middle-box__title {
  display: flex;
  align-items: center;
  font-size: 1.6rem;
  color: #333; }
  .middle-box__title i {
    font-size: 1.4rem;
    cursor: pointer; }
    .middle-box__title i:hover {
      color: green; }

.middle-box__input {
  display: inline-block;
  padding: 1rem .6rem;
  border: 1px solid #dbdada;
  border-radius: 4px;
  font-size: 1.5rem;
  color: #333; }
  .middle-box__input:focus {
    outline: none;
    box-shadow: 0 0.2rem 0.5rem var(--firstcolor); }

.middle-box__content {
  font-size: 1.4rem;
  margin-top: .3rem;
  color: #777; }

.middle-box__text {
  display: none;
  font-size: 1.5rem;
  margin-top: 1rem;
  height: 40px;
  width: 100%;
  border: 1px solid #dad8d8;
  border-radius: 4px;
  padding: 1rem; }
  .middle-box__text:focus {
    outline: none;
    box-shadow: 0 0.2rem 0.5rem var(--firstcolor); }

.middle-box__submit {
  background: #2bb12b;
  color: #fff;
  padding: 1rem 1.2rem;
  border-radius: 4px;
  display: none;
  width: 100%;
  margin-top: 1rem;
  text-align: center;
  font-size: 1.5rem;
  cursor: pointer; }
  .middle-box__submit:hover {
    background: green; }

.shoutoutmini-toorow {
  display: flex;
}
@media only screen and (max-width: 500px) {
  .shoutoutmini-toorow {
    display: block;
  }
}
.shoutoutmini-button {
  display: inline-block;
  border-radius: 25px;
  font-size: 1.4rem;
  padding: 1.3rem 3rem;
  cursor: pointer;
}
.shoutoutmini-button2 {
  margin-left: 2rem;
}
@media only screen and (max-width: 500px) {
  .shoutoutmini-button2 {
    margin-left: unset;
    margin-top: 1.5rem;
  }
}
.shoutoutmini-knowbox {
  border: 1px solid rgba(0,0,0,0.2);
  background: #f9f9f9;
  padding: 2rem;
  border-radius: 5px;
}
.gumtothetop {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100000;
}
.shoutoutonly-left {
  border: 1px solid rgba(255,255,255,0.2);
  border-radius: 10px;
  padding: 2rem;
}
@media only screen and (max-width: 600px) {
  .shoutoutonly-left {
    border: none;
    border-radius: 0px;
    padding: 0;
  }
}
.shoutoutonly-grid {
  display: grid;
  grid-template-columns: 30% 1fr;
  column-gap: 8rem;
  row-gap: 8rem;
  width: 1200px;
  max-width: 100%;
  padding: 3rem;
}
@media only screen and (max-width: 1200px) {
  .shoutoutonly-grid {
    grid-template-columns: 1fr;
    /* max-width: 800px; */
  }
}
.shoutoutonly-carou {
  max-width: 700px;
}
@media only screen and (max-width: 700px) {
  .shoutoutonly-carou {
    max-width: 300px;
  }
}
@media only screen and (max-width: 600px) {
  .shoutoutonly-carou {
    max-width: 300px;
  }
  .profpage-loadvid2 {
    height: 40rem !important;
  }
}
@media only screen and (max-width: 500px) {
  .shoutoutonly-carou {
    max-width: 300px;
  }
}
@media only screen and (max-width: 400px) {
  .shoutoutonly-carou {
    max-width: 250px;
  }
}


/* .shoutoutonly-grid::after, .shoutoutonly-grid::before {
  content: "";
  clear: both;
  display: table; } */

.shoutoutonly-img {
  height: 35rem;
  width: 100%;
  max-width: 100%;
  border-radius: 10px;
  object-fit: cover;
  border: 1px solid rgba(255,255,255,0.2);
}
.shoutoutonly-button {
  background: var(--firstcolor-hover);
  color: #fff;
  padding: 1.5rem 4rem;
  display: inline-block;
  border-radius: 10px;
}


.s-order {
  font-size: 1.5rem;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 600px;
  margin:0 auto;
  padding: 1rem;
}
.s-order__bodied {
  padding: 2rem;
  max-width: 500px;
  border-radius: 5px;
  border: 1px solid rgba(0,0,0,0.2);
}
.s-order__check {
  color: rgb(18, 230, 88);
  border: 1px solid rgb(12, 160, 12);
  border-radius: 50%;
  display: inline-block;
  padding: 2rem;
  font-size: 2rem;
}
.logoplaceholder {
  text-transform: uppercase;
  font-size: 4rem;
  opacity: 0.06;
  position: absolute;
  top: 50%;
  left: 0;
  transform: rotateZ(-45deg);
  user-select: none;
  z-index: 0;
  display: inline-block;
}
.dashpitbutton {
  border: 1px solid rgba(255,255,255,0.3);
  border-radius: 25px;
  display: inline-block;
  padding: 1rem 3rem;
  background: #111;
  cursor: pointer;
}
.dashpitbutton:hover {
  background: #000;
}
.evntui-hero {
  position: relative;
  height: 20rem;
}
.evntui-hero__img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: 0 30%;
}
.evntui-hero__opac {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
}
.evntui-hero__body {
  height: 100%;
  width: 100%;
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 2rem;
}
.evntui-hero__bodytitle {
  font-size: 3rem;
  color: #fff;
  text-align: center;
}
.evntui-img {
  height: 25rem;
  object-fit: contain;
  max-width: 100%;
}
.evntui-body {
  border: 1px solid rgba(0,0,0,0.4);
  border-radius: 5px;
  padding: 1rem;
}
.evntui-leftminus {
  padding: 0.4rem 1rem;
  font-size: 2rem;
  background: #f4f4f4;
  font-weight: bold;
  border: 1px solid rgba(0,0,0,0.2);
  cursor: pointer;
  user-select: none;
}
.evntui-leftminus:hover {
  background: #e8e7e7;
}
.evntui-minusinput {
  border: 1px solid rgba(0,0,0,0.2);
  padding: 0.6rem;
  display: inline-block;
  transform: translateY(-0.171rem);
  width: 4rem;
  text-align: center;
  border-left: 0;
  border-right: 0;
}
.randwrap {
  border: 1px solid rgba(255,255,255,0.2);
  border-radius: 25px;
  padding: 1.1rem 2.5rem;
  display: inline-block;
}
.dashboard-up {
  display: none;
}
@media only screen and (max-width: 810px) {
  .dashboard-up {
    display: block;
  }
}
.latestmenubox {
  background: #333;
  width: 700px;
  position: absolute;
  top: 160%;
  left: -500%;
  border-radius: 5px;
  z-index: 2000;
}
@media only screen and (max-width: 1205px) {
  .latestmenubox {
    width: 600px;
  }
}
@media only screen and (max-width: 950px) {
  .latestmenubox {
    width: 500px;
    left: -400%;
  }
}

.latestmenubox::after {
  content: '';
  position: absolute;
  bottom: 100%;
  /* right: 39.2%; */
  right: 35.2%;
  margin-left: -8px;
  width: 0;
  height: 0;
  border-bottom: 14px solid #333;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
}
@media only screen and (max-width: 1200px) {
  .latestmenubox::after {
    right: 29.5%;
  }
}
@media only screen and (max-width: 950px) {
  .latestmenubox::after {
    right: 31.5%;
  }
}


.latestmenubox::before {
  content: '';
  position: absolute;
  bottom: 100%;
  right: 0;
  margin-left: -8px;
  width: 0;
  height: 0;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  border-bottom: 12px solid transparent;
  /* right: -1%; */
}

.latestmenubox2 {
  left: -300%;
}
.latestmenubox2::after {
  right: 50%;
}

.latestmenubox-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  list-style: none;
  column-gap: 4rem;
  row-gap: 2rem;
  padding: 3rem 2rem;
}
.latestmenubox-grid:hover, .latestmenubox:hover {
  font-weight: normal !important;
}
@media only screen and (max-width: 950px) {
  .latestmenubox-grid {
    grid-template-columns: repeat(2, 1fr);
    max-height: 40vh;
    overflow: auto;
  }
}

.latestmenubox-grid li, .latestmenubox2 .latestmenubox-grid a {
  color: rgb(233, 233, 233) !important;
  font-size: 1.4rem !important;
  padding: 0 2rem !important;
  padding-bottom: 1rem !important;
  /* margin-bottom: 2rem !important; */
  cursor: pointer !important;
  font-weight: normal !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  /* border-right: 1px solid rgba(255, 255, 255, 0.15); */
  margin-right: 0 !important;
  margin-left: 0 !important;
  text-align: left !important;
}

.latestmenubox-grid li:hover, .latestmenubox2 .latestmenubox-grid li a:hover {
  background: #1a1a1a;
  font-weight: normal !important;
}
.latestmenubox-grid a:hover {
  color: #fff !important;
  font-weight: bold !important;
}
.errupthere {
  display: flex;
  background: darkgoldenrod;
  border: 1px solid rgba(255,255,255,0.5);
  border-radius: 5px;
  padding: 2rem;
  color: #fff;
  max-width: 600px;
  margin: 0 auto;
}
.errupthere-i {
  font-size: 2.5rem;
  color: #b90e0e;
  transform: translateY(1rem);
}
.errupthere-title {
  font-size: 2rem;
  font-weight: 600;
  margin-bottom: 1rem;
}
.errupthere a {
  color: #fff;
}
/* start of locateartist.com dashboard page */

.homepage-randimg {
  height: 3rem;
  width: 2.5rem;
  object-fit: cover;
  border-radius: 50%;
}
.homepage-randwrap {
  text-align: center;
  width: 24rem;
}
@media only screen and (max-width: 1200px) {
  .homepage-randwrap {
    width: auto;
    text-align: center;
  }
}
.color-f4f4f4 {
  color: #f4f4f4;
}

.dashboard-row {
  display: grid;
  /* grid-template-columns: 6% 57% 1fr; */
  grid-template-columns: 20% 53% 27%;
  /* column-gap: 4rem; */
  height: 100vh;
}
.footerpatch {
  display: none;
}
@media only screen and (max-width: 1305px) {
  .dashboard-row {
    grid-template-columns: 30% 70%;
  }
  .footerpatch {
    display: block;
  }
}

@media only screen and (max-width: 810px) {
  .dashboard-row {
    grid-template-columns: 1fr;
    height: auto;
  }
}


.hidescrollbar {
  -ms-overflow-style: none;  /* Internet Explorer 10+ */
  scrollbar-width: none;  /* Firefox */
}
.hidescrollbar::-webkit-scrollbar { 
  display: none;  /* Safari and Chrome */
}

.dashboard-row__border {
  border-right: 1px solid rgba(255,255,255,0.2);
}
.dashboard-logo {
  /* height: 5rem; */
  width: 100%;
  /* object-fit: contain; */
}
.dashboard-logonew {
  height: 3rem;
}
.dashboard-logonewtitle {
  font-size: 1.5rem;
  margin-left: 1rem;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 2px;
}
.dashboard-logonewpad {
  padding: 3rem;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  position: fixed;
  top: 0;
}
.dashboard-first {
  padding: 0rem;
  padding-bottom: 1rem;
  /* display: flex; */
  height: 100%;
  overflow: auto;
  /* flex-direction: column; */
}
@media only screen and (max-width: 810px) {
  .dashboard-mainfirst {
    display: none;
  }
}

.dashboard-first__ul {
  list-style: none;
  margin-top: 10rem;
  max-height: 90vh;
  overflow: auto;
  -ms-overflow-style: none;  /* Internet Explorer 10+ */
  scrollbar-width: none;  /* Firefox */
}
.dashboard-first__ul::-webkit-scrollbar { 
  display: none;  /* Safari and Chrome */
}
.dashboard-first__ul:hover {
  -ms-overflow-style: auto;  /* Internet Explorer 10+ */
  scrollbar-width: auto;  /* Firefox */
}
.dashboard-first__ul:hover .dashboard-first__ul::-webkit-scrollbar {
  display: block;  /* Safari and Chrome */
}
.dashboard-first__ul li {
  color: #fff;
  padding: 2rem 3rem;
  /* background: #111; */
  display: flex;
  align-items: center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  transition: padding 1s;
  cursor: pointer;
}
.dashboard-first__ul li i {
  font-size: 1.4rem;
}
.dashboard-first__ul li:hover {
  /* padding-left: 4rem;
  padding-right: 4rem; */
  font-weight: bold;
  background: rgb(19, 19, 19);
  border-bottom: 1px solid #fff;
}
.dashboard-first__ul li:not(:last-child) {
  /* margin-bottom: 1rem; */
}
.dashboard-first__icon {
  height: 1.3rem;
}
.dashboard-first__bottom {
  flex-grow: 1;
}
.dashboard-i {
  color: rgb(255, 255, 255, 0.7);
  font-size: 3rem;
  cursor: pointer;
}
.dashboard-i:hover {
  color: #fff;
}
.dashboard-ul {
  list-style: none;
}
.dashboard-ul li:not(:last-child) {
  margin-bottom: 3rem;
}
.dashboard-second {
  padding: 0;
  max-height: 100%;
  overflow: auto;
  padding-bottom: 8rem;
}
@media only screen and (max-width: 810px) {
  .dashboard-second {
    height: auto;
  }
}
.dashboard-second__ul {
  list-style: none;
  border-bottom: 1px solid rgba(255,255,255,0.3);
  display: flex;
  overflow-x: auto;
}
.dashboard-second__ul li {
  display: inline-block;
  padding: 2rem 1.5rem;
  color: #fff;
}
.dashboard-second__ul li:hover {
  cursor: pointer;
  border-bottom: 1px solid rgba(255,255,255,0.7);
}
.dashboard-second__ulactive {
  background: #000;
  border-bottom: 2px solid var(--altfirstcolor) !important;
  color: var(--firstcolor);
  font-weight: 600;
}
@media only screen and (max-width: 810px) {
  .dashboard-second__ulactive {
    background: transparent;
  }
}
.dashboard-second__ul li:not(:last-child) {
  margin-right: 2rem;
}
.dashboard-second__newul {
  list-style: none;
  background: rgb(19, 19, 19);
  padding: 3rem 2rem;
}
@media only screen and (max-width: 810px) {
  .dashboard-second__newul {
    display: none;
  }
}

.dashboard-second__sidenotif {
  background: red;
  border-radius: 50%;
  /* padding: 0.15rem 0.7rem; */
  padding: 0.3rem 0.7rem;
  display: inline-block;
  font-size: 1.2rem;
  transform: translate(1rem, -1.7rem);
  /* margin-top: -1.5rem; */
  margin-left: -1.5rem;
}
.dashboard-second__sidenotifdef, .dashboard-second__sidenotifdef2 {
  background: red;
  border-radius: 50%;
  /* padding: 0.15rem 0.7rem; */
  display: inline-block;
  font-size: 1.2rem;
  transform: translateY(-1rem);
  height: 1rem;
  width: 1rem;
  display: none;
  margin-right: -1rem;
}
.dashboard-second__sidenotifdef3 {
  display: inline-block;
  position: absolute;
  right: -5%;
  top: 30%;
}
@media only screen and (max-width: 810px) {
  .dashboard-second__sidenotifdef {
    transform: translateY(-1.9rem);
    margin-right: -1.4rem;
  }
}
.dashboard-second__sidenotifdef2 {
  height: .7rem;
  width: .7rem;
}

.dashboard-second__newulimg {
  height: 1.8rem;
  margin-right: .7rem;
}
.dashboard-second__newul li {
  display: inline-block;
  color: #fff;
  /* text-transform: uppercase; */
  font-size: 2rem;
}
.dashboard-second__newul li i {
  margin-right: .3rem;
  transform: translateY(.17rem);
}
.belltopli {
  transform: translateY(0rem) !important;
  font-size: 1.9rem;
}
.dashboard-second__newul li:not(:last-child) {
  margin-right: 4rem;
}
.dashboard-third {
  height: 100%;
  overflow: auto;
}
@media only screen and (max-width: 1305px) {
  .dashboard-third {
    display: none;
  }
}

.dashboard-third__first {
  /* background: #111; */
  border-radius: 5px;
  padding: 4rem 2rem;
  padding-top: 2rem;
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.dashboard-third__sidelink {
  /* background: var(--firstcolor);
  color: #fff;
  cursor: pointer;
  border-radius: 5px;
  display: inline-block;
  padding: .5rem 1.5rem; */
  background: #000;
  cursor: pointer;
  border-radius: 5px;
  display: inline-block;
  padding: 1rem 1rem;
  color: #fff;
  border: 1px solid rgba(255,255,255, 0.35);
}
.dashboard-third__sidelink:hover {
  background: var(--firstcolor-hover);
}
.dashboard-third__sidelinkx {
  color: #fff;
  border: 1px solid rgba(255,255,255,0.35);
  display: inline-block;
  margin-left: 1rem;
  background: #000;
  cursor: pointer;
  padding: 0.5rem 1.2rem;
  border-radius: 5px;
  transform: translateY(-0.12rem);
}
.dashboard-third__sidelinkx:hover {
  background: var(--firstcolor-hover);
}
.dashboard-third__phone {
  width: 260px;
  background: #111;
  margin: 0 auto;
  height: 47rem;
  border-radius: 15px;
  border: 2px solid #777;
}
.dashboard-third__phonelink {
  display: inline-block;
  background: #fff;
  border-radius: 20px;
  padding: 0.7rem 2rem;
  color: #000;
  margin-top: 1.5rem;
}
.dashboard-body {
  padding: 4rem 2rem;
  max-width: 700px;
  margin: 0 auto;
}
.dashboard-bodymain {
  /* height: 100%; */
  padding: 2rem 0;
  margin-bottom: 3rem;
  /* max-height: 85vh; */
  /* overflow: auto; */
}
@media only screen and (max-width: 810px) {
  .dashboard-bodymain {
    padding: 0;
  }
}

.dashboard-body__title {
  color: #fff;
  font-size: 3rem;
  font-weight: 800;
}
.dashboard-body__body {
  border: 1px solid rgba(255, 255, 255, 0.2);
  margin-top: 2rem;
  padding: 2rem;
  border-radius: 5px;
}
.dashboard-body__profimg, .dashboard-body__profimg2 {
  height: 8rem;
  width: 8rem;
  object-fit: cover;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.dashboard-body__profimg2 {
  border-radius: 10px;
}
.dashboard-body__proftit, .dashboard-body__proftit2 {
  height: 8rem;
  width: 8rem;
  object-fit: cover;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.1);
  display: flex;
  background: #777;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 3rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.dashboard-body__proftit2 {
  border-radius: 10px;
}
.dashboard-body__profinputgridok {
  width: 100%;
  display: grid;
  grid-template-columns: 30% 70%;
}

.dashboard-body__profinput {
  width: 100%;
  padding: 1rem 0;
  border: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  max-width: 100%;
}
.dashboard-body__profinput3 {
  border: 1px solid rgba(255, 255, 255, 0.2);
  padding: 1.5rem 1rem;
  border-radius: 5px;
}
.dashboard-body__profinput2 {
  width: 100%;
  /* padding: 1rem 0; */
  border: none;
  /* border-bottom: 1px solid rgba(255, 255, 255, 0.3); */
  max-width: 100%;
}
.dashboard-body__proftext {
  padding: 1rem;
  width: 100%;
  height: 8.5rem;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 5px;
  max-width: 100%;
}
.dashboard-body__proftext2 {
  height: 5rem;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 5px;
  max-width: 100%;
}

.dashboard-body__profinput:focus, .dashboard-body__profinput2:focus, .dashboard-body__proftext:focus, .focus-none:focus {
  outline: none;
}
.dashboard-body__profinput4 {
  border: 1px solid rgba(0, 0, 0, 0.2);
  padding: 1.5rem 1rem;
  border-radius: 5px;
}
.dashboard-save {
  display: inline-block;
  padding: 1rem 2.5rem;
  border-radius: 7px;
  color: #fff;
  background: var(--firstcolor);
  border: none;
}
.flexnormal {
  display: flex;
  max-width: 100%;
  align-items: center;
}
.flexcorp {
  display: flex;
  max-width: 100%;
  align-items: center;
  justify-content: center;
}
.dashboard-body__side1 {
  display: inline-block;
  padding: 1rem 2.5rem;
  border-radius: 10px;
  color: #fff;
  cursor: pointer;
  margin-top: 1rem;
}
.dashboard-body__side1:last-child {
  margin-left: 2rem;
}
.dashboard-body__gal {
  display: flex;
  overflow-x: auto;
  
}

/* .dashboard-body__gal::-webkit-scrollbar { width: 0 !important } */

/* -moz- (Firefox): */
/* .dashboard-body__gal { overflow: -moz-scrollbars-none; } */

/*-ms- (Internet Explorer +10): */
/* .dashboard-body__gal { -ms-overflow-style: none; } */

.dashboard-body__galimg {
  height: 15rem;
  width: 12rem;
  display: inline-block;
  object-fit: cover;
  border-radius: 10px;
  border: 1px solid rgba(0,0,0,0.1);
  /* margin-left: 2rem; */
  border: 1px solid #000;
  cursor: zoom-in;
}
.dashboard-body__galadd {
  height: 16rem;
  width: 13rem;
  background: #333;
  border-radius: 10px;
  display: inline-flex;
  flex-direction: column;
  border: 1px solid #000;
  justify-content: center;
  align-items: center;
  color: #fff;
}
.dashboard-body__galadd2 {

}
.previmg_theimg {
  height: 15rem;
  max-width: 100%;
  object-fit: contain;
}


.margin-left__midmedium {
  margin-left: 3rem;
}


.margin-top__3rem {
  margin-top: 3rem;
}

.dashboard-linkbutton {
  display: inline-block;
  padding: 1.5rem 3rem;
  border-radius: 10px;
  background: var(--firstcolor);
  color: #fff;
}
.dashboard-linkbutton2 {
  display: inline-block;
  padding: 1rem 2rem;
  border-radius: 8px;
  background: var(--firstcolor);
  color: #fff;
}

.width400px {
  width: 200px;
}
/* .dashboard-inbtwbuttn { */
  /* background: #111; */
  /* color: #fff; */
  /* border: 1px solid rgba(255,255,255,0.7); */
  /* padding: 0rem 0rem; */
  /* border-radius: 5px; */
  /* text-align: center; */
  /* display: inline-block; */
/* } */

.dashboard-inbtwbuttn {
  background: #111;
  color: #fff;
  border: 1px solid rgba(255,255,255,0.15);
  padding: 1rem 1.5rem;
  font-size: 1.5rem;
  border-radius: 5px;
  text-align: center;
  display: inline-block;
  margin-top: .1rem;
  margin-bottom: .5rem;
}
.dashboard-inbtwbuttn:hover {
  cursor: pointer;
  font-weight: 600;
}

.moveinmad-shortlink {
  display: inline-block;
  width: 30rem;
  padding-bottom: .3rem;
  border-bottom: 1px dotted rgba(255, 255, 255, 0.3);
}

.dashboard-succbtn {
  display: inline-block;
  background: green;
  color: #fff;
  /* margin-top: 2rem; */
  padding: 1rem 2rem;
  border-radius: 5px;
}
.dashboard-linkbox {
  border: 1px solid rgba(255,255,255,0.2);
  border-radius: 5px;
  padding: 2rem;
  margin-top: 2rem;
}
.dashboard-linkbox2 {
  border: 1px solid rgba(255,255,255,0.2);
  border-radius: 5px;
  padding: 2rem;
  margin-top: 2rem;
}
.dashboard-linkbox:hover {
  border-left: 2px solid yellow;
}

.dashboard-formgrid {
  display: grid;
  grid-template-columns: 70% 1fr;
  margin-top: 1.5rem;
  align-items: center;
  padding-bottom: 1.5rem;
}
.dashboard-formgrid:not(:first-child) {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.dashboard-formgridsub {
  display: grid;
  grid-template-columns: 50% 1fr;
  column-gap: 2rem;
}
.dashboard-formcopy {
  background: green;
  display: inline-block;
  padding: 0.7rem 1rem;
  border-radius: 5px;
  margin-top: 1rem;
  font-size: 1.2rem;
}
.dashboard-form__minflex {
  font-size: 1.1rem;
  display: flex;
  align-items: center;
  margin-top: 1rem;
}
.dashboard-form__minimg {
  height: 1.3rem;
  margin-right: 1rem;
}
.dashboard-form__bod {
  border: 1px solid rgba(0,0,0,0.2);
  padding: 1rem;
  border-radius: 5px;
  background: #f9f9f9;
}
.dashboard-minierror {
  border: 1px solid red;
  color: red;
  border-radius: 5px;
  padding: 1rem;
  margin-bottom: 1rem;
  font-size: 1.3rem;
  display: inline-block;
}
.dashboard-formminibord {
  border: 1px solid rgba(0,0,0,0.3) !important;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.dashboard-formminibord1 {
  border-radius: 5px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.dashboard-muzicpage__img {
  /* position: fixed; */
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: blur(2rem) brightness(.5);
  z-index: 0;
}
.dashboard-muzicpage__imgrelative {
  position: relative;
  height: 25rem;
}
.dashboard-muzicpage__img2 {
  position: absolute;
  height: 100%;
  width: 100%;
  border-radius: 10px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  object-fit: cover;
}
.dashboard-muzicpage__i {
  position: absolute;
  display: inline-block;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  background: rgba(0,0,0,0.7);
  color: #fff;
  border: 2px solid #fff;
  border-radius: 50%;
  padding: 3rem 3.2rem;
  font-size: 2rem;
  cursor: pointer;
}
.dashboard-muzicpage__song {
  padding: 2rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.grid {
  display: grid !important;
}
.gridthisthing {
  display: flex;
  align-items: center;
}
.gridthisthing-right {
  margin-left: auto;
}
.threeequalgrid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.dashboard-muzicpage__btn {
  background: linear-gradient(to bottom, #fff 0%, #edebeb 100%);
  text-transform: uppercase;
  padding: 0.7rem 1.5rem;
  border: 1px solid #e1e1e1;
  color: #444;
  font-size: 1.4rem;
  border-radius: 5px;
}
.dashboard-muzicpage__song:hover .dashboard-muzicpage__btn {
  background: #000;
  color: #fff;
}
.dashboard-muzicpage__songimg {
  width: 14rem;
}
.dashboard-muzicpage__songimg2 {
  width: 100%;
}
.dashboard-muzicpage__songplaylink {
  display: inline-block;
  border: 1px solid rgba(0,0,0,0.2);
  border-radius: 5px;
  padding: 0.4rem 1rem;
  background: #777;
  font-size: 1.1rem;
  color: #fff;
  margin-top: 1rem;
  text-transform: uppercase;
}
.dashboard-survey__sidestuff {
  background: rgba(255,255,255,0.2);
  color: #fff;
  padding: 1rem 1.5rem;
  border-radius: 25px;
}
.dashboard-survey__absolute {
  position: absolute;
  top: -5rem;
  left: 0;
  background: #484848;
  border-radius: 5px;
  width: 17rem;
  z-index: 10;
}
.dashboard-survey__absolute2 {
  position: absolute;
  top: -5rem;
  left: 0;
  background: #ececed;
  border-radius: 5px;
  width: 17rem;
  overflow-x: hidden;
  border: 1px solid rgba(0,0,0,0.3);
  z-index: 10;
}
.navlittletop2 {
  position: absolute;
  top: 90%;
  right: 0;
  background: #ececed;
  border-radius: 5px;
  width: 17rem;
  overflow-x: hidden;
  border: 1px solid rgba(0,0,0,0.3);
  z-index: 10;
}
.header-mobile .navlittletop2 {
  top: 90%;
  right: 0;
  width: 100%;
}
.header-mobile .navlittletop2 a {
  background: #000 !important;
}

.dashsurveyoptions-xcss:hover span {
  display: block;

}
.dashboard-surveyoptpopnew {
  position: relative;
  z-index: 1000000000;
}
.dashboard-surveyoptpop {
  position: relative;
}
.dashboard-outsurvey, .dashboard-outsurvey22 {
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  padding: 2rem 1rem;
}

.dashboard-outsurvey22 {
  border: 1px solid rgba(0, 0, 0, 0.1);
}

.thebon-link {
  background: var(--firstcolor);
  /* width: 100%; */
  color: #fff;
  padding: 1.2rem 2.5rem;
  display: inline-block;
  border-radius: 30px;
  text-align: center;
  margin-top: 1.5rem;
  font-size: 1.5rem;
}
.thebon-link:hover {
  background: var(--firstcolor-hover);
}

.sche-input {
  display: inline-block;
  padding: 1rem;
  border-radius: 7px;
  border: 1px solid rgba(0,0,0,0.3);
}
.popstuff {
  height: 100vh;
  /* background: rgba(255,255,255,0.2); */
  background: rgba(0,0,0,0.6);  position: fixed;
  top: 0;
  left: 0;
  width: 63%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #fff;
  text-align: center;
  z-index: 400;
}
.popstuff2 {
  background: rgba(0,0,0,0.4);
}
.dashbod-btn {
  border: 1px solid rgba(0,0,0,0.2);
  display: inline-block;
  border-radius: 5px;
  padding: 0.5rem 1rem;
  background: #ececed;
}

.profpage-bodyhead {
  position: relative;
  min-height: 34rem;
}
@media only screen and (max-width: 1000px) {
  .profpage-bodyhead {
    position: relative;
    min-height: 27rem;
  }
}
.profpage-bodyhead__content {
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
  height: auto;
  z-index: 3;
  padding: 2rem;
  margin-top: 9rem;
}
@media only screen and (max-width: 1000px) {
  .profpage-bodyhead__content {
    left: 50%;
    width: 100%;
    transform: translate(-50%, 0);
  }
}
.profpage-bodysocial {
  position: absolute;
  top: 2%;
  right: 0;
  z-index: 3;
}
.profpage-award {
  padding: 1.5rem 1rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.profpage-awardi {
  transform: translateY(.4rem);
}
.profpage-sociallink {
  display: inline-block;
  color: #fff;
  font-size: 1.5rem;
  border-radius: 5px;
  padding: .5rem;
  background: rgba(0, 0, 0, 0.4);
  /* border: 1px solid rgba(255, 255, 255, 0.5); */
}
.profpage-sociallink:hover {
  background: rgba(255, 255, 255, 0.4);
  color: #fff;
}
.profpage-sociallink:not(:last-child) {
  margin-right: 1rem;
}
.profpage-bodyhead__opacity {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 2;
}
.profpage-bodyhead__img {
  height: 23.5rem;
  width: 23rem;
  object-fit: cover;
  border-radius: 50%;
  border: 7px solid #fff;
  transform: translateY(1.5rem);
  display: inline-block;
  background: #fff;
}
@media only screen and (max-width: 1000px) {
  .profpage-bodyhead__img {
    transform: unset;
    height: 22.5rem;
    width: 22rem;
  }
}
.profpage2-bodyhead__img2 {
  height: 10rem;
  width: 10rem;
  object-fit: cover;
  border-radius: 50%;
  border: 1px solid #000;
  display: inline-block;
}
.proflink-main2 {
  border: 1px solid rgba(0,0,0,0.4);
  display: block;
  padding: 1.5rem;
  border-radius: 25px;
  text-align: center;
  color: #333;
  font-size: 1.5rem;
  cursor: pointer;
}
.proflink-main2:hover {
  border: 2px solid #000;
}
.proflink-main2head {
  display: flex;
  flex-direction: column;
  /* align-items: center; */
  justify-content: center;
}

.profpage-bodyhead__span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 6rem;
}
.profpage-bodyhead__side {
  color: #fff;
  max-width: 50rem;
}
@media only screen and (max-width: 1000px) {
  .profpage-bodyhead__side {
    color: #000;
    max-width: 50rem;
  }
}
.profpage-bodyhead__sidetit {
  font-size: 2.5rem;
  font-weight: bold;
}
.profpage-bodyhead__icon {
  /* background: linear-gradient(to bottom, #fff 0%, #edebeb 100%); */
  background: #000;
  text-transform: uppercase;
  padding: 0.4rem .5rem;
  border: 0.04px solid #e1e1e1;
  color: #fff;
  font-size: 1.4rem;
  border-radius: 5px;
}
.profpage-cover {
  position: absolute;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  object-fit: cover;
  object-position: 0 10%;  
  z-index: 1;
}
.profpage-mainbody {
  display: grid;
  grid-template-columns: 64% 1fr;
  column-gap: 3rem;
  margin-top: 7rem;
}
.profpage-mobbody {
  display: none;
}
.profpage-mobg1 {
  display: flex;
}
.profpage-mobg2 {
  text-align: right;
}
.profpage-mobg3, .profpage-mobg4, .profpage-mobg2b, .profpage-mobg7b, .profpage-mobnorm {
  display: none;
}
.profpage-mobg6 {
  display: none !important;
}
.profpage-mobg4opacnew {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  background: rgba(0, 0, 0, 0.6);
}
.profpage-mobg4contnew {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.profpage-mobg2new, .profpage-mobg2bnew {
  text-align: left;
  margin-top: 1rem;
  display: none;
  align-items: center;
}
.profpage-mobg2bnew {
  display: flex;
}
.profpage-mobg2bnew .profpage-mainartist3 {
  background: transparent;
  padding: 0;
  color: #000;
}
.profpage-mobg3new {
  display: inline-block;
  margin-left: .5rem;
  margin-right: .5rem;
}
.profpage-mobg6new {
  display: inline-block !important;
  padding: .3rem .7rem !important;
  font-size: 1.6rem !important;
  transform: translateY(0.1rem);
}
.profpage-mobg5new {
  display: none;
}


@media only screen and (max-width: 1000px) {
  .profpage-mobmargtop {
    margin-top: -3rem; 
  }
  .profpage-mobbody {
    display: block;
    width: 500px;
    margin: 0 auto;
    max-width: 100%;
  }
  .profpage-mainbody {
    display: block;
    width: 600px;
    margin: 0 auto;
    margin-top: 6rem;
    border-radius: 10px;
    max-width: 100%;
  }
  .profpage-mobhead {
    display: block;
    text-align: center;
    /* margin-top: 1rem; */
    color: #333;
  }
  .profpage-mobhead__body {
    display: none;
  }
  .profpage-mobg1, .profpage-mobnorm {
    display: block;
  }
  .profpage-mobg2, .profpage-mobg2b {
    text-align: left;
    margin-top: 1rem;
    display: none;
    align-items: center;
  }
  .profpage-mobg2b {
    display: flex;
  }
  .profpage-mobg2b .profpage-mainartist3 {
    background: transparent;
    padding: 0;
    color: #000;
  }
  .profpage-mobg3 {
    display: inline-block;
    margin-left: .5rem;
    margin-right: .5rem;
  }
  .profpage-mobg4 {
    display: block;
  }
  .profpage-mobg4opac {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    background: rgba(0, 0, 0, 0.6);
  }
  .profpage-mobg4cont {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .profpage-mobg5 {
    display: none;
  }
  .profpage-mobg6 {
    display: inline-block !important;
    padding: .3rem .7rem !important;
    font-size: 1.6rem !important;
    transform: translateY(0.1rem);
  }
  .profpage-mobg7 {
    display: none;
  }
  .profpage-mobg7b {
    display: block;
  }
  
}
.profpage-mobbodytitle {
  font-size: 2rem;
}

.profpage-musicplay {
  display: inline-block;
  border: 1px solid #000;
  border-radius: 50%;
  padding: 0.8rem 0.7rem;
  padding-left: 1.1rem;
  font-size: 2rem;
}
.profpage-mainbodyreal {
  margin-top: 3rem;
}
.profpage-mainbody__tit {
  font-weight: 600;
  font-size: 2.5rem;
}
@media only screen and (max-width: 1000px) {
  .profpage-mainbody__tit {
    font-size: 2rem;
  }
}
.profpage-mainbody__side {
  border-left: 1px solid rgba(0, 0, 0, 0.06);
}
.profpage-mainbodyflex {
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  box-shadow: 0 1rem 2rem rgb(0 0 0 / 15%)
}
@media only screen and (max-width: 1000px) {
  .profpage-mainbody__side {
    border: none;
  }
  .profpage-mainbodyflex {
    padding-bottom: 1rem;
    border: 0;
    /* border-bottom: 1px solid rgba(0, 0, 0, 0.2); */
    border-radius: 0;
    box-shadow: none;
  }
}

.profpage-mainbodyflex__rel {
  height: 15.5rem;
  width: 20rem;
  position: relative;
}
@media only screen and (max-width: 1000px) {
  .profpage-mainbodyflex__rel {
    height: 15rem;
  }
}
@media only screen and (max-width: 400px) {
  .profpage-mainbodyflex__rel {
    height: 14rem;
    width: 13.5rem;
  }
}
@media only screen and (max-width: 320px) {
  .profpage-mainbodyflex__rel {
    height: 12rem;
    width: 12rem;
  }
}

.profpage-mainbodyflex__img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  object-fit: cover;
  width: 100%;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.profpage-mainbodylink {
  background: linear-gradient(to bottom, #fff 0%, #f4f4f4 100%);
  padding: 1.5rem;
  border: 1px solid #e1e1e1;
  color: #000;
  font-size: 1.4rem;
  border-radius: 5px;
  display: block;
}
.profpage-mainfontsize {
  font-size: 4.5rem;
}
.profpage-mainartist {
  font-size: 1.1rem;
  color: #333;
}
.profpage-mainartist2 {
  font-size: 1.4rem;
  color: #000;
}
.profpage-mainartist3 {
  display: inline-block;
  background: #777;
  color: #fff;
  font-size: 1.1rem;
  padding: .4rem 1rem;
  margin-top: .3rem;
  border-radius: 20px;
}
.profpage-mainartistlink {
  display: inline-block;
  background: #000;
  color: #fff;
  padding: 0.6rem 1rem;
  border-radius: 6px;
  font-size: 1.3rem;
}
.profpage-mainartistlink2 {
  display: inline-block;
  border: 1px solid #777;
  color: #333;
  font-size: 1.1rem;
  border-radius: 5px;
  padding: 0.3rem 0.7rem;
}
.profpage-mainartistlink2:not(:last-child) {
  margin-right: 1rem;
}
.profpage-borderstuff {
  padding: .7rem 0;
  color: #333;
  font-size: 1.3rem;
  border-bottom: 1px solid rgba(0,0,0,0.09);
}

.profpage-mainbody-sec {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 2rem;
  row-gap: 2rem;
}
.profpage-mainbody-secimg {
  height: 12rem;
  width: 100%;
  border-radius: 5px;
  object-fit: cover;
}
@media only screen and (max-width: 1000px) {
  .profpage-mainbody-sec {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  .profpage-mainbody-secimg {
    height: 12rem;
  }
}
@media only screen and (max-width: 600px) {
  .profpage-mainbody-sec {
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 4rem;
    row-gap: 3rem;
  }
}
@media only screen and (max-width: 450px) {
  .profpage-mainbody-sec {
    grid-template-columns: 1fr 1fr;
  }
}

.profpage-loadvid {
  position: relative;
  height: 25rem;
  width: 20rem;
  border-radius: 5px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  margin-right: 2rem;
}
.profpage-loadvid2 {
  position: relative;
  height: 28rem;
  width: 24rem;
  border-radius: 5px;
  border: 1px solid rgba(2555, 255, 255, 0.2);
}
.profpage-loadvidsub {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.profpage-loadopac {
  background: rgba(0, 0, 0, 0.4);
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  left: 0;
  z-index: 2;
  border-radius: 5px;
}
.profpage-loadvidicon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-size: 4rem;
  z-index: 3;
}
.profpage-loadpic {
  height: 15rem;
  max-width: 100%;
  border-radius: 5px;
}
.profpage-persstuff {
  border: 1px solid rgba(0, 0, 0, 0.15); 
  padding: 1rem 2rem;
  border-radius: 5px;
  background: rgba(247,247,250,1);
  display: grid;
  grid-template-columns: 5% 65% 1fr;
  cursor: pointer;
}
.profpage-persstuff:hover, .shoutout-pg__icon:hover {
  border: 1px solid var(--firstcolor); 
} 
.profpage-persstuff__active {
  border: 2px solid var(--firstcolor) !important; 
} 
.profpage-persstuff__active2 {
  border: 2px solid var(--altfirstcolor) !important; 
} 

.profpage-persstuff__actives {
  border: 3px solid var(--firstcolor) !important; 
}
.profpage-persstuff__active:hover, .profpage-persstuff__actives:hover {
  border: 2px solid var(--firstcolor) !important; 
}
.profpage-persstuff__actives {
  background: #000;
}

.profpage-persbutton {
  display: block;
  margin-top: 1rem;
  background: var(--firstcolor);
  width: 100%;
  color: #fff;
  border-radius: 5px;
  padding: 1.5rem 1rem;
  border: none;
}
.profpage-btn {
  display: inline-block;
  background: var(--firstcolor);
  color: #fff;
  font-size: 1.4rem;
  padding: 0.5rem 1rem;
  border-radius: 5px;
}
a.profpage-btn2 {
  padding: 0.9rem 1rem;
  font-size: 1.7rem;
  transform: translateY(0.4rem);
  opacity: 0.9;
  /* background: #202124 !important; */
  /* color: #fff; */
  border: 1px solid rgba(255,255,255,0.3);
}
.profpage-btnmain {
  padding: 2rem;
  /* width: 100%; */
  border-bottom: 1px solid rgba(0,0,0,0.15);
  display: flex;
  align-items: center;
  color: #000;
}
.profpage-btnmain span {
  transition: padding 0.4s;
}
.profpage-btnmain:hover span {
  border-bottom: 2px dotted rgba(0,0,0,0.4);
  padding-bottom: .3rem;
  font-weight: 500 !important;
}
.profpage-btnmain i {
  margin-right: 1rem;
  display: inline-block;
  background: rgba(0, 0, 0, 0.04);
  padding: 1rem;
  border-radius: 5px;
}
.newmessage-head {
  position: fixed;
  top: 0;
  z-index: 1000000;
  width: 100%;
  text-align: center;
  background: rgba(0,0,0,0.4);
  padding-bottom: 2rem;
}
.newmessage-headbody {
  text-align: center;
  color: #fff;
  background: #1e1ec6;
  display: inline-block;
  margin-top: 2rem;
  border-radius: 25px;
  padding: 1rem 2rem;
  cursor: pointer;
}
.newmessage-headbody:hover {
  background: blue;
}
.newmessageconflink {
  background: var(--firstcolor-hover);
  color: #fff;
  border-radius: 25px;
  padding: 1.3rem 3rem;
  display: inline-block;
}

.dashboardprofmain-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 4rem;
  row-gap: 6rem;
  max-width: 70rem;
}
@media only screen and (max-width: 580px) {
  .dashboardprofmain-grid {
    grid-template-columns: 1fr;
    max-width: 40rem;
  }
  
}
.dashboardprofmain-gridbox {
  background: #202124;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-bottom: 1px solid yellow;
  border-radius: 7px;
  padding: 1rem 0;
}
.dashboardprofmain-gridbox__head {
  /* display: flex; */
  /* align-items: center; */
  margin-bottom: -2rem;
  padding: 2rem;
  /* margin-left: 1.5rem; */
}
.dashboardprofmain-gridbox__span, .dashboardprofmain-gridbox__spanimg {
  background: #333;
  padding: 1.2rem;
  font-size: 2rem;
  border-radius: 50%;
  color: yellow;
}
.dashboardprofmain-gridbox__spanimg {
  height: 5rem;
}
.dashboardprofmain-gridbox__tit {
  font-weight: 600;
  font-size: 2rem;
  margin-top: 1rem;
}
.dashboardprofmain-gridbox__link {
  display: block;
  text-align: center;
  background: #000;
  color: #fff;
  border-radius: 5px;
  padding: 1rem 1.5rem;
  font-size: 1.3rem;
  border: 1px solid rgba(255, 255, 255, 0.3);
}
.dashboardprofmain-gridbox__link2 {
  margin-top: 1rem;
}
.dashboardprofmain-gridbox__link:hover {
  background: #111;
}

.firehowitworks {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 4rem;
  margin-top: 4rem;
}
@media only screen and (max-width: 1200px) {
  .firehowitworks {
    grid-template-columns: 1fr;
    row-gap: 6rem;
    margin: 0 auto;
    max-width: 400px;
    margin-top: 3rem;

  }
}
.firehowitworks-box {
  border: 1px solid rgba(0, 0, 0, 0.1);
  text-align: center;
  border-radius: 7px;
  padding: 2rem;
  background: #f9f9f9;
}
.firehowitworks-box__num {
  display: inline-block;
  background: linear-gradient(purple, var(--firstcolor));
  color: #fff;
  padding: 3rem 4rem;
  border-radius: 50%;
  font-size: 1.8rem;
  border: 1px solid #0000ff70;
  margin-top: -4rem;
}
.firehowitworks-box__title {
  font-size: 2rem;
  font-weight: 600;
  margin-top: 2rem;
  line-height: 1.4;
}
.firehowitworks-box__desc {
  margin-top: 1.5rem;
}
/* end of locateartist.com dashboard page*/




/* start Labels new Css */
.dashboardlabel-row {
  display: grid;
  grid-template-columns: 25% 1fr 25%;
  column-gap: 3rem;
  margin-top: 4rem;
}
.dashboardlabel-rowbody {
}
.dashboardlabel-leftbody {
  background: #202124;
  padding: 3rem 2rem;
  border-radius: 5px;
  border: 1px solid rgba(255, 255, 255, 0.05);
}
.dashboardlabel-leftbodybold {
  font-weight: 600;
  font-size: 1.8rem;
}
.dashboardlabel-leftbodyflex {
  /* display: flex; */
  /* align-items: center; */
  color: #f9f9f9;
  text-align: center;
  background: #1a1a1a;
  margin-top: 2rem;
  border-radius: 5px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 2rem;
  text-align: center;
  justify-content: center;
  border: 1px solid rgba(255,255,255,0.05);
  padding: 2rem 1rem;
}
.dashboardlabel-leftbodyflex i {
  /* font-size: 6rem; */
}
.dashboardlabel-leftbodybutton {
  display: block;
  text-align: center;
  background: orange;
  color: #fff;
  padding: 1.5rem;
  border-radius: 5px;
}
.labelart-left, .labelart-left2 {
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 5px;
  padding: 1rem;
  margin-top: 1.5rem;
}
.labelart-left img, .labelart-left2 img {
  height: 5rem;
  width: 5rem;
  border-radius: 50%;
  object-fit: cover;
  margin-right: 1.5rem;
}
.labelart-left2 img {
  border-radius: 5px;
  height: 8rem;
  width: 7rem;
  border: 1px solid rgba(255,255,255,0.1);
}
.labelart-lefttitle {
  color: #fff;
  font-size: 1.6rem;
  font-weight: 500;
}
.labelart-leftdesc {
  color: #f3ecec;
  font-size: 1.2rem;
  margin-top: 0.5rem;
}
.labelart-leftoffer {
  border: 1px solid rgba(255,255,255,0.15);
  background: #000;
  color: #fff;
  padding: 1rem 1.4rem;
  border-radius: 7px;
  margin-top: 1.5rem;
  font-size: 1.4rem;
  display: block;
  text-align: center;
}
.labelart-leftoffer2 {
  padding: .6rem 1.4rem;
  margin-top: 1rem;
}
/* end Labels new Css */


.littleleft {
  margin-left: 1rem; }
  @media only screen and (max-width: 600px) {
    .littleleft {
      margin-left: 0;
      margin-top: 1rem; } }

.savechanges, .saverchanges, .savingchanges, .nochanges, .thischanges {
  margin-top: 1.5rem;
  display: inline-block;
  background: var(--firstcolor);
  color: #fefefe;
  border-radius: 5px;
  border: none;
  padding: 1.2rem 2rem;
  font-size: 1.6rem;
  font-weight: 400;
  cursor: pointer; }
  .savechanges:hover, .saverchanges:hover, .savingchanges:hover, .nochanges:hover, .thischanges:hover {
    background: var(--firstcolor-hover); }

.showpic-profile {
  height: 10rem;
  width: 9.6rem;
  object-fit: cover;
  border-radius: 50%;
  border: 1px solid rgba(0,0,0,0.1);
  margin-bottom: 0.5rem;
}
.changepass {
  display: inline-block;
  background: #777;
  color: #fff;
  padding: .6rem 1rem;
  border-radius: 4px;
  cursor: pointer; }
  .changepass:hover {
    background: #000; }

.genderbox, .statebox {
  padding: .6rem .5rem;
  border-radius: 3px;
  border: 1px solid #dad8d8;
  font-size: 1.5rem;
  border-radius: 4px;
  width: 100%; }
  .genderbox:focus, .statebox:focus {
    outline: none;
    box-shadow: 0 0.2rem 0.5rem var(--firstcolor); }

.opachim {
  z-index: 10; }

.opacpass {
  position: relative;
  z-index: 14; }

.passwordchange-cont {
  width: 400px !important;
  border-radius: 4px;
  padding: 0 !important; }

.passwordchange-title {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding: 1rem;
  padding-bottom: 1.5rem;
  text-align: center;
  font-weight: bold;
  font-size: 2rem; }

.passwordchange-box {
  padding: 1rem 2rem;
  display: grid;
  grid-template-columns: 30% 70%;
  column-gap: 3rem;
  overflow: hidden; }
  @media only screen and (max-width: 400px) {
    .passwordchange-box {
      column-gap: 1rem; } }
  .passwordchange-box__title {
    font-size: 1.5rem;
    font-weight: bold;
    display: flex;
    align-items: center; }
  .passwordchange-box__input {
    display: inline-block;
    padding: 1rem .6rem;
    border-radius: 4px;
    border: 1px solid #dad8d8; }

.passwordchange-lastbox {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  font-size: 1.5rem;
  padding: 1rem;
  padding-top: 1.5rem;
  border-top: 1px solid rgba(0, 0, 0, 0.1); }

.cancellastbox {
  padding: 1rem 1.5rem;
  display: inline-block;
  background: #e6e4e4;
  color: #000;
  border-radius: 4px;
  font-weight: 400;
  cursor: pointer; }
  .cancellastbox:hover {
    background: #dbd9d9; }

.newpassword {
  padding: 1rem 1.5rem;
  display: inline-block;
  background: var(--firstcolor);
  color: #fff;
  border-radius: 4px;
  font-weight: 400;
  cursor: pointer; }
  .newpassword:hover {
    background: var(--firstcolor-hover); }

.admin-main {
  font-size: 1.5rem;
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 1rem;
  margin-bottom: 1rem; }

.admin-bigtitle {
  font-size: 1.6rem;
  font-weight: bold; }

.admin-links {
  padding: .5rem; }

.admin-manage {
  margin-bottom: 1rem;
  box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.1);
  font-size: 1.5rem;
  padding: 1rem; }
  .admin-manage__title {
    font-weight: bold; }
  .admin-manage__photoss {
    height: 100px;
    margin-top: .5rem; }
  .admin-manage__price {
    font-weight: bold;
    margin-top: .5rem; }
  .admin-manage__other {
    margin-top: .5rem; }

.admin-submanage {
  display: none;
  background: #f4f4f4;
  padding: 1rem;
  margin-top: 2rem; }
  .admin-submanage__subtitle {
    margin-bottom: .5rem; }
  .admin-submanage__photos {
    display: inline-block;
    height: 100px;
    margin-bottom: 1rem; }
  .admin-submanage__title {
    font-weight: bold;
    font-size: 1.8rem; }
  .admin-submanage__input {
    padding: 1rem;
    margin-bottom: 1rem; }
  .admin-submanage__textarea {
    padding: 1rem;
    margin-bottom: 1rem;
    min-height: 50px; }

.gobackadmin {
  text-align: center;
  background: #5d427e;
  color: #fff;
  font-size: 1.5rem;
  padding: 1rem; }
  .gobackadmin:hover {
    background: #55367c; }

.editstuff {
  cursor: pointer; }
  .editstuff:hover {
    font-weight: bold; }


.quickgotowidth {
  max-width: 700px;
  margin: 1rem auto;
  margin-bottom: 1rem; }


.walletbox-content {
  padding: 3rem 1rem; }

.walletbox-cont {
  font-size: 1.8rem;
  font-weight: bold; }
  .walletbox-cont__text {
    font-size: 1.5rem;
    padding: 1rem; }

.walletbox-link {
  font-size: 1.5rem;
  background: green;
  color: #fff;
  border-radius: 4px;
  display: inline-block;
  cursor: pointer;
  padding: 1rem 1.5rem; }
  .walletbox-link:hover {
    background: rgba(0, 128, 0, 0.8); }
  .walletbox-link:last-child {
    margin-left: 1rem; }

.walletbox-new {
  width: 700px;
  max-width: 100%;
  margin: 0 auto;
  text-align: center;
  padding: 3rem 1rem;
  border-radius: 3px;
  box-shadow: 0 2rem 20rem rgba(0, 0, 0, 0.3);
  font-size: 1.5rem; }
  .walletbox-new__bal-title {
    margin-top: 2rem;
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: .5px;
    text-transform: uppercase; }
  .walletbox-new__bal-sum {
    margin-top: -1rem;
    font-size: 5rem;
    color: var(--firstcolor);
    font-weight: 700;
    font-family: "Montserrat", sans-serif; }
    .walletbox-new__bal-sumbal {
      font-size: 3.5rem; }


.return-shit {
  background: linear-gradient(rgba(255, 255, 255, 0.144), rgba(255, 255, 255, 0.082)), url(/newpicsible/deliveryman.jpg);
  height: 45vh;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 0 46%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }
  @media only screen and (max-width: 1200px) {
    .return-shit {
      height: 40vh; } }
  .return-shit__content {
    text-align: center; }
  .return-shit__bigtitle, .return-shit__smallbigtitle {
    color: #fff;
    font-size: 4rem;
    padding: 1rem 2rem;
    font-weight: 700;
    /* font-family: "Montserrat", sans-serif;  */
  }
    @media only screen and (max-width: 1200px) {
      .return-shit__bigtitle, .return-shit__smallbigtitle {
        font-size: 3rem !important; } }
    @media only screen and (max-width: 700px) {
      .return-shit__bigtitle, .return-shit__smallbigtitle {
        font-size: 3rem !important; } }
    @media only screen and (max-width: 600px) {
      .return-shit__bigtitle, .return-shit__smallbigtitle {
        font-size: 2.5rem !important; } }
    .return-shit__bigsmalltitle {
      font-size: 4rem;
    }
  .return-shit__smallbigtitle {
    font-size: 3.8rem;
    max-width: 800px;
    margin: 0 auto; }
  .return-shit__smalltitle {
    max-width: 600px;
    margin: 0 auto;
    font-size: 1.8rem;
    color: #fff;
    font-weight: 500; }
    @media only screen and (max-width: 1200px) {
      .return-shit__smalltitle {
      }
    }
    @media only screen and (max-width: 700px) {
      .return-shit__smalltitle {
        padding: 2rem;
        padding-top: 0; } }
    @media only screen and (max-width: 600px) {
      .return-shit__smalltitle {
        font-size: 1.6rem; } }
  .return-shit__smallsmalltitle {
    font-size: 2rem; }
  .return-lined {
    padding: 2.3rem;
    line-height: 1.8;
    font-family: 'PT Serif', serif;
    font-size: 2rem;
    color: #000;
  }
  .return-underline {
    border-bottom: 3px solid #000;
  }
  .return-italic {
    font-style: italic;
  }
  
  .return-thebutt {
    background: var(--firstcolor);
    width: 40rem;
    color: #fff;
    max-width: 100%;
    display: block;
    border-radius: 60px;
    padding: 2.5rem;
    text-align: center;
    font-size: 2.5rem;
  }
.return-box {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  margin-top: 2rem;
  grid-template-columns: repeat(4, 1fr);
  column-gap: 5rem; }
  @media only screen and (max-width: 600px) {
    .return-box {
      display: block; } }
  .return-boxes {
    padding: 2rem 1rem;
    background: #fff;
    font-size: 1.5rem; }
    @media only screen and (max-width: 600px) {
      .return-boxes:not(:last-child) {
        margin-bottom: 1.5rem; } }

.return-icon {
  display: inline-block;
  border: 3px solid var(--firstcolor);
  border-radius: 50%;
  padding: 1.7rem 2rem;
  font-size: 5rem; }

.return-icon2 {
  border: none;
  font-size: 6rem;
  font-weight: 300; }

.return-title {
  font-size: 1.8rem;
  font-weight: 700;
  margin-top: 1rem;
  font-family: "Montserrat", sans-serif; }

.return-desc {
  margin-top: 1rem; }

.return-link {
  display: block;
  text-transform: uppercase;
  margin-top: 1rem;
  font-size: 1.8rem;
  color: var(--firstcolor);
  font-weight: 300; }
  @media only screen and (max-width: 800px) {
    .return-link {
      font-size: 1.6rem; } }
  .return-link i {
    font-size: 1.6rem; }
  .return-link:hover {
    font-weight: 500; }

.delivery-werow {
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center; }

.reviews-shit {
  background: linear-gradient(rgba(17, 17, 17, 0.6), rgba(46, 45, 45, 0.4)), url(/newpicsible/reviews-shii.jpg);
  height: 45vh;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 0 56%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }
  @media only screen and (max-width: 1200px) {
    .reviews-shit {
      height: 40vh;
      background-position: 65% 56%; } }

.howworks-shit {
  /* background: linear-gradient(rgba(17, 17, 17, 0.8), rgba(46, 45, 45, 0.6)), url(/newpicsible/css/img/start-photos.jpg); */
  background: linear-gradient(brown, var(--firstcolor-hover));
  height: auto;
  padding: 3rem 2rem;
}
  @media only screen and (max-width: 1200px) {
    .howworks-shit {
      height: auto;
    }
  }
.howworks-shitbg {
  background: linear-gradient(rgba(48, 139, 207, 0.6), rgba(128, 0, 128, 0.7)), url(/newpicsible/howitworks.jpg); }

.howworks-img {
  height: 250px;
  filter: blur(1px) brightness(59%);
  width: 250px;
  object-fit: cover;
  cursor: zoom-in; }
  .howworks-img:hover {
    filter: blur(1px) brightness(79%); }

.howworks-makebig {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff; }

.faqss-shit {
  /* background: linear-gradient(rgba(17, 17, 17, 0.6), rgba(46, 45, 45, 0.4)), url(/newpicsible/faq.jpg); */
  background: linear-gradient(var(--firstcolor-hover), var(--firstcolor));
  height: 30rem;
}
  @media only screen and (max-width: 1200px) {
    .faqss-shit {
      height: 20rem;
    }
  }

.contactss-shit {
  background: linear-gradient(rgba(17, 17, 17, 0.6), rgba(46, 45, 45, 0.4)), url(img/emptyframe.jpg);
  height: 50vh;
  background-position: 0 56%; }
  @media only screen and (max-width: 1200px) {
    .contactss-shit {
      height: 40vh;
      background-position: 60% 45%; } }

.careers-shit {
  background: linear-gradient(rgba(17, 17, 17, 0.6), rgba(46, 45, 45, 0.4)), url(/newpicsible/careers.jpg);
  height: 50vh;
  background-position: 0 20%;
  background-size: cover;
  background-repeat: no-repeat; }
  @media only screen and (max-width: 1200px) {
    .careers-shit {
      height: 40vh; } }



.refer-shit {
  background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(img/extra.jpg);
  height: auto;
  padding: 1rem; }
  .refer-shit__box {
    width: 600px;
    max-width: 100%;
    height: auto;
    background: #fff;
    padding: 4rem 1rem; }
    .refer-shit__box-title {
      color: #000;
      font-size: 3rem;
      font-family: "Montserrat", sans-serif;
      font-weight: 700;
      text-align: center; }
    .refer-shit__box-section {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      column-gap: 2rem;
      margin-top: 2.5rem; }
      @media only screen and (max-width: 400px) {
        .refer-shit__box-section {
          column-gap: 1rem; } }
    .refer-shit__box-subtitles {
      color: #333;
      font-size: 1.3rem;
      font-weight: 600;
      text-transform: uppercase;
      margin-bottom: .3rem; }
    .refer-shit__box-text {
      min-height: 10rem; }
    .refer-shit__box-button {
      font-size: 1.5rem;
      background: var(--firstcolor);
      color: #fff;
      padding: 1rem 1.3rem;
      border: 0;
      border-radius: 3px;
      cursor: pointer; }
      .refer-shit__box-button:hover {
        background: #5f3868; }
      .refer-shit__box-button:focus {
        outline: none; }
    .refer-shit__box-input {
      padding: 1rem;
      font-size: 1.5rem;
      border-radius: 3px;
      width: 100%;
      border: 1px solid rgba(0, 0, 0, 0.2); }
  .refer-shit__tab {
    font-size: 1.5rem;
    font-weight: 400;
    background: linear-gradient(to bottom, #fff 0%, #f6f6f6 100%);
    text-transform: uppercase;
    padding: .7rem 1.5rem;
    border-radius: 3px;
    cursor: pointer;
    border: 1px solid #e1e1e1;
    color: #333; }
    .refer-shit__tab:hover {
      background: #f1f0f0;
      color: #333; }
    .refer-shit__tab-active {
      background: #5d427e;
      border: 1px solid #fff;
      color: #fff; }
      .refer-shit__tab-active:hover {
        color: #fff;
        background: #5f3868; }

.thelistnum {
  background: linear-gradient(var(--firstcolor), #5d427e);
  padding: 1rem 1.5rem;
  border-radius: 50%;
  box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.4);
  font-size: 1.6rem;
  color: #fff; }

.otherbages-bg {
  position: relative;
  height: 85vh; }
  @media only screen and (max-width: 700px) {
    .otherbages-bg {
      height: 500px; } }
  .otherbages-bg__button {
    background: linear-gradient(orange, #ff7b00);
    border-radius: 30px;
    color: #fff;
    display: inline-block;
    font-size: 2rem;
    padding: 1.5rem 4.5rem;
    margin-top: 2rem; }
    .otherbages-bg__button i {
      font-size: 1.6rem; }
  .otherbages-bg__img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: 37% 10%; }
  .otherbages-bg__opacity {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    background: rgba(0, 0, 0, 0.6); }
  .otherbages-bg__first {
    display: flex;
    flex-direction: column;
    justify-content: center; }
    .otherbages-bg__first-title {
      font-size: 7rem;
      font-weight: 800;
      line-height: 1.2; }
      @media only screen and (max-width: 800px) {
        .otherbages-bg__first-title {
          font-size: 4.3rem; } }
    .otherbages-bg__first-subtitle {
      font-size: 2rem;
      margin-top: 2rem;
      line-height: 1.3; }
  .otherbages-bg__row {
    position: absolute;
    height: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 12;
    display: grid;
    grid-template-columns: 60% 1fr;
    column-gap: 3rem;
    width: 1200px;
    max-width: 100%;
    margin: 0 auto;
    color: #fff;
    padding: 2rem; }
    @media only screen and (max-width: 800px) {
      .otherbages-bg__row {
        grid-template-columns: 1fr;
        row-gap: 3rem; } }

.btn1, .btn1:link, .btn1:visited {
  display: inline-block;
  background: linear-gradient(var(--firstcolor), #5d427e);
  color: #fff;
  font-size: 1.6rem;
  padding: 1rem 2rem;
  border-radius: 5px;
  margin-top: 3rem;
  text-transform: uppercase; }
  @media only screen and (max-width: 600px) {
    .btn1, .btn1:link, .btn1:visited {
      margin-top: 2rem; } }

.btn1:hover {
  background: var(--firstcolor); }

.btn1-white, .btn1-white:link, .btn1-white:visited {
  box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.9); }

.subbtn1 {
  background: blue !important; }
  .subbtn1:hover {
    background: rgba(0, 0, 255, 0.7) !important; }

.section4-icons {
  background: linear-gradient(var(--firstcolor), #4a5a8e);
  color: transparent;
  font-size: 4rem;
  background-clip: text;
  -webkit-background-clip: text; }

.forsect-icons {
  position: relative;
  margin-bottom: 1rem; }
  @media only screen and (max-width: 600px) {
    .forsect-icons {
      margin-bottom: 1rem; } }
  .forsect-icons__num {
    font-size: 2.5rem;
    border-radius: 50%;
    border: 1px solid rgba(0, 0, 0, 0.7);
    display: inline-block;
    padding: .5rem 1.6rem; }

.forsect1 {
  position: absolute; }
  @media only screen and (max-width: 600px) {
    .forsect1 {
      position: unset; } }

.forsect2 {
  position: absolute;
  top: -1;
  background: linear-gradient(var(--firstcolor), #4a5a8e);
  color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
  animation: leftRight 1s infinite; }
  @media only screen and (max-width: 600px) {
    .forsect2 {
      display: none; } }





.thisother {
  height: 100vh;
  min-height: 60rem;
  display: grid;
  grid-template-columns: 50% 1fr;
}
@media only screen and (max-width: 1200px) {
  .thisother {
    height: auto;
    min-height: 60rem;
    grid-template-columns: 1fr;
  }
  .thisother-marginformobile {
    margin-top: 8rem !important;
  }
}

.thisother-img {
  position: absolute;
  height: 100%;
  display: inline-block;
  width: 100%;
  object-fit: cover;
  /* transform: translateY(-2rem); */
}
@media only screen and (max-width: 1200px) {
  .thisother-img {
    position: unset;
  }
  .thisother-forsmall {
    display: none;
  }
}
.thisother-header {
  position: absolute;
  top: 0;
  z-index: 20;
  padding: 2rem 6rem;
  padding-top: 4rem;
}
@media only screen and (max-width: 1200px) {
  .thisother-header {
    padding: 2rem;
  }
}
.thisother-logo {
  height: 5rem;
}
.thisother-1 {
  height: 100%;
  background: #000;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  /* align-items: center; */
  padding: 2rem 6rem;
}
@media only screen and (max-width: 1200px) {
  .thisother-1 {
    background: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7)), url(/baloon/smilinglady.jpg);
    padding: 2rem;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 35% 0;
  }
}
.thisother-1__title {
  color: #fff;
  font-size: 7rem;
  line-height: 1.2;
  font-weight: 600;
  text-align: center;
}
@media only screen and (max-width: 1200px) {
  .thisother-1__title {
    font-size: 5rem;
  }
}
.thisother-1__subtitle {
  color: #fff;
  margin-top: 1.7rem;
  font-size: 2.3rem;
  text-align: center;
}



.thistitle-dot {
  /* height: 1rem;
  width: 1rem;
  display: block;
  background: var(--firstcolor);
  border-radius: 50%; */
}
.thistitle-dot::before, .thistitle-dot::after {
  content: "";
  display: inline-block;
  height: .3rem;
  width: 10%;
  background: var(--firstcolor);
  transform: translateY(-.5rem);
}
.thistitle-dot::after {
  margin-left: 1rem;
}
.thistitle-dot::before {
  margin-right: 1rem;
}
.thistitle-dotmain {
  height: 1.5rem;
  width: 1.5rem;
  background: var(--firstcolor);
  border-radius: 50%;
}
.thistitle-group {
  text-align: center;
  max-width: 60rem;
  margin: 0 auto;
  margin-top: 2rem;
}
.thistitle-title {
  font-size: 3.5rem;
  font-weight: 600;
  text-align: center;
}
.thistitle-desc {
  font-size: 2rem;
  font-weight: 400;
  margin-top: 1rem;
}
.thispunch-tworow {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: .5rem;
}
.thispunch-tworow1, .thispunch-tworow2 {
  background: var(--firstcolor);
  border-radius: 10px;
  height: .5rem;
}
.thispunch-tworow2 {
  background: #e2e2e2;
}
.thistitle-threerow {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: 4rem;
  margin-top: 8rem;
}
@media only screen and (max-width: 1200px) {
  .thistitle-threerow {
    grid-template-columns: 1fr;
    max-width: 40rem;
    row-gap: 3rem;
    margin: 0 auto;
    margin-top: 8rem;
  }
}
.thistitle-threerow__title {
  font-size: 2.5rem;
  font-weight: 600;
}
.thistitle-threerow__desc {
  margin-top: 1.5rem;
  font-size: 1.8rem;
}
.thistitle-threerow__img {
  height: 10rem;
}
.thissecond-row, .thissecond-row2 {
  display: grid;
  grid-template-columns: 60% 1fr;
  column-gap: 3rem;
}
.thissecond-row2 {
  grid-template-columns: 1fr 60%;
}
@media only screen and (max-width: 1200px) {
  .thissecond-row, .thissecond-row2 {
    grid-template-columns: 1fr;
    row-gap: 2rem;
  }
}
@media only screen and (max-width: 1200px) {
  .thissecond-row2mobile {
    margin-top: -6rem;
  }
}
.thissecond-row__quoteimg {
  height: 8rem;
}
.thistitle-tworow {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 4rem;
  row-gap: 4rem;
}
@media only screen and (max-width: 700px) {
  .thistitle-tworow {
    grid-template-columns: 1fr;
  }
}
.thissecond-row__img, .thissecond-row__img2 {
  height: 45rem;
  width: 100%;
  object-fit: cover;
  border-radius: 5px;
}
@media only screen and (max-width: 600px) {
  .thissecond-row__img {
    height: 30rem;
    max-width: 100%;
    width: auto;
  }
}
.thissecond-row__img2 {
  border-top-left-radius: 100px;
  border-bottom-right-radius: 100px;
}
@media only screen and (max-width: 600px) {
  .thissecond-row__img2 {
    border-top-left-radius: 50px;
    border-bottom-right-radius: 50px;
  }
}
.thissecond-row__title {
  font-size: 4rem;
  color: #000;
  font-weight: 600;
}
.thissecond-row__desc, .thissecond-row__desc2 {
  font-size: 2rem;
  margin-top: 2rem;
}
.thissecond-row__desc p {
  padding: 1rem 0;
}
.thissecond-row__desc2 {
  font-size: 3rem;
}
.thissecond-row__auth {
  font-weight: 600;
  font-size: 2rem;
  margin-top: 1rem;
}
.thistitle-secondrow {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 3rem;
}

@media only screen and (max-width: 1200px) {
  .thistitle-secondrow {
    grid-template-columns: 1fr;
    row-gap: 1.5rem;
  }
}
.board-3steps {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  padding: 2rem;
  text-align: center;
  column-gap: 3rem;
}
.board-3steps1 {
  padding-bottom: 1rem;
  border-bottom: 8px solid var(--firstcolor);
  border-radius: 10px;
}
.board-3steps__active {
  font-weight: 600;
  color: var(--firstcolor);
}
.board-3steps2 {
  border-bottom: 8px solid #e1e1e1;
  color: #777;
  font-weight: 300;
}
.asset-box {
  background: #f8ebe7;
  display: inline-block;
  padding: 1.5rem 2.5rem;
  border-radius: 25px;
  cursor: pointer;
  border: 1px solid #f9dcd3;
}
.asset-box:hover {
  background: #f9dcd3;
}
.asset-box__active {
  background: #f9d7cd;
}
/* .board-3steps1::after {
  content: "";
  display: inline-block;
  height: 0.2rem;
  width: 80%;
  background: var(--firstcolor);
  transform: translate(1rem, -.5rem); */
/* } */
.board-box {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 4rem;
  padding: 0 1rem;
}
.board-box1st {
  background: linear-gradient(45deg, var(--firstcolor), var(--firstcolor-hover)) !important;
}
.board-box2nd {
  background: linear-gradient(45deg, #000, #777) !important;
}
.board-box1 {
  display: block;
  /* box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.2); */
  border-radius: 7px;
  text-align: center;
  font-size: 1.6rem;
  padding: 2rem;
}
.board-box1:hover {
  background: #f4f4f4;
}
.board-boximg {
  height: 4rem;
  display: inline-block;
}
.board-boxtitle {
  margin-top: 1rem;
  font-weight: 600;
  font-size: 2rem;
  color: #000;
}
.board-title {
  padding: 2rem;
  border-radius: 5px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  /* background: #a19fa1; */
  /* background: #e2f1f8; */
  background: var(--firstcolor-light);
  /* box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.2); */
  color: #000;
  font-weight: 600;
  font-size: 2.5rem;
}
.board-desc {
  padding: 2rem;
  background: yellow;
}
.board-desc__link {
  background: #fff;
  border-radius: 5px;
  display: inline-block;
  padding: .6rem 1rem;
  color: #000;
  margin-left: .5rem;
}
.board-besideimg {
  height: 2.5rem;
  transform: translateY(.4rem);
  display: inline-block;
}
.board-above {
  font-size: 2.5rem;
  margin-top: 3rem;
  padding: 1rem;
  margin-bottom: 6rem;
}
.board-linkup {
  background: #ececed;
  padding: .2rem;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
.board-minimize {
  padding: 1.5rem 2rem;
  font-size: 2rem;
  font-weight: 500;
  cursor: pointer;
}
.board-minimize__done {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.board-minimize:hover {
  background: #e5e5e6;
}
.board-minimizesmall {
  font-size: 1.2rem;
  color: #777;
}
.board-minimizei {
  display: inline-block;
  vertical-align: middle;
  transform: translateY(.6rem);
}
.uprow {
  list-style: none;
  margin-top: 6rem;
}
.uprow li {
  display: inline-block;
  font-size: 1.4rem;
}
.uprow li i {
  /* color: var(--firstcolor); */
  font-size: 60%;
  color: #777;
}
.uprow li:not(:last-child) {
  margin-right: .5rem;
}
.uprow li a, .uprow li a i {
  color: #333;
}

.uprow li:last-child {
  color: #000;
  font-weight: 600;
}
.create-box, .create-box2 {
  background: #fff;
  padding: 2rem;
  /* border: 1px solid rgba(0, 0, 0, 0.2);
  border-top: none;
  border-bottom: none; */
}
.create-box2:not(:last-child) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.create-box:not(:last-child) {
  margin-bottom: .6rem;
}
.create-title {
  font-weight: 450;
  font-size: 1.7rem;
}
.create-subdesc {
  color: #777;
  font-size: 1.5rem;
  margin-top: .2rem;
  margin-bottom: 1rem;
}
.create-input, .create-textarea, .create-input2 {
  width: 50rem;
  max-width: 100%;
  padding: 2rem;
  margin-top: 1rem;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 5px;
}
.create-input2 {
  padding: 1.5rem;
}
.create-input:focus, .create-textarea:focus, .create-inputsmall:focus {
  outline: none;
  border: 1px solid rgba(0, 0, 0, 0.3);
}
.create-inputwidth {
  width: 50rem;
  max-width: 100%;
}
.create-plusicon, .create-minusicon {
  display: inline-block;
  padding: 1rem;
  border-bottom-right-radius: 8px;
  border-top-right-radius: 8px;
  border: 1px solid rgba(0,0,0,0.2);
  cursor: pointer;
  background: #fff;
  position: relative;
  z-index: 15;
  height: 5rem;
  display: inline-flex;
  width: 4.5rem;
  justify-content: center;
  align-items: center;
}
.create-minusicon {
  border-bottom-right-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 8px;
  border-top-left-radius: 8px;
}
.create-plusicon:hover, .create-minusicon:hover {
  background: #f1f1f1;
}
.create-inputplus {
  width: 8rem;
  display: inline-block;
  padding: 0 1rem;
  height: 5rem;
  margin-left: -.5rem;
  margin-right: -2.8rem;
  border: 1px solid rgba(0,0,0,0.2);
  transform: translateY(-.25rem);
}
.create-inputplus:focus {
  outline: none;
}
@media only screen and (max-width: 600px) {
  .create-inputplus {
    transform: translateY(-.2rem);
  }
}
.create-minitextarea {
  height: 10rem;
}
.create-textarea {
  height: 20rem;
}
.create-button, .create-buttonfull {
  background: var(--firstcolor);
  display: inline-block;
  padding: 1.5rem 3.5rem;
  border: none;
  color: #fff;
  border-radius: 5px;
  font-size: 1.7rem;
  cursor: pointer;
}
.create-buttonfull {
  width: 100%;
  background: linear-gradient(to right bottom, var(--firstcolor), var(--firstcolor-hover));
}
.create-button:hover, .create-buttonfull:hover {
  background: var(--firstcolor-hover);
}
.bowl-grid {
  display: grid;
  grid-template-columns: 1fr 15% 1fr;
  align-items: center;
}
@media only screen and (max-width: 450px) {
  .secondcreate-buttonfull {
    padding: 1.5rem;
  }
}
.selforbutton {
  display: inline-block;
  border-radius: 5px;
  padding: 1.2rem;
}
@media only screen and (max-width: 380px) {
  .selfselect {
    padding: 1.2rem 0;
  }
}
@media only screen and (max-width: 360px) {
  .joltplease {
    display: none;
  }
}

.create-inputsmall {
  width: 20rem;
}
.create-selectgrid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  width: 30rem;
  max-width: 100%;
  column-gap: 3rem;
  align-items: center;
}
.create-selectsub {
  display: inline-block;
  padding: 1rem;
  border-radius: 5px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  cursor: pointer;
}
.create-selectsub:hover {
  background: #f9f9f9;
}
.create-selectsub:focus {
  border: 1px solid rgba(0, 0, 0, 0.3);
}
.compbg-block, .menubg-block {
  background: #fff;
  width: 50rem;
  max-width: 94%;
  max-height: 90%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 8px;
  /* overflow-x: hidden; */
}
.discountbg-close, .closemodal, .compbg-close, .changebg-close {
  position: fixed;
  right: -3%;
  z-index: 20;
  top: -4%;
  border-radius: 50%;
  background: red;
  color: #fff;
  cursor: pointer;
  padding: .9rem 1rem;
}
.discountbg-maxbody, .compbg-maxbody, .menubg-maxbody {
  height: 100%;
  overflow-y: auto;
}
.discountbg-other, .compbg-other, .menubg-other {
  max-height: 80vh;
  overflow: auto;
  padding-bottom: 2rem;
}
.boxcont-shege {	
  border: 1px solid rgba(0,0,0,0.25);	
  padding: 0.6rem 1.5rem;	
  border-radius: 25px;	
  margin-bottom: 1rem;	
  display: inline-block;	
  font-size: 1.4rem;	
}	
.boxcont-shege:hover {	
  background: rgba(0,0,0,0.15);	
}
.boxcont-fininput {
  /* border: 1px solid rgba(0,0,0,0.3);
  border-radius: 5px;
  padding: 0.7rem 1.5rem; */
  border: 1px solid rgba(0,0,0,0.3);
  border-radius: 5px;
  padding: 0.7rem 1.5rem;
  display: inline-block;
  overflow: auto;
  width: 23rem;
  margin-top: -2rem;
  transform: translateY(1.9rem);
  border-right: 0;
}
.boxcont-fincopy {
  /* background: #16af16;
  padding: 0.8rem 1.4rem;
  display: inline-block;
  color: #fff;
  border-radius: 5px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-left: -1rem; */
  background: #16af16;
  padding: 0.8rem 1.4rem;
  display: inline-block;
  color: #fff;
  border-radius: 5px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-left: -1rem;
  position: relative;
}
.boxcont-fincopy:hover {
  background: green;
}
.boxcont-finlink2 {
  display: inline-block;
  border: 1px solid rgba(0,0,0,0.2);
  padding: 0.8rem 1.5rem;
  border-radius: 10px;
  background: #fff;
  color: goldenrod;
}
.boxcont-fire {
  padding: 1.5rem 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.boxcont-fire:not(:last-child) {
  margin-bottom: 2rem;
}
.boxcont-fire .boxcont-thisdesc {
  padding: 1rem;
  border: 1px solid rgba(0,0,0,0.1);
  margin-top: 1rem;
  border-radius: 7px;
  background: #f4f4f4;
}
.boxcont {
  padding: 3rem 2rem;
  /* background: #f1f1f1; */
  background: #fff;
  /* border: 1px solid rgba(0, 0, 0, 0.1); */
  border-top: none;
  line-height: 2;
}
.boxcont:not(:last-child) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.boxcont-loc {
  background: #1a1a1a;
  padding: 2rem 0;
}
.boxcont-loc .boxcont-thisboxcon {
  padding: 1.3rem;
  font-size: 1.4rem;
  background: #111;
  color: #f4f4f4;
}
.boxcont-loc .boxcont-i {
  font-size: 1.2rem;
}
.boxcont-loc .boxcont-thisdesc {
  color: #fff;
  font-size: 1.4rem;
}
.boxcont-loc:not(:last-child) {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.nextgen-boxcont {
  max-width: 35rem;
  margin: 0 auto;
}
.boxcont-sidedesc {
  color: #000;
  background: #ececed;
  padding: 1rem;
  border-radius: 5px;
}
.boxcont2 {
  padding: 3rem 2rem;
}
.boxcont2:not(:last-child) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}
.boxcont:first-child {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.boxcont:last-child {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.boxcont-thisbox {
  display: flex;
}
.boxcont-thisboxnew {
  display: block;
}
.boxcont-thisboxnew:not(:last-child) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.boxcont-thisboxcon {
  background: #f4f4f4;
  display: inline-block;
  padding: 1.5rem;
  color: #333;
  font-size: 1.7rem;
  border-radius: 50%;
}
.boxcont-title {
  font-weight: 400;
  font-size: 2rem;
  color: #000;
}
.boxcont-editinput {
    width: 22rem;
    border: none;
    border-bottom: 1px solid rgba(0,0,0,0.3);
    font-size: 1.5rem;
}
.boxcont-editinput:hover, .boxcont-editinput:focus {
    outline: none;
}
.boxcont-editsave {
    background: rgba(0,0,0,0.05);
    display: inline-block;
    padding: 0.5rem 1.5rem;
    border-radius: 5px;
    margin-left: 0.2rem;
    font-weight: 400;
}
.boxcont-thisdesc {
  font-size: 1.7rem;
  color: #000;
  line-height: 1.5;
}
.boxcont-thisdesc a {
  color: #000;
}
.boxcont-thisboxnew .boxcont-thisdesc {
  font-size: 1.4rem;
  line-height: 1.4;
}

.boxcont-title a {
  color: #000;
}
.boxcont-title a:hover {
  font-weight: 500;
  /* text-decoration: underline; */
  /* border-bottom: 1px solid #333; */
}
.boxcont-button {
  background: var(--firstcolor);
  color: #fff;
  display: inline-block;
  /* padding: 1rem 2rem; */
  padding: .8rem 1.5rem;
  margin-top: 1.5rem;
  border-radius: 5px;
}
.boxcont-button:hover {
  background: var(--firstcolor-hover);
}
.boxcont-i {
  color: #777;
}
.boxcont-i i {
  font-size: 85%;
  color: #777;
}
.boxcont-thisboxnew .boxcont-i {
  font-size: 1.2rem;
  margin-top: .5rem;
}
.boxcont-thisrow {
 max-height: 40vh;
 overflow: auto; 
}
.boxcont-thisrow50vh {
  max-height: 50vh;
  overflow: auto;
}
.boxcont--thisrow60vh {
  max-height: 60vh;
  overflow: auto;
}
.boxcont-thisrow60vh {
  max-height: 70vh;
  overflow: auto;
}
.mobveryside-fixed {
  background: #f9f9f9;
  margin-top: 3rem;
  display: none;
}
.mobveryside-fixedbody {
  max-width: 350px;
  margin: 0 auto;
}
.veryside-fixed {
  position: fixed;
  right: 10%;
  top: 20%;
  width: 30rem;
}
@media only screen and (max-width: 1300px) {
  .veryside-fixed {
    right: 4%;
  }
}
@media only screen and (max-width: 1150px) {
  .veryside-fixed {
    display: none;
  }
  .mobveryside-fixed {
    display: block;
  }
}
.veryside-fixed__title {
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-bottom: none;
  background: #ececed;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  font-size: 2rem;
  font-weight: 500;
  padding: 1.5rem;
  padding-bottom: 1rem;
}
.veryside-fixed .create-subdesc {
  font-size: 1.3rem;
}
.veryside-fixed__body {
  background: #fff;
  border: 1px solid #e1e1e1;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
.veryside-fixed__pad {
  display: flex;
  align-items: center;
}
.veryside-fixed__vbold {
  font-weight: 500;
  font-size: 1.7rem;
}
.veryside-fixed__comp {
  padding: .5rem 1rem;
  background: #f5f5f5;
}
.veryside-fixed__button, .veryside-fixed__newbutton {
  background: var(--firstcolor);
  color: #fff;
  font-size: 1.4rem;
  display: inline-flex;
  padding: 1.5rem 1.3rem;
  border-radius: 25px;
  justify-content: center;
  width: 18rem;
  align-items: center;
  text-align: center;
}
.veryside-fixed__newbutton {
  display: inline-block;
  padding: 1rem 2rem;
  border-radius: 20px;
  width: 14rem;
}

.nextphase {
  background-color: #ffffff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2000 1500'%3E%3Cdefs%3E%3Crect stroke='%23ffffff' stroke-width='0.6' width='1' height='1' id='s'/%3E%3Cpattern id='a' width='3' height='3' patternUnits='userSpaceOnUse' patternTransform='rotate(52 1000 750) scale(50) translate(-980 -735)'%3E%3Cuse fill='%23fcfcfc' href='%23s' y='2'/%3E%3Cuse fill='%23fcfcfc' href='%23s' x='1' y='2'/%3E%3Cuse fill='%23fafafa' href='%23s' x='2' y='2'/%3E%3Cuse fill='%23fafafa' href='%23s'/%3E%3Cuse fill='%23f7f7f7' href='%23s' x='2'/%3E%3Cuse fill='%23f7f7f7' href='%23s' x='1' y='1'/%3E%3C/pattern%3E%3Cpattern id='b' width='7' height='11' patternUnits='userSpaceOnUse' patternTransform='rotate(52 1000 750) scale(50) translate(-980 -735)'%3E%3Cg fill='%23f5f5f5'%3E%3Cuse href='%23s'/%3E%3Cuse href='%23s' y='5' /%3E%3Cuse href='%23s' x='1' y='10'/%3E%3Cuse href='%23s' x='2' y='1'/%3E%3Cuse href='%23s' x='2' y='4'/%3E%3Cuse href='%23s' x='3' y='8'/%3E%3Cuse href='%23s' x='4' y='3'/%3E%3Cuse href='%23s' x='4' y='7'/%3E%3Cuse href='%23s' x='5' y='2'/%3E%3Cuse href='%23s' x='5' y='6'/%3E%3Cuse href='%23s' x='6' y='9'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='h' width='5' height='13' patternUnits='userSpaceOnUse' patternTransform='rotate(52 1000 750) scale(50) translate(-980 -735)'%3E%3Cg fill='%23f5f5f5'%3E%3Cuse href='%23s' y='5'/%3E%3Cuse href='%23s' y='8'/%3E%3Cuse href='%23s' x='1' y='1'/%3E%3Cuse href='%23s' x='1' y='9'/%3E%3Cuse href='%23s' x='1' y='12'/%3E%3Cuse href='%23s' x='2'/%3E%3Cuse href='%23s' x='2' y='4'/%3E%3Cuse href='%23s' x='3' y='2'/%3E%3Cuse href='%23s' x='3' y='6'/%3E%3Cuse href='%23s' x='3' y='11'/%3E%3Cuse href='%23s' x='4' y='3'/%3E%3Cuse href='%23s' x='4' y='7'/%3E%3Cuse href='%23s' x='4' y='10'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='c' width='17' height='13' patternUnits='userSpaceOnUse' patternTransform='rotate(52 1000 750) scale(50) translate(-980 -735)'%3E%3Cg fill='%23f2f2f2'%3E%3Cuse href='%23s' y='11'/%3E%3Cuse href='%23s' x='2' y='9'/%3E%3Cuse href='%23s' x='5' y='12'/%3E%3Cuse href='%23s' x='9' y='4'/%3E%3Cuse href='%23s' x='12' y='1'/%3E%3Cuse href='%23s' x='16' y='6'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='d' width='19' height='17' patternUnits='userSpaceOnUse' patternTransform='rotate(52 1000 750) scale(50) translate(-980 -735)'%3E%3Cg fill='%23ffffff'%3E%3Cuse href='%23s' y='9'/%3E%3Cuse href='%23s' x='16' y='5'/%3E%3Cuse href='%23s' x='14' y='2'/%3E%3Cuse href='%23s' x='11' y='11'/%3E%3Cuse href='%23s' x='6' y='14'/%3E%3C/g%3E%3Cg fill='%23efefef'%3E%3Cuse href='%23s' x='3' y='13'/%3E%3Cuse href='%23s' x='9' y='7'/%3E%3Cuse href='%23s' x='13' y='10'/%3E%3Cuse href='%23s' x='15' y='4'/%3E%3Cuse href='%23s' x='18' y='1'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='e' width='47' height='53' patternUnits='userSpaceOnUse' patternTransform='rotate(52 1000 750) scale(50) translate(-980 -735)'%3E%3Cg fill='%23FFE5C8'%3E%3Cuse href='%23s' x='2' y='5'/%3E%3Cuse href='%23s' x='16' y='38'/%3E%3Cuse href='%23s' x='46' y='42'/%3E%3Cuse href='%23s' x='29' y='20'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='f' width='59' height='71' patternUnits='userSpaceOnUse' patternTransform='rotate(52 1000 750) scale(50) translate(-980 -735)'%3E%3Cg fill='%23FFE5C8'%3E%3Cuse href='%23s' x='33' y='13'/%3E%3Cuse href='%23s' x='27' y='54'/%3E%3Cuse href='%23s' x='55' y='55'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='g' width='139' height='97' patternUnits='userSpaceOnUse' patternTransform='rotate(52 1000 750) scale(50) translate(-980 -735)'%3E%3Cg fill='%23FFE5C8'%3E%3Cuse href='%23s' x='11' y='8'/%3E%3Cuse href='%23s' x='51' y='13'/%3E%3Cuse href='%23s' x='17' y='73'/%3E%3Cuse href='%23s' x='99' y='57'/%3E%3C/g%3E%3C/pattern%3E%3C/defs%3E%3Crect fill='url(%23a)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23b)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23h)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23c)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23d)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23e)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23f)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23g)' width='100%25' height='100%25'/%3E%3C/svg%3E");
  /* background-attachment: fixed; */
  background-size: cover;
  padding: 6rem 2rem;
}
.nextphase-title {
  font-size: 4rem;
  font-weight: 600;
  text-align: center;
}
.nextphase-desc {
  font-size: 2rem;
}
.invshare4 {
  background: var(--firstcolor);
  padding: 2rem;
  border-radius: 5px;
}
.invshare4-title {
  font-size: 2.5rem;
  color: #fff;
  margin-bottom: 1.5rem;
}
.invshare4-desc {
  margin-top: 1.5rem;
  color: #fff;
  font-size: 1.6rem;
}
.invshare4-flex {
  display: flex;
  margin-top: 1.4rem;
}
.invshare4-flex1 {
  padding: 1.5rem 2rem;
  background: #f9f9f9;
  border-radius: 5px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-right: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  width: 100%;
}
.invshare4-flex2 {
  background: var(--firstcolor);
  padding: 1.5rem 2rem;
  color: #fff;
  font-size: 1.8rem;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  cursor: pointer;
}
.invshare4-flex2:hover {
  background: var(--firstcolor-hover);
}

.boxevang {
  display: grid;
  grid-template-columns: 30% 1fr;
  column-gap: 5rem;
}
@media only screen and (max-width: 700px) {
  .boxevang {
    display: block;
    /* grid-template-columns: 1fr; */
  }
  .boxevang-mob2 {
    margin-top: 3rem;
  }
}
.boxevang1 {
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: #fff;
  border-radius: 5px;
  padding: 2rem;
  padding-top: 8rem;
}
.boxevang1-title {
  font-size: 1.8rem;
}
.boxevang1-onl {
  border-radius: 25px;
  border: 2px solid rgb(8, 190, 8);
  padding: .3rem 1.8rem;
  font-size: 1.4rem;
  position: absolute;
  right: 5%;
  top: 5%;
}
.boxevang1-rate {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 3rem;
  margin-top: 3.5rem;
}
.boxevang1-circ {
  display: inline-block;
  border: 2px solid var(--firstcolor);
  border-radius: 50%;
  padding: 1rem .9rem;
}
.boxevang1-next {
  margin-top: 3rem !important;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding: 1rem 0;
  padding-top: 2rem;
}
.missionmain-row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  row-gap: 6rem;
  column-gap: 4rem;
}
.missionmain-rowspan {
  background: #777;
  color: #fff;
  padding: 1.5rem 2rem;
  display: inline-block;
  border-radius: 50%;
}
.missionmain-rowspanbody {
  padding: 8rem 2rem;
}
.missionmain-rownew3 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  row-gap: 4rem;
  column-gap: 4rem;
}

.missionmain-row2 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  row-gap: 6rem;
  column-gap: 6rem;
}
.missionmain-row__body {
  background: #fff;
  border: 1px solid rgba(0,0,0,0.2);
  padding: 2rem;
  border-radius: 10px;
  box-shadow: 0 1rem 2rem rgb(0 0 0 / 25%);
}
.missionmain-row__bodybutton {
  background: #ffc44d;
  color: #fff;
  display: inline-block;
  padding: 0.8rem 3rem;
  border-radius: 20px;
  cursor: pointer;
}
.missionmain-row__bodybutton:hover {
  opacity: 0.8;
}

/* Start New Additions - 12th_April_2023 */	
.rushbody {	
  border: 1px solid rgba(0,0,0,0.2);	
  background: #f4f4f4;	
  border-radius: 10px;	
  margin-top: 2rem;	
  padding: 2rem 1.5rem;	
  line-height: 1.8;	
  /* display: flex; */	
}	
.rushbody-span {	
  background: red;	
  display: inline-block;	
  padding: 0.2rem 1rem;	
  color: #fff;	
  margin-right: 2rem;	
  font-size: 1.3rem;	
}	
/* End New Additions - 12th_April_2023 */	

@media only screen and (max-width: 1200px) {
  .missionmain-row, .missionmain-rownew3 {
    grid-template-columns: 1fr 1fr;
  }
  .missionmain-row2 {
    grid-template-columns: 1fr;
    max-width: 40rem;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 600px) {
  .missionmain-row, .missionmain-rownew3 {
    grid-template-columns: 1fr;
    max-width: 40rem;
      margin: 0 auto;
  }
}
.bentsection {
  margin-top: 4rem;
  /* padding: 20rem 2rem; */
  background-color: #414958;
  background: -webkit-radial-gradient(top center, circle, #464450, #0b0c0f);
  background: radial-gradient(circle at top center, #464450, #0b0c0f);  -webkit-clip-path: polygon(20% 0%, 80% 0%, 100% 20%, 100% 80%, 80% 100%, 20% 100%, 0% 80%, 0% 20%); 
  clip-path: polygon(20% 0%, 80% 0%, 100% 20%, 100% 80%, 80% 100%, 20% 100%, 0% 80%, 0% 20%); 
}
@media only screen and (max-width: 1200px) {
  .bentsection {
    -webkit-clip-path: polygon(8% 0, 93% 0, 100% 20%, 100% 80%, 94% 100%, 6% 100%, 0% 80%, 0% 20%);
    clip-path: polygon(8% 0, 93% 0, 100% 20%, 100% 80%, 94% 100%, 6% 100%, 0% 80%, 0% 20%);
  }
}
@media only screen and (max-width: 600px) {
  .bentsection {
    -webkit-clip-path: unset;
    clip-path: unset;
  }
}
.bentsection-body {
  border-radius: 30px;
  text-align: center;
  color: #fff;
  display: inline-block;
  padding: 2rem;
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.bentsection-bodytitle {
  font-size: 1.8rem;
  font-weight: 600;
}
.bentsection-bodydesc {
  font-size: 1.4rem;
  margin-top: 1.5rem;
}
.bentsection-icon {
  display: inline-block;
  font-size: 3rem;
  background: #fff6ea;
  padding: 2rem;
  border-radius: 10px;
  color: darkgoldenrod;
  margin-bottom: 1.5rem;
}
.svg-wave {
  width: 100%;
  /* position: absolute;
  bottom: 0; */
}
.bg-pink .svg-wave svg {
  /* background: #f4edf5; */
}

.svg-wave svg {
  /* background: #fff; */
  width: 100%;
  /* position: absolute;
  bottom: 0;
  left: 0; */
  height: auto;
  background: transparent;
}
svg:not(:root) {
  overflow: hidden;
}

.svg-wave svg path {
  /* fill: #0193dd; */
}
.puncture2-svg svg path {
  /* fill:#e9e9e9; */
}
.puncture2-svg svg {
  /* background: #0172ac; */
  width: 100%;
  /* position: absolute;
  bottom: 0;
  left: 0; */
  height: auto;
}
.pol-section {
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 900px;
  max-width: 100%;
  margin: 0 auto;
  text-align: center;
}
.pol-section-width {
  height: .3rem;
  display: inline-block;
  width: 10rem;
  background: rgba(0, 0, 0, 0.08);
  border-radius: 50px;
  transform: translateY(-1.2rem);
}
@media only screen and (max-width: 900px) {
  .pol-section {
    display: block;
    text-align: center;
    /* justify-content: center; */
    /* align-items: center; */
    /* width: 900px; */
    margin: 0 auto;
    text-align: center;
  }
  .pol-section .center {
    text-align: center !important;
  }
  .pol-section__body {
    text-align: center !important;
  }
  .pol-section-width {
    height: 0.3rem;
    display: inline-block;
    width: 0.3rem;
    height: 3rem;
    background: rgba(0, 0, 0, 0.08);
    border-radius: 50px;
    /* transform: translateX(1.3rem); */
    text-align: center;
    margin-top: 2rem;
    margin-bottom: 1rem;
  }
  .pol-section__body2 {
    width: 100% !important;
  }
}
.pol-section__body {
  text-align: center;
}
.pol-section__bodybee {
  width: 50%;
}
@media only screen and (max-width: 900px) {
  .pol-section__bodybee {
    width: auto;
  }
}
.pol-section__body2 {
  width: 25%;
}
.pol-section__text {
  font-size: 1.4rem;
}
.pol-section__left {
  /* margin-left: 1rem; */
}
.pol-section__num {
  display: inline-block;
  padding: 0.5rem 1.2rem;
  background: rgba(0, 0, 0, 0.08);
  border-radius: 50%;
  margin-bottom: 0.5rem;
}
.pol-body {
  background: #f9f9f9;
  padding: 2rem;
  margin-top: 4rem;
  margin-bottom: 4rem;
  border-radius: 5px;
}
.pol-bodytitle {
  font-weight: 600;
  font-size: 2rem;
}
.pol-bodyrow {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 6rem;
  row-gap: 4rem;
  margin-top: 4rem;
}
@media only screen and (max-width: 1200px) {
  .pol-bodyrow {
    grid-template-columns: 1fr;
    width: 100%;
    max-width: 100%;
  }
}
.pol-bodycheck {
  height: 2.7rem;
  width: 2.7rem;
  border: 1px solid rgba(0,0,0,0.2);
  display: inline-block;
}
.pol-bodyinput {
  display: inline-block;
  padding: 1.5rem 1rem;
  border: 1px solid rgba(0,0,0,0.2);
  border-radius: 5px;
  width: 400px;
  max-width: 100%;
  margin-top: .5rem;
}
.pol-bodytextarea {
  height: 11rem;
}
.pol-wrapprev {
  margin-top: 8rem;
  /* background: #f0ecec; */
  background: #efebeb;
  padding: 2rem;
  border: 1px solid rgba(0,0,0,0.4);
  border-radius: 10px;
}

@media only screen and (max-width: 500px) {
  .pol-bodyinput {
    width: 100%;
  }
}
.pol-section__numactive {
  background: linear-gradient(var(--firstcolor), var(--firstcolor-hover)) !important;
  color: #fff;
}
.pol-section__numactivepadonly {
  padding: 1rem 0.9rem;
}
.pol-section__numactivegreen {
  background: rgb(18, 230, 88);
  color: #fff;
  padding: 1rem 0.9rem;
}
.pol-bodybox {
  padding: 3rem 2rem;
  border: 1px solid rgba(0,0,0,0.2);
  border-radius: 5px;
  background: #fff;
  margin-top: 2rem;
  margin-bottom: 2rem;
  position: relative;
}
.pol-bodybox::before {
  content: '';
  position: absolute;
  bottom: 100%;
  left: .2%;
  width: 0;
  height: 0;
  border-bottom: 14px solid rgba(0, 0, 0, 0.5);
  border-right: 12px solid transparent;
  border-left: 12px solid transparent;
}
.pol-bodybutton {
  background: #0075ff;
  color: #fff;
  border: 1px solid rgba(0,0,0,0.2);
  display: inline-block;
  padding: 1.7rem 6rem;
  border-radius: 40px;
  cursor: pointer;
}
.pol-bodybutton:hover {
  background: blue;
}
	.pblog-row {	
  display: grid;	
  padding: 2rem;	
  margin-top: 3rem;	
  grid-template-columns: repeat(3, 1fr);	
  column-gap: 4rem;	
  row-gap: 6rem;	
}	
@media only screen and (max-width: 1000px) {	
  .pblog-row {	
    grid-template-columns: repeat(2, 1fr);	
  }	
}	
@media only screen and (max-width: 700px) {	
  .pblog-row {	
    grid-template-columns: repeat(1, 1fr);	
    max-width: 300px;	
    margin: 0 auto;	
    margin-top: 4rem;	
  }	
}	
.pblog-box {	
  height: 30rem;	
  width: 30rem;	
  position: relative;	
  border-radius: 10px;	
}	
.pblog-box__opac {	
  border-radius: 10px;	
  position: absolute;	
  background: rgba(0,0,0,0.3);	
  top: 0;	
  left: 0;	
  height: 100%;	
  width: 100%;	
  z-index: 2;	
}	
.pblog-box__img {	
  position: absolute;	
  top: 0;	
  left: 0;	
  width: 100%;	
  height: 100%;	
  object-fit: cover;	
  border-radius: 10px;	
}	
.pblog-box__content {	
  position: absolute;	
  z-index: 3;	
  background: rgba(0,0,0,0.7);	
  color: #fff;	
  bottom: 0;	
  width: 100%;	
  padding: 2rem;	
  border-bottom-left-radius: 10px;	
  border-bottom-right-radius: 10px;	
}	
.pblog-button {	
  display: inline-block;	
  border: 1px solid rgba(255,255,255,0.4);	
  margin-top: 1.5rem;	
  border-radius: 10px;	
  padding: 1rem 2.2rem;	
  color: #fff;	
  font-size: 1.4rem;	
}	
.pblog-button:hover {	
  background: #fff;	
  color: #000;	
}	
.pol-pullupshare {	
  display: block;	
  background: blue;	
  text-align: center;	
  color: #fff;	
  padding: 1.5rem 1rem;	
  border-radius: 25px;	
  margin-top: 1rem;	
}	
.pol-pullupimg {	
  /* width: 30rem; */	
  height: 30rem;	
  object-fit: contain;	
  max-width: 100%;	
}	
.pblog-polbody__img {	
  height: 4rem;	
  width: 4rem;	
  object-fit: contain;	
  background: #f2f1f1;	
  padding: 0.4rem;	
  border-radius: 5px;	
  margin-right: 1rem;	
  display: inline-block;	
}	
.price-whenbody {	
  display: grid;	
  grid-template-columns: repeat(3, 1fr);	
  column-gap: 6rem;	
  row-gap: 6rem;	
}
.price-whenbody, .price-whenbodyalt {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 6rem;
  row-gap: 6rem;
}
.price-whenbodyalt {
    grid-template-columns: repeat(2, 1fr);
    max-width: 800px;
    margin: 0 auto;
}
@media only screen and (max-width: 1200px) {
  .price-whenbody {
    grid-template-columns: 1fr;
  }
}
@media only screen and (max-width: 1200px) {
  .price-whenbody {
    grid-template-columns: 1fr;
  }
}
@media only screen and (max-width: 600px) {
    .price-whenbodyalt {
        grid-template-columns: 1fr;
        max-width: 400px;
        margin: 0 auto;
    }
    
}
.price-whenbody1 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.3);
  padding: 4rem 2rem;
  border-radius: 15px;
  border: 1px solid rgba(0,0,0,0.1);
  height: 100%;
}
.price-whenbodydollar {
  display: inline-block;
  transform: translateY(-1.5rem);
}
.price-whenbodyfoot2 {
  flex-grow: 1;
  margin-top: auto;
}
.price-whenbodyfoot {
  /* flex-grow: 1; */
  display: block;
  text-align: center;
  background: rgb(12, 160, 12);
  padding: 1.5rem;
  border-radius: 10px;
  color: #fff;
  margin-top: 2rem;
}
.price-whenbody__down {
  background: #f9f9f9;
  border: 1px solid rgba(0,0,0,0.3);
  border-radius: 30px;
  padding: 1.5rem 4rem;
  display: inline-block;
  color: #000;
  width: 25rem;
  max-width: 100%;
}
.price-whenbody__relative {
  height: 30rem;
  width: 100%;
  position: relative;
}
.price-whenbody__donow {	
  background: #f9f9f9;	
  border: 1px solid rgba(0,0,0,0.1);	
  border-radius: 30px;	
  width: auto;	
  padding: 1rem 1.7rem;	
  border-radius: 10px;	
  display: inline-block;	
  color: #000;	
}	
.price-whenbody__upsee {	
  margin-top: 5rem;	
  padding-top: 2rem;	
  border-top: 1px solid rgba(0,0,0,0.3);	
}
.price-whenbody__text {
  position: absolute;
  height: 30rem;
  width: 100%;
  padding: 1rem;
  border-radius: 5px;
  border: 1px solid rgba(0,0,0,0.6);
  max-width: 100%;
}
.price-whenbody__copman {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 12;
}
.price-whenbody__copbody {
  background: rgba(255, 255, 255, 0.7);
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 10;
  border-radius: 5px;
}
.price-whenbody__copbodyactive {
  background: rgba(18,193,18,0.6);
  color: #fff;
}
.price-whenbody__copbodyactive .price-whenbody__copman {
  color: #fff !important;
}
.price-whenbody__compbottom {
  background: #f9f9f9;
  color: #000;
  border: 1px solid rgba(0,0,0,0.3);
  padding: 1rem 2.4rem;
  display: inline-block;
  border-radius: 10px;
}
.whenbody1-body {
  line-height: 1.9;
}
.whenbody1-body p { 
  padding: .6rem 0;
}
.whenbody1-body h1 { 
  font-size: 3rem;
  font-weight: 600; 
  line-height: 1.5;
}
.section-fortitle {
  font-size: 3rem;
  text-align: center;
  font-weight: 600;
}
.section-fordesc {
  max-width: 600px;
  margin: 0 auto;
  margin-top: 2rem;
  text-align: center;
  line-height: 2;
}
.boxcont1 {
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  padding: 3rem 2rem;
}
.boxcont1-joinwidth {
  max-width: 30rem;
  margin: 0 auto;
}
.justapprove {
  display: inline-flex;
  width: 20rem;
  background: blue;
  align-items: center;
  justify-content: center;
  border-radius: 40px;
  padding: 1.5rem;
  color: #fff;
  font-size: 1.6rem;
  cursor: pointer;
}
.feedback-miss {
  background: #f4f4f4;
  padding: 1rem;
  border: 1px solid rgba(0,0,0,0.1);
}
.viewasset-box {
  padding: 2.5rem 2rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  margin-bottom: 1rem;
}
.viewasset-box__img {
  width: 25rem;
  border-radius: 5px;
  object-fit: contain;
  max-width: 100%;
}
.viewasset-box__link {
  background: #f9f9f9;
  padding: 1rem 1.4rem;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 4px;
}
.showmiss-rmvbutt {
  background: #333;
  font-size: 1.2rem;
  padding: 0.4rem 1rem;
  border: 1px solid rgba(255,255,255,0.2);
  border-radius: 3px;
  margin-top: 0.6rem;
  display: inline-block;
  color: red;
}
.showmiss-approve {
  color: green;
  font-weight: 600;
  font-size: 1.4rem;
  margin-top: 0.6rem;
}
.showmiss-box__underline {
  padding: 1.5rem 1rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.showmiss-title {
  font-size: 2.3rem;
  margin-top: 2rem;
  font-weight: 600;
}
.showmiss-box {
  width: 100%;
  border-radius: 10px;
  box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.15);
  overflow-x: hidden;
}
.showmiss-boxtitle {
  font-size: 1.7rem;
}
.showmiss-boxeach:not(:last-child) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.showmiss-boxeach {
  padding: 2rem 0;
}
.showmiss-boxeach2 {
  padding: 1rem 0;
}
.showmiss-boxeach2:not(:last-child) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}
.showmiss-picbox {
  transform: translateY(.5rem);
}
.showmiss-checkbox {
  /* height: 2.5rem;
  width: 2.5rem; */
  /* display: inline-block; */
  transform: translateY(0.45rem);
  margin-right: 3.5rem;
}
.showmiss-checkboxwrap input:checked {
  background-color: green;
}
.showmiss-checkit {
  position: relative;
  margin-right: 1.5rem;
}
.showmiss-checkit input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.showmiss-social {
  background: var(--firstcolor);
  font-size: 2rem;
  border-radius: 50%;
  color: #fff;
  display: inline-block;
  padding: 1rem 1.1rem;
  border: 1px solid rgba(0,0,0,0.1);
}
.showmiss-social:not(:last-child) {
  margin-right: 1rem;
}
.showmiss-top {
  background: var(--firstcolor);
  color: #fff;
  padding: 2rem;
  border-top-left-radius: 10px;
  font-weight: 600;
  border-top-right-radius: 10px;
  font-size: 2rem;
}
.showmiss-track {
  border: 1px solid rgba(0,0,0,0.1);
  padding: 2rem 2rem;
  background: #fff;
}
.showmiss-track:not(:first-child) {
  margin-top: .2rem;
}
.showmiss-track__link {
  background: var(--firstcolor-hover);
  color: #fff;
  padding: 1.3rem 2rem;
  border-radius: 20px;
  display: inline-block;
  margin-top: 1rem;
}
.showmiss-track__link:hover {
  background: var(--firstcolor);
}
.tobisection-showtesti, .tobisection-showtesti__new {
  background: #1a1a1a;
  border-radius: 7px;
  padding: 3rem 3rem;
  width: 700px;
  max-width: 90%;
  margin: 0 auto;
  margin-top: 6rem;
  position: relative;
  z-index: 4;
}
.tobisection-showtesti__new {
  background: unset;
  padding: 3rem 0rem;
}
.tobisection-showtesti::before {
  content: '';
  position: absolute;
  bottom: 100%;
  right: -3%;
  z-index: -2;
  top: -3%;
  width: 100%;
  height: 100%;
  background: #1a1a1a;
  border-radius: 7px;
}
.tobisection-showtesti::after {
  content: '';
  position: absolute;
  bottom: 100%;
  right: -6%;
  z-index: -2;
  top: -6%;
  width: 100%;
  height: 100%;
  background: #1a1a1a;
  border-radius: 7px;
}

.tobisection-showtesti__text {
  font-size: 2rem;
  color: #fff;
  line-height: 1.8;
}
.tobisection-showtesti__img {
  height: 5rem !important;
  width: 5rem !important;
  object-fit: cover;
  border-radius: 50%;
}
.nexttesti {
  color: #fff;
  display: inline-block;
  background: var(--firstcolor);
  padding: 1.3rem 1.5rem;
  border-radius: 50%;
  position: absolute;
  right: -8%;
  top: 36%;
  font-size: 2rem;
  cursor: pointer;
}
@media only screen and (max-width: 600px) {
  .tobisection-showtesti::after {
    background: unset;
  }
  .nexttesti {
    right: -5%;
  }
  .tobisection-showtesti::before {
    content: '';
    position: absolute;
    bottom: 100%;
    right: -5%;
    z-index: -2;
    top: -3%;
    width: 100%;
    height: 100%;
    border-radius: 7px;
  }
  
}
.therateguy i:hover, .fa-star {
  color: var(--firstcolor-hover);
}


.countrywrap {
  display: inline-block;
  border: 1px solid #333;
  padding: 1rem 1.5rem;
  border-radius: 4px;
}
.price-fixedgrid {
  background: #000;
  position: fixed;
  top: 0;
  width: 1200px;
  max-width: 100%;
  z-index: 90;
}
.price-fixedgrid .price-grid__cover {
  display: none;
}
.price-grid__nowtitle {
  font-size: 3rem;
}
.price-fixedgrid .price-grid__nowtitle {
  font-size: 2rem;
}
.price-fixedgrid .final-pricelink {
  font-size: 1.3rem;
}

.price-grid {
 display: grid;
 grid-template-columns: 1fr 25% 25%;
}
.price-gridb {
 border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.price-gridleft {
  border-left: 1px solid rgba(255, 255, 255, 0.1);
}
.price-gridright {
  border-right: 1px solid rgba(255, 255, 255, 0.1);
}
.price-gridtop {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.final-pricelink, .final-pricelink__active {
  display: inline-block;
  border: 1px solid var(--firstcolor-hover);
  color: var(--firstcolor-hover);
  margin-top: 1.2rem;
  border-radius: 7px;
  padding: 0.7rem 1rem;
  font-weight: 600;
  cursor: pointer;
  text-align: center;
}
.final-pricelink:hover {
  background: var(--firstcolor-hover);
  color: #fff;
}
.final-pricelink__active {
  background: var(--firstcolor-hover);
  color: #fff;
}
.price-grid2nd {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 4rem;
  padding: 1rem;
  margin-top: 6rem;
}
.price-grid2nd__body {
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.6);
  border-radius: 5px;
  background: #000;
  padding: 2rem; 
}
.price-grid2nd__title {
  color: #fff;
  font-weight: bold;
  font-size: 2.5rem;
}
.priceroute {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.price-gridmenow_show {
  display: none;
}
@media only screen and (max-width: 800px) {
  .price-gridblue {
    display: block;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    border-left: 1px solid rgba(255, 255, 255, 0.1);
  }
  .price-gridblue .fontsize3rem {
    font-size: 1.5rem !important;
  }  
  .price-gridblue .price-gridmenow {
    display: inline-block;
    border: none !important;
    margin-top: -3rem;
  }
  .price-gridblue .price-gridmenow2 {
    margin-left: -2rem;
  }
  .price-gridmenow .fontsize2rem {
    font-size: 1.5rem !important;
  }
  .price-gridmenow_show {
    display: inline-block;
  }
}

 /* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #e1e1e1;
  border-radius: .4rem;
  border: 1px solid rgba(0, 0, 0, 0.1);
}

/* On mouse-over, add a grey background color */
.showmiss-checkit:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.showmiss-checkit input:checked ~ .checkmark {
  background-color: #09bc09;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.showmiss-checkit input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.showmiss-checkit .checkmark:after {
  left: 37%;
  top: 14%;
  width: 7px;
  height: 14px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(49deg);
}

.showmiss-mainbox {
  display: flex;
  /* align-items: center; */
}
.showmiss-mainbox__side {
  margin-left: 1rem;
}
.showmiss-button {
  background: var(--firstcolor);
  display: inline-block;
  padding: 1.7rem 3rem;
  border: none;
  font-size: 1.7rem;
  border-radius: 10px;
  color: #fff;
  cursor: pointer;
  width: 100%;
}
.showmiss-button:hover {
  background: var(--firstcolor-hover);
}
.showmiss-rightusername {
  height: 2.4rem;
  width: 2.3rem;
  font-size: 1.2rem;
}
.showmiss-playgroup {
  margin-top: 1rem;
}
.showmiss-playbuttoncss {
  background: #ececed;
  border-radius: 7px;
  /* border-bottom-left-radius: 10px; */
  padding: .7rem 1.5rem;
  display: inline-block;
  font-size: 1.4rem;
  color: #000;
  cursor: pointer;
  user-select: none;
}
.showmiss-playbuttoncss:hover {
  background: #dedee2;
}
.showmiss-playbuttonmain {
  padding: 1.3rem 2rem;
  background: #d6d6d7;
}
.showallinstr {
  white-space: pre-wrap;
}
.showmiss-newbody {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 13rem;
  width: 11rem;
  background: #f3f3f4;
  border-radius: 10px;
  border: 1px solid rgba(0, 0, 0, 0.03);
  padding: 1rem;
}
.showmiss-newbody2 {
  height: 14.5rem;
}
.showpush-button {
  display: inline-block;
  padding: 2rem 3rem;
  background: #ff6633;
  color: #fff;
  font-size: 1.8rem;
  border-radius: 35px;
  width: 35rem;
  max-width: 100%;
}
.showmiss-newicon {
  font-size: 4rem;
}
.showmiss-newtop {
  background: #fff;
  padding: .5rem 1rem;
  border-radius: 5px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  color: #000;
  margin-top: 2rem;
  font-size: 1.1rem;
}
.showmiss-newtop3 {
  /* background: rgba(0,0,0,0.08); */
  /* color: #000; */
  background: #333;
  color: #fff;
}
.showmiss-add, .showmiss-add2 {
  border: 2px dotted orange;
  padding: 1rem 2rem;
  cursor: pointer;
  background: #fff;
  height: 12.9rem;
}
.showmiss-add2 {
  display: inline-block;
  height: auto;
  border-radius: 8px;
}
.showmiss-add:hover, .showmiss-add2:hover {
  background: #f9f9f9;
}
.showplay-all {
  max-width: 100%;
}
.showplay-allvid {
  height: 35rem;
  width: 100%;
  max-width: 100%;
}
.showplay-allvid2 {
  height: 35rem;
  width: 35rem;
  max-width: 100%;
}
.showplay-allpic {
  height: 40rem;
  max-width: 100%;
  object-fit: contain;
}
.showplay-allpdf {
  background: var(--firstcolor);
  padding: 1.7rem 4rem;
  display: inline-block;
  color: #fff;
  border-radius: 30px;
}
.showplay-allpdf:hover {
  background: var(--firstcolor-hover);
}
.gotit-button {
  background: linear-gradient(#00a400, green);
  color: #fff;
  display: inline-block;
  padding: 1rem 2.5rem;
  border-radius: 5px;
}
.othergot {
  padding: 2rem 3.5rem;
  cursor: pointer;
}
.othergot2 {
  margin-left: 2rem;
}
@media only screen and (max-width: 700px) {
  .othergot2 {
    margin-left: 0;
  }
}
.istuff {
  color: green;
  border: 1px solid rgba(0,0,0,0.2);
  padding: 2rem;
  border-radius: 50%;
  font-size: 2rem;
}
.turns-title {
  background: #000;
  color: #fff;
  padding: 3rem 2rem;
  font-size: 4rem;
  text-align: center;
  width: 100%;
}
.turns-img {
  height: 20rem;
  width: 19.5rem;
  border-radius: 50%;
  border: 1px solid rgba(0,0,0,0.2);
}
.turns-line {
  padding: 2.3rem 0;
  color: #000;
  font-size: 2.1rem;
  font-family: 'PT Serif', serif;
  line-height: 1.7;
  letter-spacing: 0.51px;
}
.turns-line__big {
  font-size: 3rem;
}
.whathappens {
  background: #111;
  color: #ff6633;
  display: inline-block;
  padding: 1.3rem 1.7rem;
  border-radius: 10px;
  cursor: pointer;
}
.whathappens:hover {
  background: #000;
}
.thelineheight {
  line-height: 1.5;
}
.therandimg {
  height: 7rem;
  width: 7rem;
  object-fit: cover;
  border:1px solid rgba(0,0,0,0.1);border-radius:50%;
  display:inline-block;
}
.therandleft {
  margin-left: -3rem;
  position: relative;
  z-index: 1;
}
.therandimgz {
  height: 4rem;
  width: 4rem;
  object-fit: cover;
  border:1px solid rgba(0,0,0,0.1);border-radius:50%;
  display:inline-block;
}
.therandleftz {
  margin-left: -2rem;
  position: relative;
  z-index: 1;
}
.therandwithout {
  z-index: 0;
  margin-top: -4rem;
  transform: translateY(-1.4rem);
  display: inline-block;
}
.therandfont {
  font-size: 6.5rem;
}
.therandart {
  height: 10rem;
  width: 10rem;
  object-fit: cover;
  border-radius: 50%;
  display: inline-block;
  margin-bottom: .3rem;
}
.therandartist {
  height: 18rem;
  width: 18rem;
  object-fit: cover;
  border:1px solid rgba(0,0,0,0.2);
  border-radius: 50%;
}
.therandsnapshot {
  height: 30rem;
}
.therandvid {
  height: 35rem;
  max-width: 100%;
}
.therandquote {
  height: 4rem;
}
.shops-body {
  padding: 2.5rem 1rem;
  text-align: center;
  background: #fff;
  border-radius: 5px;
  position: relative;
  border: 1px solid rgba(0,0,0,0.1);
}
.gal-slideleft, .gal-slideright {
  position: absolute;
  left: 1.5%;
  top: 50%;
  display: inline-block;
  color: #fff;
  background: var(--firstcolor);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  font-size: 2rem;
  cursor: pointer;
  z-index: 20;
  padding: 1rem 1.2rem;
}
.gal-slideright {
  /* right: 0; */
  left: 98.5%;
  /* transform: translate(-50%, -50%); */
}
.gal-slideright:hover, .gal-slideleft:hover {
  background: var(--firstcolor-hover);
}
.drillpopimg {
  display: inline-block;
  transform: translate(1.2rem, -1rem);
  color: #111;
  font-size: 1.2rem;
}
.mesee-img {
  height: 15rem;
  width: 15rem !important;
  border-radius: 50%;
  object-fit: cover;
  display: inline-block !important;
}
.mesee-tit {
  color: #fff;
}
.beet-newrow {
  display: grid;
  grid-template-columns: 30% 1fr 30%;
  align-items: center;
}
@media only screen and (max-width: 900px) {
  .beet-newrow {
    grid-template-columns: 1fr;
    row-gap: 4rem;
  }
}
.beet-tworow {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 6rem;
  align-items: center;
  max-width: 900px;
  margin: 0 auto;
}
.beet-tworow:not(:first-child) {
  margin-top: 8rem;
}
.beet-two__mobileshow {
  display: none;
}
@media only screen and (max-width: 800px) {
  .beet-tworow {
    grid-template-columns: 1fr;
    text-align: left;
  }
  .beet-two__mobilehide {
    display: none;
  }
  .beet-two__mobileshow {
    display: block;
  }
}
.beet-tworow__title {
  font-size: 3.5rem;
  font-weight: 600;
  text-align: left;
  margin-bottom: 1.5rem;
}
.beet-tworow__desc {
  font-size: 1.8rem;
  line-height: 1.6;
  text-align: left;
}
.beet-tworow__img {
  height: 36rem;
}
.beet-tworow__img2 {
  height: 35rem;
  max-width: 100%;
  object-fit: contain;
}
.beet-tworow__img3 {
  height: 42rem;
}

.beet-img {
  height: 10rem;
  border: 8px solid #d8dfea;
  border-radius: 50%;
  height: 10rem;
  width: 10rem;
  object-fit: cover;
  display: block;
}
.beet-img2 {
  transform: translateX(15rem);
}
.beet-img1 {
  transform: translateX(15rem);
}
.beet-img3 {
  height: 8rem;
  width: 8rem;
  transform: translateX(5rem);
}

@media only screen and (max-width: 900px) {
  .beet-cont1 {
    padding: 2rem;
  }
  .beet-img {
    height: 7rem;
    width: 7rem;
    display: inline-block;
    transform: unset;
    border: 6px solid #d8dfea;
  }
  .beet-img:not(:last-child) {
    margin-right: 1rem;
  }
}

.listbox {
  display: flex;
  padding: 1rem 1rem;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 5px;
}
.listbox-besideload {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 2rem;
  z-index: 10;
}
.listbox:not(:last-child) {
  margin-bottom: 1rem;
}
.listbox-roundbody {
  border: 1px solid rgba(0,0,0,0.2);
  border-radius: 5px;
  margin-top: .1rem;
  padding: 1rem;
  background: #f4f4f4;
}
.listbox-roundbody .boxcont-i {
  font-size: 1.3rem;
}
.listbox-roundbody .boxcont-thisdesc {
  font-size: 1.45rem;
}
.listbox2 {
  padding: 2rem;
  /* background: #f9f9f9; */
  border: none;
  border-radius: 0;
}
.listbox2:not(:last-child) {
  margin-bottom: 1rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.listboxnew1:not(:last-child) {
  margin-bottom: none;
  border: none;
}

.listboxnew-wrap {
  padding-bottom: 2rem;
}
.listboxnew-wrap:not(:last-child) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 1rem;

}

.listbox-img {
  height: 4rem;
  width: 4rem;
  object-fit: cover;
  border-radius: 7px;
  border: 1px solid rgba(0,0,0,0.2);
  opacity: 0.8;
  cursor: pointer;
}
.listbox-img2 {
  height: 8rem;
  width: 8rem;
}
.listbox-img3 {
  border: 1px solid rgba(255,255,255,0.2);
}
.listbox-newsideimg {
  height: 13rem;
  width: 13rem;
  border-radius: 50%;
  object-fit: cover;
}

.listbox-sidetext {
  height: 5rem;
  width: 5rem;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 7px;
  border: 1px solid rgba(0,0,0,0.2);
  font-size: 3rem;
  color: var(--firstcolor);
  background: #fff;
  cursor: pointer;
}
.listbox-sidetext:hover {
  background: #f9f9f9;
  opacity: 0.8;
}
.listbox-sidetext2 {
  height: 8rem;
  width: 8rem;
}
.listbox-newsidetext {
  height: 15rem;
  width: 15rem;
  border-radius: 50%;
  font-size: 6rem;
}
.listbox-side {
  margin-left: 3rem;
  width: 72%;
}
.listbox-side2 {
  width: 80%;
}
.listbox-additem {
  display: inline-block;
  background: #111;
  color: #fff;
  border-radius: 25px;
  padding: 1rem 2rem;
  font-size: 1.5rem;
  transform: translateY(-0.5rem);
}
.listbox-col {
  display: inline-flex;
  background: purple;
  height: 4.6rem;
  color: #fff;
  /* flex-direction: column; */
  width: 4.6rem;
  position: relative;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  margin-top: 1rem;
  cursor: pointer;
  border: 1px solid rgba(255, 255, 255, 0.2); 
}
.listbox-col:not(:last-child) {
  margin-right: 1.2rem;
}
.listbox-colcheck {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
}
.giftpart-border, .giftpart-link {
  display: inline-block;
  border: 2px solid var(--firstcolor);
  padding: 0.5rem 1rem;
  border-radius: 5px;
  margin-right: 1rem;
  color: #000;
  font-weight: 500;
  /* text-transform: uppercase; */
  font-size: 1.4rem;
  cursor: pointer;
}
.giftpart-link {
  background: var(--firstcolor);
  color: #fff;
  margin-right: 0;
}
.giftinprow {
  display: flex;
  align-items: center;
}
.giftinpclose {
  color: red;
  margin-left: 1rem;
  display: block;
}
.giftinpwidth {
  max-width: 60%;
}



.row {
  width: 1200px;
  margin: 0 auto;
  max-width: 100%;
}

  .row800 {
    width: 800px;
    max-width: 100%;
  }
  .row1000 {
    width: 1000px;
    max-width: 100%;
  }

  .row600 {
    width: 600px;
    max-width: 100%;
  }
  .widthauto {
    width: auto;
  }
  .widthauto-important {
    width: auto !important;
  }
  .width100percent {
    width: 100%;
  }
  .margin-0auto {
    margin: 0 auto;
  }
  .thisrow:before, .thisrow:after, .row:before, .row:after, .row800:before, .row800:after, .row1000:before, .row1000:after, .row600:before, .row600:after {
    content: "";
    clear: both;
    display: table; }

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

.center {
  text-align: center; }

.hover-opacity:hover {
  opacity: 0.8;
}
.bg-greenhover:hover {
  background: green;
}
.underline-white {
  display: inline-block;
  line-height: 1;
  border-bottom: 1px solid #fff;
}
.dottedunderline-white {
  display: inline-block;
  line-height: 1.2;
  border-bottom: 1px dotted #fff;
}

.underline-black {
  display: inline-block;
  line-height: 1;
  border-bottom: 2px solid #000;
}
.margin-small-top {
  margin-top: 2rem; }
.weight-normal {
  font-weight: normal;
}
.left {
  text-align: left; }

.float-left {
  float: left;
}
.right {
  text-align: right; }

.float-right {
  float: right;
}
@keyframes leftRight {
  0% {
    left: 50.7%; }
  100% {
    left: 50%; } }

.margin-left__tiny {
  margin-left: .5rem; }

.margin-left__negtiny {
  margin-left: -.5rem; }
  
.margin-left__auto {
  margin-left: auto;
}
.margin-left__none {
  margin-left: 0;
}
.margin-right__none {
  margin-right: 0;
}

.margin-left__minute {
  margin-left: 1rem; }

.margin-left__negminute {
  margin-left: -1rem; }
  
.margin-left__midsmall {
  margin-left: 1.5rem !important; }
    
.margin-left__small {
  margin-left: 2rem; }

.margin-left__negsmall {
  margin-left: -2rem; }

.margin-left__midmedium {
  margin-left: 3rem !important;
}
.margin-left__negmidmedium {
  margin-left: -3rem !important;
}
  
.margin-top__tiny {
  margin-top: .5rem; }

.margin-top__negtiny {
  margin-top: -.5rem; }

.margin-top__midsmall {
  margin-top: 1.5rem !important; }
  
.margin-top__negmidsmall {
  margin-top: -1.5rem !important;
}
  
.margin-top__small {
  margin-top: 2rem !important; }

.margin-top__midmedium {
  margin-top: 3rem !important;
}
.margin-top__negmidmedium {
  margin-top: -3rem !important;
}
.margin-top__negsmall {
  margin-top: -2rem !important; }

.margin-top__minute {
  margin-top: 1rem !important; }

.margin-top__negminute {
  margin-top: -1rem !important; }

.margin-top__medium {
  margin-top: 4rem !important; }

.margin-top__negmedium {
  margin-top: -4rem; }

.margin-top__midbig {
  margin-top: 5rem; }

.margin-top__negmidbig {
  margin-top: -5rem; }
  
.margin-top__big {
  margin-top: 6rem !important; }

.margin-top__negbig {
  margin-top: -6rem; }

.margin-top__reallybig {
  margin-top: 8rem !important; }

.margin-top__negreallybig {
  margin-top: -8rem; }

.margin-top__reallyreallybig {
  margin-top: 12rem; }

.margin-top__negreallyreallybig {
  margin-top: -12rem; }

.margin-bottom__midsmall {
  margin-bottom: 1.5rem !important; }
  
.margin-bottom__small {
  margin-bottom: 2rem !important; }

.margin-bottom__negsmall {
  margin-bottom: -2rem !important; }
  
.margin-bottom__inbetween {
  margin-bottom: 3rem !important;
}
.margin-bottom__midmedium {
  margin-bottom: 3rem !important;
}
.margin-bottom__negmidmedium {
  margin-bottom: -3rem !important;
}
.margin-bottom__big {
  margin-bottom: 6rem !important; }

.margin-bottom__reallybig {
  margin-bottom: 8rem !important; }

.margin-bottom__midreallyreallybig {
  margin-bottom: 10rem !important; }
  
.margin-bottom__medium {
  margin-bottom: 4rem !important; }

.margin-bottom__negmedium {
  margin-bottom: -4rem !important; }
  
.margin-bottom__tiny {
  margin-bottom: .5rem !important; }

.margin-bottom__negtiny {
  margin-bottom: -.5rem !important; }

.margin-bottom__midsmall {
  margin-bottom: 1.5rem !important; }
    
.margin-bottom__minute {
  margin-bottom: 1rem !important; }

.margin-bottom__negminute {
  margin-bottom: -1rem !important; }
  
  
.margin-right__medium {
  margin-right: 4rem !important; }
  
.margin-right__small {
  margin-right: 2rem !important; }

.margin-right__midsmall {
  margin-right: 1.5rem !important; }
    
.margin-right__tiny {
  margin-right: .5rem !important; }
  
.margin-right__minute {
  margin-right: 1rem !important; }

.padding4rem2rem {
  padding: 4rem 2rem;
}
.padding-none {
  padding: 0rem; }
  
.padding-bottom {
  padding-bottom: 2rem; }

.padding-bottom05rem {
  padding-bottom: .5rem !important;
}
  
.padding-bottom1rem {
  padding-bottom: 1rem !important;
}
  
.padding-top2rem {
  padding-top: 2rem !important;
}
.padding-bottom2rem {
  padding-bottom: 2rem !important;
}
.padding-top3rem {
  padding-top: 3rem;
}
.padding-top6rem {
  padding-top: 6rem !important;
}
.padding-bottom3rem {
  padding-bottom: 3rem;
}
.padding-bottom3rem__important {
  padding-bottom: 3rem !important;
}
.padding-bottom6rem {
  padding-bottom: 6rem;
}
.padding-general {
  padding: 1rem; }
  .padding-general__minute {
    padding: 1rem; }
  .padding-general__small {
    padding: 2rem; }

.padding-topbottomonly1rem {
  padding: 1rem 0; }

.padding-topbottomonly2rem {
  padding: 2rem 0; }
      
.padding-rightandleft__minute {
  padding: 0 1rem; }

.padding-rightandleft__small {
  padding: 0 2rem; }

.padding-rightandleft__medium {
  padding: 0 4rem; }

.padding-rightandleft__subbig {
  padding: 0 5.5rem; }

.padding-rightandleft__big {
  padding: 0 6rem; }

.padding-top__none {
  padding-top: 0 !important;
}
.padding-bottom__none {
  padding-bottom: 0 !important;
}
.capitalize {
  text-transform: capitalize; }

.uppercase {
  text-transform: uppercase; }

.border-supersuperlight__bottom {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1); 
}
.border-supersuperdark__bottom {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1); 
}
.border-superlight__altcolorbottom {
  border-bottom: 1px solid var(--altfirstcolor) !important; 
}
.border-superlight__all {
  border: 1px solid rgba(255, 255, 255, 0.2); 
}
.border-white__all__important {
  border: 1px solid #fff !important; 
}
.border-white__all {
  border: 1px solid #fff; 
}
.border-superlight__bottom__notimportant {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2); 
}
.border-superlight__bottom {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important; 
}
.border-superlight__right {
  border-right: 1px solid rgba(255, 255, 255, 0.2); 
}
.border-superlight__top {
  border-top: 1px solid rgba(255, 255, 255, 0.2); 
}
.border-superlight__left {
  border-left: 1px solid rgba(255, 255, 255, 0.2); 
}
.border-light__bottom {
  border-bottom: 1px solid #ecebeb; 
}
.border-thick__all {
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.border-thick__bottom {
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.border-top-left-radius {
  border-top-left-radius: 5px;
}
.border-top-right-radius {
  border-top-right-radius: 5px;
}
.border-bottom-left-radius {
  border-bottom-left-radius: 5px;
}
.border-bottom-right-radius {
  border-bottom-right-radius: 5px;
}
.border-bottom__purple {
  border-bottom: 1px solid #9155b8;
}
.border-bottom__blue {
  border-bottom: 1px solid blue;
}
.border-bottom__sand {
  border-bottom: 1px solid #9f8d0e;;
}
.border-bottom__subsubblue {
  border-bottom: 1px solid #7ca1dd;
}
.border-bottom__subgreen {
  border-bottom: 1px solid #a2d5c6;
}
.border-bottom__orange {
  border-bottom: 1px solid orange;
}
.border-bottom__lightgreen {
  border-bottom: 1px solid #00FF7F;
}
.border-bottom__subblue {
  border-bottom: 1px solid #308bcf;
}
.border-bottom__subpink {
  border-bottom: 1px solid #ec4e8b;
}
.border-bottom__darkgoldenrod {
  border-bottom: 1px solid darkgoldenrod;
}
.border-thick__03 {
  border: 1px solid rgba(0, 0, 0, 0.3);
}
.border-whitethick__03 {
  border: 1px solid rgba(255, 255, 255, 0.3);
}
.border-whitethick__01 {
  border: 1px solid rgba(255, 255, 255, 0.15);
}
.border-top__dottedwhitesmall {
  border-top: 1px dotted rgba(255, 255, 255, 0.2);
}
.border-leftnone {
  border-left: none;
}
.border-leftradiusnone {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.border-rightradiusnone {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.border-leftradiusnone__important {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.border-rightradiusnone__important {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.border-topnone {
  border-top: none;
}
.border-rightnone {
  border-right: none;
}
.border-bottomnone {
  border-bottom: none;
}

.blackbg, .compbg {
  position: fixed;
  background: rgba(0, 0, 0, 0.7);
  display: none;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  z-index: 100; }
  .compbg {
    z-index: 102;
  }
  .removepop {
    z-index: 110;
  }
  .zoompop {
    z-index: 150;
  }
  .z-index150 {
    z-index: 150;
  }
  .compbg-title {
    padding: 2rem;
    background: #ebe8e8;
    text-align: center;
    font-size: 2.5rem;
    font-weight: 800;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }
  .compbg-hascont {
    cursor: pointer;
  }
  
  .blackbgcont {
    position: relative;
    background: #fff;
    z-index: 110;
    height: auto;
    max-height: 95vh;
    overflow: auto;
    width: 700px;
    max-width: 95%;
    position: absolute;
    padding: 1rem;
    padding-bottom: 2rem;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); }
    .blackbgcont-title {
      padding: 2rem;
      font-family: "Montserrat", sans-serif;
      color: #000;
      font-size: 2rem;
      font-weight: 600;
      text-align: center;
      position: relative; }
    .blackbgcont-content {
      position: relative;
      text-align: center;
      margin-top: 1rem;
      height: 150px; }
    .blackbgcont-loading {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      background: rgba(219, 216, 216, 0.5);
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center; }
    .blackbgcont-photo {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      display: inline-block;
      height: 120px;
      width: 119px;
      object-fit: cover; }
    .blackbgcont-frame {
      display: inline-block;
      position: absolute;
      height: 150px;
      width: 150px;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
    .blackbgcont-load {
      height: 120px;
      width: 120px; }
    .blackbgcont-close {
      color: #000;
      position: absolute;
      top: 0;
      right: 0;
      display: inline-block;
      padding: 1rem;
      margin-top: -1rem;
      margin-right: -1rem;
      font-size: 1.7em !important;
      cursor: pointer; }
      .blackbgcont-close:hover {
        background: rgba(219, 216, 216, 0.5); }

.teamherepop-block {
  bottom: 4%;
  top: unset;
  transform: translate(-50%, -2%);
}
.teamherebody {
  max-height: 70vh;
  overflow: auto;
} 
.strikethrough {
  text-decoration: line-through !important; }


.bold {
  font-weight: bold !important; }
.weight600 {
  font-weight: 600;
}
.lineheight18 {
  line-height: 1.8;
}
.lineheight2 {
  line-height: 2;
}
.weight400 {
  font-weight: 400 !important;
}
.weight500 {
  font-weight: 500 !important;
}
.transwhite {
  background: #1f1515 !important; }

.nobold {
  font-weight: normal !important;
}
div.conceptbox2.heightauto {
  height: auto !important;
  max-height: auto !important;
  min-height: auto !important;
}
.formerror {
  text-shadow: 0 0.1rem 0.1rem #fa3d3d; }

.sup-green {
  background: green;
  color: #fff;
  transform: translateY(-0.4rem);
  padding: .2rem .4rem;
  font-family: "Open Sans", sans-serif;
  font-size: 1.3rem;
  border-radius: 3px;
  margin-left: .3rem;
  display: inline-block; }
.bg-lightgrey {
  background: #f0efef;
}
.bg-brightpurple {
  background: #bf35ca;
}
.bg-miniblue {
  background: #f1f4fb;
}
.bg-miniyellow {
  background: #fff6ea;
}
.bg-minigreen {
  background: #f0f7f4;
}
.bg-minibrown {
  background: #fbf5f0;
}
.bg-minipink {
  background: #fbf1f1;
}
.bg-minipurple {
  background: #fef5ff;
}
.bg-errorred {
  background: #faf1f1; }

.bg-orange {
  background: #b90e0e;
}
.bg-altmaincolor {
  background: var(--altfirstcolor);
}
  
.bg-semiwhite {
  background: #ececed;
}
.bg-semiblack {
  background: #1a1a1a;
}
.bg-semiblack__important {
  background: #1a1a1a !important;
}
.bg-realpurple {
  background: purple;
  color: #fff;
}
.bg-realpurple__slightborder {
  border: 2px solid purple;
}
.bg-realpurple__border {
  border: 2px solid purple;
  color: #000;
}
.bg-blue {
  background: blue;
  color: #fff;
}
.bg-subblue {
  background: #308bcf;
  color: #fff;
}
.bg-leafgreen {
  background: #8b865c;
  color: #fff;
}
.bg-suborange {
  background: #ec7b00;
  color: #fff;
}
.bg-coolblue {
  background: #00666e;
  color: #fff;
}
.bg-coolblue2 {
  background: #149ace;
  color: #fff;
}
.bg-subpurple {
  background: #8176aa;
}
.bg-noworange {
  background: #f5772d;
  color: #fff;
}

.bg-blue__slighttext {
  color: blue;
}
.bg-blue__slightborder {
  border: 2px solid blue;
}
.bg-blue__border {
  border: 2px solid blue;
  color: #000;
}

.bg-darkred {
  background: darkred;
  color: #fff;
}
.bg-palegoldenrod {
  background: palegoldenrod;
  color: #000;
}
.anarticle p {
  padding: 1rem 0;
}
.bg-darkred__slighttext {
  color: darkred;
}
.bg-darkred__slightborder {
  border: 2px solid darkred;
}
.bg-darkred__border {
  border: 2px solid darkred;
  color: #000;
}

.bg-myblue {
  background: var(--firstcolor);
  color: #fff;
}
.bg-myblue__slighttext {
  color: var(--firstcolor);
}
.bg-myblue__slightborder {
  border: 2px solid var(--firstcolor);
}
.bg-myblue__border {
  border: 2px solid var(--firstcolor);
  color: #000;
}
.bg-green {
  background: green;
  color: #fff;
}
.bg-subgreen {
  background: #a2d5c6;
}
.bg-green__slighttext {
  color: green;
}
.bg-green__slightborder {
  border: 2px solid green;
}
.bg-green__border {
  border: 2px solid green;
  color: #000;
}
.bg-lightgreen {
  background: #0fba0f;
  color: #fff;
}
.bg-lightgreen:hover {
  background: green;
}
.bg-lightgreen__slighttext {
  color: #0fba0f;
}
.bg-lightgreen__slightborder {
  border: 2px solid #0fba0f;
}
.bg-lightgreen__border {
  border: 2px solid #0fba0f;
  color: #000;
}
.bg-purple {
  background: purple;
}
.bg-purple__slighttext {
  color: purple;
}
.bg-purple__slightborder {
  border: 2px solid purple;
}
.bg-purple__border {
  border: 2px solid purple;
  color: #000;
}
.bg-lightpurple {
  background: #c31dc3;
  color: #fff;
}
.bg-lightpurple__slighttext {
  color: #c31dc3;
}
.bg-lightpurple__slightborder {
  border: 2px solid #c31dc3;
}
.bg-lightpurple__border {
  border: 2px solid #c31dc3;
  color: #000;
}
.bg-thisblack {
  background: #000;
  color: #fff;
}
.bg-thisblack__slighttext {
  color: #000;
}
.bg-thisblack__slightborder {
  border: 2px solid #000;
}
.bg-thisblack__border {
  border: 2px solid #000;
  color: #000;
}
.bg-thislightblack {
  background: #333;
  color: #fff;
}
.bg-thislightblack__slightborder {
  border: 1px solid #333;
}
.bg-thislightblack__slighttext {
  color: #333;
}
.bg-thislightblack__border {
  border: 2px solid #333;
  color: #000;
}
.bg-yellow {
  background: #f5f50e !important;
  color: #000;
}
.bg-yellow__border {
  border: 2px solid #f5f50e;
  color: #000;
}
.bg-yellow__slighttext {
  color: #f5f50e;
}
.bg-yellow__slightborder {
  border: 2px solid #f5f50e;
}
.bg-yellowdeep {
  background: #efef70;
  color: #000;
}
.bg-yellowdeep__slighttext {
  color: #efef70;
}
.bg-yellowdeep__slightborder {
  border: 2px solid #efef70;
}
.bg-yellowdeep__border {
  border: 2px solid #efef70;
  color: #000;
}
.bg-fancyblack {
  background-color: #414958;
  background: -webkit-radial-gradient(top center, circle, #464450, #0b0c0f);
  background: radial-gradient(circle at top center, #464450, #0b0c0f); }

.bg-lightmainbg {
  background: #f7eafa; }

.bg-gradientpink {
  background: linear-gradient(pink, #ea7488);
  color: #fff;
}
.bg-gradientorange {
  background: linear-gradient(orange, #ff7b00);
  color: #fff; }

.bg-gradientblue {
  background: linear-gradient(#308bcf, #4169e1); }

.bg-gradientgreen {
  background: linear-gradient(green, #07ac07); }

.bg-gradientmain {
  background: linear-gradient(var(--firstcolor), #5d427e); }

.bg-gradientblack {
  background: linear-gradient(#000, #333); }

.bg-red {
  background: red;
  color: #fff;
}
  .bg-red:hover {
    background: #da0404; }
.bg-darkred {
  background: darkred;
  color: #fff;
}
.bg-maincolor {
  background: var(--firstcolor);
}
.bg-maincolour {
  background: var(--firstcolor);
}
.bg-maincolour:hover {
  background: var(--firstcolor-hover);
}
.bg-almaincolour2 {
  background: var(--altfirstcolor2);
}
.bg-altmaincolour2:hover {
  background: var(--altfirstcolor2);
}
.bg-maincolourbland {
  background: var(--firstcolor);
}
.bg-secondcolour {
  background: var(--firstcolor-hover);
}

.border-thirdcolour {
  border: 1px solid var(--thirdcolor) !important;
}
.bg-thirdcolour {
  background: var(--thirdcolor) !important;
  color: #fff !important; }
  .bg-thirdcolour__hover:hover, .bg-thirdcolour:hover {
    background: var(--thirdcolor-hover) !important;
    color: #fff !important; }

.bg-purple {
  background: var(--firstcolor) !important;
  color: #fff !important; }
  .bg-purple__hover:hover, .bg-purple:hover {
    background: #5f3868 !important;
    color: #fff !important; }

.bg-transparent {
  background: transparent;
}
.bg-lightmaincolor {
  background: var(--firstcolor-light);
}

.bg-white {
  background: #fff !important;
  color: #333; }
  .bg-white:hover {
    background: #fcfcfc !important;}
.bg-closetowhite {
  background: #f4f2f2;
}
.bg-black {
  background: #000 !important;
  color: #fff !important; }
  .bg-black__hover:hover, .bg-black:hover {
    background: #333 !important; }

  .bg-subblack {
    background: #777 !important;
    color: #fff !important; }
  .bg-subblack__hover:hover, .bg-subblack:hover {
    background: rgb(107, 107, 107) !important; }

  .bg-miniblack {
    background: #333 !important;
    color: #fff !important; }
  .bg-miniblack__hover:hover, .bg-miniblack:hover {
    background: #111 !important; }

.myblack {
  background: #111;
}
.myblack__important {
  background: #111 !important;
}
.myblackhover:hover {
  background: #111;
}
.myblack-another {
  background: #202124;
}
.myblack-main {
  background: #000;
}
.myblack-main__important {
  background: #000 !important;
}
.myblack-mainhover:hover {
  background: #000;
}
.myblack-semi {
  background: #1a1a1a;
}
.myblack-semihover:hover {
  background: #1a1a1a;
}
.myblack-slight {
  background: #212121;
}
.myblack-slighthover:hover {
  background: #212121;
}
.myblack-show {
  background-color: #000000;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400' viewBox='0 0 800 800'%3E%3Cg fill='none' stroke='%231B1B1B' stroke-width='1'%3E%3Cpath d='M769 229L1037 260.9M927 880L731 737 520 660 309 538 40 599 295 764 126.5 879.5 40 599-197 493 102 382-31 229 126.5 79.5-69-63'/%3E%3Cpath d='M-31 229L237 261 390 382 603 493 308.5 537.5 101.5 381.5M370 905L295 764'/%3E%3Cpath d='M520 660L578 842 731 737 840 599 603 493 520 660 295 764 309 538 390 382 539 269 769 229 577.5 41.5 370 105 295 -36 126.5 79.5 237 261 102 382 40 599 -69 737 127 880'/%3E%3Cpath d='M520-140L578.5 42.5 731-63M603 493L539 269 237 261 370 105M902 382L539 269M390 382L102 382'/%3E%3Cpath d='M-222 42L126.5 79.5 370 105 539 269 577.5 41.5 927 80 769 229 902 382 603 493 731 737M295-36L577.5 41.5M578 842L295 764M40-201L127 80M102 382L-261 269'/%3E%3C/g%3E%3Cg fill='%23333333'%3E%3Ccircle cx='769' cy='229' r='5'/%3E%3Ccircle cx='539' cy='269' r='5'/%3E%3Ccircle cx='603' cy='493' r='5'/%3E%3Ccircle cx='731' cy='737' r='5'/%3E%3Ccircle cx='520' cy='660' r='5'/%3E%3Ccircle cx='309' cy='538' r='5'/%3E%3Ccircle cx='295' cy='764' r='5'/%3E%3Ccircle cx='40' cy='599' r='5'/%3E%3Ccircle cx='102' cy='382' r='5'/%3E%3Ccircle cx='127' cy='80' r='5'/%3E%3Ccircle cx='370' cy='105' r='5'/%3E%3Ccircle cx='578' cy='42' r='5'/%3E%3Ccircle cx='237' cy='261' r='5'/%3E%3Ccircle cx='390' cy='382' r='5'/%3E%3C/g%3E%3C/svg%3E");
}
.pointer, .pointer-bland {
  cursor: pointer; }
.zoom-pointer {
  cursor: zoom-in; }
.no-pointer {
  cursor: auto;
}
.border-red {
  border: 1px solid red !important; }
.border-radius5px {
  border-radius: 5px;
}
.border-radius10px {
  border-radius: 10px;
}
.border-radius25px {
  border-radius: 25px;
}
.border-none {
  border: 0;
}
.border-none__important {
  border: none !important;
}
.borderright-none {
  border-right: none;
}
.bordertop-none {
  border-top: none;
}
.borderleft-none {
  border-left: none;
}
.bordertop-none {
  border-top: none;
}
.border-radius10px {
  border-radius: 10px;
}
.border-radiusnone {
  border-radius: 0;
}
.boxshadow_small {
  box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.2);
}
.boxshadow-none {
  box-shadow: none;
}
.black {
  color: #000 !important; }

.red {
  color: red !important; }

.white {
  color: #fff !important; }

.thirdcolour {
  color: var(--firstcolor) !important; }

.maincolour {
  color: var(--firstcolor);
}
.maincolour-border {
  border-bottom: 4px solid var(--firstcolor);
  display: inline-block;
  line-height: 1.02;
}
.green {
  color: green !important; }

.big {
  font-size: 2rem; }
  @media only screen and (max-width: 600px) {
    .big {
      font-size: 1.8rem; } }

.picsible-littlelogo {
  height: 4rem;
}
.picsible-small {
  height: 80px; }
  @media only screen and (max-width: 600px) {
    .picsible-small {
      height: 50px; } }

.title {
  font-weight: 700;
  font-size: 3rem;
  color: #333; }
  /* @media only screen and (max-width: 1200px) {
    .title {
      font-size: 2.7rem; } }
  @media only screen and (max-width: 600px) {
    .title {
      font-size: 2.4rem; } } */

.subtitle {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 2rem;
  color: #333; }

.block {
  display: block !important; }

.flex {
  display: flex !important; }

.flex__notimportant {
  display: flex; }
  
  
.theblock {
  display: block;
}
.inline-block {
display: inline-block !important; }
.inline-blocknormal {
  display: inline-block;
}
.theinline-block {
  display: inline-block;
}
.inline {
  display: inline;
}
.none {
  display: none; }

.defaultsize {
  font-size: 1.6rem; }
.heightauto {
  height: auto;
}
.height1_9rem {
  height: 1.9rem;
}
.height3rem {
  height: 3rem;
}
.height5rem {
  height: 5rem;
}
.height10rem {
  height: 10rem;
  max-width: 100%;
}
.height13rem {
  height: 13rem;
  max-width: 100%;
}
.height15rem {
  height: 15rem;
  max-width: 100%;
}
.height20rem {
  height: 20rem;
  max-width: 100%;
}
.width1_5rem {
  width: 1.5rem;
}
.width3rem {
  width: 3rem;
}
.width10rem {
  width: 10rem;
  max-width: 100%;
}
.width11rem {
  width: 11rem;
  max-width: 100%;
}
.width12rem {
  width: 12rem;
  max-width: 100%;
}
.width13rem {
  width: 13rem;
  max-width: 100%;
}
.width30rem {
  width: 30rem;
  max-width: 100%;
}
.width30rem_bland {
  width: 30rem;
}
.width35rem {
  width: 35rem;
  max-width: 100%;
}
.width35rem_bland {
  width: 35rem;
}
.width40rem_bland {
  width: 40rem;
}
.width40rem {
  width: 40rem;
  max-width: 100%;
}
.width50rem {
  width: 50rem;
  max-width: 100%;
}
.height1_5rem {
  height: 1.5rem;
}
.height2rem {
  height: 2rem;
}

.height4rem {
  height: 4rem;
}
.width4rem {
  width: 4rem;
}
.height3_7rem {
  height: 3.7rem;
}
.width3_7rem {
  width: 3.7rem;
}

.height2rem {
  height: 2rem;
}
.width2rem {
  width: 2rem;
}
.customradio {
  background: var(--altfirstcolor);
  border-radius: 50%;
  display: inline-block;
}
.customradio-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: .7rem;
  border-radius: 50%;
}

.minheight100vh {
  min-height: 100vh;
}
.show1200px, .show800px, .show600px, .show500px {
  display: none;
}
@media only screen and (max-width: 1200px) {
  .hide1200px {
    display: none;
  }
  .show1200px {
    display: block;
  }
}

@media only screen and (max-width: 800px) {
  .hide800px {
    display: none;
  }
  .show800px {
    display: block;
  }
}


@media only screen and (max-width: 600px) {
  .show600px {
    display: block;
  }
}

@media only screen and (max-width: 500px) {
  .show500px {
    display: block;
  }
}

.fontsize1rem {
  font-size: 1rem !important;
}
.fontsize11rem {
  font-size: 1.1rem !important;
}
.fontsize12rem {
  font-size: 1.2rem !important;
}
.fontsize13rem {
  font-size: 1.3rem !important;
}
.fontsize14rem {
  font-size: 1.4rem !important;
}
.fontsize15rem {
  font-size: 1.5rem !important;
}
.fontsize16rem {
  font-size: 1.6rem !important;
}
.fontsize17rem {
  font-size: 1.7rem !important;
}
.fontsize18rem {
  font-size: 1.8rem !important;
}
.fontsize19rem {
  font-size: 1.9rem !important;
}
.fontsize2rem {
  font-size: 2rem !important;
}
.fontsize21rem {
  font-size: 2.1rem !important;
}
.fontsize22rem {
  font-size: 2.2rem !important;
}
.fontsize23rem {
  font-size: 2.3rem !important;
}
.fontsize24rem {
  font-size: 2.4rem !important;
}
.fontsize25rem {
  font-size: 2.5rem !important;
}
.fontsize3rem {
  font-size: 3rem !important;
}
.fontsize3_5rem {
  font-size: 3.5rem !important;
}
.fontsize4rem {
  font-size: 4rem !important;
}
.fontsize8rem {
  font-size: 8rem !important;
}
.relative {
  position: relative; }

.absolute {
  position: absolute;
}
.italics {
  font-style: italic; }
.widthfull {
  width: 100%;
}
.opacity-none {
  opacity: 0;
}
.opacload {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.5); }

.input-load22 {
  transform: translateY(0.4rem);
  height: 19px; }

.padding-left__small {
  padding-left: 2rem; }

.padding-left__minute {
  padding-left: 1rem; }

.padding-general {
  padding: 1rem; }

.padding-general__2rem {
  padding: 2rem; }
.padme {
  padding: 1rem;
}
.padme-nicelook {
  padding: .6rem 1rem;
}
.padme-nicelook2 {
  padding: 1.4rem 2rem;
}
.padme-noleftright {
  padding: 1rem 0;
}
.padme-15topbottom {
  padding: 1.5rem 1rem;
}
.padme-15side {
  padding: 1rem 1.5rem;
}
.padme-2top1side {
  padding: 2rem 1rem;
}
.padme-3top2side {
  padding: 3rem 2rem;
}
.padme1_5rem {
  padding: 1.5rem;
}
.padme2rem {
  padding: 2rem;
}
.padme3rem {
  padding: 3rem;
}
.pointer:hover {
  font-weight: bold;
}
.padme2rem-notopbottom {
  padding: 0 2rem;
}
.padme2rem4bottom {
  padding: 2rem;
  padding-bottom: 4rem;
}
.padme2rem8bottom {
  padding: 2rem;
  padding-bottom: 8rem;
}
.nopadtop {
  padding-top: 0rem;
}
.nopad {
  padding: 0;
}
.onepadtop {
  padding-top: 1rem;
}
.text-small {
  font-size: 1.4rem; }
.text-normal {
  text-transform: none !important;
}
.text-capitalize {
  text-transform: capitalize !important;
}
.text-tiny {
  font-size: 1.3rem; }

.greybg {
  background: #f9f9f9 !important; }
  @media only screen and (max-width: 600px) {
    .greybg {
      background: #f4f4f4 !important; } }

.border-maincolor {
  border: 1px solid var(--firstcolor);
  border-radius: 5px;
}
.border-maincolor:hover {
  color: #fff;
  background: var(--firstcolor);
}
.text-maincolor {
  color: var(--firstcolor);
}
.text-maincolor:hover {
  color: var(--firstcolor-hover);
}
.text-lightmaincolor {
  color: var(--firstcolor-light);
}
.text-secondcolor {
  color: var(--firstcolor-hover);
}
.text-altmaincolor {
  color: var(--altfirstcolor);
}
.text-altmaincolor2 {
  color: var(--altfirstcolor2);
}
.text-subgreen {
  color: #a2d5c6;
}
.text-black {
  color: #000 !important;
}
.text-subpink {
  color: #ec4e8b;
}
.text-subsubblue {
  color: #7ca1dd;
}
.text-darkgoldenrod {
  color: darkgoldenrod;
}
.text-subblue {
  color: #308bcf;
}
.text-miniblack {
  color: #777 !important;
}
.text-medium {
  font-size: 1.5rem; }

.text-onepointfive {
  font-size: 1.5rem; }

.text-purple {
  color: purple; }

.text-orange {
  color: orange; }
  
.text-lightgreen {
  color: #00FF7F; }
.text-leafgreen {
  color: #1e8a5e;
}
.text-deepblue {
  color: #184cc6;
}
.text-brightpurple {
  color: #bf35ca;
}
.text-brightred {
  color: #c02634;
}
.text-brown {
  color: brown;
}
.text-brightbrown {
  color: #936d0e;
}
.text-green {
  color: #019901; }
.text-blue {
  color: blue;
}
.text-lightred {
  color: #f70808; }

.text-red {
  color: red; }

.text-sand {
  color: #9f8d0e; }

.text-black {
  color: #000; }

.text-miniwhite {
  color: rgba(255, 255, 255, 0.6) !important;
}
  
.text-white {
  color: #fff !important;
}
.text-yellow {
  color: yellow;
}
.text-yellow__important {
  color: yellow !important;
}
.therow {
  max-width: 100%;
  margin: 0 auto; }
  .therow:after, .therow:before {
    content: "";
    clear: both;
    display: table; }

.wid4h {
  font-weight: 400; }

.wid600 {
  width: 500px;
  max-width: 100%;
  margin: 0 auto; }

.modan-bag {
  display: inline-block;
  max-height: 90vh;
  overflow: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: auto; }

.modanimg {
  width: 90%;
  overflow: auto;
  object-fit: cover; }

.row700 {
  width: 700px;
  max-width: 100%; }

.quicksand {
  font-family: "Just Another Hand", cursive !important; }

.negsmall-mobile {
  margin-top: -.2rem !important; }

.negmedium-mobile {
  margin-top: -1rem !important; }

.negbig-mobile {
  margin-top: -5rem; }

.modernmsg {
  position: fixed;
  top: 8%;
  left: 0;
  padding: 1.2rem 1rem;
  width: 100%;
  font-size: 1.5rem;
  text-align: center;
  background: green;
  color: #fff; }

.shareicon {
  display: inline-block;
  background: blue;
  color: #fff;
  padding: 2rem 2.1rem;
  font-size: 2rem;
  border-radius: 45%;
  cursor: pointer;
}
.shareicon:not(:last-child) {
  margin-right: 1rem;
}
.shareicon:hover {
  opacity: 0.8;
}
.setupwith {
  display: inline-block;
  padding: 1rem;
  background: var(--firstcolor);
  color: #fff;
  border-radius: 23px;
  padding: 1.5rem 4rem;
}
.whatsapp {
  color: #25D366 !important; }

.bg-whatsapp {
  background: #25D366;
  color: #fff;
}
  
.pinterest {
  color: #bd081c !important; }

.twitter {
  color: #55acee !important; }

.bg-twitter {
  background: #55acee;
  color: #fff;
}
  
.facebook {
  color: #3b5998 !important; }

.bg-facebook {
  background: #3b5998;
  color: #fff;
}
.bg-sand {
  background: #9f8d0e;
}
.chartbox, .openyesandnobox, .chartbox2 {
  position: fixed;
  height: 100vh;
  width: 100%;
  background: rgba(0, 0, 0, 0.8);
  top: 0;
  left: 0;
  z-index: 100; }
.chartbox {
  z-index: 100000000000;
}
.chartbox2 {
  z-index: 102;
}
.chartbox-body, .openyesandnobox-body, .chartbox-body2 {
  width: 700px;
  max-width: 90%;
  max-height: 90%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff; }

.chartbox-bodybox, .openyesandnobox-bodybox {
  height: 100%;
  overflow-y: auto; }

.chartbox-bodybox__msg {
  max-height: 80vh;
  overflow: auto; }

.chartbox-bodybox__title {
  padding: 2rem;
  background: #f7eafa;
  color: #000;
  font-size: 2rem;
  text-align: center;
  font-weight: 600; }

.chartbox-body__close, .openyesandnobox-close {
  position: absolute;
  top: 0;
  right: 0;
  background: red;
  color: #fff;
  padding: 1rem;
  cursor: pointer; }

.openyesandno-button:hover {
  background: green; }

.chartbox-body__close:hover, .openyesandnobox-close:hover, .openyesandno-button__close:hover {
  background: #910303; }

.openyesandno-button {
  background: #02be02;
  display: inline-block;
  padding: 1rem 2rem;
  border-radius: 5px;
  color: #fff;
  cursor: pointer; }

.openyesandno-button__close {
  background: red; }

.loadscreen {
  height: 100vh;
  width: 100%;
  display: none;
  flex-direction: column;
  background: rgba(255, 255, 255, 0.8);
  position: fixed;
  z-index: 20000;
  justify-content: center;
  align-items: center; }

.loadscreen i {
  font-size: 4rem;
  color: #000;
  font-weight: 600; }

.errormsg, .errormsg2, .errormsg3 {
  background: red;
  padding: 1rem;
  text-align: center;
  color: #fff;
  position: fixed;
  top: 0.2%;
  left: 0;
  display: none;
  width: 100%;
  z-index: 1000; }

.percent-beep {
  background: #ececed;
  color: #000;
  border: 1px solid rgba(0, 0, 0, 0.3);
  padding: 1rem;
  text-align: center;
  font-size: 1.6rem;
  margin-top: 1rem;
  margin-bottom: 1.5rem;
  border-radius: 5px; }
  
.positive {
  background: #07ca07; }

.success-beep, .error-beep {
  background: #09da09;
  color: #fff;
  padding: 1rem;
  text-align: center;
  font-size: 1.6rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
  border-radius: 5px; }

  
.error-beep {
  background: red; }

.commonmsg {
  background: yellow;
  color: #000;
  padding: 1rem 1.5rem;
  text-align: center;
  margin-top: .5rem;
  margin-bottom: 2.5rem;
  position: relative;
  border-radius: 5px;
}
.commonmsg::before {
  content: "";
  display: inline-block;
  background: rgb(255, 217, 0);
  width: 10px;
  height: 100%;
  position: absolute;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  top: 0;
  left: 0;
}