html {
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
html,body{
  font-family:"Helvetica","Arial",sans-serif;
  color:#2f3043;
  scrollbar-color:#ccc transparent;
  scrollbar-width:thin
}
 .modalwrap {
    position: fixed;
    height: 100%;
    width: 100%;
    display: none;
    align-items: center;
    justify-content: center;
    background-color: rgb(0 0 0 / 93%);
	z-index:99;
}
@media screen and (max-width:799px){
dialog#offerDataPopUp[open]   {
  position:relative;
  width: 70%;
  padding: 10px;
  background-color:white;
  border:0;
  display:flex;
  flex-direction:column;
  max-width:85%;
  overflow:hidden;
  padding:0;
  margin:auto;
  z-index:100;
  color:#2f3043;
  height:94%;
  }
  }
  @media screen and (max-width:2000px)and (min-width: 800px){
dialog#offerDataPopUp[open]   {
  position:relative;
  width: 40%;
  padding: 10px;
  background-color:white;
  border:0;
  display:flex;
  flex-direction:column;
  max-width:85%;
  overflow:hidden;
  padding:0;
  margin:auto;
  z-index:100;
  color:#2f3043;
  }
  }
  >.sidebar-arrow{display:none}
.popup_body{
.closeIcon{
  display:none
  }
.unlockMoreData{
  display:none
  }
 }
img.closeIcon{
  border-radius:50px;
  background-color:#fff;
  padding:4px;
  cursor:pointer;
  align-self:flex-end;
  margin:0 10px 10px 0;
  opacity:0.3;
}
.popup_body{
   padding:32px;
   background-color:#fff;
   border-radius:16px;
   display:flex;
   align-items:center;
   justify-content:center;
   flex-direction:column;
   gap:20px;
   overflow-y:auto;&::-webkit-scrollbar{width:6px;border-radius:4px}
&::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px;margin:10px}
&::-webkit-scrollbar-thumb{background:#595969;border-radius:4px}
&::-webkit-scrollbar-thumb:hover{background:#d5d6d9;cursor:pointer}
.heading{
   font-size:24px;
   line-height:28px;
   font-family:'ViBold';
   color:#2f3043;
   margin:0;
   text-align:center;
   }
.subHeading{
   font-size:16px;
   line-height:20px;
   font-family:"ViRegular";
   color:inherit;
   margin:0;
   text-align:center;
   }
button.getOfferCTA{
    color:#fff;
	font-family:ViMedium;
	font-size:16px;
	line-height:20px;
	padding:10px 0;
	background-color:#ee2737;
	border-radius:2em 2em;
	width:100%;
	border:0;&:focus{outline:0}
}
}
*, *::before, *::after {
    box-sizing: border-box;
}
img.closeIcon {
    cursor: pointer;
    margin-right: 50px;
    justify-self: flex-end;
}
img {
    vertical-align: middle;
    border-style: none;
}
img[Attributes Style] {
    width: 32px;
    aspect-ratio: auto 32 / 32;
    height: 32px;
}
img {
    overflow-clip-margin: content-box;
    overflow: clip;
}
body {
    margin: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    background-color: #fff;
}
@media(max-width: 768px) {
    ::-webkit-scrollbar {
        display: none;
    }
}
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #ccc;
}
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: transparent;
}
@media screen and (max-width:576px){max-width:calc(100% - 32px);.popup_body{padding:20px;gap:0;.headerImage{margin:0 0 24px 0}
.heading{margin:0 0 8px 0}
.subHeading{margin:0 0 24px 0}
}
}

&.thankYouPage{margin:0 0 0 auto;min-height:100%;border:0;background-color:transparent;display:flex;align-items:flex-start;padding:0;width:544px;&::-webkit-scrollbar{width:6px;border-radius:4px}
&::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}
&::-webkit-scrollbar-thumb{background:#595969;border-radius:4px}
&::-webkit-scrollbar-thumb:hover{background:#d5d6d9;cursor:pointer}
>.closeIcon{
     display:none
}
img.sidebar-arrow{
  align-self:flex-end;translate:8px -20vh;cursor:pointer
}
.popup_body{
height:100vh;background-color:#fff;padding:0 70px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;img.closeIcon{position:absolute;top:32px;right:32px;width:32px;height:32px;cursor:pointer}
.headerImage{margin:0 0 24px 0}
p.heading{font-size:30px;line-height:32px;font-family:ViBold;text-align:center;margin:0 0 16px 0}
p.subHeading{font-size:16px;line-height:19.2px;font-family:"ViRegular";text-align:center;max-width:263px;margin:0 0 48px 0}
.unlockMoreData{display:flex;flex-direction:column;gap:20px;margin:0 0 20px 0;align-items:center;justify-content:center;position:relative;width:100%;&::after{content:"";position:absolute;width:100%;height:1px;top:-24px;background-color:#eaeaec}
p.txt{font-size:18px;line-height:22px;font-family:'ViRegular';margin:0}
}
button.getOfferCTA{width:100%;border-radius:50px;border:1px solid #2f3043;color:#2f3043;background-color:transparent;padding:14px 0;font-size:16px;line-height:20px;font-family:"ViMedium";&:focus{outline:0}
}
}
@media screen and (max-width:576px){width:100%;flex-direction:column;align-items:flex-end;height:fit-content;min-height:auto;margin:auto 0 0 0;width:100%;min-width:100%;gap:10px;>.closeIcon{display:initial;margin:0 10px 0 0;background-color:#fff;border-radius:50px;padding:6px}
img.sidebar-arrow{display:none}
.popup_body{height:auto;padding:20px;border-radius:16px 16px 0 0;img.closeIcon{display:none}
.headerImage{width:178px}
p.heading{font-size:24px;line-height:30px;margin:0 0 8px 0;padding:0 20px}
p.subHeading{font-size:12px;line-height:14px;max-width:100%;margin:0 0 33px}
.unlockMoreData{margin:0 0 12px;gap:12px;p.txt{font-size:14px;line-height:16px}
&::after{top:-16px}
}
button.getOfferCTA{padding:9px 0}
}
}
}
&::backdrop{background-color:#111622;opacity:.8}
}

/* test */

* {box-sizing: border-box;}
body {font-family: Verdana, sans-serif;}
.mySlides {display: none;}
img {vertical-align: middle;}

/* Slideshow container */
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}

/* Caption text */
.textmod {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  transition: background-color 0.6s ease;
  z-index:102;
  position:relative;
  display: block; /* Stack vertically */
  margin: 20px 0; /* Increase vertical spacing between dots */
}

.dot.active {
  background-color: #bbb; /* Reset inactive color */
}

.dot.active.red {
  background-color: #ca233a;
}

.dot.active.orange {
  background-color: #e8881e;
}

.dot.active.yellow {
  background-color: #f4ca19;
}

.dot.active.green {
  background-color: #1cc079;
}
.dot.active.blue {
  background-color: #38cfd7;
}
.dot.active.indigo {
  background-color: #1c3cd5;
}
.dot.active.purple {
  background-color: #7912d6;
}
.dot-container {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index:102;
  left: 3em;
}
/* Fading animation */
.fade {
  animation-name: fade;
  animation-duration: 1.5s;
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .textmod {font-size: 11px}
}

.subheading {
            text-align: center;
            font-size: 1.2em;
            margin-top: 10px;
        }