div#ownerscope {
  position: relative;
  height: 100%;
  width: 100%;
  display: block;
  background-color: #4565aa !important;
}

html,
body,
* {
  padding: 0px;
  margin: 0px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: Poppins;
  font-style: normal;
}

p,
span {
  font-family: Inter;
  font-style: normal;
}

div.banner {
  background-image: url(https://admin.ownerscope.com/QuestionImage/WeClosed.jpg);
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  min-height: 100%;

  width: 100%;
  height: auto;
  position: fixed;
  top: 0;
  left: 0;
}

/* .question_bg {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  min-height: 100%;

  width: 100%;

  min-height: 100%;
  width: 100%;
  height: auto;
} */
.question_bg {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right;
  height: calc(100vh - 65px);
}
/* .question.d-flex ,.question {
  background: linear-gradient(90deg,
      #ffffff 45.53%,
      rgba(255, 255, 255, 0) 96.41%);
      height:100%;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      margin: auto; 
      padding-top: 120px;
padding-left: 25px;
padding-bottom: 150px;
} */

.question h1 {
  font-family: Poppins;
  font-size: 38px;
  font-style: normal;
  font-weight: 700;
  line-height: 42px;
  letter-spacing: 0px;
  text-align: left;
  color: #4565aa;
}

.question p {
  font-family: Inter;
  font-size: 21px;
  font-style: normal;
  font-weight: 400;
  line-height: 36px;
  letter-spacing: 0px;
  text-align: left;
}

/* .slick-slider.slick-initialized {
  min-height: 300px;
  background-color: #ffffffb3;
  margin-top: 15%;
} */
.text-center {
  text-align: center;
}

.slick-list {
  justify-content: center;
  align-items: center;
  vertical-align: middle;
  text-align: center;
}

/* .slick-dots {
  bottom: 30px !important;
} */
.VolumeUp {
  position: absolute;
  bottom: 10px;
  right: 10px;
}

button.MuiButtonBase-root.MuiFab-root.MuiFab-circular.MuiFab-sizeLarge.VolumeUp {
  position: absolute;
}

a {
  color: #ffff;
  text-decoration: none;
}

.question a {
  color: #4472c4;
  text-decoration: none;
}

.MuiTabs-root.MuiTabs-vertical {
  background: #4472c4;
}

.css-1h9z7r5-MuiButtonBase-root-MuiTab-root.Mui-selected {
  color: #ffffff !important;
}

.css-1h9z7r5-MuiButtonBase-root-MuiTab-root {
  font-size: 16px;
  color: #a5a5a5 !important;
}

[role="tabpanel"] {
  width: 100%;
  height: auto !important;
}

.css-19kzrtu {
  padding: 0px !important;
}

.question_data_img .MuiBox-root {
  border: 15px solid #ffff;
  border-radius: 5px;
  opacity: 1 !important;
}

.css-rah383 {
  width: auto !important;
  height: auto !important;
  background-color: #1565c0;
}

.hide_mobile img {
  max-height: 394px;
  background-color: #b5c2dd;
  height: auto;
  width: 100%;
  object-fit: cover;
}

.result .MuiBox-root.css-0 button {
  margin: 60px 0px 0px;
}

/* .question .css-jh47zj-MuiButtonBase-root-MuiButton-root {
  color: #4472c4 !important;
  background-color: rgb(216 216 216) !important;
  border: 1px solid #4472c4 !important;
} */
.css-jh47zj-MuiButtonBase-root-MuiButton-root {
  min-width: 170px !important;
}

input.MuiOutlinedInput-input.MuiInputBase-input {
  min-width: 290px !important;
  background: #ffffff;
  border: 1px solid #999999;
  box-sizing: border-box;
  height: 40px;
}

.css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root {
  padding: 0px !important;
  position: unset !important;
}

span.MuiCheckbox-root.MuiCheckbox-colorPrimary.MuiButtonBase-root.MuiCheckbox-root.MuiCheckbox-colorPrimary.PrivateSwitchBase-root {
  color: transparent;
}

span.MuiCheckbox-root.MuiCheckbox-colorPrimary.MuiButtonBase-root.MuiCheckbox-root.MuiCheckbox-colorPrimary.PrivateSwitchBase-root.Mui-checked {
  color: rgba(0, 0, 0, 0.6);
  padding-left: 30px !important;
}

.result
  span.MuiCheckbox-root.MuiCheckbox-colorPrimary.MuiButtonBase-root.MuiCheckbox-root.MuiCheckbox-colorPrimary.PrivateSwitchBase-root {
  color: unset;
}

/* .MuiBox-root.css-0 {
  max-width: 606px;
}
.MuiBox-root.css-0 {
  display: flex;
  flex: 3;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  align-items: center;
} */
label.MuiFormControlLabel-root.MuiFormControlLabel-labelPlacementEnd,
label.MuiFormControlLabel-root.MuiFormControlLabel-labelPlacementEnd,
button.MuiButton-root.MuiButton-contained.MuiButton-containedPrimary.MuiButton-sizeLarge.MuiButton-containedSizeLarge.MuiButtonBase-root.rectangle {
  flex-direction: row-reverse;
  color: #644200 !important;
  background-color: #ffa800 !important;
  border: 1px solid #ffa800 !important;
  padding: 5px;
  margin: 5px;
  min-width: 150px;
  align-content: center;
  justify-content: center;
  letter-spacing: 0px;

  box-sizing: border-box;
  border-radius: 5px;
  height: 55px;
  width: 219px;
  left: 0px;
  top: 0px;
  box-shadow: 0px 1px 1px 0px #00000026;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 700;
  font-size: 21px;
  line-height: 21px;
  display: flex;
  align-items: center;
  text-align: center;
  text-transform: uppercase;
  text-shadow: 0px 0.5px 0px rgba(255, 255, 255, 0.5);
}

button.MuiButton-root.MuiButton-contained.MuiButton-containedPrimary.MuiButton-sizeLarge.MuiButton-containedSizeLarge.MuiButtonBase-root.copy,
button.MuiButton-root.MuiButton-contained.MuiButton-containedPrimary.MuiButton-sizeLarge.MuiButton-containedSizeLarge.MuiButtonBase-root.submit {
  font-family: "Poppins" !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 21px !important;
  line-height: 21px !important;
  display: flex;
  align-items: center;
  text-align: center;
  text-transform: uppercase;
  color: #644200 !important;
  text-shadow: 0px 0.5px 0px rgba(255, 255, 255, 0.5) !important;
  background-color: #ffa800 !important;

  text-transform: uppercase;
}

span.MuiTypography-root.MuiTypography-body1.MuiFormControlLabel-label {
  font-family: "Poppins" !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 21px !important;
  line-height: 21px !important;
  display: flex;
  align-items: center;
  text-align: center;
  text-transform: uppercase;

  text-shadow: 0px 0.5px 0px rgba(255, 255, 255, 0.5) !important;

  height: 45px;
  text-transform: uppercase;
}

span.MuiTypography-root.MuiTypography-body1.MuiFormControlLabel-label:hover {
  color: #ffffff !important;
}

span.MuiTypography-root.MuiTypography-body1.MuiFormControlLabel-label:hover {
  background-color: #00000000 !important;
  border: 1px solid #00000000 !important;
  color: #ffffff !important;
}

form {
  width: 100%;
}

/* .result .MuiBox-root.css-0 {
  flex: 3;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  align-items: center;
} */

input.PrivateSwitchBase-input {
  cursor: inherit;
  position: absolute;
  opacity: 0;
  width: 100%;
  height: 100%;
  top: 0;
  left: -75px;
  margin: 0;
  padding: 0;
  z-index: 1;
  width: 219px !important;
}

.AnsBtn input.PrivateSwitchBase-input {
  left: -90px;

  min-width: 250px !important;
}

svg.MuiSvgIcon-root.MuiSvgIcon-fontSizeMedium {
  font-size: 26px;
}

input#type {
  width: 99%;
  height: 100%;
  background-color: transparent;
  border: 0px transparent;
  color: transparent;
}

