@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: bold;
    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: bold;
    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: normal;
    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: normal;
    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: normal;
    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; margin:0; padding:0; }
body{font-family: 'Mulish_Regular'; margin:0px; padding:0px; color:#333333; font-size:14px;} 
html,body{overflow-x:hidden !important; }
ul,p,h1,h2,h3,h4,h5,h6{margin:0px; padding:0px; list-style:none;}
a, a:hover, a:focus{ text-decoration:none; outline:none; }
input,textarea,button,input[type="button"],input[type="submit"],select{border:none; outline:none; box-shadow:none;}
.fullimg{max-width:100%;}

.maindiv{max-width:1000px;width:100%;margin:0px auto;}
header{width:100%;float:left;position:fixed;top:0px;left:0px;}
.fullborder{width:100%; height:auto; float:left;}
.headbg{width:100%;float:left;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f16d22+1,b02a31+100 */
background: #f16d22; /* Old browsers */
background: -moz-linear-gradient(top,  #f16d22 1%, #b02a31 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f16d22 1%,#b02a31 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f16d22 1%,#b02a31 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f16d22', endColorstr='#b02a31',GradientType=0 ); /* IE6-9 */
padding:10px 10px;
height: 70px;}
.logo{width:70%;float:left;}
.navigationdiv{width:70%;float:left;}

.navigationdiv ul li{float:left;margin:0px 10px;}
.navigationdiv ul li a{float:left;font-family:Arial;color:#ffffff;font-size:16px;font-weight:700;padding-bottom:5px;}
.navigationdiv ul{float:left;padding-top: 18px;}
.navigationdiv ul li.active{border-bottom: 2px solid #ffffff;;}
.navigationdiv ul li:hover{border-bottom: 2px solid #ffffff;;}

.fullarticlediv{width:100%;float:left;}

.articlediv{width:100%;float:left; position:relative;border: 1px solid #e77817;}
.maindivtow{width:100%;max-width:1000px;margin:0px auto;}

.bgbackdiv{width:100%;height:70px;float:left;}



::-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;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    transition: .25s cubic-bezier(.17,.67,.89,1.4);
    transition-property: transform;
    will-change: transform;
    top: 22px;
    left: 15px;
}
.nav-button::before,
.nav-button::after {
  content: "";
  position: absolute;
  left: 0; right: 0;
  display: block;
  height: 3px;
  background: #ffffff;
  transition: .25s;
  transition-property: transform, top;
  will-change: transform, top;
}
.nav-button::before {
  top: 0;
}
.nav-button::after {
  top: calc(100% - 3px);
}



/* cross button */
.cross-button:focus {
  background-image: none;
}
.cross-button:focus::before,
.cross-button:focus::after{
   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:#ffffff;font-family:Arial;font-weight:700;    font-size: 16px;
    text-align: right;
    text-transform: uppercase;}

.articlediv img{display:block;float:left !important;}


.prevdiv {
    width:9%;
    position: fixed;
    left: 23%; opacity:0; 
	z-index:999;
}


.nextdiv {
    width:15%;
    position: fixed;
    right: 23%; opacity:0;
	z-index:999;
}


.nextdiv img{background: #97291e; width:100%; height:100%;}
.prevdiv img{background: #97291e; width:100%; height:100%;}



 .view {
	 position: absolute;
	 top: 0;
	 right: 0;
	 bottom: 0;
	 left: 0;
	 perspective: 1200px;
	 display: none;
}
 .view.view--block {
	 display: block;
}
 .view.view--visible .view__inner {
	 transform: rotate(0deg) !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%;
	 text-align: center;
	 line-height: 100vh;
	 color: white;
	 background-color: #2bd996;
	 transition: opacity 0.6s ease;
	 transition-property: opacity, transform;
}
 


.fulldiv{width:100%;float:left;}
.coverbg{background:#eeeeef;}



/*--------new-------------------------*/



.ful50div{width:50%;float:left;}
.btns_bg{width:100%; height:auto; float:left; background:#eeeeef;}
.btn1_1{width:40%; float:left;}
.btn1_2{width:60%; 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{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 0px;
    color: #ffffff;
    font-family: Arial;
    font-size: 15px;
    background: #a41c2b;
    text-align: center;
    text-transform: uppercase;
    border: 1px solid #fbccb1;
	}
.downloaddiv a:hover{	    
    background: #a41c2bad;
	}
.downloaddiv{    position: fixed;
    bottom:10px; left:41%}

.righttext {
    float: left;
    margin-top: 40px;
    text-align: center;
    width: 100%;
}

.righttext p {
    color: #333333;
    font-size: 16px;
    font-family: 'Mulish_ExtraBold';
}
.notificationpop {
    position: absolute;
    width: 10%;
    padding: 11px;
    border-radius: 10px;
    right: 2%;
    top: 16%;
    animation: zoom-in-zoom-out 1s infinite;
    z-index: 999;
}


.iconleft{    width: 100%;
    float: left;text-align:center;}
	
.iconleft img {
    max-width: 35%;
    display: inline-block;
    float: none !important;
}
	
	
@keyframes zoom-in-zoom-out {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.1, 1.1);
  }
  100% {
    transform: scale(1, 1);
  }
}









.header{width: 100%; height: auto; max-width:998px; position: fixed; z-index: 99999;margin-top: -1px;}



.nav_fulldiv{width: 100%; height: auto; display:grid; grid-template-columns: 80% 20%; backdrop-filter: blur(1px); background-color: rgb(255 255 255 / 0.3); box-shadow: 2px 2px 2px 0px rgb(255 255 255 / 0.3);}



/*NAV*/

.nav_list{
    display: flex;
    margin: 0;
    
}
.nav_list_items{
    text-align: left;
    
    margin: 5px 5px 5px 30px;
    transition: all .3s ease-in-out;
    height:50px;
}
.menu {
    position: relative;
    z-index: 999;
    background: url(../images/orangebig2.png) no-repeat;
    background-size: contain;
    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;
}

.menu_list_items{

    transition: all .25s ease-in-out;
    transform: translateX(-100%);
    opacity: 0;  
}
.menu_list_items_show{
    transform: translateX(0);
    opacity: 1;
    
}

.menu_list_items>a{
    display: block;
}
.home_svg{
    height:68%;
   fill: #97291e;
	margin-top:8px;
    margin-left: -10px;
}
  .ham {
    height:40px;
    
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    transition: transform 400ms;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  .hamRotate.hamActive {
    transform: rotate(45deg);
  }
.line {
    fill: none;
    transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;
    stroke: #ffffff;
    stroke-width: 6px;
    stroke-linecap: round;
}
  .ham8 .top {
    stroke-dasharray: 40 160;
  }
  .ham8 .middle {
    stroke-dasharray: 40 142;
    transform-origin: 50%;
    transition: transform 400ms;
  }
  .ham8 .bottom {
    stroke-dasharray: 40 85;
    transform-origin: 50%;
    transition: transform 400ms, stroke-dashoffset 400ms;
  }
  .ham8.hamActive .top {
    stroke-dashoffset: -64px;
  }
  .ham8.hamActive .middle {
    transform: rotate(90deg);
  }
  .ham8.hamActive .bottom {
    stroke-dashoffset: -64px;
  }

.menu_list_items a {
    color: #ffffff;
    font-size: 19px;
    font-family: 'Mulish_Bold';
}
.menu_list li:first-child a{font-size: 26px; font-family: 'Mulish_Bold'; border-bottom: 1px solid #ffffff;  margin-bottom:10px;display: inline-block;}

.coverpage{padding-top: 116px;}

.btm1{width:50%; float:left;}
.btm2{width:50%; float:right;}



.share img{ cursor: pointer;}
.line_bar{width: 100%; height: auto; float: left; background: #ffffff; padding-top:1px;}
.line_bar ul{display: flex; width: 93%; margin: 0px auto;}
.line_bar ul li{width: 100%; height: 5px; background:#ebb086; margin: 0px 4px;}
.active_line{width: 100%; height: 5px; background: #97291e;}
/*.line_bar ul li:first-child{margin: 0px 4px 0px 0px;}*/
.line_animate{background: #97291e; animation: border_anim 0.5s linear forwards;}

.rightfloat {
    border-radius: 50%;
    float: right;
    padding-right:25px;
    margin-top: 5px;
}
.wpicon{ background: linear-gradient(to bottom, rgba(232,117,28,1) 0%,rgba(190,42,42,1) 100%);width:50px;height:50px;border-radius:50%;padding:5px;}
.downloadicon{ background: linear-gradient(to bottom, rgba(232,117,28,1) 0%,rgba(190,42,42,1) 100%);width:50px;height:50px;border-radius:50%;padding:5px;margin-left:10px;}

@keyframes border_anim {
	0%{
		width: 0%;
	}
	100%{
		width: 100%;
	}
}





@keyframes taadaa { 
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}



.btn_div{position: absolute;}



/*DOWNLOAD*/



.dropbtn {
  border: none;
  cursor: pointer; background: none;
}



.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: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
	margin-top: 10px;	margin-left:-10px;
}

.dropdown-content a {
  color: black;
  padding:8px 10px;
  text-decoration: none;
  display: block;
	color: #db620a; font-size: 20px; font-family: 'Mulish_Bold';animation: taadaa2 0.5s;
}

.dropdown a:hover {background-color: #ddd;}

.show {display: block;}

.share_buttons {
    position: fixed;
    left: 32%;
    width: 36%;
    height: auto;
    bottom: -20%;
    z-index: 999;
    box-shadow: 0px 3px 10px 0px #000000;
    padding: 8px;
    background: linear-gradient(to bottom, rgba(232,117,28,1) 0%,rgba(190,42,42,1) 100%);
    animation: taadaa 1s;
    border-radius: 6px;
}

.share_buttons ul li {
    display: inline-block;
    width: 14.28%;
	float:left;
	padding:0px 10px;
}

.close_btn{display: none;}
.share_buttons span.cross {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #ffffff;
    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: 0px;
    box-shadow: 0px 1px 12px -4px #000000;
	cursor:pointer;
}




.share_buttons{animation: taadaa1 0.8s;}

@keyframes taadaa1 { 
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
	
	
}

@keyframes taadaa2 { 
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
	
	
}


.dropbtn_img1{display: none;}




.line_bar1{background: #ffc07d;}
.line_bar1 ul li{background: #cd9369;}


.noSelect {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.noSelect:focus {
    outline: none !important;
}

.logodiv{width:47%;float:left;}
.volume_name{float:right;}
.volume_name p{color: #ffffff; font-size:24px; font-family: 'Mulish_Medium';}
.logo_section{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f37d23+0,c2272d+100 */
background: #f37d23; /* Old browsers */
background: -moz-linear-gradient(top,  #f37d23 0%, #c2272d 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f37d23 0%,#c2272d 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f37d23 0%,#c2272d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f37d23', endColorstr='#c2272d',GradientType=0 ); /* IE6-9 */
padding:24px 30px;width:100%;float:left;}



.menu_list {
    position: absolute;
    z-index: -1;
    width: 760px;
    background: url(../images/orangebig2.png) no-repeat;
    background-size: cover;
    height: 0px;
    transition: all 0.3s ease-in;
    overflow-y: hidden;
    top: -5px;
    left: -31px;
    transform: translateX(-100%);
    background-position-x: -251px;
    background-position-y: -81px;
}


.menu_list_open{   height: calc(760px);
    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);
    cursor: pointer;
}

.left_arrow span {
    display: block;
    width:30px;
    height:30px;
    border-bottom: 5px solid #666869;
    border-right: 5px solid #666869;
    transform: rotate(45deg);
    margin: -10px;
    animation: slide_left 2s infinite;
	
}

.left_arrow span:nth-child(2) {
    animation-delay: -0.2s;
}

.left_arrow span:nth-child(3) {
    animation-delay: -0.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);
    cursor: pointer;
}

.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: slide_left 2s infinite;
	

}

.right_arrow span:nth-child(2) {
    animation-delay: -0.2s;
}

.right_arrow span:nth-child(3) {
    animation-delay: -0.4s;
}


.line1 {
    border-bottom: 1px solid #f3956994;
    width:61%;
}
.line2 {
    border-bottom: 1px solid #f3956994;
    width:63%;
}
.line3 {
    border-bottom: 1px solid #f3956994;
    width:64%;
}
.line4 {
    border-bottom: 1px solid #f3956994;
    width:64%;
}
.line5 {
    border-bottom: 1px solid #f3956994;
    width:64%;
}
.line6 {
    border-bottom: 1px solid #f3956994;
    width:63%;
}
.line7 {
    border-bottom: 1px solid #f3956994;
    width: 61%;
}
.line8 {
    border-bottom: 1px solid #f3956994;
    width: 59%;
}
.line9 {
    border-bottom: 1px solid #f3956994;
    width: 56%;
}
.line10 {
    border-bottom: 1px solid #f3956994;
    width: 51%;
}
.line11 {
    border-bottom: 1px solid #f3956994;
    width: 45%;
}

.mCSB_inside > .mCSB_container {
    margin-right: 0px !important;
}
.maxheigthdiv {
    max-height: 100vh;
}
/*
.mCSB_scrollTools {
    position: absolute;
    width: 16px;
    height: 80%;
    left: auto;
    top: 15%;
    right: 0;
    bottom: 0;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	background: linear-gradient(to bottom, rgba(195,41,45,1) 0%,rgba(243,124,35,1) 100%);
	}

.mCSB_scrollTools {
    position: absolute;
    width: 16px;
    height: 80%;
    left: 0;
    top: 15%;
    right: auto;
    bottom: 0;
}
.mCSB_scrollTools .mCSB_draggerRail {
    background-color: rgb(0 0 0 / 14%);
}
.mCSB_scrollTools .mCSB_draggerRail {
    width: 1px;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 3px;
	border-radius:30px;
}
*/

	.prevdiv, .nextdiv {
    height:100%;
}
.rightfloat{position:relative;}
.rightfloat p {
    position: absolute;
    color: #333333;
    font-size: 24px;
    font-family: 'Mulish_Bold';
    right: 150px;
    top: 6px;
}




/*----------new css----------*/

.notbookbg {
    background: url(../images/notbookbg.jpg);
    background-repeat: repeat-y;
    background-size: contain;
/*    padding-left: 50px;*/
	padding-bottom:60px;
}
.quetiondiv{width:90%;margin:0px auto;max-width:810px;}
.quetiondivbgorange{background:url(../images/Qbg.png) no-repeat;background-size:100% 100%;position:relative;}
.quetiondivbgorange:before {
    content: 'Q1)';
    background: #af2a30;
    position: absolute;
    top:26%;
    left: -11%;
    width: 75px;
    height: 75px;
	border-radius:50%;
    background-size: contain;
	-ms-flex-align:center!important;align-items:center!important;display:flex;-ms-flex-pack:center!important;justify-content:center!important;color:#ffffff;font-family: 'Handlee_Regular';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)';
	}


.quetiondivbgorange:after {
    content: ' ';
    width: 100%;
    height: 2px;
    position: absolute;
    top: 50%;
    right: -8.5%;
    background: #f16322;
    z-index: 0;
}



.quetiondivbgorange h2 {
    font-family: 'Handlee_Regular';
    font-size: 52px;
    text-align: left;
    color: #ffffff;
    padding: 15px 30px 15px 50px;
    position: relative;
    z-index: 9;
}
.borderdiv{border-left:2px solid #b9494e;border-right:2px solid #b9494e;border-bottom:2px solid #b9494e; padding:20px 40px;border-bottom-left-radius:30px;border-bottom-right-radius:30px;}
.borderoutdiv{width:92%;margin:0px 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:0px;font-weight:600; width: 106%;
	
}
[type="radio"]:checked + label:before,
[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: all 0.2s ease;
    transition: all 0.2s ease;
}
[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{border-bottom:2px solid #b9494e;}
.borderdiv form p.noborder{border-bottom:0px !important;}
.borderdiv p.rongdivcolor label{color:red;}
.borderdiv p.rightdivcolor label{
    color: green;
}
.bckhead{background:#f16322;padding:8px 15px;}
.bckhead p{font-family: 'Handlee_Regular';font-size:34px;color:#ffffff;text-align:center;}
.boxborderdiv{border:1px solid #f16322;padding:20px;}
.ansqui{width:25%;float:left;margin-bottom:20px;}
.ansqui p{font-family: 'Handlee_Regular';font-size:30px;color:#193d6c;font-weight:600;text-align:center;}
.ansqui p span{color:green;}
.ansquirightbdr {
    border-right: 2px solid #193d6c;
}
.topheaddiv {
    padding: 10px 0px 0px 30px;
}

.topheaddiv h2{font-family: 'Mulish_Black';font-size:52px;color:#ffffff;text-transform:uppercase;}
.bgcover{background:url(../images/bg.webp) no-repeat;    background-position: top;background-size: 100% 100%;}
.topheaddiv h3{font-family: 'Mulish_Black';font-size:112px;color:#ffffff;text-transform:uppercase;line-height:100px;}
.topheaddiv p{font-family: 'Mulish_Medium';font-size:30px;color:#ffffff;}
.topheaddiv p span{font-family: 'Mulish_ExtraBold';}
.bottomtxtdiv p {
    font-family: 'Handlee_Regular';
    font-size: 80px;
    color: #ffffff;
    text-align: center;
    line-height: 80px;
    margin-top: -75px;
}
.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-family: 'Mulish_Regular';font-size:32px;color:#ffffff;background:#f16322;padding:5px 25px;outline:none;cursor:pointer;}

.borderdiv p label span{display:none;}
.width50div{width:50%;float:left;}


.toppop{position:fixed;top:0px;left:0px;width:100%;height:100vh;background:#000000b8;display:none;z-index: 999;}
.tabback{position:fixed;left:16%;top:50%;background:#ffffff;border-radius:50%;padding:10px;width:50px;}
.tabnext {
    position: fixed;
    right: 17%;
    top: 50%;
    background: #ffffff;
    border-radius: 50%;
    padding: 10px;
    width: 50px;
}
.dashdiv{width:2px;height:100vh;position:fixed;border-left:2px dashed #ffffff;left:25%;top:0px;}

.tabback:after {
    content: 'Tap Back';
    position: absolute;
    bottom: -36px;
    left: -13px;
    font-family: 'Mulish_Regular';
    font-size: 18px;
    color: #ffffff;
    width: 87px;
}
.tabnext:after {
    content: 'Tap Next';
    position: absolute;
    bottom: -36px;
    left: -13px;
    font-family: 'Mulish_Regular';
    font-size: 18px;
    color: #ffffff;
    width: 87px;
}

.hidechat{display:block;}

.posrel{position:relative;z-index:999;}


.bgdivcenter{padding:0px 40px;background:url(../images/planebg.webp) repeat-y;position: relative;
    z-index: 999;}
.bgdivcenter table tr td{border:2px solid #9c0004;height:83px;position:relative;}
.bgdivcenter table tr td input{width:100%;text-align:center;background:transparent;appearance: none;font-family: 'Handlee_Regular';font-size:30px;color:#193d6c;font-weight:600;text-align:center;}

/* Chrome, Safari, Edge, Opera */
.bgdivcenter table tr td input::-webkit-outer-spin-button,
.bgdivcenter table tr td input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
.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: 0px;
    left: 3px;
}
td.bgdivorang{background:url(../images/bgbox.jpg) no-repeat;background-size:cover;}
.btndivbottom{text-align:center;margin:25px 0px;}
.btndivbottom button{font-family: 'Mulish_Bold';
    font-size: 17px;
    color: #ffffff;background:#ff7600;cursor:pointer;padding:6px 20px;margin:5px 5px;}
.btndivbottom button:hover{background:#97291e;}


/* ***************************** PUZZLE **********************************************/
#puzzle {
	width:100%;
	margin: 0;
	padding: 10px;
	/*border: 1px solid black;*/
}

.square{
	/*width:30px;*/
	height:30px;
	margin: 0;
	padding: 0;
	border-collapse: collapse;
    position: relative;
}

.empty{
    background-color:white;
}

.letter{
    text-align: center;
    cursor: pointer;
}
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;
}

#buttons_container{
    clear: both;
    padding-top: 20px;
    margin-left: 50px;
}



.question_number{
    position: absolute;
    font-size: 12px;
    color: grey;
    left: 3px;
    top: 3px;
}

td{
    position:relative;
}
[contenteditable] {
    outline: 0px solid transparent;
    
  }

  table {
    table-layout: fixed;
    width: 100%;
  }

table tr td .letter {font-family: 'Handlee_Regular';font-size:26px;color:#193d6c ;font-weight:600;text-align:center;text-transform:uppercase !important;}

#hints_container {
    display:none;
}











.outdiv{padding:0px 50px;}
.headingdiv h1{color:#f16322;font-family: 'Handlee_Regular';font-size:66px;font-weight:600;}
.headingdiv h2{color:#333333;font-family: 'Handlee_Regular';font-size:35px;font-weight:600;}
.headingdiv p{color:#193d6c;font-family: 'Handlee_Regular';font-size:40px;font-weight:600;text-align:justify;line-height:47px;}
.bandhead h4 {
    color: #ffffff;
    font-family: 'Handlee_Regular';
    font-size: 40px;
    font-weight: 600;
    padding: 14px 40px;
    background: url(../images/headbg.png) no-repeat;
    background-size: 100% 100%;
    display: inline-block;
    line-height: 40px;
}
.section2 h5{color:#af2a30;font-family: 'Handlee_Regular';font-size:40px;font-weight:600;}
.section2 p{color:#193d6c;font-family: 'Handlee_Regular';font-size:40px;font-weight:600;text-align:justify;line-height:47px;}

.section3 h5{color:#af2a30;font-family: 'Handlee_Regular';font-size:40px;font-weight:600;}
.section3 p{color:#193d6c;font-family: 'Handlee_Regular';font-size:40px;font-weight:600;text-align:justify;line-height:47px;}
.pointdiv{padding-left:70px;}
.pointdiv p{color:#193d6c;font-family: 'Handlee_Regular';font-size:40px;font-weight:600;text-align:justify;line-height:47px;}
.pointdiv p span{color:#ff7c1f;}
.pointdiv p.pointimg{position:relative;}
.pointdiv p.pointimg:before {
    content: ' ';
    background: url(../images/bullet.png) no-repeat;
    position: absolute;
    top: 13px;
    left: -36px;
    width: 14px;
    height: 14px;
    background-size: contain;
}
.section4 p{color:#193d6c;font-family: 'Handlee_Regular';font-size:40px;font-weight:600;text-align:justify;line-height:47px;}
.section4 p span{color:#ff7c1f;}
.section4 p.maroonclr{color:#af2a30;font-family: 'Handlee_Regular';font-size:40px;font-weight:600;}
.section2 p span{color:#ff7c1f;}
.bottomband{background:#ff7c1f;padding:20px 30px;}
.calltext p{color:#ffffff;font-family: 'Handlee_Regular';font-size:28px;font-weight:600;line-height:38px;position:relative;padding-left:46px;}
.calltext p:before {
    content: ' ';
    background: url(../images/call.png) no-repeat;
    position: absolute;
    top: 4px;
    left: 0px;
    width: 29px;
    height: 29px;
    background-size: contain;
}
.valname p{color: #ffffff; font-size:18px; font-family: 'Mulish_Medium';}
.secondpage{background:url(../images/planebg.webp) repeat-y;background-size:contain;}
.headingdiv p span{color:#ff7c1f;}

.section3 p span{color:#ff7c1f;}
.leftpoint p {
    position: relative;
    padding-left: 50px;
	margin-bottom:10px;
}
.leftpoint p a{margin-left:15px;display:inline-block;}
.leftpoint p:before {
    content: ' ';
    background: url(../images/bullet.png) no-repeat;
    position: absolute;
    top: 22px;
    left: 20px;
    width: 14px;
    height: 14px;
    background-size: contain;
}
.shdowdiv {
    box-shadow: 0px 0px 10px 0px #00000069;
    border-radius: 40px;
}

.maptext p{color:#193d6c;font-family: 'Handlee_Regular';font-size:30px;font-weight:600;line-height:34px;}

.timespace{margin:30px 0px 40px 0px;}
.headbtnmarg{margin:50px 0px 25px 0px;}
.marbtm25{margin-bottom:25px;}
.topmrgbtmmrg2070{margin-top:20px;margin-bottom:70px;}
.marbtm20{margin-bottom:20px;}
.topbtm60{margin:60px 0px;}
.parabtm60{margin-bottom:60px;}
.mrgbtm40{margin-bottom:40px;}
.mrgboth4510{margin:45px 0px 10px 0px;}
.lastmrgdiv{margin-bottom:150px;}
.topbtmmrg5015{margin:50px 0px 15px 0px;}
.marbtm30{margin-bottom:30px;}
.mrgboth6025{margin:50px 0px 30px 0px;}
.mrgboth2035{margin:20px 0px 35px 0px;}
.width50{width:50%;float:left;}
.differancediv h4{color:#af2a30;font-family: 'Handlee_Regular';font-size:42px;font-weight:600;}
.differancediv p{color:#193d6c;font-family: 'Handlee_Regular';font-size:38px;font-weight:600;line-height:42px;}
.differancedivright h4, .differancedivright p{text-align:right;}
.leftpad50{padding-right:50px;}
.rightpad50{padding-left:50px;}
.differancedivright{position:relative;}
.differancedivright:before{
	content: ' ';
    background: url(../images/partline.png) no-repeat;
    position: absolute;
    top: 20px;
    left: 0px;
    width: 4px;
    height: 99px;
    background-size: contain;
	}
.differancediv a{color:#ff7c1f;text-decoration:underline;display:block;}
.firsticonbtm {
    position: relative;
    padding-bottom: 260px;
}
.firsticonbtm:after{
	content: ' ';
    background: url(../images/irrational.webp) no-repeat;
    position: absolute;
    bottom: 20px;
    left: 22%;
    width: 424px;
    height: 389px;
    background-size: contain;
	}
.differancediv p img{display:block;margin:25px 0px;}


.secondiconbtm {
    position: relative;
    padding-bottom: 260px;
}
.secondiconbtm:after {
    content: ' ';
    background: url(../images/irrefutable.webp) no-repeat;
    position: absolute;
    bottom: 20px;
    left: 22%;
    width: 380px;
    height: 384px;
    background-size: contain;
}
	span.ornagcolor{color:#ff7c1f;}

.thirdiconbtm {
    position: relative;
    padding-bottom: 50px;
}
.thirdiconbtm:after {
    content: ' ';
    background: url(../images/truncet.webp) no-repeat;
    position: absolute;
    bottom: 23%;
    left: 8%;
    width: 378px;
    height: 435px;
    background-size: contain;
}
.fouriconbtm {
    position: relative;
    padding-bottom: 422px;
}
.fouriconbtm:after {
    content: ' ';
    background: url(../images/sense.webp) no-repeat;
    position: absolute;
    bottom: 9px;
    left: 41%;
    width: 367px;
    height: 509px;
    background-size: contain;
}
.pointbullet{position:relative;padding-left:50px;}
.pointbullet:before{
	content: ' ';
    background: url(../images/bullet.png) no-repeat;
    position: absolute;
    top: 12px;
    left: 10px;
    width: 14px;
    height: 14px;
    background-size: contain;
	}
	
.imgclas img{display:inline-block !important;float:none !important;}
.boarddiv{padding:80px 80px 250px 80px;background:url(../images/board.webp) no-repeat;background-size:100% 100%;position:relative;margin-bottom:230px;}

.boarddiv h3{color:#af2a30;font-family: 'Handlee_Regular';font-size:40px;font-weight:600;}
.boarddiv p{text-align:justify;color:#193d6c;font-family: 'Handlee_Regular';font-size:38px;font-weight:600;line-height:42px;margin-bottom:45px;}
.boarddiv p a, .boarddiv p span{color:#ff7c1f;}
.boarddiv:after {
    content: ' ';
    background: url(../images/boardbottom.webp) no-repeat;
    position: absolute;
    bottom: -13%;
    left: -108px;
    width: 388px;
    height: 411px;
    background-size: contain;
}
.topimgright{position:relative;padding-right:500px;padding-bottom:80px;}
.topimgright:after {
    content: ' ';
    background: url(../images/fraud.webp) no-repeat;
    position: absolute;
    bottom: 0%;
    right: -50px;
    width: 500px;
    height: 513px;
    background-size: contain;
}
.topimgright p{text-align:left !important;}
.widthleft{width:40%;float:left;}
.widthleft p{text-align:left !important;padding:170px 0px 250px 0px;}
.widthright{width:60%;float:left;text-align:right;}
.widthright img{display:inline-block !important;float:none !important;}
.headrigthimg{position:relative;}
.headrigthimg:after {
    content: ' ';
    background: url(../images/picofmonth.webp) no-repeat;
    position: absolute;
    top: -15px;
    right: -50px;
    width: 300px;
    height: 125px;
    background-size: contain;
}

.cluehead{margin:30px 0px 30px 0px;}
.cluehead p{padding-left:90px;margin-bottom:45px;}


.cluehead p.no1, .cluehead p.no2, .cluehead p.no3, .cluehead p.no4, .cluehead p.no5, .cluehead p.no6, .cluehead p.no7, .cluehead p.no8, .cluehead p.no9, .cluehead p.no10, .cluehead p.no11, .cluehead p.no12{position:relative;}
.cluehead p.no1:before {
    content: '1';
    background: url(../images/bgbox.jpg) no-repeat;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 60px;
    height: 60px;
    background-size: contain;
	-ms-flex-align:center!important;align-items:center!important;display:flex;-ms-flex-pack:center!important;justify-content:center!important;color:#ffffff;font-family: 'Handlee_Regular';font-size:36px;font-weight:600;
}

.cluehead p.no2:before {
    content: '2';
    background: url(../images/bgbox.jpg) no-repeat;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 60px;
    height: 60px;
    background-size: contain;
	-ms-flex-align:center!important;align-items:center!important;display:flex;-ms-flex-pack:center!important;justify-content:center!important;color:#ffffff;font-family: 'Handlee_Regular';font-size:36px;font-weight:600;
}
.cluehead p.no3:before {
    content: '7';
    background: url(../images/bgbox.jpg) no-repeat;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 60px;
    height: 60px;
    background-size: contain;
	-ms-flex-align:center!important;align-items:center!important;display:flex;-ms-flex-pack:center!important;justify-content:center!important;color:#ffffff;font-family: 'Handlee_Regular';font-size:36px;font-weight:600;
}

.cluehead p.no4:before {
    content: '9';
    background: url(../images/bgbox.jpg) no-repeat;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 60px;
    height: 60px;
    background-size: contain;
	-ms-flex-align:center!important;align-items:center!important;display:flex;-ms-flex-pack:center!important;justify-content:center!important;color:#ffffff;font-family: 'Handlee_Regular';font-size:36px;font-weight:600;
}

.cluehead p.no5:before {
    content: '10';
    background: url(../images/bgbox.jpg) no-repeat;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 60px;
    height: 60px;
    background-size: contain;
	-ms-flex-align:center!important;align-items:center!important;display:flex;-ms-flex-pack:center!important;justify-content:center!important;color:#ffffff;font-family: 'Handlee_Regular';font-size:36px;font-weight:600;
}

.cluehead p.no6:before {
    content: '11';
    background: url(../images/bgbox.jpg) no-repeat;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 60px;
    height: 60px;
    background-size: contain;
	-ms-flex-align:center!important;align-items:center!important;display:flex;-ms-flex-pack:center!important;justify-content:center!important;color:#ffffff;font-family: 'Handlee_Regular';font-size:36px;font-weight:600;
}
.cluehead p.no6 span, .cluehead p.no7 span, .cluehead p.no9 span, .cluehead p.no10 span, .cluehead p.no12 span{text-decoration:underline;color:#193d6c !important;}


.cluehead p.no7:before {
    content: '1';
    background: url(../images/bgbox.jpg) no-repeat;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 60px;
    height: 60px;
    background-size: contain;
	-ms-flex-align:center!important;align-items:center!important;display:flex;-ms-flex-pack:center!important;justify-content:center!important;color:#ffffff;font-family: 'Handlee_Regular';font-size:36px;font-weight:600;
}
.cluehead p.no8:before {
    content: '3';
    background: url(../images/bgbox.jpg) no-repeat;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 60px;
    height: 60px;
    background-size: contain;
	-ms-flex-align:center!important;align-items:center!important;display:flex;-ms-flex-pack:center!important;justify-content:center!important;color:#ffffff;font-family: 'Handlee_Regular';font-size:36px;font-weight:600;
}
.cluehead p.no9:before {
    content: '4';
    background: url(../images/bgbox.jpg) no-repeat;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 60px;
    height: 60px;
    background-size: contain;
	-ms-flex-align:center!important;align-items:center!important;display:flex;-ms-flex-pack:center!important;justify-content:center!important;color:#ffffff;font-family: 'Handlee_Regular';font-size:36px;font-weight:600;
}
.cluehead p.no10:before {
    content: '5';
    background: url(../images/bgbox.jpg) no-repeat;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 60px;
    height: 60px;
    background-size: contain;
	-ms-flex-align:center!important;align-items:center!important;display:flex;-ms-flex-pack:center!important;justify-content:center!important;color:#ffffff;font-family: 'Handlee_Regular';font-size:36px;font-weight:600;
}
.cluehead p.no11:before {
    content: '6';
    background: url(../images/bgbox.jpg) no-repeat;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 60px;
    height: 60px;
    background-size: contain;
	-ms-flex-align:center!important;align-items:center!important;display:flex;-ms-flex-pack:center!important;justify-content:center!important;color:#ffffff;font-family: 'Handlee_Regular';font-size:36px;font-weight:600;
}
.cluehead p.no12:before {
    content: '8';
    background: url(../images/bgbox.jpg) no-repeat;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 60px;
    height: 60px;
    background-size: contain;
	-ms-flex-align:center!important;align-items:center!important;display:flex;-ms-flex-pack:center!important;justify-content:center!important;color:#ffffff;font-family: 'Handlee_Regular';font-size:36px;font-weight:600;
}

.feedbacklast p{text-align:center;}
.cutorange{text-align:center !important;margin:50px 0px 30px 0px;}
.cutorange img{display:inline-block !important;float:none !important;}
.orangtxt p{color:#ff7c1f;font-family: 'Handlee_Regular';font-size:50px;font-weight:600;text-align:center;}
.clickhere{text-align:center !important;margin:50px 0px 30px 0px;}
.clickhere img{display:inline-block !important;float:none !important;}
.bluetxt p{color:#193d6c;font-family: 'Handlee_Regular';font-size:50px;font-weight:600;text-align:center;}
.thankyoutxt p{color:#ff7c1f;font-family: 'Handlee_Regular';font-size:42px;font-weight:600;text-align:center;margin:20px 0px 60px 0px;}
.linediv{border-bottom:2px solid #af2a30;margin-bottom:70px;}

.banking p{color:#ff7c1f;font-family: 'Handlee_Regular';font-size:50px;font-weight:600;text-align:center;}
.leftwidthdiv{width:60%;float:left;}
.callwhats p{color:#193d6c;font-family: 'Handlee_Regular';font-size:38px;font-weight:600;padding-left:100px;margin-bottom:60px;}
.rightwidthdiv{width:40%;float:left;}
.callwhats p.callus, .callwhats p.whatsicon{position:relative;}
.callwhats p.callus:before {
    content: ' ';
    background: url(../images/callus.png) no-repeat;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 69px;
    height: 69px;
    background-size: contain;
}
.callwhats p.whatsicon:before {
    content: ' ';
    background: url(../images/whatsimg.webp) no-repeat;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 88px;
    height: 88px;
    background-size: contain;
}

.callwhats p a, .callwhats p span{color:#ff7c1f;}
.banking{margin-bottom:50px;}
.distext p{color:#193d6c;font-family: 'Handlee_Regular';font-size:24px;font-weight:600;margin-bottom:50px;}
.distext p a{color:#af2a30;text-decoration:underline;}	
.fullborder{
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */	
	}	
.bgcoverbtm{padding-bottom:100px;}

.mobcover{width: 100%; height: auto; display: none !important;}
.desktopcover{width: 100%; height: auto; display: block !important;}

.feedgif img,
.menu_list_items img {
  display: inline-block !important;
  float: none !important;
}
.maroontext p {
  color: #af2a30 !important;
}
.feedback img {
  position: absolute;
  max-width: 8%;
  top: 11px;
  left: 30%;
}
.btmspacecover{padding-bottom:1100px;}
.feedbackmay p{font-family: Mulish_Medium;color:#ff7c1f;font-size:28px;text-align:right;margin-bottom:15px;}
.feedgif img{max-width:30%;}
.feedbacktop {
    padding-top: 220px;
}


.backquiz{width: 7.5%;}
.nextquiz{width: 5%;}

.backfeedback{width:4%;}



/*the Finq Ladder*/

.fullfloat{width:100%;float:left;}


.genericPadding {padding:60px 60px 60px 60px;}
.borderorange{
	border-left:1px solid #db620a; border-right:1px solid #db620a; border-bottom:1px solid #db620a;
	box-shadow: rgba(14, 63, 126, 0.04) 0px 0px 0px 1px, rgba(42, 51, 69, 0.04) 0px 1px 1px -0.5px, rgba(42, 51, 70, 0.04) 0px 3px 3px -1.5px, rgba(42, 51, 70, 0.04) 0px 6px 6px -3px, rgba(14, 63, 126, 0.04) 0px 12px 12px -6px, rgba(14, 63, 126, 0.04) 0px 24px 24px -12px;
}
.snakeladderdiv{padding:20px 0px 15px 0px;}

.leftstart p{font-family: Handlee_Regular;font-size:2.5rem;color:#db620a;font-weight:700;}
.rigtdicediv p{font-family: Handlee_Regular;font-size:2.5rem;color:#db620a;font-weight:700;padding-right:15px;}
.successnotify{text-align:center;margin-top:40px; margin-bottom: 5px;}
.successnotify p{font-family: Handlee_Regular;font-size:2.5rem;color:#db620a;font-weight:700;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;}
#results p{font-size:1.2rem;}
#continue, #varcontinue, #edprime {
	cursor: pointer;
}
.modal .modal-dialog {
	transition: transform .3s ease-out;
    transform: translate(0,-50px)
}
.modal-content {
    box-shadow: 5px 10px 15px #888888;
}
.modpara p{font-family: Handlee_Regular;font-size:1.5rem;color:#97291e;}

.leftstart{position:absolute;}
.rigtdicediv{width:100%;margin-top:15px;}
.playbtn {text-align:center;margin-top:15px; cursor:pointer;}
.playbtn span{background:#97291e;padding:8px 25px;font-size:1.5rem;color:#ffffff;width:120px;border-radius:30px;display:inline-block;}

.articlediv_game{width:100%;float:left; position:relative;border-left:1px solid #db620a; border-right:1px solid #db620a; border-top:1px solid #db620a; }
.fullarticledivgame{width:100%;float:left;}


.headingdivgame h1{color:#f16322;font-family: 'Handlee_Regular';font-size:56px;font-weight:600; margin-bottom: 6px;}




/*the Finq Ladder*/