@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Regular.eot');
    src: url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Regular.woff2') format('woff2'),
        url('../fonts/Roboto-Regular.woff') format('woff'),
        url('../fonts/Roboto-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Intro';
    src: url('../fonts/Intro-SemiBold.eot');
    src: url('../fonts/Intro-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Intro-SemiBold.woff2') format('woff2'),
        url('../fonts/Intro-SemiBold.woff') format('woff'),
        url('../fonts/Intro-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Intro';
    src: url('../fonts/Intro-Regular.eot');
    src: url('../fonts/Intro-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Intro-Regular.woff2') format('woff2'),
        url('../fonts/Intro-Regular.woff') format('woff'),
        url('../fonts/Intro-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Intro';
    src: url('../fonts/Intro-Bold.eot');
    src: url('../fonts/Intro-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Intro-Bold.woff2') format('woff2'),
        url('../fonts/Intro-Bold.woff') format('woff'),
        url('../fonts/Intro-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

:root{
    --color-navy-blue: #00354F;
    --color-light-blue:#009CC3;
    --color-light-gray:#f3f3f3;
}

body { font-family: 'Roboto'; font-size: 1.042vw; line-height: 1.5; color: #191C1F;}
img, video, iframe { max-width: 100%; }
a, a:hover { text-decoration: none; }
p, ul { margin-bottom: 1.302vw; }
h1, h2, h3, h4, h5, h6 { margin-bottom: 1.302vw; font-weight: bold; }
h6 { font-size: 1.146vw; }
h5 { font-size: 1.354vw; }
h4 { font-size: 1.563vw; }
h3 { font-size: 1.771vw; }
h2 { font-size: 1.979vw; }
h1 { font-size: 2.188vw; }
.font-Intro{font-family: 'Intro';}
.f-w-M { font-weight: 500; }
.f-w-SB{ font-weight: 600; }
.f-w-B { font-weight: bold; }
/*Animation*/
.trasn_1{transition:all 0.3s ease-in-out;}
.trasn_2{transition:all 0.6s ease-in-out;}
/*Line Height CSS*/
.line-H-0 { line-height: 0; }
.line-H-1 { line-height: 1; }
.line-H-1_2 { line-height: 1.2; }
.line-H-1_3 { line-height: 1.3; }
.line-H-1_4 { line-height: 1.4; }
.line-H-1_5 { line-height: 1.5; }
.line-H-1_6 { line-height: 1.6; }
.line-H-1_7 { line-height: 1.7; }
.line-H-1_8 { line-height: 1.8; }
.line-H-1_9 { line-height: 1.9; }
/* Margin CSS*/
.mrg-b-5{margin-bottom: 0.260vw}
.mrg-b-10{margin-bottom:0.521vw;}
.mrg-b-15{margin-bottom:0.781vw;}
.mrg-b-20{margin-bottom: 1.563vw;}
.mrg-b-30{margin-bottom: 1.563vw;}
.mrg-b-40{margin-bottom: 2.083vw;}
.mrg-b-45{margin-bottom: 2.344vw;}
.mrg-b-55{margin-bottom: 2.865vw;}
.mrg-b-65{margin-bottom: 3.385vw;}
.mrg-t-60{margin-top: 3.385vw;}
.mrg-t-30{margin-top: 1.563vw;}
.mrg-r-15{margin-right:0.781vw;}
/* Color CSS*/
.bgDarkBlue{background-color: #00354F}
.bgLightBlue{background-color: #009CC3}
.clr-gray-500{color: #77878F}
.clr-blue{color: #2DA5F3}
.clr-navy-blue{color: var(--color-navy-blue) !important;}
/* Font CSS*/
.f-s-14{font-size: 0.729vw}
.f-s-16{font-size: 0.833vw}
.f-s-18{font-size: 0.938vw}
.f-s-22{font-size: 0.946vw}
.f-s-24{font-size: 1.250vw}

.f-s-30{font-size: 1.563vw}

.site__logo{max-width: 7.917vw;display: block;width: 100%;}
.headerTop_one{padding: 0.677vw 0;}
.headerTop_two{padding: 0.521vw 0;}
.footer{padding: 1.042vw 0;}
.site__footer_logo{max-width: 10.156vw;display: block;width: 100%;}
.footer-quickLinks .list-inline-item:not(:last-child){margin-right: 0.521vw;padding-right: 0.521vw;border-right: solid 1px #77878F;line-height: 1;}
.login_section{padding: 5.208vw 0;background: #e6f6fa;}
.mapImg, .passcode_bgImg {filter: blur(6px);}
.loginBx {background: #FFF;box-shadow: 0px 10px 46px #0043641A; border-radius: 0.521vw;}
.cstNavTabs.nav-tabs {justify-content: space-around;border: none;border-bottom: solid 1px #E4E7E9;}
.cstNavTabs.nav-tabs .nav-link {padding:0.981vw 0.521vw;line-height: 1;border: none;text-align: center;display: block;width: 100%;border-bottom: solid 3px transparent;color: #77878F;}
.cstNavTabs.nav-tabs .nav-link.active{border-bottom: solid 3px #009CC3;color: #191C1F;font-weight: 600;}
.cstNavTabs.nav-tabs .nav-item {width: 50%;}
.formWrap.accordion-body {padding: 1.902vw 1.302vw;}
.cstInput, .cstInput:focus {width: 100%;padding: 0.521vw 0.677vw;border: solid 1px #E4E7E9;border-radius: 1.8px;outline: none;box-shadow: none;padding-right: 2.677vw;}
.toggle-password {position: absolute;right: 0;top: 50%;transform: translate(-50%, -50%);cursor: pointer;}
.signIn-btn{transition:all 0.3s ease-in-out; color: #000000;background-color: #fcd800;padding: 0.981vw 0.781vw;border-radius: 2.813vw;border:none;width: 100%; line-height: 1;}
.signInTxt{margin-right: 0.521vw;}
.signIn-btn img{filter: brightness(0) invert(0);transition:all 0.3s ease-in-out;}
.signIn-btn:hover{ background-color: #004364;color: #ffffff;}
.signIn-btn:hover img{filter: brightness(0) invert(1);}
.orTxt:before {content: '';position: absolute;border-bottom: solid 1px #E4E7E9;width: 100%;left: 0;top: 0.833vw;}
.orTxt span {background: #fff;padding: 0.104vw 0.781vw;z-index: 9;position: relative;}
.loginSocial{border:solid 1px #E4E7E9;display: block;padding: 0.521vw;color: #475156;border-radius: 1.8px;}
.appleIcon:before, .googleIcon:before{content: '';width: 0.938vw;height: 0.938vw;position: absolute;left: 1.563vw;top: 50%;transform: translate(-50%, -50%);background-size: 0.938vw;}
.googleIcon:before {background-image: url(../images/google.svg);}
.appleIcon:before{background-image: url(../images/apple.svg);}
.agreeTxt input {padding: 0;height: initial;width: initial;margin-bottom: 0;display: none;cursor: pointer;}
.agreeTxt label {position: relative;cursor: pointer;}
.agreeTxt label:before {content: '';-webkit-appearance: none;background: #009CC3;padding: 0.521vw;display: inline-block;position: relative;vertical-align: middle;cursor: pointer;margin-right: 0.521vw;}
.agreeTxt input:checked + label:after {content: '';display: block;position: absolute;top: 0.369vw;left: 0.365vw;width: 0.313vw;height: 0.729vw;border: solid #FFFFFF;border-width: 0 2px 2px 0;transform: rotate(45deg);}
.faq_secWrap, .gameplay_sec, .startGame_sec, .verifyPassword_sec, .page_Wrapper{background: #e6f6fa;}

.verifyPassword_sec{padding: 5.208vw 0;}
.verifyBx{padding: 1.302vw 1.823vw;background: #FFF;box-shadow: 0px 10px 46px #0043641A; border-radius: 0.521vw;}
.verifyBxHeading .txtSummary{color: #5F6C72;}
.faq_secWrap{padding:5.208vw 0 }
.cstAccodian .accordion-item{border: none;border-radius: 3.6px;}
.cstAccodian .accordion-button {background: #009CC3;border-radius: 3.6px;color: #fff;border-bottom-right-radius: 0;border-bottom-left-radius: 0;padding: 0.902vw 1.302vw;}
.cstAccodian .accordion-button:focus{box-shadow: none;outline: none;}
.cstAccodian .accordion-button.collapsed {background: transparent;border: solid 1px #E4E7E9;color: #191C1F;}
.cstAccodian .accordion-collapse {border-bottom-right-radius: 3.6px;border: solid 1px #E4E7E9;border-bottom-left-radius: 3.6px;border-top: none;}
.faqContent_txt, .faqContent_txt>* {color: #475156;}
.faqContent_txt {box-shadow: 0px 7.2px 36px rgba(0, 0, 0, 0.12);}
.cstAccodian .accordion-button:after {content: '-';background-image: none;font-size: 1.458vw;line-height: 1;width: auto;height: auto;color: #fff;}
.cstAccodian .accordion-button.collapsed:after{content: '+';color: #77878F;}
.supportBx{    background: #FFF;box-shadow: 0px 10px 46px #0043641A; border-radius: 0.521vw;padding: 1.302vw;}
.supportBxForm .signIn-btn {width: auto;color: #000000;background-color: #fcd800;padding: 0.781vw 1.481vw;    transition: all 0.3s ease-in-out;}
.supportBxForm .signIn-btn:hover{background-color: #004364;color: #ffffff;}

/* 404 page start */
.inner-pTb{padding-top: 2.344vw; padding-bottom: 3.646vw;}
/*.page_Wrapper{ min-height: calc(100vh - 26.042vw); }*/
.tu_notFound-inner{text-align: center;}
.tu_notFound-inner .tu_errorImg{max-width: 23.438vw; margin-bottom: 1.302vw;}
.tu-cstBtn{padding: 0.781vw 1.042vw; border-radius: 0.521vw; font-weight: 500; background-color: var(--color-light-blue) !important; line-height: 1; color: #ffffff !important; border: 1px solid #009CC3 !important;}
.tu-cstBtn:hover{background-color: transparent !important; color: var(--color-light-blue) !important;}
.tu-cstBtn.btnDark{background-color: transparent !important;color: var(--color-navy-blue) !important; border: 1px solid var(--color-navy-blue) !important;}
.tu-cstBtn.btnDark:hover{background-color: var(--color-navy-blue) !important;color: #FFFFFF !important;}
.btn-icon{display: inline; margin-right: 0.260vw;}
.tu_btnGroup{display: flex; gap: 0.781vw; justify-content: center;}
.text-Blue{color: var(--color-navy-blue);}
/* 404 page end */

/* profile setting start */
.leftContent{ float: left; position: absolute; width: 15.625vw; left: 0; top: 0; height: 100%; padding:1.823vw 1.042vw; overflow: auto;z-index: 9}
.side-Navbar .nav{gap: 0.521vw;}
.side-Navbar .nav .nav-item .nav-link{color: #00354F; font-weight: 600; padding: 0.781vw; line-height: 1; background-color: #FFFFFF; border-radius:0.260vw; font-size: 0.938vw; display: flex; column-gap:0.781vw ;}
.side-Navbar .nav .nav-item .nav-link.active, .side-Navbar .nav .nav-item .nav-link:hover{background-color: #009CC3; color: #FFFFFF;}
.content-Wrapper{padding:1.823vw 1.823vw 1.823vw 17.708vw;}
.cst-card {    background: #FFF;box-shadow: 0px 10px 46px #0043641A;border-radius: 0.521vw;}
.cst-card .card-header{background-color: transparent; border-bottom: 1px solid  var(--color-light-gray); padding:1.042vw 1.563vw; font-weight: 600; line-height: 1;}
.cst-card .card-body{ padding:1.563vw;}
.cst-card .card-header .cardTitle{font-weight: 600;}
.profileImg{max-width: 7.813vw; min-width:7.813vw;}
.ac-setting{display: flex; gap: 1.563vw;}
.ac-settingForm .lblTxt{font-size: 0.938vw;}
.ac-settingForm .cstInput::placeholder{font-size:0.885vw;}
.saveBtn .signIn-btn{padding: 0.981vw 1.481vw;}
/* profile setting End */

.passcode_sec{padding: 5.208vw 0;background: #e6f6fa;}
.passcode_wlcmBx {background: #FFF;box-shadow: 0px 10px 46px #0043641A;border-radius: 0.521vw;padding: 2.604vw 1.302vw;}
.passcode_bgImg{max-width: 90%;width: 100%;display: block;}
.lockIcon__wrap {max-width: 6.875vw;display: block;width: 100%;}
.keyEnter_sec{max-width: 60%;}
.keyEnter_sec .formGroup {position: absolute;top: 50%;right: 0.521vw;transform: translate(0%, -50%);}
.keyEnter_sec .cstInput{padding: 0.921vw 0.677vw;padding-right: 8.771vw;border-radius: 2.813vw;}
.userIcon_sec{width: 2.275vw;height: 2.275vw;border-radius: 100%;overflow: hidden;}
.userName {margin-right: 0.781vw;}
.mainHead .navbar {padding:  0;}
.mainHead .navbar .nav-item{margin-right: 1.302vw;}
.mainHead .navbar .nav-item:first-child{margin-right: 0}
.mainHead .navbar .nav-link {padding: 0.760vw 0;color: #1E1E1E;}
.mainHead .navbar .nav-link.active {color: #009CC3;;}
.homeSection{padding: 5.208vw 0;background: #e6f6fa;}
.mainHead .navbar .navbar-brand{padding: 0;margin: 0}
.mainHead { padding:  0;}
.startGame_sec{padding: 5.208vw 0;}
.btns__Wrap .signIn-btn {padding: 0.981vw 2.781vw;}
.btns__Wrap .list-inline-item:first-child .signIn-btn{background-color:#009CC3;}
.btns__Wrap .list-inline-item:first-child .signIn-btn .signInTxt{margin-left: 0.260vw;}
.startGame_sec .verifyBx {padding: 7.302vw 1.823vw 2.302vw;}
.btns__Wrap .list-inline-item:first-child .signIn-btn .signInTxt{color: #FFFFFF; transition: all 0.3s ease-in-out;}
.btns__Wrap .list-inline-item:first-child .signIn-btn img{filter: brightness(0) invert(1);}
.btns__Wrap .list-inline-item:first-child .signIn-btn:hover{color: #000000;background-color: #fcd800;}
.btns__Wrap .list-inline-item:first-child .signIn-btn:hover img{filter: brightness(0) invert(0);}
.btns__Wrap .list-inline-item:first-child .signIn-btn:hover .signInTxt {color: #000000;}
/* profile-dashboard start */

.pro-Db_table table tr td, .pro-Db_table table tr th{ color: #475156; padding: 0.781vw 1.042vw;}
.pro-Db_table table tr th{ background-color: var(--color-light-gray); text-wrap: nowrap;}
.pro-Db_table table tr td{font-size: var(--font-s-16); vertical-align:middle;}
.pro-Db_table table thead tr th{ font-weight: 600 !important;}
.view-Btn{background-color: var(--color-light-blue) !important; padding: 0.260vw 0.625vw; list-style: 1; color: #ffffff !important; border: none; border-radius: 0.260vw;}
.gap_10{gap: 0.521vw;}
.node-lable{display: flex; align-items: center; justify-content: space-between; gap: 10px; background-color: #98DCEF; width: 7.813vw; padding: 0.260vw 0.521vw; color: #000000;}
.expand-Values{padding: 1.042vw;}
.bg-maizena{background-color: #F9EA5F;}
.bg-purple{background-color: #B1AEEE;}
.bg-brown{background-color: #D8AB80;}
.nodeLableWrp{display: flex; gap: 1.302vw; flex-wrap: wrap;}
.viewTreeBtn {
    text-decoration: none;
    display: inline-block;
    padding: 0.521vw 1.521vw;
    background-color: #fcd800;
    line-height: 1;
    color: #000;
    border-radius: 100px;
}
.txt-green{color: #1D8E13;}
.txt-red{color: #C01B1B;}
.txt-light-yellow{color: #FEDA00;}
.txt-yellow{color: #A3A600;}
.txt-blue{color: #01A6C9;}
.view-Btn:not(.collapsed){transform: rotate(90deg);}
.tbl-value{text-wrap: nowrap;}
.searchBox {position: relative; max-width:18.229vw;}
.searchBox .cst-search{padding: 0.521vw; padding-right: 2.604vw;  box-shadow: none !important;}
.searchBox .searchIcon{padding: 0; position: absolute; top: 50%; right: 1.042vw; transform: translateY(-50%); border: none;}
.nl-Icon img{width: 1.042vw; height: 1.042vw;}
/* profile-dashboard end */

/* Gameplay Review Start*/
.toggle-btn input[type="checkbox"] { width: 0; height: 0; visibility: hidden; display: none; }
.toggle-btn label { opacity: .2 !important;width: 38px; height: 20px; display: block; background-color: #ffffff; border: 1px solid var(--color-navy-blue); border-radius: 100px; position: relative; cursor: pointer; transition: 0.5s; }
.toggle-btn label::after { content: ""; width: 16px; height: 16px; background-color: var(--color-navy-blue); position: absolute; border-radius: 70px; top: 50%; transform: translateY(-50%); left: 2px; transition: 0.5s; }
.toggle-btn input:disabled + label{}
.toggle-btn input:checked + label:after { left: calc(100% - 2px); transform: translate(-100%, -50% ); background-color: #ffffff; }
.toggle-btn input:checked + label {background-color: var(--color-navy-blue);opacity: 1 !important;}
.toggle-btn label:active:after {width: 23px;}
.attemt-table tr.checked td{color: var(--color-navy-blue) !important; font-weight: 700 !important; transition:all 0.3s;}
.attemt-table tr.checked td .view-Btn{background-color: var(--color-navy-blue) !important;}
.sub-attempBtn{margin: 1.563vw 0;}
/* Gameplay Review End*/

.gameplay_sec{padding: 5.208vw 0;}
.cmnBx {padding: 1.302vw 1.823vw;background: #FFF;box-shadow: 0px 10px 46px #0043641A;border-radius: 0.521vw;}
.wlcmTxt_wrap{margin-right: 1.042vw;}
.wlcmTimer.cmnBx{padding: 0;}
.wlcmTimer.cmnBx .wlcmTxt{margin-right: 0;padding: 0.781vw;border-bottom: solid 1px #E4E7E9;}
.seeAttemt_btn {background-color: #fcd800;padding: 0.781vw 1.481vw;border-radius: 2.813vw;display: block;text-align: center;color: #000000;transition: all 0.3s ease-in-out;}
.seeAttemt_btn:hover{background-color: #004364;color: #ffffff;}
.seeAttemt_btn__Wrap{padding: 0.781vw;}
.cmnBx.attembtBx{padding: 0;}
.cmnBx.attembtBx .cmnBx__one{padding: 1.302vw 1.823vw;border-bottom: solid 1px #E4E7E9;}
.attmList{color: #464646;}
/*.attmList_bxWrap .attmList_bx:not(:last-child) {padding-right: 1.042vw;margin-right: 1.042vw;border-right: solid 1px #E4E7E9;}*/
.keyEnter_sec .signIn-btn {padding: 0.781vw 1.781vw;}
.cmnBx__two{padding: 1.302vw 1.823vw;border-bottom: solid 1px #E4E7E9;}
.cstNavTabs_nodes.nav-tabs {border: none;}
.cstNavTabs_nodes.nav-tabs .nav-link {border: none;border-radius: 0;padding: 0.729vw 1.302vw 0.729vw 0.902vw;line-height: 1;text-align: left;min-width: 19.517vw;border-radius: 0.208vw;    font-size: 1.042vw;}
.nodeList__wrap.accordion-body {padding: 1.823vw 0 0;}
.nodeList__wrap .nodeBx { margin-bottom: 0.781vw; cursor: all-scroll;border: none; border-radius: 0; padding: 0.529vw 0.902vw;line-height: 1; text-align: left; border-radius: 0.208vw; font-size: 0.781vw;    z-index: 11;
    position: relative;}
.cmnBx__three{padding: 1.302vw 1.823vw;}
.selectedNodes_section.nodeList__wrap ul{padding: 1.563vw 0;}
.cstNav .dropdown-menu {padding: 0;width: 100%;border: none;margin: 0;border-radius: 0;border-bottom-right-radius: 0.521vw;border-bottom-left-radius: 0.521vw;box-shadow: 0px 10px 46px #0043641A;}
.cstNav .dropdown-menu .dropdown-item {padding: 0.521vw 1.042vw;}
.cstNav .dropdown-menu li:last-child .dropdown-item{border-bottom-right-radius: 0.521vw;border-bottom-left-radius: 0.521vw;}
.cstNav .dropdown-menu .dropdown-item:hover{background-color: #004364;color: #ffffff;}
.nodeList__wrap.accordion-body .nl-close {display: none;}
.rateBx .list-inline-item:not(:last-child){margin-right: 1.042vw;}
.rateBx .list-inline-item{display: inline-block;padding: 0.260vw 0.781vw;border-radius: 0.208vw;color: #fff;}
.responseRate {background: #1D8E13;}
.badRate{background-color: #C01B1B;}
.fraudRate{background-color: #A3A600;}
.profitBeforeTax{background-color: #004364;}
/*.tree ul {position: relative;padding: 1.042vw 0;white-space: nowrap;display: flex;text-align: center;}
.tree ul .inn_line {padding: 2.604vw 0 0;}
.tree ul::after {content: '';display: table;clear: both;}
.tree li {display: inline-block;vertical-align: top;text-align: center;list-style-type: none;position: relative;padding: 2.083vw 0 0;width: 100%;}
.tree li::before, .tree li::after {content: '';position: absolute;top: 0;right: 50%;border-top: 2px solid #ccc;width: 50%;height: 2.344vw;z-index: 1;}
.tree li::after {right: auto;left: 50%;border-left: 2px solid #ccc;}
.tree li:only-child::after, .tree li:only-child::before {display: none;}
.tree li:only-child {padding-top: 0;}
.tree li:first-child::before, .tree li:last-child::after {border: 0 none;}
.tree li:last-child::before {border-right: 2px solid #ccc;border-radius: 0 5px 0 0;}
.tree li:first-child::after {border-radius: 5px 0 0 0;}
.tree ul ul::before {content: '';position: absolute;top: 0.260vw;left: 50%;border-left: 2px solid #ccc;width: 0;height: 2.344vw;}*/
.tressBx{border: none;padding: 0.729vw 1.302vw;line-height: 1;text-align: left;border-radius: 0.208vw;position: relative;z-index: 11;font-size: 0.833vw;}
.pro-Db_table .nodeList__wrap.accordion-body .nodeBx {margin-bottom: 0;}
.pro-Db_table .nodeBx {min-width: auto;margin-right: 0;}
.pro-Db_table .rateBx .list-inline-item:not(:last-child){margin-right: 0;}
.cstNavTabs_nodes .nav-link{background-color: #ccc;color: #000;}
.cstNavTabs_nodes .nav-link.node_1.active{background-color: #004364;color: #FFF;}
.cstNavTabs_nodes .nav-link.node_2.active{background-color: #01A6C9;color: #FFF;}
.cstNavTabs_nodes .nav-link.node_3.active{background-color: #FF871D;color: #000;}
.cstNavTabs_nodes .nav-link.node_4.active{background-color: #8A0300;color: #FFF;}
.cstNavTabs_nodes .nav-link.node_5.active{background-color: #5D5BA9;color: #FFF;}
.cstNavTabs_nodes .nav-link.node_6.active{background-color: #008800;color: #FFF;}
.cstNavTabs_nodes .nav-link.node_7.active{background-color: #6F4114;color: #FFF;}
.cstNavTabs_nodes .nav-link.node_8.active{background-color: #45437F;color: #FFF;}
.cstNavTabs_nodes .nav-link.node_9.active{background-color: #B10F2F;color: #FFF;}
.cstNavTabs_nodes .nav-link.node_10.active{background-color: #8079DD;color: #FFF;}
.cstNavTabs_nodes .nav-link.node_11.active{background-color: #004364;color: #FFF;}
.cstNavTabs_nodes .nav-link.node_12.active{background-color: #01A6C9;color: #FFF;}
.cstNavTabs_nodes .nav-link.node_13.active{background-color: #FF871D;color: #000;}
.cstNavTabs_nodes .nav-link.node_14.active{background-color: #8A0300;color: #FFF;}
.cstNavTabs_nodes .nav-link.node_15.active{background-color: #5D5BA9;color: #FFF;}
.cstNavTabs_nodes .nav-link.node_16.active{background-color: #008800;color: #FFF;}
.cstNavTabs_nodes .nav-link.node_17.active{background-color: #6F4114;color: #FFF;}
.cstNavTabs_nodes .nav-link.node_18.active{background-color: #45437F;color: #FFF;}
.cstNavTabs_nodes .nav-link.node_19.active{background-color: #B10F2F;color: #FFF;}
.cstNavTabs_nodes .nav-link.node_20.active{background-color: #8079DD;color: #FFF;}
.child_node_1{ background: #9EB0C6; }
.child_node_2{ background: #80D2E4; }
.child_node_3{ background: #FFC38E; }
.child_node_4{ background: #C4817F; }
.child_node_5{ background: #AEADD4; }
.child_node_6{ background: #7FC37F; }
.child_node_7{ background: #B7A089; }
.child_node_8{ background: #A2A1BF; }
.child_node_9{ background: #D88797; }
.child_node_10{ background: #BFBCEE; }
.child_node_11{ background: #9EB0C6; }
.child_node_12{ background: #80D2E4; }
.child_node_13{ background: #FFC38E; }
.child_node_14{ background: #C4817F; }
.child_node_15{ background: #AEADD4; }
.child_node_16{ background: #7FC37F; }
.child_node_17{ background: #B7A089; }
.child_node_18{ background: #A2A1BF; }
.child_node_19{ background: #D88797; }
.child_node_20{ background: #BFBCEE; }
.nl-close {margin-left: 1.042vw;}
.pro-Db_table .userIcon_sec {margin-right: 0.781vw;}
.nodeBx.glossaryBx{border: none;padding: 0.729vw 1.302vw 0.729vw 0.902vw;line-height: 1;text-align: left;border-radius: 0.208vw;font-size: 1.042vw;min-width: 12.417vw;}
.cmnModal .modal-content{border: none;border-radius: 0;}
.cmnModal .modal-body {padding: 1.781vw 0.781vw;}
.cmnModal .btn-close {opacity: 1;background: no-repeat;text-align: right;margin-left: auto;margin-right: 0;width: auto;height: auto;padding-top: 0.802vw;padding-right: 0.802vw; position: absolute;right: 0; z-index: 9;}
.cmnModal .btn-close:focus{box-shadow: none;outline: none;}
.cmnModal .btn-close svg {width: 1.423vw;height: 1.423vw;}
/*Modal CSS*/
.sweet-alert .icon {width: 80px;height: 80px;border: 4px solid #808080;border-radius: 50%;margin: 20px auto;box-sizing: content-box;position: relative;}
.sweet-alert .icon.warning {border-color: hsl(28, 89%, 75%);}
.sweet-alert .icon.warning .body {position: absolute;left: 50%;top: 10px;width: 5px;height: 47px;margin-left: -2px;border-radius: 2px;background: hsl(28, 89%, 75%);}
.sweet-alert .icon.warning .dot {position: absolute;left: 50%;bottom: 10px;width: 7px;height: 7px;margin-left: -3px;border-radius: 50%;background: hsl(28, 89%, 75%);}
.sweet-alert .icon.error {border-color: hsl(0, 83%, 70%);}
.sweet-alert .icon.error .line {position: absolute;top: 37px;width: 47px;height: 5px;background: hsl(0, 83%, 70%);display: block;}
.sweet-alert .icon.error .line.left {left: 17px;transform: rotate(45deg);}
.sweet-alert .icon.error .line.right {right: 16px;transform: rotate(-45deg);}
.sweet-alert .icon.info {border-color: hsl(198, 29%, 84%);}
.sweet-alert .icon.info:before {content: '';position: absolute;top: 19px;left: 50%;margin-left: -3px;width: 7px;height: 7px;border-radius: 50%;background: hsl(198, 29%, 84%);}
.sweet-alert .icon.info:after {content: '';position: absolute;bottom: 17px;left: 50%;margin-left: -2px;height: 29px;width: 5px;border-radius: 2px;background: hsl(198, 29%, 84%);}
.sweet-alert .icon.success {border-color: #42c50e;}
.sweet-alert .icon.success .line {position: absolute;height: 5px;background-color: #42c50e;}
.sweet-alert .icon.success .line.tip {width: 25px;left: 14px;top: 46px;transform: rotate(45deg);z-index: 2;}
.sweet-alert .icon.success .line.long {width: 47px;top: 38px;right: 8px;transform: rotate(-45deg);z-index: 2;}
.sweet-alert .icon.success::before, .sweet-alert .icon.success::after {content: '';position: absolute;height: 120px;width: 60px;background: #fff;transform: rotate(45deg);}
.sweet-alert .icon.success::before {left: -33px;top: -7px;transform: rotate(-45deg);transform-origin: 60px 60px;border-radius: 120px 0 0 120px;}
.sweet-alert .icon.success::after {top: -11px;left: 30px;transform: rotate(-180deg);transform-origin: 0 60px;border-radius: 0 120px 120px 0;}
.sweet-alert .icon.success .placeholder {width: 80px;height: 80px;border: 4px solid hsla(98, 55%, 69%, 0.2);position: absolute;left: -4px;top: -4px;box-sizing: content-box;border-radius: 50%;z-index: 2;background: #fff;}
.sweet-alert .icon.success .fix {position: absolute;left: 28px;top: 8px;width: 5px;height: 90px;background: #fff;transform: rotate(-45deg);z-index: 1;}
/*Modal CSS*/
/* Loader CSS */
.loaderWrap {position: fixed;top: 0;left: 0;z-index: 999;background-color: rgba(255,255,255,.8);
width: 100%;height: 100%;}
.loaderWrap .loaderImg {border-radius: 100%;overflow: hidden;
width: 7.167vw;height: 7.167vw;position: absolute;left: 50%;top: 50%;
transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);}
.loaderWrap .loaderImg img {transform: scale(1.2);-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);}
.disablePreviewBtn { opacity: .5; cursor: no-drop;pointer-events: none; }
.avatar-upload {position: relative;max-width: 10.677vw;}
.avatar-upload .avatar-edit {position: absolute;right: 0.625vw;z-index: 1;top: 0.521vw;}
.avatar-upload .avatar-edit input {display: none;}
.avatar-upload .avatar-edit input + label {display: inline-block;width: 1.771vw;height: 1.771vw;margin-bottom: 0;border-radius: 100%;background: #FFFFFF;border: 1px solid transparent;box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);cursor: pointer;font-weight: normal;transition: all 0.2s ease-in-out;}
.avatar-upload .avatar-edit input + label:hover {background: #f1f1f1;border-color: #d6d6d6;}
.avatar-upload .avatar-edit input + label:after {content: "\f040";font-family: 'FontAwesome';color: #00000;position: absolute;top: 0.521vw;left: 0;right: 0;text-align: center;margin: auto;font-size: 0.729vw;}
.avatar-upload .avatar-preview {width: 10vw;height: 10vw;position: relative;border-radius: 100%;border: 6px solid #F8F8F8;box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);}
.avatar-upload .avatar-preview > div {width: 100%;height: 100%;border-radius: 100%;background-size: cover;background-repeat: no-repeat;background-position: center;}
.pulseWarning {animation: pulseWarning 0.75s infinite alternate;}
.pulseWarningIns {animation: pulseWarningIns 0.75s infinite alternate;}
.animateSuccessTip {animation: animateSuccessTip 2s infinite;}
.animateSuccessLong {animation: animateSuccessLong 2s infinite;}
.sweet-alert .icon.success.animate::after {animation: rotatePlaceholder 12s ease-in infinite;}
.animateXMark {animation: animateXMark 0.5s;}
.animateErrorIcon { animation: animateErrorIcon 0.5s;}

/*Treasure Map CSS*/
.headTimer {
    position: absolute;
    right: 2.083vw;
    top: -5px;
    /* transform: translate(0, -50%); */
    background-color: #00354f;
    padding: 0.521vw;
    z-index: 9;
    line-height: 1;
    transition:all 0.3s ease-in-out;
}


.treasureIcon_one {
    position: absolute;
    top: 7.375vw;
    left: -6.292vw;
    width: 18.042vw;
        z-index: 9;
}
.treasureIcon_one .treasureIcon_txt {
    position: relative;
    top: -4.865vw;
    right: -8.5vw;
    display: inline-block;
    width: 14.969vw;
}
.bgGradient{
background: rgba(27,191,224,1);
background: -moz-radial-gradient(center, ellipse cover, rgba(27,191,224,1) 0%, rgba(0,165,202,1) 24%, rgba(7,145,173,1) 58%, rgba(0,68,99,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(27,191,224,1)), color-stop(24%, rgba(0,165,202,1)), color-stop(58%, rgba(7,145,173,1)), color-stop(100%, rgba(0,68,99,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(27,191,224,1) 0%, rgba(0,165,202,1) 24%, rgba(7,145,173,1) 58%, rgba(0,68,99,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(27,191,224,1) 0%, rgba(0,165,202,1) 24%, rgba(7,145,173,1) 58%, rgba(0,68,99,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(27,191,224,1) 0%, rgba(0,165,202,1) 24%, rgba(7,145,173,1) 58%, rgba(0,68,99,1) 100%);
background: radial-gradient(ellipse at center, rgba(27,191,224,1) 0%, rgba(0,165,202,1) 24%, rgba(7,145,173,1) 58%, rgba(0,68,99,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1bbfe0', endColorstr='#004463', GradientType=1 );
}
.treasureIcon_two {
    position: absolute;
    top: -0.042vw;
    right: 23.479vw;
    width: 17.042vw;
        z-index: 9;
}
.treasureIcon_two .treasureIcon_txt {
    position: relative;
    top: -4.625vw;
    right: 5.125vw;
    display: inline-block;
    width: 14.854vw;
}
.treasureIcon_three {
    position: absolute;
    top: 11.813vw;
    right: 3.083vw;
    width: 17.042vw;
        z-index: 1;
}
.treasureIcon_three .treasureIcon_txt {
    position: relative;
    top: -13.646vw;
    right: -8.5vw;
    display: inline-block;
    width: 14.646vw;
}
.treasureIcon_txt{opacity: 0;}
.treasureIcon_one:hover .treasureIcon_txt, .treasureIcon_two:hover .treasureIcon_txt, .treasureIcon_three:hover .treasureIcon_txt{opacity: 1;}
.gameModal {background: #a6dfec;padding: 0.781vw;border-radius: 0.729vw;position: absolute;top: -2.083vw;left: 50%;transform: translate(-50%, -40%);width: 14.583vw;box-shadow: 0px 0px 26px -7px rgba(0,0,0,0.75);z-index: 9;}
.gameTitle_wrap {padding-bottom: 0.521vw;margin-bottom: 0.521vw;border-bottom: solid 1px #004364;}
.gameRate_sec .rateBx .list-block-item {
    color: #fff;
    padding: 0.665vw 0.365vw;
    line-height: 1.4;
    border-radius: 4px;
    border-radius: 100px;
    text-align: center;
    box-shadow: 0px 0px 22px -10px rgba(0,0,0,0.75);
}
.gameRate_sec .rateBx .list-block-item:not(:last-child) {margin-bottom: 0.521vw;}
.treasureBx .gameModal{opacity: 0;}
.treasureBx.selected .gameModal{opacity: 1;transform: translate(-50%, -50%);}
.gameTitle {
    color: #004364;
    text-align: center;
}
.gameProcess {
    text-align: center;
}
.treasureIcon_three.treasureBx .gameModal{
    top: 5.917vw;
    left: 0%;
    transform: translate(-40%, -50%);
}
.treasureIcon_three.treasureBx.selected .gameModal{
opacity: 1;transform: translate(-50%, -50%);
}

.treasureBx .treasureIcon_img img{
    filter: grayscale(1);
    transform: scale(.9);
}
.treasureBx.active .treasureIcon_img img{
filter: grayscale(0);

}

.treasureIcon_one .treasureIcon_link,
.treasureIcon_two .treasureIcon_link,
.treasureIcon_three .treasureIcon_link{
    pointer-events: none;
}
.treasureBx.active .treasureIcon_link{
    pointer-events: visible;
}

.bounce2 .treasureIcon_img img{
  animation: bounce2 2s ease infinite;
}

.treasureIcon_two .gameModal {
    right: -9.896vw;
    left: auto;
    transform: translate(-10%, 0);
    top: 0;
}
.treasureIcon_two:hover .gameModal{
transform: translate(0, 0);
}

.treasureBx:hover .treasureIcon_img img,
.treasureBx:hover .treasureIcon_img img,
.treasureBx:hover .treasureIcon_img img{
    transform: scale(1);
    animation: none;
}
.treasureIcon_start {
    position: absolute;
    bottom: 0;
    left: 0;
}
.treasureIcon_start .gameTitle_wrap,
.treasureIcon_end .gameTitle_wrap{
border:none;
}

.treasureIcon_end {
    position: absolute;
    bottom: 0.521vw;
    right: 2.208vw;
        z-index: 9;
}

.treasureIcon_start.treasureBx .treasureIcon_img img{
    filter: grayscale(0);
}
.treasureIcon_end.treasureBx .treasureIcon_img img{
    filter: grayscale(1);
}
.treasureIcon_end.treasureBx.active .treasureIcon_img img{
    filter: grayscale(0);
}
.gameStart_btn.saveBtn .signIn-btn {
    padding: 0.681vw 1.481vw;
    box-shadow: 0px 0px 22px -10px rgba(0,0,0,0.75);
}

.timer-red.attmList_num {
    color: #ff1414 !important;
}

.gameIcon {
    max-width: 4.427vw;
}
.droppable-area2 li {
    position: relative;
    z-index: 1;
    padding-top: 10px;
}
.droppable-area2 li:before {
    position: absolute;
    font-size: 2.500vw;
    top: -0.313vw;
    left: 50%;
    transform: translate(-50%, -50%);
    font-weight: bold;
    opacity: .1;
    z-index: 1;
    line-height: 1;
     border: solid 1px;
     border-radius: 100%;
     width: 3.646vw;
     height: 3.646vw;
     display: flex;
     align-items: center;
     justify-content: center;
    font-family: 'Intro';
}
.droppable-area2 li:nth-child(1):before {
    content: '1';
}
.droppable-area2 li:nth-child(2):before {
    content: '2';
}
.droppable-area2 li:nth-child(3):before {
    content: '3';
}
.droppable-area2 li:nth-child(4):before {
    content: '4';
}
.droppable-area2 li:nth-child(5):before {
    content: '5';
}

.orgchart .frontend1.red_node .title {
    background-color: #C01B1B;
}
.orgchart .frontend1.red_node .content{
    border-color: #C01B1B;
}
.orgchart .frontend1.green_node .title {
    background: #1D8E13;
}
.orgchart .frontend1.green_node .content{
    border-color: #1D8E13;
}
.treasureIcon_start .treasureIcon_img:before {
    content: 'Start Point';
    position: absolute;
    bottom: 2.917vw;
    text-align: left;
    width: 100%;
    color: #fff;
    opacity: 1;
    font-size: 1.979vw;
    font-weight: bold;
    font-family: 'Intro';
    left: -10.938vw;
}
.treasureIcon_end .treasureIcon_img:before {
    content: 'End Point';
    position: absolute;
    bottom: 2.917vw;
    width: 100%;
    color: #fff;
    opacity: 1;
    font-size: 1.979vw;
    font-weight: bold;
    font-family: 'Intro';
    right: -9.554vw;
    text-align: right;
}
.treasureBx.treasureIcon_start.selected:hover .treasureIcon_img:before,
.treasureBx.treasureIcon_end.selected:hover .treasureIcon_img:before{
    opacity: 1;
}

.treasureIcon_one .treasureIcon_img:before,
.treasureIcon_two .treasureIcon_img:before,
.treasureIcon_three .treasureIcon_img:before {
    position: absolute;
    color: #fff;
    opacity: 1;
    font-size: 3.063vw;
    font-weight: bold;
    font-family: 'Intro';
    line-height: 1;
    text-align: center;
    text-shadow: 2px 2px 8px #0000006e;
}
.treasureIcon_one .treasureIcon_img:before {
    content: '01';
    bottom: -1.042vw;
    left: 0.792vw;
}
.treasureIcon_two .treasureIcon_img:before {
    content: '02';
    bottom: -2.042vw;
    right: 12.75vw;
    transform: translate(0%, -50%);
}
.treasureIcon_three .treasureIcon_img:before {
    content: '03';
    bottom: -2.083vw;
    right: 0.833vw;
    transform: translate(0%, -50%);
}
.treasureIcon_one .treasureIcon_img:after,
.treasureIcon_one.active .treasureIcon_img:after {
    font-family: 'FontAwesome';
    position: absolute;
    bottom: 3.25vw;
    left: 15.092vw;
    text-align: center;
    z-index: 999;
    width: 3.948vw;
    height: 3.948vw;
    background-size: 3.948vw;
}
.treasureIcon_two .treasureIcon_img:after,
.treasureIcon_two.active .treasureIcon_img:after {
    position: absolute;
    bottom: 2.917vw;
    left: 13.917vw;
    text-align: center;
    width: 100%;
    z-index: 999;
    width: 3.948vw;
    height: 3.948vw;
    background-size: 3.948vw;
}
.treasureIcon_three .treasureIcon_img:after,
.treasureIcon_three.active .treasureIcon_img:after {
    position: absolute;
    bottom: 2.483vw;
    left: 13.59vw;
    text-align: center;
    z-index: 999;
    width: 3.948vw;
    height: 3.948vw;
    background-size: 3.948vw;
}
.treasureIcon_one .treasureIcon_img:after,
.treasureIcon_two .treasureIcon_img:after,
.treasureIcon_three .treasureIcon_img:after {
    content: "";

}
.treasureIcon_one.active .treasureIcon_img:after,
.treasureIcon_two.active .treasureIcon_img:after,
.treasureIcon_three.active .treasureIcon_img:after {
    content: "";
    background-image: url(../images/check-icon.png);
}
.map-img-one {
    position: absolute;
    max-width: 38.531vw;
    bottom: 0;
    left: 0;
}
.map-img-two {
    position: absolute;
    top: -0.365vw;
    max-width: 33.333vw;
    left: -0.052vw;
}
.map-img-three {
    position: absolute;
    top: -0.104vw;
    right: -0.729vw;
    max-width: 32.813vw;
}
.map-img-four {
    position: absolute;
    bottom: 1.979vw;
    right: -0.417vw;
    max-width: 25vw;
}
.map-img-two img, .map-img-three img, .map-img-four img{
    filter: grayscale(1);
}
.map-img-two.map-active img,
.map-img-three.map-active img,
.map-img-four.map-active img{
    filter: grayscale(0);
}
.treasureBx .treasureIcon_img:before{
    transition:all 0.3s ease-in-out;
}
.treasureBx.selected:hover .treasureIcon_img:before{
    opacity: 0;
}
.treasureIcon_start .treasureIcon_img,
.treasureIcon_end .treasureIcon_img {
    max-width: 15.104vw;
    width: 100%;
    display: block;
}
.treasureIcon_two .treasureIcon_img,
.treasureIcon_one .treasureIcon_img,
.treasureIcon_three .treasureIcon_img {
    max-width: 17.042vw;
    width: 100%;
    display: block;
}
.modalTitle {
    top: 1.302vw;
    position: relative;
}
.header.fixed_timer{
    position: fixed;
    top: 0;
    width: 100%;
    background-color: #fff;
    z-index: 99;
    animation: smoothScroll 0.6s forwards;
    box-shadow: 0px 10px 12px -3px rgba(0,0,0,0.1);
}

/**********************/
/*** Responsive ***/
/**********************/
@keyframes smoothScroll {
    0% {transform: translateY(-40px);-ms-transform: translateY(-40px);-o-transform: translateY(-40px);}
    100% {transform: translateY(0px);-ms-transform: translateY(0px);-o-transform: translateY(0px);}
}
@keyframes bounce2 {
    0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
    40% {transform: translateY(-30px);}
    60% {transform: translateY(-15px);}
}
@keyframes pulseWarning {
  0% {border-color: hsl(41, 89%, 75%);}
  100% {border-color: hsl(28, 89%, 75%);}
}
@keyframes pulseWarningIns {
  0% {background-color: hsl(41, 89%, 75%);}
  100% {background-color: hsl(28, 89%, 75%);}
}
@keyframes animateSuccessTip {
  0%,
  54% {left: 1px;top: 19px;width: 0;}
  70% {left: -8px;top: 37px;width: 50px;}
  84% {left: 21px;top: 48px;width: 17px; }
  100% {left: 14px;top: 45px; width: 25px;}
}
@keyframes animateSuccessLong {
  0%,
  65% {right: 46px;top: 54px;width: 0;}
  84% { right: 0;top: 35px;width: 55px;}
  100% {right: 8px;top: 38px;width: 47px;}
}
@keyframes rotatePlaceholder {
  0%,
  5% {transform: rotate(-45deg);}
  100%,
  12% {transform: rotate(-405deg);}
}

@keyframes animateXMark {
  0%,
  50% { margin-top: 26px;opacity: 0; transform: scale(0.4);}
  80% {margin-top: -6px; transform: scale(1.15);}
  100% {margin-top: 0;opacity: 1;transform: scale(1); }
}

@keyframes animateErrorIcon {
  0% {opacity: 0;transform: rotateX(100deg);}
  100% {opacity: 1;transform: rotateX(0deg);  }
}
@media (min-width:992px) {
    .lg-container-vw {max-width: 90%; margin: auto;}
    .container-pd-vw { padding-right: .781vw; padding-left: .781vw; }
    .row-vw { margin-right: -.781vw; margin-left: -.781vw; }
    .row-vw>.col, .row-vw>[class*=col] { padding-right: .781vw; padding-left: .781vw; }
    .cmnModal .modal-dialog{max-width: 25%}

}
@media (max-width:991px){
    body{font-size: 13px;}
    .f-s-16 {font-size: 13px;}
    .f-s-18 { font-size: 13px;}
    .f-s-24 {font-size: 16px;}
    .f-s-22 {font-size: 16px;}
    .mrg-b-30 { margin-bottom: 20px;}
    .mrg-b-5 {margin-bottom: 5px;}
    .mrg-b-10 { margin-bottom: 10px;}
    .mrg-b-20 {margin-bottom: 15px;}

    .headerTop_one, .headerTop_two {padding: 10px 0;}
    .site__logo{max-width: 120px;}
    .login_section{padding: 30px 0;}
    .cstNavTabs.nav-tabs .nav-link{padding: 15px 10px;}
    .formWrap.accordion-body {padding: 15px;}
    .cstInput, .cstInput:focus{padding: 10px;padding-right: 25px;}
    .signIn-btn{padding: 12px;}
    .signInTxt {margin-right: 7px;}
    .orTxt:before{top: 9px;}
    .orTxt span{padding: 5px 15px;}
    .loginSocial{padding: 13px;}
    .appleIcon:before, .googleIcon:before{width: 19px;background-size: 19px;height: 19px;left: 24px;}
    .agreeTxt label:before{padding: 8px; margin-right: 5px;}
    .agreeTxt input:checked + label:after{top: 3px;left: 6px;width: 5px;height: 12px;}
    .footer {padding: 30px 0;}
    .site__footer_logo{ max-width: 125px;}
    .footer-quickLinks .list-inline-item:not(:last-child){ margin-right: 8px; padding-right: 8px;}
    .verifyPassword_sec{padding: 30px 0}
    .verifyBx{ padding: 20px;}
    .verifyBx-title {font-size: 16px;}
    .faq_secWrap{padding: 30px 0}
    .cstAccodian .accordion-button{padding: 10px;}
    .cstAccodian .accordion-button:after{ font-size: 24px;}
    .faqContent_txt{  padding: 12px;}
    .supportBx{padding: 15px;}
    .supportBx-title {font-size: 18px;line-height: 1.2;}
    .supportBxForm .signIn-btn{padding: 10px 15px;}

    /* profile setting start */
    .leftContent{ width:250px; padding:30px 20px;}
    .side-Navbar .nav{gap: 10px;}
    .side-Navbar .nav .nav-item .nav-link{padding: 15px; border-radius:5px; font-size:15px; column-gap:10px ;}
    .content-Wrapper{padding:25px 25px 25px 270px;}
    .cst-card {border-radius: 10px;}
    .cst-card .card-header{ padding:15px 20px;}
    .cst-card .card-body{ padding:25px;}
    .cst-card .card-header .cardTitle{font-weight: 600;}
    .profileImg{max-width: 120px; min-width:120px;}
    .ac-setting{ gap:25px; flex-direction: column;}
    .ac-settingForm .lblTxt{font-size: 13px;}
    .ac-settingForm .cstInput::placeholder{font-size:12px;}
    /* profile setting End */

    .passcode_sec{padding: 30px 0;}
    .passcode_wlcmBx{padding: 15px;}
    .lockIcon__wrap{ max-width: 70px;}
    .keyEnter_sec {max-width: 100%;}
    .keyEnter_sec .cstInput {padding: 15px;padding-right: 100px;}

    .navbar-toggler{float:right;border:none;padding-right:0;padding: 0;outline: none;box-shadow:none}
    .navbar-toggler:focus{box-shadow:none}
    .navbar-toggler:active,.navbar-toggler:focus{outline:0}
    .navbar-toggler-icon{width:24px;height:17px;background-image:none;position:relative;border-bottom:1px solid #000000;transition:.3s linear}
    .navbar-toggler-icon:after,.navbar-toggler-icon:before{width:24px;position:absolute;height:1px;background-color:#000000;top:0;left:0;content:'';z-index:2;transition:.3s linear}
    .navbar-toggler-icon:after{top:8px}
    .navbar-toggler[aria-expanded=true] .navbar-toggler-icon:after{transform:rotate(45deg)}
    .navbar-toggler[aria-expanded=true] .navbar-toggler-icon:before{transform:translateY(8px) rotate(-45deg)}
    .navbar-toggler[aria-expanded=true] .navbar-toggler-icon{border-color:transparent}
    .navbar-collapse{position:fixed;top:0;left:0;background-color:#fff;width:100%;border-top:1px solid rgba(0,0,0,.07);max-width:250px;height:100%;transform:translateX(-120%);transition:.3s ease-in-out;-ms-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;z-index:999}
    .navbar-collapse.show{transform:translateX(0)}
    .navMng-In{max-height:100vh;height:100vh;padding:15px calc(3% + 15px);overflow:auto;-webkit-box-shadow:31px 0 36px -1px rgb(0 0 0 / 10%);-moz-box-shadow:31px 0 36px -1px rgba(0,0,0,.1);box-shadow:31px 0 36px -1px rgb(0 0 0 / 10%);background-color:#fff}

    .mainHead {padding: 10px 0;}
    .userIcon_sec{width: 30px;height: 30px;margin-right: 10px;}
    .mainHead .navbar .nav-link{padding: 10px 0;}
    .homeSection, .startGame_sec{padding: 30px 0}
    .startGame_sec .verifyBx {padding: 25px;}
    .verifyBxHeading .txtSummary{ line-height: 1.5; margin-bottom: 25px;}
    .btns__Wrap .signIn-btn { padding: 10px 20px;}

    /* profile-dashboard start */
    :root{ --font-s-16:13px; }
    .f-s-14 { font-size: 10px; }
    .pro-Db_table table tr td, .pro-Db_table table tr th{padding: 8px 15px;}
    .view-Btn{ padding: 2px 8px;border-radius: 5px; width: 28px; height: 28px; text-align: center;}
    .gap_10{gap: 7px;}
    .node-lable{gap: 10px; width: 110px; padding: 3px 8px; }
    .expand-Values{padding: 15px;}
    .nodeLableWrp{gap: 12px;}
    .viewTreeBtn{ gap: 5px;}
    .searchBox {max-width:250px;}
    .searchBox .cst-search{padding: 8px 15px; padding-right: 30px;}
    .searchBox .searchIcon{padding: 0; position: absolute; top: 50%; right: 15px; transform: translateY(-50%); border: none;}
    .nl-Icon img{width: 15px; height: 15px;}
    /* profile-dashboard end */

    .gameplay_sec{padding: 30px 0;}
    .cmnBx{padding: 15px;border-radius: 8px;margin-bottom: 15px;}
    .wlcmTimer.cmnBx .wlcmTxt, .seeAttemt_btn__Wrap, .cmnBx.attembtBx .cmnBx__one, .cmnBx__two, .cmnBx__three{ padding: 10px;}
    .seeAttemt_btn{padding: 10px 10px;border-radius: 35px;}
    .attmList_bxWrap .attmList_bx:not(:last-child){ padding-right: 10px; margin-right: 10px;}
    .cstNavTabs_nodes.nav-tabs .nav-link, .nodeBx.glossaryBx{padding: 10px 15px;min-width: initial;border-radius: 4px; font-size: 14px;}
    .cstNavTabs_nodes  .nav-item {margin-bottom: 10px;margin-right: 10px;}
    .selectedNodes_section.nodeList__wrap ul{padding: 10px 0}
    .rateBx .list-inline-item{padding: 8px;border-radius: 4px;}
    .rateBx .list-inline-item:not(:last-child) {margin-right: 10px;margin-bottom: 10px;}
    .tree {overflow: auto;}
    .tree ul{ padding: 10px 0;}
    .tree ul .inn_line { padding: 20px 0 0;}
    .tree li{ padding: 40px 10px;}
    .tree li::before, .tree li::after{height: 40px;}
    .tree ul ul::before{height: 20px;}
    .tressBx{font-size: 14px;padding: 7px 15px; border-radius: 4px;}
    .nl-close {margin-left: 10px;}
    .pro-Db_table .userIcon_sec {margin-right: 10px;}
    .nodeList__wrap .nodeBx{ padding: 10px 11px; font-size: 14px;border-radius: 4px;}
    .nodeBx.glossaryBx {font-size: 18px;}
    .loaderWrap .loaderImg{width: 35px; height: 35px;}
    .avatar-upload{max-width: 150px;}
    .avatar-upload .avatar-preview{width: 150px;height: 150px;}
    .avatar-upload .avatar-edit input + label{width: 35px; height: 35px;}
    .avatar-upload .avatar-edit input + label:after{ top: 7px;  font-size: 14px;}
    .avatar-upload .avatar-edit{top: 7px;right: 10px;}
    .saveBtn .signIn-btn {padding: 10px 25px;border-radius: 100px;}
    .cmnModal .modal-body {padding: 25px;}
    .cmnModal .btn-close{padding-top: 15px;padding-right: 15px;}
    .cmnModal .btn-close svg {width: 30px;height: 30px;}
    .sucessTxt {font-size: 24px;}
    .headTimer{position: static;transform: inherit;}
    .gameIcon { max-width: 85px;}

}

@media (max-width:767px){
    /* profile setting start */
    .leftContent{ width:250px; left: -100%;}
    .content-Wrapper{padding:20px 15px;}
    .cst-card .card-body { padding:25px 18px; }

    .tu-hamburger{padding:8px 20px; background-color: var(--color-light-blue); position: fixed; right: 0; color: #fff; border-radius: 30px 0 0 30px; font-size: 20px; z-index: 99;}
    .leftContent{transition: all 0.5s;  z-index: 99;}
    .leftContent.show-sidebar{left: 0;}
    .no-scrooll { overflow: hidden !important; }
    /* profile setting start */

    /* Gameplay Review Start*/
    .toggle-btn label { width: 30px; height: 17px; }
    .toggle-btn label::after { width: 13px; height: 13px; top: 50%; left: 2px;transform: translateY(-55%);}
    /* Gameplay Review Start*/

    .cmnBx{min-height:inherit !important;}
}