.hideDesktop {
  display: none;
}

.MuiBox-root .hideDesktop {
  display: none;
}

.css-1dyuqpd {
  height: 0px !important;
}

.makeStyles-copyContainer-5 {
  display: none !important;
}

.makeStyles-iconContainer-3 {
  display: flex;
  flex-direction: column;
}

header.MuiPaper-root.MuiPaper-elevation.MuiPaper-elevation4.MuiAppBar-root.MuiAppBar-colorPrimary.MuiAppBar-positionStatic {
  /* background-color: #224388;
  color: #ffff;
  font-size: 1.25rem;
  position: relative; */
  isolation: isolate;
  z-index: 9;
}

.result input[type="checkbox"] {
  margin: 3px 5px;
}

.checkboxGroup .MuiBox-root.css-0 {
  min-width: 300px;
}

.MuiFormControl-root.css-78me8v-MuiFormControl-root {
  margin: 8px 0px;
}

.css-kk1bwy-MuiButtonBase-root-MuiMenuItem-root {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.makeStyles-container-1 {
  padding: 0px !important;
}

.result.checkboxGroup svg.MuiSvgIcon-root.MuiSvgIcon-fontSizeMedium {
  background-color: transparent;
}

svg.MuiSvgIcon-root.MuiSvgIcon-fontSizeMedium {
  background-color: #ffa800;
  border-radius: 100%;
  color: black;
}
.slide-box {
  position: relative;
}
img.slider_logo {
  position: absolute;
  top: 0;
  left: 10%;
  border-radius: 100%;
  bottom: 0;
  margin: auto;
  width: 200px;
  height: 200px;
}

.question p b a {
  color: #4472c4 !important;
  text-decoration: none;
  padding: 0px 5px;
}

.MuiMobileStepper-dots {
  display: none !important;
}

button.MuiButton-root.MuiButton-text.MuiButton-textPrimary.MuiButton-sizeSmall.MuiButton-textSizeSmall.MuiButtonBase-root.Mui-disabled {
  display: none !important;
}

button.MuiButton-root.MuiButton-text.MuiButton-textPrimary.MuiButton-sizeSmall.MuiButton-textSizeSmall.MuiButtonBase-root {
  color: black !important;
  font-weight: 800 !important;
}

button.MuiButton-root.MuiButton-text.MuiButton-textPrimary.MuiButton-sizeSmall.MuiButton-textSizeSmall.MuiButtonBase-root {
  padding-right: 10px;
}

button.rectangle {
  background: #ffa800 !important;
  text-transform: uppercase;
}

/* a:hover {
  color: #ffa800 !important;
} */
.css-1q9olxz-MuiPaper-root-MuiAppBar-root {
  background-color: linear-gradient(
    90deg,
    #4565aa 14.57%,
    rgba(69, 101, 170, 0) 59.52%
  ) !important;
}

fieldset.MuiOutlinedInput-notchedOutline {
  border: 0px !important;
}

.MuiBottomNavigation-root {
  justify-content: left;
  margin-left: 2%;
}

header .MuiTypography-root.MuiTypography-h6.MuiTypography-noWrap {
  font-size: 42px;
  font-family: Poppins;

  font-style: normal;
  font-weight: 700;
  line-height: 42px;
  letter-spacing: 0px;
  text-align: left;
}

.MuiToolbar-root.MuiToolbar-gutters.MuiToolbar-regular {
  min-height: 120px !important;
  position: absolute !important;
  left: 0%;
  right: 0%;
  top: 0%;
  bottom: 100%;
  background: linear-gradient(
    90deg,
    #4565aa 14.57%,
    rgba(69, 101, 170, 0) 59.52%
  );
  border-bottom: 1px solid #ffffff;
}

.question.d-flex .question_data {
  width: 50%;
  padding-top: 30px;
}

/* label.MuiFormControlLabel-root.MuiFormControlLabel-labelPlacementEnd {
  flex: 30%;
} */

.question.d-flex .question_data_img {
  flex: 50%;
  display: flex;
  align-items: center;

  align-content: center;
  margin-left: 1%;
}

/* hide radio button */

.css-vqmohf-MuiButtonBase-root-MuiRadio-root {
  color: rgb(0 0 0 / 0%) !important;
}

.AnsBtn {
  display: flex;
  flex-direction: column;
  align-content: flex-start;
  justify-content: space-evenly;
  align-items: baseline;
  flex-wrap: nowrap;
}

.AnsBtn label.MuiFormControlLabel-root.MuiFormControlLabel-labelPlacementEnd {
  min-width: 250px !important;
}

input#outlined-error {
  border: 1px solid;
}

