html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}
*, :after, :before {
    box-sizing: border-box;
}
body {
  font-family: 'Yantramanav', sans-serif;
  background-color: #fff;
  display: block;
  padding: 0;
  margin: 0;
}
img {
  border-style: none;
  height: auto;
  max-width: 100%;
}
dd, dl, dt, li, ol, ul {
  background: transparent;
  border: 0;
  font-size: 100%;
  margin-block-end: 0;
  margin-block-start: 0;
  outline: 0;
  vertical-align: baseline;
}

/* cookie consent modal */
#cookie-modal-content{
  width: 700px;
  height: auto;
  padding: 25px;
}
/* Toggle Switch */
.ae-accordion{
  display: flex;
  flex-direction: column;
  width: 100%;
}
.ae-accordion .ae-accordion-title-1, .ae-accordion .ae-accordion-title-2{
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.ae-accordion .ae-accordion-content-1, .ae-accordion .ae-accordion-content-2{
  display: none;
  max-height: 300px;
  overflow-y: auto;
}
.ae-switch-label {
  position: absolute;
  left: 63%;
  top: 54%;
  transform: translate(-50%, -50%);
  font-size: 13px;
  color: #fff;
  pointer-events: none;
}
.ae-switch {
  position: relative;
  display: inline-block;
  width: 46px;
  height: 24px;
}
.ae-switch input { display: none; }
.ae-slider {
  position: absolute;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 60px;
  top: 0; right: 0; bottom: 0;
  background-color: #888;
  transition: .3s;
  border-radius: 34px;
}
.ae-slider:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 3px;
  bottom: 3px;
  background-color: white;
  transition: .3s;
  border-radius: 50%;
}
#essentialToggle:checked + .ae-slider {
  background-color: #7ab3f4;
  cursor: not-allowed;
  user-select: none;
}
#essentialToggle:checked + .ae-slider:before {
  transform: translateX(35px);
}
#essentialToggle:checked + .ae-slider .ae-switch-label{
  left: 35%;
}
#marketingToggle:checked + .ae-slider {
  background-color: #7ab3f4;
}
#marketingToggle:checked + .ae-slider:before {
  transform: translateX(35px);
}
#marketingToggle:checked + .ae-slider .ae-switch-label{
  left: 35%;
}
#essentialOnly, #allowAll{
  cursor: pointer;
}
#essentialOnly:hover {
  background: #555 !important;
  border: 1px solid#555 !important;
}
#allowAll:hover {
  background: #eee !important;
  border: #eee !important;
}
@media (max-width: 767px) {
  #cookie-modal-content{
    padding: 16px;
  }
  .ae-accordion .ae-accordion-content-1, .ae-accordion .ae-accordion-content-2{
    max-height: 100px;
    overflow-y: auto;
  }
}