*, body, html {
  margin: 0;
  padding: 0
}
.headbg, .maindiv, header {
  width: 100%
}
.downloaddiv a, .valno h3 {
  font-family: Arial;
  text-transform: uppercase
}
.ham, .noSelect {
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  -ms-user-select: none
}
.ham, .nav-button, .noSelect {
  -webkit-tap-highlight-color: transparent
}
#continue, #edprime, #varcontinue, .btndivbottom button, .dropbtn, .gamebtn, .ham, .left_arrow, .letter, .nav-button, .playbtn, .right_arrow, .sbbtn button, .share img, .share_buttons span.cross {
  cursor: pointer
}
@font-face {
  font-family: Mulish_ExtraBold;
  src: url('../fonts/Mulish-ExtraBold.eot');
  src: url('../fonts/Mulish-ExtraBold.eot?#iefix') format('embedded-opentype'), url('../fonts/Mulish-ExtraBold.woff2') format('woff2'), url('../fonts/Mulish-ExtraBold.woff') format('woff'), url('../fonts/Mulish-ExtraBold.ttf') format('truetype'), url('../fonts/Mulish-ExtraBold.svg#Mulish-ExtraBold') format('svg');
  font-weight: 700;
  font-style: normal;
  font-display: swap
}
@font-face {
  font-family: Mulish_Black;
  src: url('../fonts/Mulish-Black.eot');
  src: url('../fonts/Mulish-Black.eot?#iefix') format('embedded-opentype'), url('../fonts/Mulish-Black.woff2') format('woff2'), url('../fonts/Mulish-Black.woff') format('woff'), url('../fonts/Mulish-Black.ttf') format('truetype'), url('../fonts/Mulish-Black.svg#Mulish-Black') format('svg');
  font-weight: 900;
  font-style: normal;
  font-display: swap
}
@font-face {
  font-family: Mulish_Medium;
  src: url('../fonts/Mulish-Medium.eot');
  src: url('../fonts/Mulish-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/Mulish-Medium.woff2') format('woff2'), url('../fonts/Mulish-Medium.woff') format('woff'), url('../fonts/Mulish-Medium.ttf') format('truetype'), url('../fonts/Mulish-Medium.svg#Mulish-Medium') format('svg');
  font-weight: 500;
  font-style: normal;
  font-display: swap
}
@font-face {
  font-family: Mulish_Bold;
  src: url('../fonts/Mulish-Bold.eot');
  src: url('../fonts/Mulish-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Mulish-Bold.woff2') format('woff2'), url('../fonts/Mulish-Bold.woff') format('woff'), url('../fonts/Mulish-Bold.ttf') format('truetype'), url('../fonts/Mulish-Bold.svg#Mulish-Bold') format('svg');
  font-weight: 700;
  font-style: normal;
  font-display: swap
}
@font-face {
  font-family: Mulish_Regular;
  src: url('../fonts/Mulish-Regular.eot');
  src: url('../fonts/Mulish-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Mulish-Regular.woff2') format('woff2'), url('../fonts/Mulish-Regular.woff') format('woff'), url('../fonts/Mulish-Regular.ttf') format('truetype'), url('../fonts/Mulish-Regular.svg#Mulish-Regular') format('svg');
  font-weight: 400;
  font-style: normal;
  font-display: swap
}
@font-face {
  font-family: Mulish_Italic;
  src: url('../fonts/Mulish-Italic.eot');
  src: url('../fonts/Mulish-Italic.eot?#iefix') format('embedded-opentype'), url('../fonts/Mulish-Italic.woff2') format('woff2'), url('../fonts/Mulish-Italic.woff') format('woff'), url('../fonts/Mulish-Italic.ttf') format('truetype'), url('../fonts/Mulish-Italic.svg#Mulish-Italic') format('svg');
  font-weight: 400;
  font-style: italic;
  font-display: swap
}
@font-face {
  font-family: Handlee_Regular;
  src: url('../fonts/Handlee-Regular.eot');
  src: url('../fonts/Handlee-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Handlee-Regular.woff2') format('woff2'), url('../fonts/Handlee-Regular.woff') format('woff'), url('../fonts/Handlee-Regular.ttf') format('truetype'), url('../fonts/Handlee-Regular.svg#Handlee-Regular') format('svg');
  font-weight: 400;
  font-style: normal;
  font-display: swap
}
*, html {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box
}
body {
  font-family: Mulish_Regular;
  color: #333;
  font-size: 14px
}
body, html {
  overflow-x: hidden !important
}
h1, h2, h3, h4, h5, h6, p, ul {
  margin: 0;
  padding: 0;
  list-style: none
}
a, a:focus, a:hover {
  text-decoration: none;
  outline: 0
}
button, input, input[type=button], input[type=submit], select, textarea {
  border: none;
  outline: 0;
  box-shadow: none
}
.fullimg {
  max-width: 100%
}
.maindiv, .maindivtow {
  max-width: 1000px;
  margin: 0 auto
}
header {
  float: left;
  position: fixed;
  top: 0;
  left: 0
}
.fullborder, .tipssection {
  width: 100%;
  height: auto;
  float: left
}
.bgbackdiv, .headbg {
  height: 70px;
  float: left
}
.headbg {
  background: #f16d22;
  background: -moz-linear-gradient(top, #f16d22 1%, #b02a31 100%);
  background: -webkit-linear-gradient(top, #f16d22 1%, #b02a31 100%);
  background: linear-gradient(to bottom, #f16d22 1%, #b02a31 100%);
  padding: 10px
}
.logo, .navigationdiv {
  width: 70%;
  float: left
}
.navigationdiv ul li {
  float: left;
  margin: 0 10px
}
.navigationdiv ul li a {
  float: left;
  font-family: Arial;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  padding-bottom: 5px
}
.navigationdiv ul {
  float: left;
  padding-top: 18px
}
.navigationdiv ul li.active, .navigationdiv ul li:hover {
  border-bottom: 2px solid #fff
}
.fullarticlediv, .fullarticledivgame, .fulldiv, .fullfloat {
  width: 100%;
  float: left
}
.articlediv {
  width: 100%;
  float: left;
  position: relative;
  border: 1px solid #f26723;
}
.bgbackdiv, .maindivtow {
  width: 100%
}
::-webkit-scrollbar {
  width: 10px
}
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 10px
}
::-webkit-scrollbar-thumb {
  background: #db620a;
  border-radius: 10px
}
::-webkit-scrollbar-thumb:hover {
  background: #db620a
}
.nav-button {
  position: absolute;
  height: 1.5rem;
  width: 2.3rem;
  background-color: transparent;
  background-image: linear-gradient(to right, #fff, #fff);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 3px;
  padding: 0;
  outline: 0;
  border: 0;
  color: #333;
  transition: .25s cubic-bezier(.17, .67, .89, 1.4);
  transition-property: transform;
  will-change: transform;
  top: 22px;
  left: 15px
}
.nextdiv, .prevdiv {
  position: fixed;
  opacity: 0;
  z-index: 999
}
.nav-button::before, .view {
  top: 0
}
.nav-button::after, .nav-button::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  display: block;
  height: 3px;
  background: #fff;
  transition: transform .25s, top .25s;
  will-change: transform, top
}
.nav-button::after {
  top: calc(100% - 3px)
}
.cross-button:focus {
  background-image: none
}
.cross-button:focus::after, .cross-button:focus::before {
  top: 50%
}
.cross-button:focus::before {
  transform: translate3d(0, -50%, 0) rotate3d(0, 0, 1, 45deg)
}
.cross-button:focus::after {
  transform: translate3d(0, -50%, 0) rotate3d(0, 0, 1, -45deg)
}
.valno {
  width: 30%;
  float: left;
  padding-top: 18px;
  padding-right: 10px
}
.valno h3 {
  color: #fff;
  font-weight: 700;
  font-size: 16px;
  text-align: right
}
.downloaddiv a, .iconleft, .righttext, .view__inner {
  text-align: center
}
.articlediv img {
  display: block;
  float: left !important
}
.prevdiv {
  width: 9%;
  left: 23%
}
.nextdiv {
  width: 15%;
  right: 23%
}
.nextdiv img, .prevdiv img {
  background: #97291e;
  width: 100%;
  height: 100%
}
.view {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  perspective: 1200px;
  display: none
}
.hidechat, .menu_list_items > a, .show, .view.view--block {
  display: block
}
.view.view--visible .view__inner {
  transform: rotate(0) !important;
  opacity: 1 !important
}
.view.view--up .view__inner {
  transform: rotateX(-90deg);
  transform-origin: 50% 0%;
  opacity: 0
}
.view.view--down .view__inner {
  transform: rotateX(90deg);
  transform-origin: 50% 100%;
  opacity: 0
}
.view:nth-child(2n) .view__inner {
  background-color: #45b8e2
}
.view:nth-child(3n) .view__inner {
  background-color: #ed6464
}
.view:nth-child(4n) .view__inner {
  background-color: #ac92ec
}
.view__inner {
  position: relative;
  width: 100%;
  height: 100%;
  line-height: 100vh;
  color: #fff;
  background-color: #2bd996;
  transition: opacity .6s, transform .6s
}
.header, .nav_fulldiv {
  height: auto;
  width: 100%
}
.btns_bg, .coverbg {
  background: #eeeeef
}
.btm1, .ful50div, .width50, .width50div {
  width: 50%;
  float: left
}
.btns_bg {
  width: 100%;
  height: auto;
  float: left
}
.btn1_1 {
  width: 48%;
  float: left
}
.btn1_2 {
  width: 52%;
  float: right
}
.btn1_3 {
  width: 35%;
  float: left
}
.btn3_1 {
  width: 58%;
  float: left
}
.btn3_2 {
  width: 42%;
  float: right
}
.btn6_1 {
  width: 43%;
  float: left
}
.btn6_2 {
  width: 57%;
  float: right
}
.btn9_1, .leftwidthdiv {
  width: 60%;
  float: left
}
.btn9_2 {
  width: 40%;
  float: right
}
.btm9 {
  width: 18%;
  float: left
}
.btm10 {
  width: 82%;
  float: left
}
.bg_11-1 {
  background: #db5e26
}
.downloaddiv a {
  display: inline-block;
  width: 170px;
  padding: 10px 0;
  color: #fff;
  font-size: 15px;
  background: #a41c2b;
  border: 1px solid #fbccb1
}
.righttext p, .topheaddiv p span {
  font-family: Mulish_ExtraBold
}
.downloaddiv a:hover {
  background: #a41c2bad
}
.downloaddiv {
  position: fixed;
  bottom: 10px;
  left: 41%
}
.righttext {
  float: left;
  margin-top: 40px;
  width: 100%
}
.righttext p {
  color: #333;
  font-size: 16px
}
.notificationpop {
  position: absolute;
  width: 10%;
  padding: 11px;
  border-radius: 10px;
  right: 2%;
  top: 16%;
  animation: 1s infinite zoom-in-zoom-out;
  z-index: 999
}
.iconleft {
  width: 100%;
  float: left
}
.iconleft img {
  max-width: 35%;
  display: inline-block;
  float: none !important
}
@keyframes zoom-in-zoom-out {
  0%, 100% {
    transform: scale(1, 1)
  }
  50% {
    transform: scale(1.1, 1.1)
  }
}
.header {
  max-width: 998px;
  position: fixed;
  z-index: 99999;
  margin-top: -1px
}
.nav_fulldiv {
  display: grid;
  grid-template-columns: 80% 20%;
  backdrop-filter: blur(1px);
  background-color: rgb(255 255 255 / .3);
  box-shadow: 2px 2px 2px 0 rgb(255 255 255 / .3)
}
.nav_list {
  display: flex;
  margin: 0
}
.nav_list_items {
  text-align: left;
  margin: 5px 5px 5px 30px;
  transition: .3s ease-in-out;
  height: 50px
}
.menu {
  position: relative;
  z-index: 999;
  background: url(../images/orangebig2.png) 0 0/contain no-repeat;
  width: 50px;
  padding: 5px
}
.menu_list_items:last-child {
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px
}
.menu_list_items {
  padding: 7px 10px 7px 40px;
  transition: .25s ease-in-out;
  transform: translateX(-100%);
  opacity: 0
}
.ham, .ham8 .middle {
  transition: transform .4s
}
.menu_list_items_show {
  transform: translateX(0);
  opacity: 1
}
.home_svg {
  height: 68%;
  fill: #97291e;
  margin-top: 8px;
  margin-left: -10px
}
.ham {
  height: 40px;
  -moz-user-select: none;
  user-select: none
}
.hamRotate.hamActive {
  transform: rotate(45deg)
}
.line {
  fill: none;
  transition: stroke-dasharray .4s, stroke-dashoffset .4s;
  stroke: #ffffff;
  stroke-width: 6px;
  stroke-linecap: round
}
.ham8 .top {
  stroke-dasharray: 40 160
}
.ham8 .middle {
  stroke-dasharray: 40 142;
  transform-origin: 50%
}
.ham8 .bottom {
  stroke-dasharray: 40 85;
  transform-origin: 50%;
  transition: transform .4s, stroke-dashoffset .4s
}
.ham8.hamActive .bottom, .ham8.hamActive .top {
  stroke-dashoffset: -64px
}
.ham8.hamActive .middle {
  transform: rotate(90deg)
}
.menu_list_items a {
  color: #fff;
  font-size: 19px;
  font-family: Mulish_Bold
}
.menu_list li:first-child a {
  font-size: 26px;
  font-family: Mulish_Bold;
  border-bottom: 1px solid #fff;
  margin-bottom: 10px;
  display: inline-block
}
.coverarticle, .coverpage {
  padding-top: 116px
}
.btm2 {
  width: 50%;
  float: right
}
.line_bar {
  width: 100%;
  height: auto;
  float: left;
  background: #fff;
  padding-top: 1px
}
.line_bar ul {
  display: flex;
  width: 93%;
  margin: 0 auto
}
.line_bar ul li {
  width: 100%;
  height: 5px;
  background: #ebb086;
  margin: 0 4px
}
.active_line {
  width: 100%;
  height: 5px;
  background: #97291e
}
.line_animate {
  background: #97291e;
  animation: .5s linear forwards border_anim
}
.rightfloat {
  border-radius: 50%;
  float: right;
  padding-right: 25px;
  margin-top: 5px
}
.downloadicon, .wpicon {
  background: linear-gradient(to bottom, #e8751c 0, #be2a2a 100%);
  width: 50px;
  border-radius: 50%;
  padding: 5px;
  height: 50px
}
.downloadicon {
  margin-left: 10px
}
@keyframes border_anim {
  0% {
    width: 0%
  }
  100% {
    width: 100%
  }
}
@keyframes taadaa {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}
.btn_div, .leftstart {
  position: absolute
}
.dropbtn {
  border: none;
  background: 0 0
}
.line1, .line10, .line11, .line2, .line3, .line4, .line5, .line6, .line7, .line8, .line9 {
  border-bottom: 1px solid #f3956994
}
.dropdown img {
  width: 20%;
  margin-top: 7px;
  margin-left: -6px
}
.dropdown {
  position: relative;
  display: inline-block;
  z-index: 999
}
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 210px;
  overflow: auto;
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .2);
  z-index: 1;
  margin-top: 10px;
  margin-left: -10px
}
.dropdown-content a {
  padding: 8px 10px;
  text-decoration: none;
  display: block;
  color: #db620a;
  font-size: 20px;
  font-family: Mulish_Bold;
  animation: .5s taadaa2
}
.coverart_content a, .differancediv a, .distext p a {
  text-decoration: underline
}
.dropdown a:hover {
  background-color: #ddd
}
.share_buttons {
  position: fixed;
  left: 32%;
  width: 36%;
  height: auto;
  bottom: -20%;
  z-index: 999;
  box-shadow: 0 3px 10px 0 #000;
  padding: 8px;
  background: linear-gradient(to bottom, #e8751c 0, #be2a2a 100%);
  border-radius: 6px;
  animation: .8s taadaa1
}
.share_buttons ul li {
  display: inline-block;
  width: 14.28%;
  float: left;
  padding: 0 10px
}
.borderdiv p label span, .close_btn, .dropbtn_img1 {
  display: none
}
.share_buttons span.cross {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #fff;
  font-size: 20px;
  font-family: Mulish_Bold;
  color: #97291e;
  display: block;
  text-align: center;
  line-height: 30px;
  margin-bottom: 15px;
  position: absolute;
  top: -30px;
  right: 0;
  box-shadow: 0 1px 12px -4px #000
}
@keyframes taadaa1 {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}
@keyframes taadaa2 {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}
.line_bar1 {
  background: #ffc07d
}
.line_bar1 ul li {
  background: #cd9369
}
.noSelect {
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  user-select: none
}
.noSelect:focus {
  outline: 0 !important
}
.logodiv {
  width: 47%;
  float: left
}
.volume_name {
  float: right
}
.volume_name p {
  color: #fff;
  font-size: 24px;
  font-family: Mulish_Medium
}
.logo_section {
  background: #f37d23;
  background: -moz-linear-gradient(top, #f37d23 0, #c2272d 100%);
  background: -webkit-linear-gradient(top, #f37d23 0, #c2272d 100%);
  background: linear-gradient(to bottom, #f37d23 0, #c2272d 100%);
  padding: 24px 30px;
  width: 100%;
  float: left
}
.menu_list {
  position: absolute;
  z-index: -1;
  width: 670px;
  background: url(../images/orangebig2.png) 0 0/cover no-repeat;
  height: 0;
  transition: .3s ease-in;
  overflow-y: hidden;
  top: -5px;
  left: -31px;
  transform: translateX(-100%);
  background-position-x: -251px;
  background-position-y: -81px
}
.posrel, .toppop {
  z-index: 999
}
.menu_list_open {
  height: calc(670px);
  overflow-y: hidden;
  display: block;
  transform: translateX(0)
}
.firsttop {
  margin-top: 50px
}
.left_arrow {
  position: absolute;
  top: 260%;
  left: 7%;
  transform: translate(-50%, -50%);
  transform: rotate(90deg)
}
.left_arrow span, .right_arrow span {
  display: block;
  width: 30px;
  height: 30px;
  border-bottom: 5px solid #666869;
  border-right: 5px solid #666869;
  transform: rotate(45deg);
  margin: -10px;
  animation: 2s infinite slide_left
}
.left_arrow span:nth-child(2), .right_arrow span:nth-child(2) {
  animation-delay: -.2s
}
.left_arrow span:nth-child(3), .right_arrow span:nth-child(3) {
  animation-delay: -.4s
}
@keyframes slide_left {
  0% {
    opacity: 0;
    transform: rotate(45deg) translate(-20px, -20px)
  }
  50% {
    opacity: 1
  }
  100% {
    opacity: 0;
    transform: rotate(45deg) translate(20px, 20px)
  }
}
.right_arrow {
  transform: translate(-50%, -50%);
  transform: rotate(270deg)
}
.line1, .line6 {
  width: 57%
}
.line2, .line5, .line8 {
  width: 59%
}
.line3, .line4 {
  width: 60%
}
.line7 {
  width: 54%
}
.line9 {
  width: 56%
}
.line10 {
  width: 51%
}
.line11 {
  width: 45%
}
.borderdiv, .borderdiv form p {
  border-bottom: 2px solid #b9494e
}
.mCSB_inside > .mCSB_container {
  margin-right: 0 !important
}
.maxheigthdiv {
  max-height: 100vh
}
.nextdiv, .prevdiv {
  height: 100%
}
.beyonddiv1rimg, .callwhats p.callus, .callwhats p.whatsicon, .challenges1rimg, .cluehead p.no1, .cluehead p.no10, .cluehead p.no11, .cluehead p.no12, .cluehead p.no2, .cluehead p.no3, .cluehead p.no4, .cluehead p.no5, .cluehead p.no6, .cluehead p.no7, .cluehead p.no8, .cluehead p.no9, .differancedivright, .earners1rimg, .festivelogo1, .festivelogo2, .headrigthimg, .pointdiv p.pointimg, .rightfloat, td {
  position: relative
}
.rightfloat p {
  position: absolute;
  color: #333;
  font-size: 24px;
  font-family: Mulish_Bold;
  right: 150px;
  top: 6px
}
.ansqui p, .bckhead p, .quetiondivbgorange h2, .quetiondivbgorange:before {
  font-family: Handlee_Regular
}
.notbookbg {
  background: url(../images/notbookbg.jpg) 0 0/contain repeat-y;
  padding-left: 50px;
  padding-right: 50px;
  margin-top: 60px
}
.quetiondiv {
  width: 90%;
  margin: 0 auto;
  max-width: 810px
}
.quetiondivbgorange {
  background: url(../images/Qbg.png) 0 0/100% 100% no-repeat;
  position: relative
}
.quetiondivbgorange:before {
  content: 'Q1)';
  background: 0 0/contain #af2a30;
  position: absolute;
  top: 26%;
  left: -11%;
  width: 75px;
  height: 75px;
  border-radius: 50%;
  -ms-flex-align: center !important;
  align-items: center !important;
  display: flex;
  -ms-flex-pack: center !important;
  justify-content: center !important;
  color: #fff;
  font-size: 33px;
  font-weight: 600
}
.quetiondivbgorange2:before {
  content: 'Q2)'
}
.quetiondivbgorange3:before {
  content: 'Q3)'
}
.quetiondivbgorange4:before {
  content: 'Q4)'
}
.quetiondivbgorange5:before {
  content: 'Q5)'
}
.quetiondivbgorange6:before {
  content: 'Q6)'
}
.quetiondivbgorange7:before {
  content: 'Q7)'
}
.quetiondivbgorange8:before {
  content: 'Q8)'
}
.quetiondivbgorange9:before {
  content: 'Q9)'
}
.quetiondivbgorange10:before {
  content: 'Q10)'
}
.quetiondivbgorange11:before {
  content: 'Q11)'
}
.quetiondivbgorange12:before {
  content: 'Q12)'
}
.quetiondivbgorange:after {
  content: ' ';
  width: 100%;
  height: 2px;
  position: absolute;
  top: 50%;
  right: -8.5%;
  background: #f16322;
  z-index: 0
}
.quetiondivbgorange h2 {
  font-size: 52px;
  text-align: left;
  color: #fff;
  padding: 15px 30px 15px 50px;
  position: relative;
  z-index: 9
}
.borderdiv {
  border-left: 2px solid #b9494e;
  border-right: 2px solid #b9494e;
  padding: 20px 40px;
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px
}
.borderoutdiv {
  width: 92%;
  margin: 0 auto
}
[type=radio]:checked, [type=radio]:not(:checked) {
  position: absolute;
  left: -9999px
}
[type=radio]:checked + label, [type=radio]:not(:checked) + label {
  position: relative;
  padding-left: 28px;
  cursor: pointer;
  display: inline-block;
  color: #193d6c;
  font-family: Handlee_Regular;
  font-size: 48px;
  line-height: normal;
  padding-top: 15px;
  padding-bottom: 15px;
  margin-bottom: 0;
  font-weight: 600;
  width: 106%
}
[type=radio]:checked + label:before, [type=radio]:not(:checked) + label:before {
  content: '';
  position: absolute;
  left: -7px;
  top: 32px;
  width: 28px;
  height: 28px;
  border: 1px solid #f16322;
  border-radius: 100%;
  background: #fff
}
[type=radio]:checked + label:after, [type=radio]:not(:checked) + label:after {
  content: '';
  width: 22px;
  height: 22px;
  background: #f16322;
  position: absolute;
  top: 35px;
  left: -4px;
  border-radius: 100%;
  -webkit-transition: .2s;
  transition: .2s
}
.tabback:after, .tabnext:after {
  bottom: -36px;
  left: -13px;
  font-size: 18px;
  width: 87px;
  position: absolute
}
[type=radio]:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0)
}
[type=radio]:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1)
}
.borderdiv form p.noborder {
  border-bottom: 0 !important
}
.borderdiv p.rongdivcolor label, .error {
  color: red
}
.ansqui p span, .borderdiv p.rightdivcolor label {
  color: green
}
.bckhead {
  background: #f16322;
  padding: 8px 15px
}
.bckhead p {
  font-size: 34px;
  color: #fff;
  text-align: center
}
.ansqui p, .bgdivcenter table tr td input, table tr td .letter {
  color: #193d6c;
  font-weight: 600;
  text-align: center
}
.boxborderdiv {
  border: 1px solid #f16322;
  padding: 20px
}
.ansqui {
  width: 25%;
  float: left;
  margin-bottom: 20px
}
#puzzle, .toppop, table {
  width: 100%
}
.ansqui p {
  font-size: 30px
}
.topheaddiv h2, .topheaddiv h3 {
  font-family: Mulish_Black;
  text-transform: uppercase
}
.ansquirightbdr {
  border-right: 2px solid #193d6c
}
.topheaddiv {
  padding: 10px 0 0 30px
}
.topheaddiv h2 {
  font-size: 52px;
  color: #fff
}
.bgcover {
  background: url(../images/bg.webp) top/100% 100% no-repeat
}
.topheaddiv h3 {
  font-size: 112px;
  color: #fff;
  line-height: 100px
}
.topheaddiv p {
  font-family: Mulish_Medium;
  font-size: 30px;
  color: #fff
}
.bottomtxtdiv p, .headingdiv h1, table tr td .letter {
  font-family: Handlee_Regular
}
.bottomtxtdiv p {
  font-size: 80px;
  color: #fff;
  text-align: center;
  line-height: 80px;
  margin-top: -75px
}
.sbbtn button, .tabback:after, .tabnext:after {
  font-family: Mulish_Regular;
  color: #fff
}
.bottomtxtdiv {
  padding-bottom: 60px;
  background: #fe6d04;
  margin-top: -10px
}
.middelimg {
  margin-top: 80px;
  text-align: center
}
.middelimg img {
  display: inline-block;
  float: none !important
}
.sbbtn button {
  font-size: 32px;
  background: #f16322;
  padding: 5px 25px;
  outline: 0
}
.toppop {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  background: #000000b8;
  display: none
}
.tabback, .tabnext {
  top: 50%;
  background: #fff;
  border-radius: 50%;
  width: 50px;
  position: fixed;
  padding: 10px
}
.tabback {
  left: 16%
}
.tabnext {
  right: 17%
}
.dashdiv {
  width: 2px;
  height: 100vh;
  position: fixed;
  border-left: 2px dashed #fff;
  left: 25%;
  top: 0
}
.bgdivcenter, .posrel, .square {
  position: relative
}
.articlediv_game, .borderorange {
  border-left: 1px solid #db620a;
  border-right: 1px solid #db620a
}
.tabback:after {
  content: 'Tap Back'
}
.tabnext:after {
  content: 'Tap Next'
}
.bgdivcenter {
  padding: 0 40px;
  background: url(../images/planebg.webp) repeat-y;
  z-index: 999
}
.bgdivcenter table tr td {
  border: 2px solid #9c0004;
  height: 50px;
  position: relative
}
.bgdivcenter table tr td input {
  width: 100%;
  background: 0 0;
  appearance: none;
  font-family: Handlee_Regular;
  font-size: 30px
}
.bgdivcenter table tr td input::-webkit-inner-spin-button, .bgdivcenter table tr td input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0
}
.bgdivcenter table tr td input[type=number] {
  -moz-appearance: textfield
}
.bgdivcenter table tr td span {
  font-family: Mulish_Bold;
  font-size: 17px;
  color: #ff7600;
  position: absolute;
  top: 0;
  left: 3px
}
td.bgdivorang {
  background: url(../images/bgbox.jpg) 0 0/cover no-repeat
}
.btndivbottom {
  text-align: center;
  margin: 25px 0
}
.btndivbottom button {
  font-family: Mulish_Bold;
  font-size: 17px;
  color: #fff;
  background: #ff7600;
  padding: 6px 20px;
  margin: 5px
}
#step2 input, .leftpoint p {
  margin-bottom: 10px
}
.btndivbottom button:hover {
  background: #97291e
}
#puzzle {
  margin: 0;
  padding: 10px
}
.square {
  height: 30px;
  margin: 0;
  padding: 0;
  border-collapse: collapse
}
.empty {
  background-color: #fff
}
.letter {
  text-align: center
}
td:has(.active) {
  background-color: #28a74521
}
#puzzle_container {
  float: left;
  width: 50%;
  height: 50%
}
#hints_container {
  float: left;
  width: 50%;
  height: 50%;
  margin-left: 25px;
  display: none
}
#buttons_container {
  clear: both;
  padding-top: 20px;
  margin-left: 50px
}
.question_number {
  position: absolute;
  font-size: 12px;
  color: grey;
  left: 3px;
  top: 3px
}
.articlediv_game, .boarddiv, .calltext p, .fouriconbtm, .leftpoint p, .pointbullet, .thirdiconbtm, .topimgright {
  position: relative
}
[contenteditable] {
  outline: transparent solid 0
}
table {
  table-layout: fixed
}
table tr td .letter {
  font-size: 26px;
  text-transform: uppercase !important
}
.outdiv {
  padding: 0 50px
}
.headingdiv h1 {
  color: #f16322;
  font-size: 66px;
  font-weight: 600
}
.headingdiv h2, .headingdivgame h3 {
  font-size: 35px;
  font-family: Handlee_Regular;
  font-weight: 600
}
.headingdiv h2 {
  color: #333
}
.headingdivgame h3 {
  color: #193d6c
}
.headingdiv p, .pointdiv p, .section2 p, .section3 p, .section4 p {
  color: #193d6c;
  font-family: Handlee_Regular;
  font-size: 40px;
  font-weight: 600;
  text-align: justify;
  line-height: 47px
}
.beyonddiv1r p, .differancedivright h4, .differancedivright p, .earners2r p, .festivetextdiv2 p, .indulgence1r p, .widthright {
  text-align: right
}
.bandhead h4 {
  color: #fff;
  font-family: Handlee_Regular;
  font-size: 40px;
  font-weight: 600;
  padding: 14px 40px;
  background: url(../images/headbg.png) 0 0/100% 100% no-repeat;
  display: inline-block;
  line-height: 40px
}
.boarddiv h3, .section2 h5, .section3 h5, .section4 p.maroonclr {
  color: #af2a30;
  font-family: Handlee_Regular;
  font-size: 40px;
  font-weight: 600
}
.pointdiv {
  padding-left: 70px
}
.boarddiv p a, .boarddiv p span, .callwhats p a, .callwhats p span, .headingdiv p span, .pointdiv p span, .section2 p span, .section3 p span, .section4 p span, span.ornagcolor {
  color: #ff7c1f
}
.pointdiv p.pointimg:before {
  content: ' ';
  background: url(../images/bullet.png) 0 0/contain no-repeat;
  position: absolute;
  top: 13px;
  left: -36px;
  width: 14px;
  height: 14px
}
.cluehead p.no1:before, .cluehead p.no2:before, .cluehead p.no7:before {
  background: url(../images/bgbox.jpg) 0 0/contain no-repeat;
  top: 0;
  left: 0;
  width: 60px;
  height: 60px;
  -ms-flex-align: center !important;
  display: flex;
  color: #fff;
  font-size: 36px
}
.bottomband {
  background: #ff7c1f;
  padding: 20px 30px
}
.calltext p {
  color: #fff;
  font-family: Handlee_Regular;
  font-size: 28px;
  font-weight: 600;
  line-height: 38px;
  padding-left: 46px
}
.leftpoint p, .pointbullet, .rightpad50 {
  padding-left: 50px
}
.calltext p:before {
  content: ' ';
  background: url(../images/call.png) 0 0/contain no-repeat;
  position: absolute;
  top: 4px;
  left: 0;
  width: 29px;
  height: 29px
}
.valname p {
  color: #fff;
  font-size: 18px;
  font-family: Mulish_Medium
}
.secondpage {
  background: url(../images/notbookbg.jpg) 0 0/contain repeat-y
}
.leftpoint p a {
  margin-left: 15px;
  display: inline-block
}
.leftpoint p:before {
  content: ' ';
  background: url(../images/bullet.png) 0 0/contain no-repeat;
  position: absolute;
  top: 22px;
  left: 20px;
  width: 14px;
  height: 14px
}
.shdowdiv {
  box-shadow: 0 0 10px 0 #00000069;
  border-radius: 40px
}
.maptext p {
  color: #193d6c;
  font-family: Handlee_Regular;
  font-size: 30px;
  font-weight: 600;
  line-height: 34px
}
.timespace {
  margin: 30px 0 40px
}
.headbtnmarg {
  margin: 50px 0 25px
}
.marbtm25 {
  margin-bottom: 25px
}
.topmrgbtmmrg2070 {
  margin-top: 20px;
  margin-bottom: 70px
}
.marbtm20 {
  margin-bottom: 20px
}
.topbtm60 {
  margin: 60px 0
}
.parabtm60 {
  margin-bottom: 60px
}
.mrgbtm40 {
  margin-bottom: 70px
}
.mrgboth4510 {
  margin: 45px 0 10px
}
.lastmrgdiv {
  margin-bottom: 150px
}
.topbtmmrg5015 {
  margin: 50px 0 15px
}
.marbtm30 {
  margin-bottom: 30px
}
.mrgboth6025 {
  margin: 50px 0 30px
}
.mrgboth2035 {
  margin: 20px 0 35px
}
.differancediv h4 {
  color: #af2a30;
  font-family: Handlee_Regular;
  font-size: 42px;
  font-weight: 600
}
.boarddiv p, .differancediv p {
  font-size: 38px;
  line-height: 42px;
  font-family: Handlee_Regular;
  font-weight: 600
}
.differancediv p {
  color: #193d6c
}
.leftpad50 {
  padding-right: 50px
}
.differancedivright:before {
  content: ' ';
  background: url(../images/partline.png) 0 0/contain no-repeat;
  position: absolute;
  top: 20px;
  left: 0;
  width: 4px;
  height: 99px
}
.firsticonbtm:after, .secondiconbtm:after {
  bottom: 20px;
  left: 22%;
  content: ' ';
  position: absolute
}
.differancediv a {
  color: #ff7c1f;
  display: block
}
.firsticonbtm, .secondiconbtm {
  position: relative;
  padding-bottom: 260px
}
.firsticonbtm:after {
  background: url(../images/irrational.webp) 0 0/contain no-repeat;
  width: 424px;
  height: 389px
}
.differancediv p img {
  display: block;
  margin: 25px 0
}
.secondiconbtm:after {
  background: url(../images/irrefutable.webp) 0 0/contain no-repeat;
  width: 380px;
  height: 384px
}
.thirdiconbtm {
  padding-bottom: 50px
}
.thirdiconbtm:after {
  content: ' ';
  background: url(../images/truncet.webp) 0 0/contain no-repeat;
  position: absolute;
  bottom: 23%;
  left: 8%;
  width: 378px;
  height: 435px
}
.fouriconbtm {
  padding-bottom: 422px
}
.fouriconbtm:after {
  content: ' ';
  background: url(../images/sense.webp) 0 0/contain no-repeat;
  position: absolute;
  bottom: 9px;
  left: 41%;
  width: 367px;
  height: 509px
}
.pointbullet:before {
  content: ' ';
  background: url(../images/bullet.png) 0 0/contain no-repeat;
  position: absolute;
  top: 12px;
  left: 10px;
  width: 14px;
  height: 14px
}
.clickhere img, .cutorange img, .feedgif img, .imgclas img, .menu_list_items img, .widthright img {
  display: inline-block !important;
  float: none !important
}
.boarddiv {
  padding: 80px 80px 250px;
  background: url(../images/board.webp) 0 0/100% 100% no-repeat;
  margin-bottom: 230px
}
.boarddiv p {
  text-align: justify;
  color: #193d6c;
  margin-bottom: 45px
}
.topimgright p, .widthleft p {
  text-align: left !important
}
.boarddiv:after {
  content: ' ';
  background: url(../images/boardbottom.webp) 0 0/contain no-repeat;
  position: absolute;
  bottom: -13%;
  left: -108px;
  width: 388px;
  height: 411px
}
.topimgright {
  padding-right: 500px;
  padding-bottom: 80px
}
.topimgright:after {
  content: ' ';
  background: url(../images/fraud.webp) 0 0/contain no-repeat;
  position: absolute;
  bottom: 0;
  right: -50px;
  width: 500px;
  height: 513px
}
.widthleft {
  width: 80%;
  float: left
}
.widthleft p {
  padding: 10px 0
}
.widthright {
  width: 60%;
  float: left
}
.headrigthimg:after {
  content: ' ';
  background: url(../images/picofmonth.webp) 0 0/contain no-repeat;
  position: absolute;
  top: -15px;
  right: -50px;
  width: 300px;
  height: 125px
}
.cluehead {
  margin: 30px 0
}
.cluehead p {
  padding-left: 90px;
  margin-bottom: 45px
}
.cluehead p.no1:before, .cluehead p.no7:before {
  content: '1';
  position: absolute;
  align-items: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
  font-family: Handlee_Regular;
  font-weight: 600
}
.cluehead p.no2:before {
  content: '2';
  position: absolute;
  align-items: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
  font-family: Handlee_Regular;
  font-weight: 600
}
.cluehead p.no3:before, .cluehead p.no4:before {
  background: url(../images/bgbox.jpg) 0 0/contain no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  width: 60px;
  height: 60px;
  -ms-flex-align: center !important;
  display: flex
}
.cluehead p.no3:before {
  content: '7';
  align-items: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
  color: #fff;
  font-family: Handlee_Regular;
  font-size: 36px;
  font-weight: 600
}
.cluehead p.no4:before {
  content: '9';
  align-items: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
  color: #fff;
  font-family: Handlee_Regular;
  font-size: 36px;
  font-weight: 600
}
.cluehead p.no5:before, .cluehead p.no6:before {
  background: url(../images/bgbox.jpg) 0 0/contain no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  width: 60px;
  height: 60px;
  -ms-flex-align: center !important;
  display: flex;
  color: #fff;
  font-family: Handlee_Regular;
  font-size: 36px;
  font-weight: 600
}
.cluehead p.no5:before {
  content: '10';
  align-items: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important
}
.cluehead p.no6:before {
  content: '11';
  align-items: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important
}
.cluehead p.no8:before, .cluehead p.no9:before {
  background: url(../images/bgbox.jpg) 0 0/contain no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  width: 60px;
  height: 60px;
  -ms-flex-align: center !important;
  display: flex
}
.cluehead p.no10 span, .cluehead p.no12 span, .cluehead p.no6 span, .cluehead p.no7 span, .cluehead p.no9 span {
  text-decoration: underline;
  color: #193d6c !important
}
.cluehead p.no8:before {
  content: '3';
  align-items: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
  color: #fff;
  font-family: Handlee_Regular;
  font-size: 36px;
  font-weight: 600
}
.cluehead p.no9:before {
  content: '4';
  align-items: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
  color: #fff;
  font-family: Handlee_Regular;
  font-size: 36px;
  font-weight: 600
}
.cluehead p.no10:before, .cluehead p.no11:before {
  -ms-flex-align: center !important;
  background: url(../images/bgbox.jpg) 0 0/contain no-repeat;
  width: 60px;
  height: 60px;
  display: flex;
  color: #fff;
  font-size: 36px;
  font-family: Handlee_Regular;
  font-weight: 600;
  top: 0;
  position: absolute;
  left: 0
}
.cluehead p.no10:before {
  content: '5';
  align-items: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important
}
.cluehead p.no11:before {
  content: '6';
  align-items: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important
}
.cluehead p.no12:before {
  content: '8';
  background: url(../images/bgbox.jpg) 0 0/contain no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  width: 60px;
  height: 60px;
  -ms-flex-align: center !important;
  align-items: center !important;
  display: flex;
  -ms-flex-pack: center !important;
  justify-content: center !important;
  color: #fff;
  font-family: Handlee_Regular;
  font-size: 36px;
  font-weight: 600
}
.feedbacklast p {
  text-align: center
}
.clickhere, .cutorange {
  text-align: center !important;
  margin: 50px 0 30px
}
#playerNotification, .bluetxt p, .gamebtn, .mroon_cta, .playbtn, .successnotify, .thankyoutxt p {
  text-align: center
}
.banking p, .orangtxt p {
  color: #ff7c1f;
  font-family: Handlee_Regular;
  font-size: 50px;
  font-weight: 600;
  text-align: center
}
.bluetxt p {
  color: #193d6c;
  font-family: Handlee_Regular;
  font-size: 50px;
  font-weight: 600
}
.thankyoutxt p {
  color: #ff7c1f;
  font-family: Handlee_Regular;
  font-size: 42px;
  font-weight: 600;
  margin: 20px 0 60px
}
.callwhats p, .distext p {
  color: #193d6c;
  font-family: Handlee_Regular;
  font-weight: 600
}
.linediv {
  border-bottom: 2px solid #af2a30;
  margin-bottom: 70px
}
.callwhats p {
  font-size: 50px;
  padding-left: 100px;
  margin-bottom: 60px
}
.banking, .distext p {
  margin-bottom: 50px
}
.rightwidthdiv {
  width: 40%;
  float: left
}
.callwhats p.callus:before {
  content: ' ';
  background: url(../images/callus.png) 0 0/contain no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  width: 69px;
  height: 69px
}
.callwhats p.whatsicon:before {
  content: ' ';
  background: url(../images/whatsimg.webp) 0 0/contain no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  width: 88px;
  height: 88px
}
.distext p {
  font-size: 24px;
  margin-left: 20px
}
.distext p a {
  color: #af2a30
}
.fullborder {
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none
}
.bgcoverbtm {
  padding-bottom: 100px
}
.mobcover {
  width: 100%;
  height: auto;
  display: none !important
}
.desktopcover {
  width: 100%;
  height: auto;
  display: block !important
}
.coverart_content_rel span, .maroontext p {
  color: #af2a30 !important
}
.feedback img {
  position: absolute;
  max-width: 8%;
  top: 10px;
  left: 35%
}
.btmspacecover {
  padding-bottom: 1100px
}
.feedbackmay p {
  font-family: Mulish_Medium;
  color: #ff7c1f;
  font-size: 28px;
  text-align: right;
  margin-bottom: 15px
}
.leftstart p, .rigtdicediv p, .successnotify p {
  font-size: 2.5rem;
  color: #db620a;
  font-weight: 700;
  font-family: Handlee_Regular
}
.feedgif img {
  max-width: 30%
}
.feedbacktop {
  padding-top: 220px
}
.backquiz {
  width: 7.5%;
  z-index: 1111
}
.nextquiz {
  width: 5%;
  z-index: 1111
}
.backfeedback {
  width: 4%
}
.genericPadding {
  padding: 60px
}
.borderorange {
  border-bottom: 1px solid #db620a;
  box-shadow: rgba(14, 63, 126, .04) 0 0 0 1px, rgba(42, 51, 69, .04) 0 1px 1px -.5px, rgba(42, 51, 70, .04) 0 3px 3px -1.5px, rgba(42, 51, 70, .04) 0 6px 6px -3px, rgba(14, 63, 126, .04) 0 12px 12px -6px, rgba(14, 63, 126, .04) 0 24px 24px -12px
}
.snakeladderdiv {
  padding: 20px 0 15px
}
.rigtdicediv p {
  padding-right: 15px
}
.successnotify {
  margin-top: 40px;
  margin-bottom: 5px
}
.successnotify p {
  padding: 8px 40px;
  border: 1px solid #db620a;
  border-radius: 50px;
  display: inline-block
}
#intro {
  font-family: Handlee_Regular;
  font-size: 2rem;
  color: #db620a;
  font-weight: 700
}
#playerNotification, #results p {
  font-size: 1.2rem
}
#playerNotification {
  font-weight: 700;
  padding: 10px
}
.modal .modal-dialog {
  transition: transform .3s ease-out;
  transform: translate(0, -50px)
}
.modal-content {
  box-shadow: 5px 10px 15px #888
}
.modpara p {
  font-family: Handlee_Regular;
  font-size: 1.5rem;
  color: #97291e
}
.rigtdicediv {
  width: 100%;
  margin-top: 15px
}
.gamebtn, .playbtn {
  margin-top: 15px
}
.gamebtn span, .playbtn span {
  background: #97291e;
  padding: 8px 25px;
  font-size: 1.5rem;
  color: #fff;
  margin: 10px;
  width: fit-content;
  border-radius: 30px;
  display: inline-block
}
.coverart_headings h1, .coverart_headings h2, .headingdivgame h1 {
  color: #f16322;
  font-weight: 600;
  margin-bottom: 6px;
  font-family: Handlee_Regular
}
.articlediv_game {
  width: 100%;
  float: left;
  border-top: 1px solid #db620a
}
.headingdivgame h1 {
  font-size: 56px;
  width: 80%
}
.ladderchildimg:after {
  content: ' ';
  background: url("../images/childimg.png") 0 0/contain no-repeat;
  position: absolute;
  top: -274px;
  right: -104px;
  width: 344px;
  height: 289px
}
.ladderchildimg {
  margin-top: 60px
}
.headingdivgame p {
  font-size: 40px
}
.mainpagecontact {
  background: url("../images/band.webp") no-repeat;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto
}
.coverart_hd p, .coverart_hdbtm {
  background: #97292e
}
.widthleft h2 {
  color: #f16322;
  font-family: Handlee_Regular;
  font-size: 56px;
  font-weight: 600
}
.coverart_headings h1 {
  font-size: 64px
}
.coverart_headings h2 {
  font-size: 50px
}
.coverart_headings h3 {
  color: #193d6c;
  font-family: Handlee_Regular;
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 6px
}
.coverart_content h4, .coverart_content p, .coverart_content ul li {
  font-family: Handlee_Regular;
  font-size: 44px;
  font-weight: 600;
  margin-bottom: 6px
}
.coverart_content p {
  color: #193d6c
}
.coverart_content h4 {
  color: #af2a30;
  padding-bottom: 40px
}
.bullet span, .coverart_content p span {
  color: #f16322
}
.challenges1r h4, .earners1r h4, .earners2r h4, .tipssection h4 {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important
}
.coverart_headings {
  padding: 40px 0 0
}
.coverart_content, .img_padding {
  padding: 40px 0
}
.Scam_points {
  width: 100%;
  border: 1px solid #97292e;
  border-radius: 50px;
  padding: 30px
}
.Scam_pointer1, .Scam_pointer2 {
  display: flex
}
.Scam_pointer1 img {
  margin-left: 20px
}
.Scam_pointer2 img {
  margin-right: 20px;
  margin-top: 10px
}
.Scam_pointer2 {
  margin: 10px 0
}
.Scam_padd, .hiddenline, .img_samepd_20 {
  padding: 20px 0
}
.img_padding2, .img_samepadding {
  padding: 80px 0 40px
}
.bullet span {
  font-family: Mulish_Black;
  font-size: 60px
}
.bullet {
  margin-bottom: -20px !important
}
.coverart_content a {
  color: #f16322
}
.Protect_padding {
  padding-top: 40px
}
.Protect_btmpadding, .footer_btpdd {
  padding-bottom: 40px
}
.coverart_contenth42, .coverart_contenth42 h4, .coverart_contenth43 {
  padding-bottom: 0 !important
}
.coverart_cntpdtop {
  padding-top: 0 !important
}
.coverart_content_rel {
  color: #193d6c !important
}
.coverart_content ul {
  padding: 0 30px 0 50px
}
.coverart_hd p, .coverart_hd_org p {
  padding: 15px 40px;
  width: fit-content;
  color: #fff;
  border-radius: 30px
}
.coverart_content ul li {
  list-style: disc;
  color: #193d6c
}
.img_center {
  align-content: center
}
.Scam_pointerbrd {
  border-bottom: 1px solid #97292e;
  padding: 10px 0
}
.tipssection1_cntn, .tipssection3_cntn, .tipssection5_cntn {
  padding-left: 20px;
  height: auto
}
.beyonddiv1r {
  width: 39%;
  float: right;
  position: absolute;
  top: 120px;
  right: 0
}
.coverart_hd_org p {
  background: #f26521
}
.mroon_cta {
  color: #af2a30 !important
}
.coverart_hdbtm {
  width: 90%;
  float: left;
  border-radius: 60px;
  position: relative;
  margin-bottom: 170px
}
.coverart_hdbtm p {
  color: #fff;
  width: 70%;
  padding: 20px 40px
}
.coverart_hdbtm:after {
  content: ' ';
  background: url("../images/2_13.webp") 0 0/contain no-repeat;
  position: absolute;
  bottom: -37%;
  right: -18%;
  width: 368px;
  height: 400px
}
.indulgence1r:after, .indulgence2l:after {
  content: ' ';
  background: url("../images/4_4.webp") 0 0/contain no-repeat;
  top: -60px;
  width: 76px;
  height: 97px
}
.tipssection1_img {
  width: 20%;
  height: auto;
  float: left
}
.tipssection1_img img {
  width: 152px;
  height: auto;
  float: left
}
.tipssection1_cntn {
  width: 80%;
  float: left
}
.tipssection2_img, .tipssection4_img, .tipssection6_img {
  width: 20%;
  height: auto;
  float: right
}
.tipssection2_img img {
  width: 152px;
  height: auto;
  float: right !important
}
.tipssection2_cntn, .tipssection4_cntn, .tipssection6_cntn {
  width: 80%;
  height: auto;
  float: left;
  padding-right: 20px;
  text-align: right
}
.tipssection3_img {
  width: 26%;
  height: auto;
  float: left
}
.tipssection3_img img {
  width: 228px;
  height: auto;
  float: left
}
.tipssection3_cntn {
  width: 74%;
  float: left
}
.tipssection4_img img {
  width: 177px;
  height: auto;
  float: right !important
}
.tipssection5_img {
  width: 24%;
  height: auto;
  float: left
}
.tipssection5_img img {
  width: 218px;
  height: auto;
  float: left
}
.tipssection5_cntn {
  width: 76%;
  float: left
}
.tipssection6_img img {
  width: 156px;
  height: auto;
  float: right !important
}
.footer_btpdd2 {
  padding-bottom: 80px
}
.coverart_hd_org span {
  font-size: 54px;
  color: #fff !important
}
.earners2r, .indulgence1r {
  width: 50%;
  float: right;
  position: absolute;
  top: 40px;
  right: 0
}
.indulgence1rimg {
  position: relative;
  margin: 50px 0
}
.indulgence1r:after {
  position: absolute;
  left: 30px
}
.indulgenceafterimg {
  margin-top: 22px
}
.indulgence2l {
  width: 54%;
  float: left;
  position: absolute;
  top: 40px;
  left: 0
}
.indulgence2l:after {
  position: absolute;
  right: 30px
}
.coverart_hd_gray1:after, .coverart_hd_gray2:after {
  content: ' ';
  background: url("../images/6_3.webp") 0 0/contain no-repeat;
  position: absolute;
  top: 30px;
  width: 170px;
  height: 170px
}
.challenges3r, .earners1r {
  width: 50%;
  float: left;
  position: absolute;
  top: 40px;
  left: 0
}
.challenges1r p, .challenges2r p, .earners1r p {
  text-align: left
}
.earners2r h4 {
  text-align: right
}
.earners2mr {
  margin: 50px 0
}
.coverart_contenttnc p {
  color: #193d6c;
  font-family: Handlee_Regular;
  font-size: 30px;
  font-weight: 600
}
.coverpagehd h1, .coverpagehd h2 {
  color: #fff;
  margin-bottom: 6px;
  font-family: Handlee_Regular;
  font-weight: 600
}
.coverpagehd {
  background: #f26723;
  padding: 0 50px
}
.coverpagehd h1 {
  font-size:120px;
  display: flex
}
.coverpagehd h2 {
  font-size:70px
}
.coverpagehdpd {
  padding-bottom: 30px
}
.coverart_hdmrn p {
  color: #97292e;
  font-family: Handlee_Regular;
  font-size: 54px;
  font-weight: 600
}
.coverart_hd_org2 p {
  color: #f16322;
  font-family: Handlee_Regular;
  font-size: 58px;
  font-weight: 600
}
.challenges1r {
  width: 60%;
  float: left;
  position: absolute;
  top: 40px;
  left: 0
}
.challenges2r h4 {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
  text-align: left
}
.challenges2r {
  width: 54%;
  float: right;
  position: absolute;
  top: 0;
  right: 0
}
.SEBI2mt, .challenges2mt, .challenges3mt {
  margin-top: 120px
}
.challenges2mb {
  margin-bottom: 120px
}
.challenges4r {
  width: 58%;
  float: left;
  position: absolute;
  top: 20px;
  left: 0
}
.SEBImt {
  margin-bottom: 260px
}
.festivelogopd {
  padding-bottom: 20px
}
.festivetext {
  color: #183e6c !important;
  font-family: Handlee_Regular;
  font-size: 50px;
  font-weight: 600
}
.coverart_hd_gray1, .coverart_hd_gray2 {
  position: relative;
  margin-bottom: 100px
}
.coverart_hd_gray1 p, .coverart_hd_gray2 p {
  background: #dddbcb;
  border-radius: 30px;
  padding: 15px 40px;
  color: #183e6c;
  font-size: 38px;
  width: fit-content
}
.coverart_hd_gray1:after {
  right: 0
}
.coverart_hd_gray2:after {
  left: 0
}
.festivelogo1:after, .festivelogo2:after {
  content: ' ';
  position: absolute;
  top: -30px;
  width: 89px;
  height: 77px
}
.festivelogo2:after {
  background: url("../images/6_4.webp") 0 0/contain no-repeat;
  left: 30px
}
.festivelogo1:after {
  background: url("../images/6_5.webp") 0 0/contain no-repeat;
  right: 30px
}
.marrontext p {
  color: #97292e;
  text-align: center
}

.often_pdtop{padding-top: 40px;}

.Lesson1 .tipssection1_img {width: 20%;}
.Lesson2 .tipssection1_img {width: 30%;}
.Lesson3 .tipssection2_img {width: 20%;}
.Lesson4 .tipssection1_img {width: 30%;}

.Lesson1 .tipssection1_cntn {width: 80%;}
.Lesson2 .tipssection1_cntn {width: 70%;}
.Lesson3 .tipssection2_cntn {width: 80%;}
.Lesson4 .tipssection1_cntn {width: 70%;}

.Lesson1 .tipssection1_img img {width: 100%;}
.Lesson2 .tipssection1_img img {width: 100%;}
.Lesson3 .tipssection2_img img {width: 100%;}
.Lesson4 .tipssection1_img img {width: 90%;}


.tips .tipssection1_img{width: 26%;}
.tips .tipssection1_img img{width: 240px;}
.tips .tipssection1_cntn{width:74%;}

.tips .tipssection2_img{width: 26%;}
.tips .tipssection2_img img{width: 240px;}
.tips .tipssection2_cntn{width:74%;}