span.MuiLinearProgress-root.MuiLinearProgress-colorPrimary.MuiLinearProgress-determinate.MuiMobileStepper-progress {
  position: relative;
  overflow: hidden;
  display: block;
  height: 10px !important;
  z-index: 0;
  background-color: #334f8a !important;
  width: 100% !important;
  border-radius: 5px !important;
  margin: 0px 20px 0px !important;
}

span.MuiLinearProgress-bar.MuiLinearProgress-barColorPrimary.MuiLinearProgress-bar1Determinate {
  background-color: #ffa800 !important;
}

form {
  justify-content: unset !important;
  padding: 0px !important;
}

.ProgressBar
  .MuiPaper-root.MuiPaper-elevation.MuiPaper-elevation0.MuiMobileStepper-root.MuiMobileStepper-positionStatic {
  background: #4565aa !important;
  padding: 0px !important;
  position: unset !important;
}

p.progress_bar_percent {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 12px;
  display: flex;
  align-items: flex-end;
  color: #ffffff;
  padding: 10px 0px 7px 24px;
  background-color: #4565aa;
  margin: 0px;
}

.ProgressBar {
  position: absolute;
  right: 0px;
  left: 0px;
  bottom: 65px;
  padding-bottom: 10px;
  background: #4565aa;
}

.d-flex.w-40.MuiBox-root.css-0 {
  width: 35%;
}

.Desktop_menu {
  border-bottom: 1px solid #cccccc;
  padding: 10px 10px 0px 5px;
  background: #ffff;
  margin-top: 120px;
}

button.MuiButtonBase-root.MuiBottomNavigationAction-root {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}

button.MuiButtonBase-root.MuiBottomNavigationAction-root img {
  margin-right: 10px;
}

.MuiBottomNavigation-root {
  justify-content: left;
  margin-left: 2%;
}

div#ownerscope h1 {
  color: #4565aa;
}

.bg-light {
  background-color: #ffffff !important;
}

.result input[type="checkbox"]:before {
  position: relative;
  display: block;
  width: 15px;
  height: 15px;
  border: 0px solid #808080;
  background: #ffa800 !important;
}

INPUT[type="checkbox"]:focus {
  outline: 1px solid rgba(0, 0, 0, 0.2);
}

INPUT[type="checkbox"] {
  background-color: #ffff;
  border-radius: 2px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 20px;
  height: 20px;
  cursor: pointer;
  position: relative;
  top: 5px;
  border: 1px solid;
}
.checklabel INPUT[type="checkbox"] {
  top: 0px;
}
INPUT[type="checkbox"]:checked {
  background-color: #ffa800;
  background: #ffa800
    url("data:image/gif;base64,R0lGODlhCwAKAIABAP////3cnSH5BAEKAAEALAAAAAALAAoAAAIUjH+AC73WHIsw0UCjglraO20PNhYAOw==")
    3px 3px no-repeat;
}

.result label {
  display: unset;
  font-family: "Inter";
}

.result .question {
  padding: 5em 3em 10em 3em;
}

footer .text-light {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 15px;
  display: flex;
  align-items: center;
  color: #ffffff;
}

footer .text-light a {
  color: #ffffff;
}

h1.slider_lebel {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 700;
  font-size: 42px;
  line-height: 42px;
  color: #4565aa;
}

.d-flex.flex-column.p-sm-5 {
  background-color: #ffff !important;
}

p.slider_details {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 21px;
  line-height: 28px;
  color: #000000;
  padding-top: 10px;
  min-height: 66px;
}

button.copy {
  display: flex;
  margin: 44px auto;
}
button.keys {
  display: flex;
  margin: 22px auto;
}

hr {
  background-color: #4665aa !important;
}

h1.how_connect {
  font-family: Poppins;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 38px;
  letter-spacing: 0px;
  text-align: left;
}

.makeStyles-iconContainer-3 {
  display: block !important;
  flex-direction: row;
  justify-content: space-evenly;
  align-items: center;
  flex-wrap: nowrap;
}

/* share button */
li.network.cursor-pointer.hover.transition--default {
  border-radius: 100%;

  float: left;
}

button.react-share__ShareButton.network__share-button {
  border-radius: 100%;
}

li.network.cursor-pointer.hover.transition--default svg {
  border-radius: 25%;
  max-width: 35px !important;
  max-height: 35px !important;
  min-width: 50px;
  min-height: 40px;
}

.question.d-flex.result-flex.flex-row .question_data {
  width: 49%;
}

.other_Ownerscope b {
  color: #4565aa;
  font-family: Inter;
  font-style: normal;
  text-align: left;
}

.checkboxGroup .MuiFormControl-root > b {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 36px;
  text-transform: uppercase;
  color: #4665aa;
}

.MuiSelect-select.MuiSelect-outlined.MuiOutlinedInput-input.MuiInputBase-input {
  background: #ffffff;
  border: 1px solid #999999;
  box-sizing: border-box;
  height: 50px;
  width: 475px;
  left: 0px;
  top: 0px;
  border-radius: 0px;
}

.MuiOutlinedInput-root.MuiInputBase-root.MuiInputBase-colorPrimary.MuiInputBase-formControl {
  /* background: #ffffff; */
  box-sizing: border-box;
  height: 50px;
  width: 475px;
  left: 0px;
  top: 0px;
  border-radius: 0px;
}

.css-6hp17o-MuiList-root-MuiMenu-list {
  padding: 20px !important;
  position: absolute;
  top: 0;
  left: 0px;
  background: #b8c3de;
  width: 100% !important;
  height: 500px !important;
  max-width: 600px;
  min-height: 500px;
  z-index: 111;
  overflow: auto;
}
ul.MuiMenu-list {
  padding: 20px !important;
  position: absolute;
  top: 0;
  left: 0px;
  background: #b8c3de;
  width: 100% !important;
  height: 500px !important;
  max-width: 600px;
  min-height: 500px;
  z-index: 111;
  overflow: auto;
}
.MoreInsight .question {
  padding: 3em 3em 0em 3em !important;
}

.MoreInsight .Desktop_menu {
  border-bottom: 1px solid #cccccc;
  padding: 0px;
  background: #ffff;
}

.renting {
  margin: 2em 65px 0px 65px;
  border-top: 2px solid #4565aa;
  padding: 1em 0px;
}

.renting p {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 21px;
  line-height: 36px;
  text-align: center;
  color: #000000;
}

/* button.rectangle.hideDesKtop {
  display: none !important;
} */

.logoLoder {
  width: 100%;
  height: auto;
  max-width: 420px;
  position: fixed;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.css-1vxvp5a-MuiPaper-root-MuiDrawer-paper {
  background-color: #f9fafb !important;
}

.drawer p {
  font-family: Inter;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 36px;
  letter-spacing: 0px;
  text-align: left;
}

.drawer b {
  font-family: Inter;
  font-size: 21px;
  font-style: normal;
  font-weight: 700, Bold;
  line-height: 36px;
  letter-spacing: 0px;
  text-align: left;
  color: #4565aa;
}
.MuiModal-root .MuiPaper-root.MuiPaper-elevation {
  background-color: transparent !important;
  position: relative !important;
  box-shadow: none;
  overflow: visible;
}
.MuiDrawer-modal .MuiBox-root {
  width: 450px;
  right: 0;
  position: absolute;
  bottom: 0;
  background: #fff;
  height: 100vh;
}
.css-vqmohf-MuiButtonBase-root-MuiRadio-root {
  position: absolute !important;
}

span.MuiRadio-root.MuiRadio-colorPrimary.MuiButtonBase-root.MuiRadio-root.MuiRadio-colorPrimary.PrivateSwitchBase-root {
  opacity: 0;
  position: absolute;
}

.MuiBottomNavigation-root {
  justify-content: left !important;
  margin-left: 2%;
}

.result.question_bg {
  background-repeat: no-repeat;
  height: auto;
  background-size: 100%;
  background-position: top;
}

button.MuiButton-root.MuiButton-contained.MuiButton-containedPrimary.MuiButton-sizeLarge.MuiButton-containedSizeLarge.MuiButtonBase-root.submit,
.MuiButtonBase-root.copy {
  height: 55px;
}

/* label.MuiFormControlLabel-root.MuiFormControlLabel-labelPlacementEnd:hover,
label.MuiFormControlLabel-root.MuiFormControlLabel-labelPlacementEnd:hover,
button.MuiButton-root.MuiButton-contained.MuiButton-containedPrimary.MuiButton-sizeLarge.MuiButton-containedSizeLarge.MuiButtonBase-root.rectangle:hover {
  background-color: #4565aa !important;
  border: 1px solid #4565aa !important;
  color: #ffffff !important;
} */

span.MuiTypography-root.MuiTypography-body1.MuiFormControlLabel-label:hover {
  background-color: #4565aa !important;
  border: 1px solid #4565aa !important;
  color: #ffffff !important;
}

span.MuiTypography-root.MuiTypography-body1.MuiFormControlLabel-label:hover {
  color: #e9ecef !important;
}

.MuiPaper-root.MuiPaper-elevation.MuiPaper-elevation0 {
  padding: 0px;
}

.hide_mobile img:hover {
  opacity: unset !important;
}

.result .Desktop_menu {
  border-bottom: 0px solid #cccccc;
  padding: 0px 10px 0px 5px;
  background: linear-gradient(
    90deg,
    #ffffff 36.53%,
    rgba(255, 255, 255, 0) 96.41%
  );
  margin-top: 120px;
}

.result .MuiBottomNavigation-root {
  background-color: transparent;
}

button.MuiButtonBase-root.MuiIconButton-root.MuiIconButton-colorInherit.MuiIconButton-edgeStart.MuiIconButton-sizeMedium {
  margin: 0px !important;
}

button.MuiButton-root.MuiButton-contained.MuiButton-containedPrimary.MuiButton-sizeLarge.MuiButton-containedSizeLarge.MuiButtonBase-root.Mui-disabled.submit {
  opacity: 0.7;
}

span.st-label,
.st-total {
  display: none !important;
}

.st-btn {
  min-width: 50px !important;
}

.Desktop_menu a {
  text-decoration: none;
}

.Bookmark p {
  padding: 0px 2%;
}
button.react-share__ShareButton {
  padding-right: 10px !important;
}
.swal2-styled.swal2-confirm {
  background-color: #293d66;
}

.intro-page {
  padding: 25px 25px 0px 25px;
  height: auto;
}
.footer {
  padding: 25px 0;
  color: #ffffff;
}
.slider-content {
  background: #ffffff;
  padding: 30px;
  position: relative;
}
.slide-box {
  height: auto;
}
.slide-box img.MuiBox-root {
  height: auto;
  width: 100%;
  max-width: 100%;
}
div#ownerscope .footer {
  padding-left: 25px;
  background: rgb(23, 48, 101);
  position: relative;
  z-index: 9;
}
div#ownerscope .footer span {
  font-weight: 400;
}
.intro-page .footer {
  background: transparent !important;
  padding-left: 0px !important;
}
.closeButton:hover {
  background-color: #233254 !important;
  color: #fff !important;
}
.allquestion {
  min-height: 100px;
}
.questionMain {
  background: linear-gradient(90deg, #ffffff 20%, rgba(255, 255, 255, 0) 96.41%);
  height: 100%;
  margin: auto;
  padding-top: 150px;
  padding-left: 25px;
  padding-right: 25px;
  padding-bottom: 150px;
  display: block;
  position: relative;
  overflow: auto;
}
input#outlined-error {
  border: 1px solid #c9c5c5;
  border-radius: 5px;
  width: 100%;
  max-width: 320px;
}
.result .MuiBox-root.css-0 button {
  margin-right: auto;
  margin-top: 20px;
}
.slider-banner {
  width: 100%;
  height: auto;
  max-height: 600px;
}
.question label {
  font-family: "Inter";
}
.st-btn > img {
  display: inline-block;
  height: 30px !important;
  width: 30px !important;
  position: relative;
  top: 5px !important;
  vertical-align: top;
}
.st-btn.sms_share {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-transition: opacity 0.2s ease-in, top 0.2s ease-in;
  -ms-transition: opacity 0.2s ease-in, top 0.2s ease-in;
  -o-transition: opacity 0.2s ease-in, top 0.2s ease-in;
  -webkit-transition: opacity 0.2s ease-in, top 0.2s ease-in;
  transition: opacity 0.2s ease-in, top 0.2s ease-in;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border: none;
  cursor: pointer;
  display: inline-block;
  font-size: 16px;
  height: 40px;
  line-height: 40px;
  /* margin-right: 8px; */
  padding: 0 12px;
  position: relative;
  text-align: center;
  top: 0;
  vertical-align: top;
  white-space: nowrap;
  background-color: #f39c12;
}
.st-btn.sms_share:hover {
  opacity: 0.8;
  top: -4px;
}
.privacypolicymain {
  background: #fff;
  padding: 30px;
}
.privacypolicymain .content ul li {
  list-style: lower-alpha;
}
.privacypolicymain .content b {
  padding-bottom: 20px;
}
.privacypolicymain .title {
  text-align: center;
  padding: 20px 0;
}
.privacypolicymain .address {
  width: 100%;
  max-width: 320px;
  margin-right: auto;
  margin-bottom: 20px;
}
.privacypolicymain ul.listing li {
  list-style: lower-roman !important;
}

#key {
  background: #fff;
  padding: 30px;
  z-index: 999;
}

.key-container {
  max-width: 500px;
  text-align: center;
  margin: auto;
}

#social-holder {
  text-align: center;
  max-width: 600px;
  margin: auto;
}

.social {
  margin-top: 0;
  margin-bottom: 10px;
  text-align: center;
  min-width: 50px;
  position: relative;
  vertical-align: top;
  white-space: nowrap;
  display: inline-block;
  padding: 5px 10px;
  border-radius: 3px;
  max-width: 124px;
  cursor: pointer;
  margin-right: 4px;
  transition: 0.2s;
}

.social:hover {
  transform: translatey(-5px);
}

#facebook {
  background-color: #4267b2;
}

#messenger {
  background-color: #448aff;
}

#whatsapp {
  background-color: #25d366;
}

#linkedin {
  background-color: #0077b5;
}

#email {
  background-color: #d44638;
}

#email img {
  width: 16px;
  height: 16px;
}

#sms {
  background-color: #FFA800;
}

.footer-links a {
  text-decoration: none;
}

.footer-links {
  color: #adb5bd;
}

#inviteKey {
  width: 100%;
  padding: 5px 5px;
  text-align: center;
  margin-bottom: 20px;
  border: 1px solid black;
  border-radius: 3px 0px 0px 3px;
}

#inviteKey:focus,
.generic-input:focus {
  outline: none;
}

.copyUrl {
  width: 100%;
  display: inline-flex;
}

.copyUrl button {
  min-width: fit-content;
  padding: 5px 15px;
  text-align: center;
  height: 36px;
  border: 1px solid black;
  border-left: 0;
  border-radius: 0px 3px 3px 0px;
  cursor: pointer;
  transition: 0.2s;
}

.copyUrl button:hover {
  background-color: #4565aa;
  color: white;
}

.btn-key {
  border-radius: 3px;
  padding: 10px 15px;
  text-align: center;
  height: 36px;
  cursor: pointer;
  transition: 0.2s;
  text-decoration: none;
  font-weight: 700;
  line-height: 0;
}

.yellow {
  background-color: #ffa800;
  color: #644200 !important;
  border: 1px solid #644200;
}

.blue {
  background-color: #4565aa;
  color: white !important;
  border: 1px solid #4565aa;
}

.key p,
.key small {
  margin: 0;
  padding: 0;
}

.generic-input {
  width: 100%;
  padding: 5px 5px;
  text-align: left;
  margin-bottom: 20px;
  border: 1px solid black;
  border-radius: 3px;
}

/* Newly added */

#tooltip-top {
  opacity: 1;
}

#tooltip-top > .tooltip-inner {
  background-color: #ffe0a3;
  color: #704e4a;
  border: 1px solid #ffe0a3;
  padding: 18px 15px;
  max-width: 250px;
}

#tooltip-top > .tooltip-arrow {
  border-top: 5px solid #ffe0a3;
  background-color: #ffe0a3;
  color: #ffe0a3;
}

.topright {
  position: absolute;
  right: -10px;
  top: -10px;
  background-color: #4565aa;
  color: white;
  border: none;
  font-size: 33px;
  border-radius: 50%;
  width: 33px;
  height: 33px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.resultGradient {
  background: linear-gradient(
    180deg,
    #4565aa 0%,
    rgba(255, 255, 255, 0.6) 4.41%
  );
  height: 100%;
  margin: auto;
  display: block;
  position: relative;
  overflow: auto;
  min-height: 600px !important;
}

.st-btn[data-network="whatsapp"] {
  background-color: #27ae60 !important;
}
.st-btn[data-network="email"] {
  background-color: #e74c3c !important;
}
.st-btn[data-network="sms"] {
  background-color: #f39c12 !important;
  display: inline-block !important;
}

.logo-img {
  display: flex;
  justify-content: center;
  width: 33.33%;
  height: 33.33%;
  margin: 3%;
}

.modal-body {
  padding: 2rem 3rem !important;
}

.modal-container-data {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: 1px solid #4565aa;
  border-radius: 0.5rem;
}

.popup-modal .modal-btn {
  display: flex;
  align-items: center;
  margin-top: 22px;
  padding: 0px 16%;
  height: 50px;
}

.mobile-content {
  display: none;
}

.mobile-content p {
  text-align: justify;
}

.slider-wrapper {
  min-height: calc(100vh - 78.96px);
  background-color: white;
}

.italic {
  font-style: italic;
}

.extraContentContainer {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 40px;
  margin-top: 40px;
}

.extraContentReel {
  border-radius: 10px;
  width: auto;
  height: 90vh;
}

.extraContentButtons {
  display: grid;
  width: 100%;
}

.extraContentButton {
  text-decoration: none;
  width: 170px;
  padding: 20px 20px;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
  color: white;
  background-color: #4565AA;
  border-radius: 4px;
  line-height: 100%;
  margin: 3px 0px;
  font-family: 'Poppins';
}

.nav-mobile {
  position: fixed;
  display: none;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 0;
  background-color: #FFFFFF;
  z-index: 1000;
  width: 100vw;
  height: 70px;
}

.nav-logo {
  padding: 7px;
  margin: 0px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.nav-logo > button {
  width: 50px;
  height: 50px;
  padding: 0;
  margin: 0;
  border: none;
  background-color: #FFFFFF;
}

.nav-logo img {
  width: 100%;
  height: 100%;
}

.nav-menu {
  display: none;
  position: fixed;
  top: 70px;
  right: 0;
  width: 100%;
  z-index: 1000;
  background-color: #FFFFFF;
  text-align: left;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

.nav-menu-overlay {
  position: fixed;
  top: 70px;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  z-index: 999;
}

.nav-menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
  background-color: #FFFFFF;
}

.nav-menu ul li {
  display: block;
  padding: 10px 20px;
  border-bottom: 1px solid #CBCBCB;
  border-top: 1px solid #CBCBCB;
  margin-bottom: -1px;
}

.nav-menu ul li a {
  color: #4565AA;
  text-decoration: none;
  font-size: 1rem;
  font-weight: 400;
  font-family: 'Poppins', 'sans-serif';
}

.nav-links {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 0px;
}

.nav-links a {
  align-items: center;
  text-decoration: none;
  gap: 10px;
}

.nav-links-quiz {
  background-color: #4565AA;
  color: #FFFFFF;
  display: flex;
  justify-content: flex-start;
}

.nav-links-quiz img {
  height: 100%;
  margin-left: -1px;
}

.nav-links-quiz > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: right;
  padding: 0px;
  margin: 0px auto;
}

.nav-links-quiz p {
  font-size: 1rem;
  font-weight: 400;
  margin: 0 auto;
  background-clip: text;
  color: #FFFFFF;
  font-family: 'Poppins', 'sans-serif';
}

.nav-links-key {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background-color: #FFA800;
  color: #503200;
  padding: 15px 18px;
  border: 5px solid #FFFFFF;
  border-radius: 18px;
}

/* ---- Results Page, QR Code Key Section ---- */

.perforated-div {
  position: relative;
  border: 1px solid #CBCBCB;
  background-color: #FFFFFF;
  border-radius: 10px;
  max-width: 350px;
  margin: 0 auto;
}

.qr-code {
  padding: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.qr-code > img {
  width: 100%;
  height: auto;
}

.perforation {
  position: relative;
  height: 0px;
  background-color: transparent;
  width: 100%;
  border-bottom: 1px dashed transparent;
  border-image: repeating-linear-gradient(90deg, #CBCBCB 0, #CBCBCB 15px, transparent 15px, transparent 20px) 1;
  stroke-dashoffset: 10;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.perforation::before,
.perforation::after {
  content: "";
  width: 30px;
  height: 30px;
  background-color: #FFFFFF;
  border: 1px solid #CBCBCB;
  border-radius: 50%;
  margin: -20px;
  border-top: none;
  border-bottom: none;
}

.perforation::before {
  border-left: none;
  border-radius: 50%;
}

.perforation::after {
  border-right: none;
  border-radius: 50%;
}

.action {
  padding: 20px;
}

.action p {
  text-align: center!important;
  margin: 0;
  padding: 0;
  font-family: 'Poppins', sans-serif!important;
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%;
}

.action p span {
  color: #4565AA;
  font-weight: 600;
}

.action-buttons {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 30px;
}

.action-buttons > button {
  padding: 15px;
  border: none;
  border-radius: 5px;
  background-color: #4565AA;
  color: #FFFFFF;
  font-size: 1.1rem;
  font-weight: 500;
  cursor: pointer;
  font-family: 'Poppins', sans-serif;
  text-transform: uppercase;
}

.action-buttons > button:nth-child(2),
.action-buttons > button:nth-child(3) {
  background-color: #FFA700;
  color: #503200;
}

.social-media {
  background-color: #FFFFFF;
  border: 1px solid #CBCBCB;
  text-align: center;
  max-width: 300px;
  border-radius: 10px;
  padding: 40px;
}

.social-media > p {
  font-weight: 'Poppins', sans-serif!important;
  font-size: 1rem!important;
  font-weight: 400;
  text-align: center!important;
  line-height: 150%;
}

.social-media > div {
  display: flex;
  /* flex-direction: column; */
  flex-direction: row;
  width: 100%;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin-top: 20px;
}

.social-media > div > a {
  border-radius: 5px;
  cursor: pointer;
  text-decoration: none;
  display: flex;
  align-items: center;
  /* width: 70%;
  padding: 15px 20px;
  justify-content: flex-start; */
  width: 80px;
  padding: 20px;
  justify-content: center;
}

.social-media > div > a > p {
  display: none;
  font-size: 1rem;
  font-weight: 400;
  color: #FFFFFF;
  margin: 0!important;
  padding: 0!important;
}

.social-media > div > a[alt="linkedin"] {
  background-color: #0077B5;
}

.social-media > div > a[alt="whatsapp"] {
  background-color: #25D366;
}

.social-media > div > a[alt="facebook"]{
  background-color: #4267B2;
}

.social-media > div > a[alt="messenger"] {
  background-color: #448AFF;
}

.social-media > div > a[alt="email"] {
  background-color: #D44638;
}

.social-media > div > a[alt="sms"] {
  background-color: #FFBD00;
}

.social-media > div > a > p[alt=sms] {
  color: #503200;
}

.social-media > div > a > img {
  width: 30px;
  height: auto;
  /* margin-right: 10px; */
  margin: 0;
}

.social-media {
  background-color: var(--light-gray);
  border: none;
  padding: 0;
  margin: 0px auto 40px auto;
  text-align: center;
}