:root {
    --yellow_gradent: linear-gradient(#ffda48, #ffcc00);
    --pink_gradent: linear-gradient(#fd308c, #fd0071);
    --white: #fff;
    --bg_color: #E5E5E5;
    --bg_gray: #ebebeb;
    --pink_light: #fe519e;
    --pink_dark: #fd0071;
    --yellow_light: #ffe169;
    --gray_mid: #9c9c9c;
    --error_color: #ef0000;
    --black: #000;
}

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

* {
    padding: 0;
    margin: 0;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
}

body {
    background: var(--bg_color);
}

[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
    display: none !important;
}

.main_container {
    max-width: 746px;
    margin-left: auto;
    margin-right: auto;
    min-height: 75vh;
}

.error {
    display: none;
}

.menubar {
    border: none;
    /*border-radius               :   0 0 10px 10px;*/
    background: #144D50;
    box-shadow: 0px 6px 30px #bbb;
}

nav {
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 40px;
}

.menubar a {
    color: #fff;
    text-decoration: none;
    display: block;
    padding: 10px;
}

#menu li a {
    width: 147px;
    display: inline-block;
    padding: 5px 20px;
    margin-bottom: 10px;
}

#menu li a:hover {
    background: #1B6467;
    border-radius: 13px;
}

#menu li:hover {
    content: none;
}

.menubar ul li {
    transition: all .2s;
    text-align: center;
}

.menubar ul li a {
    position: relative;
    z-index: 1;
}


.menubar ul li a:hover {
    color: #fff;
    text-decoration: none;
}


.menubar ul li :after {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 1px;
    content: '.';
    color: transparent;
    visibility: none;
    opacity: 0;
    z-index: -1;
    transition: all .2s;

}

.menubar ul li :hover:after {
    opacity: 1;
    visibility: visible;
    height: 100%;
}

.heading {
    position: relative;
    width: 100%;
    /* min-height                  :   50px; */
    padding-top: 8px;
    padding-bottom: 8px;
}

.heading span {
    display: inline-block;
}

.menubar .collapse-icon {
    width: 28px;
}

.menubar.show .collapse-icon span:first-child {
    width: 28px;
    transform: rotate(45deg);
    margin-top: 13px;
}

.menubar.show .collapse-icon span:nth-child(2) {
    display: none;
}

.menubar.show .collapse-icon span:last-child {
    width: 28px;
    transform: rotate(-45deg);
    margin-top: -8px;
}

.collapse-icon div {
    width: 24px;
    height: 3px;
    background-color: #fff;
    margin: 5px 0;
    transition: 0.4s;
    border-radius: 10px;
}

#menu {
    padding-inline-start: 0;
    list-style-type: none;
}

.logo {
    position: relative;
    font-size: 18px;
}

.logo a {
    padding: 0 5px;
}

.logo img {
    max-width: 230px;
    max-height: 28px;
}

.lang {
    border-radius: 10px;
    padding: 3px 8px;
    font-weight: bold;
    font-size: 16px;
}

/* .language-dropdown          
{           
	position                    :   absolute;
	left                        :   12px;
    top                         :   9px;
}
.language-dropdown {
	display                     :   inline-block;
}  */
.caret {
    border: 0;
}

.caret::before {
    content: url("../../../public/images/caret.png");
    position: absolute;
    top: 10px;
    right: 30%;
}

.language-dropdown img {
    width: 27px;
    height: 27px;
}

.collapse-icon span {
    width: 24px;
    border-radius: 20px;
    height: 3px;
    display: block;
    background: #fff;
    margin-top: 5px;
    margin-bottom: 5px;
}

.heading.menu_btn_logo {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.main_head {
    font-weight: 700;
    font-size: 40px;
    margin: 0;
    text-transform: uppercase;
    color: #144D50;
    line-height: 47px;
}

.main_con_sec {
    background: #EEEBE3;
    border-radius: 10px;
    padding: 23px 28px;
    margin-bottom: 40px;
}

.inst_sec h3 {
    font-weight: 700;
    font-size: 20px;
    color: #144D50;
    margin: 0;
    margin-bottom: 5px;
    margin-top: 20px;
    line-height: 30px;
}

.inst_list ol {
    list-style: none;
    padding-left: 0;
    font-size: 16px;
    color: #144D50;
    margin-bottom: 21px;
}

.inst_list ol li {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
}

.inst_list ul {
    list-style: none;
    padding-left: 0;
    font-size: 16px;
    color: #144D50;
}

.inst_list ul li {
    padding-left: 20px;
    position: relative;
}

.inst_list ul li span {
    position: absolute;
    width: 10px;
    height: 10px;
    background: #EB5757;
    left: 0;
    top: 5px;
    border-radius: 50%;
}

.inst_list .red {
    background: #EB5757;
}

.inst_list .yellow {
    background: #F2C94C;
}

.inst_list .green {
    background: #27AE60;
}

.inst_list .blue {
    background: #56CCF2;
}

.inst_list .purple {
    background: #9B51E0;
}

#country_selector {
    width: 100%;
    min-width: 160px;
    font-size: 18px;
    text-align: left;
    list-style: none;
    border-radius: 5px 5px;
    display: none;
}

.region_dropdown,
.name_div input:-internal-autofill-selected {
    color: #6B757C !important;
    background: #ffffff !important;
}

.region_dropdown,
.name_div input::placeholder {
    color: #BDBDBD;
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
}

.region_dropdown,
.name_div input {
    color: #BDBDBD;
    font-weight: 300;
    border-radius: 10px;
    text-align: center;
    padding: 10px;
    width: 100%;
    background: rgba(255, 255, 255, 0.92);
    border: 1px solid #C7C3B9;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    color: #6B757C;
    background: #ffffff;
    position: relative;
}

.custom_dropdown_item {
    background: rgba(255, 255, 255, 0.92);
    border: 1px solid #C7C3B9;
    color: #BDBDBD;
    text-align: center;
}

.custom_dropdown_item_anchor {
    cursor: pointer;
    color: #BDBDBD;
    font-weight: normal;
    text-decoration: none;
    padding: 10px;
    display: block;
}

form .error {
    text-align: center;
    color: #FF2D2D;
}

fieldset {
    margin-top: 10px;
    margin-bottom: 20px;
}

form ::placeholder {
    color: #BDBDBD;
}

form .continue_btn_div {
    max-width: 366px;
    margin-left: auto;
    margin-right: auto;
}

form .continue_btn_div input {
    width: 100%;
    background: #EF8451;
    border-radius: 10px;
    border: 10px;
    font-weight: bold;
    font-size: 26px;
    color: #fff;
    padding: 10px;
}

.all_ads {
    margin-bottom: 0px;
    text-align: center;
}

.bottom_ad {
    margin-bottom: 40px;
}

footer {
    background: #144D50;
    color: #fff;
    text-align: center;
    padding: 8px;
}

footer p {
    margin: 0;
    font-size: 14px;
}

footer ul {
    list-style: none;
    padding-left: 0;
    display: flex;
    justify-content: center;
}

footer ul li {
    margin-left: 5px;
    margin-right: 5px;
}

#loadingDiv {
    text-align: center;
    display: none;
}

/* #loadingDiv{
    position: absolute;
    top: 25%;
    left: 50%;
    transform: translate(-50%,-50%);
} */
.bom_cont {
    display: flex;
    list-style: none;
    justify-content: space-between;
    margin-bottom: 10px;
    padding-left: 0;
}

#questionNoList {
    display: flex;
    list-style: none;
    justify-content: space-between;
    margin-bottom: 10px;
    padding-left: 0;
    color: #BDBDBD;
}

#questionNoList li a {
    color: #BDBDBD;
    display: block;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    text-align: center;
    line-height: 1.7;
    padding-top: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    line-height: 27px;
    font-weight: 700;
}

#questionNoList li.h-custom-tab-active a {
    background: #EF8451;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    box-shadow: 0px 4px 4px rgba(255, 177, 140, 0.68);
}

.ques_page .main_con_sec {
    padding: 27px 18px;
}

.ques_page .inst_sec h4 {
    font-weight: 700;
    font-size: 28px;
    color: #144D50;
    margin: 0;
    line-height: 42px;
}

.skip_btn {
    color: #144D50;
    margin: 0;
    max-width: 209px;
    font-weight: bold;
    font-size: 12px;
    border-radius: 10px;
    background: #F5F3EE;
    border: 1px solid #144D50;
    text-align: center;
    margin: 30px auto 10px;
    line-height: 2.2;
}

.skip_btn p {
    margin: 0;
}

ul.hlist {
    list-style: none;
    padding-left: 0;
}

ul.hlist li a:hover {
    text-decoration: none;
}

ul.hlist li a,
ul.imglist li a {
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0px 1px 4px #d8d2c4;
    border-radius: 10px;
    display: block;
    font-weight: 500;
    text-decoration: none;
    font-size: 16px;
    color: #566169;
    text-align: center;
    padding: 6px;
    margin-bottom: 10px;
    margin-top: 10px;
}

/*ul.hlist li a:active,.hlist li a:hover,ul.imglist li a:active,ul.imglist li a:hover{*/

ul.imglist {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    justify-content: center;
    padding-left: 0;
}

ul.imglist li {
    width: 23%;
    margin-left: 1%;
    margin-right: 1%;
}

ul.imglist li img {
    width: 100%;
}

.main_con_sec.share_sec {
    margin-bottom: 20px;
}

.top_ads_sec {
    margin-bottom: 40px;
}

.top_ads {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
}

.share-btn img {
    width: 17px;
}

/*=============================== share button_css ===================*/

.share-btn img {
    /* width                       :   10%; */
    vertical-align: middle;
}

.whatsapp-btn {
    background: #4DC072;
    padding: 10px;
    border: none;
    border-radius: 10px;
    color: #fff;
    width: 100%;
    margin-bottom: 5px;
}

.whatsapp-btn img {
    /* width                       :   5%; */
    vertical-align: middle;
}

.whatsapp-btn a:hover {
    background-color: #14a1cc;
    border-color: #00c3ff;
    color: #fff !important;
    text-decoration: none;
}

.whatsapp-btn:hover {
    color: #fff;
}

.facebook-btn,
.facebook-btn:hover {
    padding: 8px;
    background: #415D95;
    border-radius: 10px;
    color: #fff;
    width: 45%;
    margin: 5px 0.6% 0 0;
    display: inline-block;
}

.messenger-btn,
.messenger-btn:hover {
    background: #4376F6;
    padding: 8px;
    border-radius: 10px;
    color: #fff;
    width: 45%;
    margin: 5px 0 0 8.5%;
    display: inline-block;
}

.snapchat-btn {
    padding: 8px;
    border-radius: 10px;
    width: 45%;
    margin: 5px 0.6% 0 0;
    display: inline-block;
    background: #FFF300;
    color: var(--black);
}

.twitter-btn {
    padding: 8px;
    border-radius: 10px;
    color: #fff;
    width: 45%;
    margin: 5px 0 0 8.5%;
    display: inline-block;
    background: #000000;
}

.instagram-btn,
.instagram-btn:hover {
    padding: 8px;
    border-radius: 10px;
    color: #fff !important;
    width: 45%;
    display: inline-block;
    cursor: pointer;
    margin: 5px 0.6% 0 0;
    background: linear-gradient(271.12deg, rgba(154, 54, 161, 0.56) 0.96%, rgba(255, 0, 18, 0.56) 63.99%), #E92C55;
}

.tiktok-btn {
    padding: 10px 0;
    border-radius: 10px;
    width: 45%;
    margin: 5px 0 0 8.5%;
    display: inline-block;
    cursor: pointer;
    background: #f1db2f;
    margin-top: 10px;
}

.tiktok-btn:hover {
    background: #14a1cc;
    color: #ffffff !important;
}

.Line-btn,
.Line-btn:hover {
    padding: 8px;
    border-radius: 10px;
    color: #fff;
    width: 45%;
    margin: 5px 0 0 8.5%;
    display: inline-block;
    background: #69BE49;
}

.kakao-btn,
.kakao-btn:hover {
    padding: 8px;
    border-radius: 10px;
    width: 45%;
    margin: 5px 0.6% 0 0;
    ;
    display: inline-block;
    background: #F1DB2F;
    color: var(--black);
}

.tg-btn {
    padding: 10px 0;
    border-radius: 10px;
    width: 45%;
    margin: 5px 0.6% 0 0;
    ;
    display: inline-block;
    background: #2BA0D2;
    color: #ffffff;
}

.vk-btn,
.vk-btn:hover {
    padding: 8px;
    border-radius: 10px;
    color: #fff;
    width: 45%;
    margin: 5px 0 0 8.5%;
    display: inline-block;
    background: #6694D2;

}

.more-plus-share {
    margin-top: 8px;
}

.more-plus-share .a2a_dd {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 4px 0;
    color: #000;
    font-size: 14px;
    background: #F1DB2F;
    border-radius: 10px;
    padding: 10px 0 !important;
}

.more-plus-share .a2a_svg {
    width: 25px;
    height: 25px;
    margin-right: 5px;
}

.more-plus-sharemobile {
    margin-top: 5px;
    display: none;
}

.more-plus-share-mobile {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 4px 0;
    color: #000;
    font-size: 14px;
    background: #F1DB2F;
    border-radius: 10px;
    padding: 10px 0 !important;
    border: 0;
    font-weight: 500;
}

.more-plus-share i {
    background: rgb(1, 102, 255);
    color: #fff;
    font-size: 19px;
    padding: 4px;
    border-radius: 4px;
    margin-right: 5px;
}

.share-btn a {
    text-decoration: none !important;
}

.share_text_page_que_share {
    color: #000;
}

.share-btn {
    margin: 10px 20px 20px 20px;
}

.share-btn-area {
    display: inline;
}

.share-btn {
    margin-left: 0;
    margin-right: 0;
}

.whatsapp-btn,
.vk-btn,
.kakao-btn,
.Line-btn,
.instagram-btn,
.twitter-btn,
.snapchat-btn,
.messenger-btn,
.facebook-btn,
.tg-btn,
.more-plus-share .a2a_dd {
    font-weight: 500;
    font-size: 14px;
}

.whatsapp-btn,
.vk-btn,
.kakao-btn,
.Line-btn,
.instagram-btn,
.twitter-btn,
.snapchat-btn,
.messenger-btn,
.facebook-btn {
    font-weight: 500;
    font-size: 14px;
    padding: 10px 0;
}

.whatsapp-btn:hover,
.facebook-btn:hover,
.messenger-btn:hover,
.vk-btn:hover,
.kakao-btn:hover,
.Line-btn:hover,
.instagram-btn:hover,
.twitter-btn:hover,
.snapchat-btn:hover,
.tg-btn:hover,
.more-plus-share .a2a_dd:hover {
    background: #14a1cc;
    border-color: #00c3ff;
}

.share-btn {
    margin-left: auto;
    margin-right: auto;
}

.continue_btn_div {
    text-align: center;
}

.continue_btn_div .conti_new,
.copy_btn {
    background: #EF8451;
    border-radius: 10px;
    color: #fff;
    padding: 13px;
    width: 100%;
    max-width: 300px;
    border: 0;
    font-weight: bold;
    font-size: 18px;
}

.copy_btn {
    margin-left: auto;
    text-align: center;
    display: flex;
    justify-content: center;
    margin-right: auto;
}

.link_div {
    margin-bottom: 25px;
}

.cong_heading_txt {
    font-weight: 700;
    font-size: 36px;
    text-align: center;
    text-transform: uppercase;
    color: #144D50;
    margin: 0;
    line-height: 54px;
}

.share_txt_sec {
    font-weight: 400;
    font-size: 18px;
    text-align: center;
    color: #144D50;
    margin: 0;
    margin-bottom: 20px;
    line-height: 27px;
}

.share_txt {
    font-size: 28px;
    text-align: center;
    color: #144D50;
    margin-top: 10px;
    line-height: 42px;
    font-weight: bold;
}

.link {
    background: rgba(255, 255, 255, 0.92);
    border: 1px solid #BDBDBD;
    box-sizing: content-box;
    border-radius: 10px;
    padding: 12px;
    color: #BDBDBD;
    font-weight: 500;
    font-size: 14px;
    text-align: center;
}

.link_copy {
    font-size: 18px;
    text-align: center;
    visibility: hidden;
    font-weight: bold;
    font-size: 14px;
    color: #EF8451;
}

.share_sec {
    padding: 18px;
}

.share-btn {
    margin-bottom: 0;
}

.delete_btn {
    border: 2px solid #EF8451;
    border-radius: 10px;
    background: none;
    font-weight: bold;
    font-size: 16px;
    color: #EF8451;
    padding: 14px;
    min-width: 366px;
}

.knows h2 {
    font-weight: bold;
    font-size: 22px;
    line-height: 33px;
    text-align: center;
    color: #144D50;
    margin: 0;
}

.para ul {
    list-style: none;
    margin-bottom: 0;
}

#nonAttemptUserStatsDiv {
    background: #FDFCFA;
    border-radius: 10px;
    font-size: 14px;
    text-align: center;
    color: #144D50;
    padding: 12px;
    line-height: 21px;
    font-weight: 700;
}

.region_div {
    margin-bottom: 0;
}

.inst_sec h4 {
    font-weight: bold;
    font-size: 28px;
    margin-top: 0;
    color: #144D50;
    margin-bottom: 25px;
}

.hlist a {
    display: block;
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0px 1px 4px #d8d2c4;
    border-radius: 10px;
    color: #566169;
    text-align: center;
    padding: 8px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.hlist a {
    text-decoration: none;
}

.ques_pt_sec.imglist {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.ques_pt_sec.imglist .imglist {
    width: 23%;
    margin-left: 1%;
    margin-right: 1%;
}

.ques_pt_sec.imglist .imglist img {
    width: 100%;
}

.ques_pt_sec.imglist .imglist a {
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0px 1px 4px #d8d2c4;
    border-radius: 10px;
    display: block;
    font-weight: 500;
    text-decoration: none;
    font-size: 16px;
    color: #566169;
    text-align: center;
    padding: 6px;
    margin-bottom: 5px;
    margin-top: 5px;
}


.ques_pt_sec.imglist .imglist a figcaption {
    padding: 8px 0 3px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ques_pt_sec.imglist .green a,
.hlist .green a {
    background: #27AE60;
    color: #fff;
}

.ques_pt_sec.imglist .red a,
.hlist .red a {
    background: #EB5757;
    color: #fff;
}

ul.hlist li a:hover,
ul.imglist li div a:hover {
    color: #fff !important;
    background: #EF8451 !important;
    font-weight: bold !important;
    text-decoration: none !important;
}

.result_page .main_head {
    font-weight: bold;
    font-size: 26px;
    text-transform: none;
    margin-bottom: 25px;
}

.result_page .main_head .friend_name {
    font-size: 26px;
    line-height: 39px;
    font-weight: 700;
}

.result_page .view_div h4 span,
.result_page .view_div h4 {
    font-weight: bold;
    font-size: 18px;
    color: #144D50;
}

.result_page .view_div h4 {
    font-weight: 500;
    max-width: 280px;
    text-align: left;
    margin: 0 auto;
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 10px;
}

.result_page .view_div h4 span {
    margin-bottom: 5px;
    display: block;
}

.text_ans {
    background: #F5F3EE;
    border-radius: 10px;
    padding: 10px;
    color: #144D50;
    position: relative;
    text-align: center;
}

.red .text_ans::before,
.green .text_ans::before,
.red .img_ans::before,
.green .img_ans::before {
    content: "\f00c";
    font-family: FontAwesome;
    color: #fff;
    position: absolute;
    right: 10px;
    bottom: 10px;
    padding: 0px 3px;
    background: #27AE60;
    border-radius: 50%;
    font-size: 14px;
    width: 23px;
    height: 23px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.red .text_ans::before,
.red .img_ans::before {
    content: "\f00d";
    background: #EB5757;
    position: absolute;
    right: 6px;
}

.img_ans {
    display: block;
    max-width: 100%;
    padding: 5px;
    background: #F5F3EE;
    border-radius: 10px;
    text-align: center;
    color: #144D50;
    font-size: 16px;
    font-weight: bold;
    position: relative;
}

.img_ans img {
    width: 147px;
}

.img_ans figcaption {
    padding-top: 5px;
    padding-bottom: 5px;
}

.view_div {
    margin-bottom: 30px;
}

.result_page .share h2 {
    font-weight: 700;
    font-size: 32px;
    text-transform: uppercase;
    color: #144D50;
    margin: 0;
    line-height: 48px;
}

.result_page .share h3 {
    text-align: center;
    color: #144D50;
    margin: 0;
    font-size: 18px;
    font-weight: 700;
    line-height: 27px;
}

.result_page .share p {
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #144D50;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #144D50;
}

.result_div {
    margin-top: 20px;
}

.table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd;
    font-weight: 500;
    font-size: 14px;
    color: #959595;
    text-align: center;
}

.table>tbody>tr>td {
    border: 0;
    font-weight: 500;
    font-size: 14px;
    color: #566169;
}

.progress_area li {}

.scoreboard_table tbody tr td {
    color: #144D50;
    /* padding-bottom: 0px; */
    text-align: center;
}

.scoreboard_table tbody tr td a {
    color: #144D50;
}

.scoreboard_table tbody tr td a.btn {
    padding: 0;
}

.table-striped {
    position: relative;
}

.table-striped>tbody>tr:nth-child(1)::after {
    content: url("../../../public/images/friends_forever/goldprize.png");
    position: absolute;
    left: 0;
}

.table-striped>tbody>tr:nth-child(2)::after {
    content: url("../../../public/images/friends_forever/silver-1.png");
    position: absolute;
    left: 0;
}

.table-striped>tbody>tr:nth-child(3)::after {
    content: url("../../../public/images/friends_forever/bronze-1.png");
    position: absolute;
    left: 0;
}

.table-striped>tbody>tr td:last-child span {
    color: red;
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background: #FDFCFA;
    ;
}

.lang-box {
    background: #EF8451;
    border-radius: 10px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    padding: 15px 0;
    text-align: center;
    margin-bottom: 15px;
}
 .lang-box a{
       color: #fff;
       text-decoration: none;
  }
  .lang-box-new {
    background: #EF8451;
    border-radius: 10px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 15px;
}
 .lang-box-new a{
       color: #fff;
       text-decoration: none;
        display: block;
        padding: 15px 0;
  }
.scoreboard_table tbody tr td:last-child,
.scoreboard_table tbody tr td:nth-child(2) {
    text-align: center;
}

.text_ans {
    font-size: 14px;
    font-weight: bold;
}

.scoreboard_table tbody tr:first-child {
    border-radius: 10px;
}

#userStatsImg {
    margin: 0 auto;
    width: 200px;
}

.para {
    text-align: center;
    overflow-x: hidden;
}

.table-responsive {
    overflow-x: hidden;
}

#country_dropdown_text {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #6B757C;
}

/* recover setion styling  */
.recover-quiz {
    background: #EEEBE3;
    border-radius: 10px;
    padding: 18px;
    margin-bottom: 40px;
    text-align: center;
}

.recover-quiz-inner h3 {
    color: #144D50;
    font-size: 22px;
    line-height: 33px;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 0;
}

.recover-quiz-inner>p {
    color: #144D50;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    margin: 0 0 20px;
}

.recover-quiz-inner p span {
    display: block;
}

.recover-submit-btn button {
    max-width: 395px;
    width: 100%;
    padding: 15px 20px;
    border: 2px solid #ef8451;
    text-transform: uppercase;
    border-radius: 10px;
    position: relative;
    color: #ef8451;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    background: transparent;
}

/* signin page styling  */
.signin .main_container .main_container {
    height: 120vh;
}

.login_div {
    background: #EEEBE3;
    border-radius: 10px;
    padding: 30px 36px;
    margin-bottom: 24px;
    text-align: center;
    margin-top: 40px;
}

.login_heading {
    color: #144D50;
    font-size: 24px;
    font-weight: 500;
    padding-bottom: 20px;
    line-height: 30px;
}

.login_div .input-group-append {
    padding-bottom: 25px;
    position: relative;
    width: 88.6%;
    margin: 0 auto;
}

.login_div .input-group-append i {
    position: absolute;
    top: 1px;
    left: 1px;
    background: #EF8451;
    border: 1px solid #EF8451;
    width: 47px;
    color: white;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;

}

.form-control {
    height: 48px;
}

.login_div .input-group-append input:focus {
    border: 0.5px solid #144D50;
}

.form-control:focus {
    box-shadow: none;
}

.login_div .input-group-append input {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    background: #ffffff;
    border: 0.5px solid #C7C3B9;
    border-radius: 5px;
    padding: 6px 10px 6px 59px;
    color: #144D50;
}

.login_div .input-group-append input::placeholder {
    color: #A9A9A9;
}

.login_div .button_login {
    background: #EF8451;
    border-radius: 10px;
    color: #ffffff;
    font-size: 24px;
    line-height: 36px;
    font-weight: 700;
    padding: 10px 0;
    max-width: 366px;
    width: 100%;
    border: 0;
}

.login_div .button_login:active,
.login_div .button_login:focus {
    border: none;
    outline: none;
}

.login_div .errorMsg {
    color: #FF2D2D;
    font-size: 14px;
    line-height: 21px;
    font-weight: 500;
    padding: 5px 0 0;
}

.main_area {
    max-width: 100%;
    text-align: center;
    margin-bottom: 40px;
}

.content_area {
    background: #EEEBE3;
    border-radius: 10px;
    padding: 23px 28px;
    margin-bottom: 10px;
    text-align: center;
    max-width: 100%;
}

.content_area h1 {
    font-size: 48px;
    line-height: 57px;
    font-weight: 700;
    color: #144D50;
}

.main_area a.btn {
    background: #EF8451;
    border-radius: 10px;
    color: #ffffff;
    font-size: 26px;
    line-height: 39px;
    font-weight: 700;
    padding: 10px 0;
    width: 366px;
    margin-top: 7px;
    box-shadow: none;
}

.crdtial-sec {
    background: #EEEBE3;
    border-radius: 10px;
    padding: 23px 28px;
    margin-bottom: 24px;
    text-align: center;
    margin-top: 33px;
}

.crdtial-sec-head {
    font-size: 20px;
    line-height: 30px;
    font-weight: 700;
    color: #144D50;
}

.crdtial-sec-txt {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    color: #144D50;
}

.crdtial-sec-idpw {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F5F3EE;
    border-radius: 29px;
    padding: 10px 0;
    font-size: 16px;
    line-height: 16px;
    font-weight: 700;
    color: #144D50;
    margin-top: 7px;
}

.pin_pass_sec {
    margin-top: 35px;
}

.snapchat_ss {
    width: 100%;
}

.modal-header {
    text-align: center;
}

.modal-body {
    text-align: center;
}

.footer-links li a {
    color: #ffffff
}

.middle_conatainer .pages h4 {
    font-size: 20px;
}

.middle_conatainer .pages {
    max-width: 746px;
    margin-left: auto;
    margin-right: auto;
    padding: 15px;
    text-align: center;
    min-height: 65vh;
    font-size: 18px;
}

.middle_conatainer .pages ul {
    list-style: none;
}

.middle_conatainer .pages ol {
    list-style: none;
}

.share .continue_btn_div button,
.result_page .continue_btn_div button {
    margin-bottom: 40px;
}

@media(max-width:767px) {
    .messenger-btn,
    .messenger-btn:hover {
        margin: 5px 0 0 7.5%;
    }

    .twitter-btn,
    .twitter-btn:hover {
        margin: 5px 0 0 7.5%;
    }

    .Line-btn,
    .Line-btn:hover {
        margin: 5px 0 0 7.5%;
    }

    .vk-btn,
    .vk-btn:hover {
        margin: 5px 0 0 7.5%;
    }

    .tiktok-btn {
        margin: 5px 0 0 7.5%;
    }
}

@media(max-width:599px) {
    .language-dropdown {
        position: relative;
    }

    .lang {
        position: absolute;
        top: 0;
        opacity: 0;
        right: 0;
    }

    .main_head {
        font-weight: 700;
        font-size: 32px;
        line-height: 38px;
        word-break: break-word;
    }

    .main_con_sec,
    .recover-quiz,
    .share_top_sec {
        max-width: 90%;
        margin: 0 auto;
    }

    .recover-quiz {
        margin-bottom: 40px;
    }

    .share_top_sec {
        margin-bottom: 40px;
    }

    form .continue_btn_div input {
        width: 194px;
        font-size: 16px;
        line-height: 24px;
        font-weight: 700;
        padding: 17px 0;
    }

    #questionNoList {
        max-width: 90%;
        margin: 0 auto;
        padding-bottom: 10px;
    }

    #questionNoList li a,
    #questionNoList li.h-custom-tab-active a {
        width: 28px;
        height: 28px;
        font-size: 15px;
        line-height: 24px;
        font-weight: 700;
    }

    .ques_page .inst_sec h4 {
        font-weight: 700;
        font-size: 22px;
        line-height: 33px;
    }

    .skip_btn {
        margin: 10px auto 10px;
    }

    .ques_pt_sec.imglist .imglist {
        width: 46%;
        margin-left: 2%;
        margin-right: 2%;
    }

    .link_div {
        margin-bottom: 20px;
    }

    .share_txt_sec {
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
    }

    .share_txt {
        margin: 0;
    }

    .copy_btn {
        font-size: 14px;
        line-height: 21px;
        font-weight: 700;
        width: 101px;
    }

    .continue_btn_div .conti_new {
        font-size: 16px;
        line-height: 24px;
        font-weight: 700;
        padding: 17px 0;
    }

    .delete_btn {
        min-width: 90%;
        margin: 10px auto;
        padding: 16px 0;
    }

    .main_con_sec {
        margin: 0 auto 40px;
        padding: 19px 16px;
    }

    .knows h2 {
        margin-bottom: 20px;
    }

    fieldset {
        margin-bottom: 15px;
    }

    .inst_sec h4 {
        font-size: 22px;
    }

    .result_page .main_head {
        font-size: 22px;
    }

    .img_ans figcaption,
    .text_ans {
        padding-right: 0px;
    }

    .table-responsive {
        overflow-x: auto;
    }

    .caret::before {
        right: 5%;
    }

    .login_div .button_login {

        font-size: 16px;
        line-height: 24px;
        font-weight: 700;
        padding: 10px 0;
        max-width: 202px;
        width: 100%;
    }

    .login_heading {
        font-size: 22px;
        font-weight: 700;
        line-height: 26px;
    }

    .main_area a.btn {
        width: 202px;
    }

    .content_area h1 {
        font-size: 32px;
        line-height: 38px;
        font-weight: 700;
    }

    .main_area a.btn {
        font-size: 16px;
        line-height: 24px;
        font-weight: 700;
        width: 166px;
    }

    .table-striped>tbody>tr td:first-child {
        padding-left: 28px;
    }

    .ques_pt_sec.imglist .imglist a figcaption {
        font-size: 14px;
    }
}

@media(max-width:375px) {
    .logo img {
        max-height: 23px;
    }
}

.share-btn a {
    overflow: hidden;
}

[dir=rtl] .inst_list ul li {
    padding-right: 20px;
    padding-left: 0;
}

[dir=rtl] .inst_list ul li span {
    left: auto;
    right: 0;
}

[dir=rtl] .table-striped>tbody>tr td:first-child {
    padding-right: 28px;
    padding-left: 0;
}

[dir=rtl] .table-striped>tbody>tr:nth-child(1)::after,
[dir=rtl] .table-striped>tbody>tr:nth-child(2)::after,
[dir=rtl] .table-striped>tbody>tr:nth-child(3)::after {
    left: auto;
    right: 0;
}

[dir=rtl] .red .text_ans::before,
[dir=rtl] .green .text_ans::before,
[dir=rtl] .red .img_ans::before,
[dir=rtl] .green .img_ans::before {
    /* [dir=rtl] .red .text_ans::before,[dir=rtl] .red .img_ans::before{ */
    right: auto;
    left: 6px;
}

[dir=rtl].result_page .view_div h4 {
    text-align: right;
}

/* ====================== home page =================*/
.quizs_sec h2 {
    text-align: center;
    margin-bottom: 35px;
    margin-top: 0;
}

.quizs_sec h2 span {
    font-size: 40px;
    color: #144D50;
    font-weight: 500;
    position: relative;
}

.quizs_sec h2 span::before {
    content: "";
    position: absolute;
    width: 55px;
    height: 4.5px;
    background: #EF8450;
    left: 50%;
    transform: translate(-50%, 0);
    bottom: -5px;
}

.quizs_cont_block {
    width: 49%;
    background: #EEEBE2 0% 0% no-repeat padding-box;
    box-shadow: 3px 3px 20px #00000029;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 18px;
}

.quizs_img {
    margin-bottom: 14px;
}

.quizs_link_btn {
    padding-top: 14px;
    padding-bottom: 11px;
}

.quizs_block {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    text-align: center;
    background: #144D50;
    border-radius: 10px;
    padding: 16px 38px;
    margin-bottom: 15px;
}

.quizs_head {
    font: normal normal bold 22px/22px Poppins;
    letter-spacing: 0.22px;
    color: #144D50;
}

.quizs_link_btn button {
    min-width: 210px;
    min-height: 50px;
    background: #EF8450 0% 0% no-repeat padding-box;
    border-radius: 10px;
    border: #EF8450;
    font: normal normal bold 21px Poppins;
    letter-spacing: 0.21px;
    color: #FFFFFF;
}

.quizs_head_sec {
    min-height: 52px;
    margin-bottom: 10px;
}

.all_quiz_sec {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
}

.all_quiz_sec button {
    min-width: 118px;
    min-height: 34px;
    border: 2px solid #FFFFFF;
    border-radius: 10px;
    font: normal normal bold 14px Poppins;
    letter-spacing: 0.14px;
    color: #FFFFFF;
    background: none;
}

.quizs_sec {
    padding-top: 20px;
}

.blog_sec .quizs_block {
    background: #EEEBE2 0% 0% no-repeat;
}

.blog_sec .all_quiz_sec button {
    color: #144D50;
    border: 2px solid #144D50;
}

.blog_sec .quizs_cont_block {
    background: #E5E5E5 0% 0% no-repeat;
}

.blog_sec .quizs_img {
    border-radius: 10px;
    overflow: hidden;
}

.blog_sec .quizs_img img {
    width: 100%;
}

.blog_sec .quizs_head_sec,
.blog_sec .quizs_cont_sec,
.blog_sec .quizs_link_btn {
    padding-left: 15px;
    padding-right: 15px;
}

.blog_sec .quizs_head_sec {
    font: normal normal bold 18px Poppins;
    letter-spacing: 0.18px;
    color: #144D50;
    position: relative;
}

.blog_sec .quizs_head_sec p {
    margin-bottom: 0;
}

.blog_sec .quizs_head_sec:before {
    width: 27px;
    height: 5px;
    background: #EF8450;
    left: 50%;
    transform: translate(-50%, 0);
    bottom: -5px;
    content: "";
    position: absolute;
}

.blog_sec .quizs_cont_sec {
    font: normal normal normal 16px/24px Poppins;
    letter-spacing: 0px;
    color: #000000;
}

.blog_sec .quizs_link_btn a {
    font-family: Poppins;
    letter-spacing: 0.1px;
    border-radius: 4px;
    color: #FFFFFF;
    background: #EF8451;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    width: 140px;
    display: inline-block;
    padding: 6px 12px;
    margin-top: 20px;
}

.blog_sec .quizs_link_btn {
    padding-top: 0;
}

.scroll_up {
    width: 58px;
    height: 37px;
    background: #134B4E 0% 0% no-repeat padding-box;
    box-shadow: 5px 5px 25px #134C4F82;
    border: 3px solid #FFFFFF;
    border-radius: 8px;
    opacity: 1;
    text-align: center;
    position: fixed;
    bottom: 75px;
    right: 10px;
    z-index: 99;
    display: none;
}

.scroll_up i {
    font-size: 50px;
    line-height: 0.5;
    font-weight: bold;
    color: #fff;
}

@media(max-width:500px) {
    .quizs_sec h2 span {
        font-size: 23px;
    }

    .quizs_sec h2 span::before {
        width: 50px;
    }

    .quizs_block {
        padding: 16px 16px;
        justify-content: center;
    }

    .quizs_cont_block {
        width: 100%;
    }

    .quizs_head_sec {
        min-height: auto;
        padding-left: 15px;
        padding-right: 15px;
    }
}

/**********blog detail page******************/

.bd-main {
    background: #144D50;
    margin-top: 20px;
    border-radius: 20px;
    box-shadow: 0 0 10px 5px #ccc;
    position: relative;
    padding: 21px 25px;
    margin-bottom: 20px;
}

.bd-inner {
    background: #E5E5E5;
    border-radius: 15px;
}


.bd-main-image img {
    width: 100%;
    height: auto;
    border-radius: 16px;
}

.bd-heading-share {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 30px;
    margin-bottom: 20px;
    padding: 0 34px;
}

.bd-heading {
    font-size: 32px;
    margin-top: 0;
    margin-bottom: 0;
    text-align: left;
    color: #144D50;
}

.bd-share-btn img {
    width: 18px;
}

.bd-para {
    padding: 0 34px;
}


.bd-para img {
    width: 100%;
}

.bd-share-btn {
    position: relative;
}

.bd-share-popup {
    position: absolute;
    width: 155px;
    right: 0;
    top: 0;
    background: #ffffff;
    padding: 10px 0 10px 5px;
    border-radius: 10px;
    box-shadow: 0px 0px 4px 0px;
    display: none;
}

.bd-close-popup {
    text-align: right;
    line-height: 0;
    padding-right: 5px;
}

.bd-close-popup img {
    width: 10px;
}

.bd-share-click {
    text-align: left;
    padding-bottom: 10px;
}

.bd-share-click span {
    color: #144D50;
    font-size: 12px;
    padding-left: 10px;
}

.bd-inner .a2a_kit {
    padding: 0 34px;
    margin-top: 20px;
}

.bd-para {
    text-align: left;
}

.bd-para h2 {
    font-size: 25px;
}

.bd-para h3 {
    font-size: 19px;
}

.bd-para h4 {
    font-size: 16px;
}

.top_ads p,
.foot_ads p {
    margin: 0;
    color: #134B4E;
}

@media(max-width:767px) {
    .bd-inner {
        padding: 40px 10px;
    }

    .bd-para h2 {
        line-height: 30px;
    }
}

.bd-inner[dir="rtl"] .bd-heading{
    text-align: right;
}
.bd-inner[dir="rtl"] .bd-para{
    text-align: right;
}




.adv-ads-txt {
    margin-bottom: 0;
    font-size: 10px;
    text-transform: uppercase;
    color: #595959;
}

.blogs_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.show_more {
    margin-left: auto;
}

.show_less {
    margin-right: auto;
}

.ffw-cat-page {
    margin-bottom: 20px;
}

.custom_ad {
    text-align: center;
}

.custom_ad .ad_center {
    display: inline-block;
}

.adv-ads-txt {
    font-size: 10px !important;
    text-transform: uppercase;
    margin-bottom: 0;
    font-family: 'roboto', sans-serif;
    text-align: center !important;
    opacity: 0.7;
}

/* floating ad */
.footer_static_ad {
    padding-bottom: 70px;
}

.footer_static_ad.footer_120 {
    padding-bottom: 120px;
}

.static_ads {
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0%);
    z-index: 999;
    width: 320px;
    height: 65px;
    background: #ffffff;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    -webkit-align-items: flex-end;
}

.static_ads.sticky_h100 {
    height: 115px;
}

.static_ads .adv-ads-txt {
    position: absolute;
    top: 0;
}

@media(max-width:480px) {
    .static_ads {
        width: 100%;
    }
}

/* feedback form */

.main_container {
    max-width: 746px;
    margin-left: auto;
    margin-right: auto;
    min-height: 75vh;
}

.ffw-feedback {
    border: 1px solid #000000;
    border-radius: 5px;
    padding: 67px 30px;
    margin-bottom: 40px;
}

.ffw-feedback-heading {
    font-weight: 500;
    font-size: 30px;
    line-height: 35px;
    color: #4B4B4B;
}

.ffw-feedback-msg {
    font-weight: 400;
    font-size: 20px;
    line-height: 23px;
    color: #737373;
    padding-top: 35px;
}

.ffw-feedback-msg i,
.ffw-feedback-rating-txt i {
    color: #FF3D3D;
}

.ffw-feedback textarea {
    border: 1px solid #9B9999;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    width: 100%;
    min-height: 312px;
    padding: 10px;
}

.feedback_error_msg p {
    color: #FF3D3D;
    margin-top: 0;
}

.ffw-feedback .feedback-message-error textarea {
    border: 1px solid #f00;
    box-shadow: 0px 0px 10px rgba(255, 0, 0, 0.25);
}

.ffw-feedback-rating {
    padding-top: 28px;
    padding-bottom: 64px;
}

.ffw-feedback-rating,
.ffw-feedback-rating-radio,
.ffw-feedback-check {
    display: flex;
}

.ffw-feedback-rating-txt,
.ffw-feedback-rating-radio span {
    font-weight: 400;
    font-size: 20px;
    line-height: 23px;
    color: #737373;
}

.ffw-feedback-check {
    padding-left: 10px;
}

.ffw-feedback-rating-radio {
    padding-left: 26px;
}

.ffw-feedback-submit input {
    background: #2C95D3;
    border: 1px solid #9B9999;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    font-weight: 400;
    font-size: 25px;
    line-height: 29px;
    color: #FFFFFF;
    padding: 9px 34px;
    margin-top: 38px;
}

.feedback-form-error-div p:first-child {
    color: #FF3D3D;
}

/* The feedbackradio */
.feedbackradio {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default radio button */
.feedbackradio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: transparent;
    border-radius: 50%;
    border: 1px solid #737373;
    box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.25);
}

/* On mouse-over, add a grey background color */
.feedbackradio:hover input~.checkmark {
    background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.feedbackradio input:checked~.checkmark {
    background-color: #2196F3;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.feedbackradio input:checked~.checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.feedbackradio .checkmark:after {
    top: 9px;
    left: 9px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
}

.feedback-form-success-div,
.feedback-form-error-div {
    text-align: center;
}

.feedback-form-success-div .feedback-success {
    color: green;
}

.feedback-form-success-div .feedback-return-to-quiz-text {
    color: #337ab7;
}

@media(max-width:767px) {
    .ffw-feedback-msg {
        padding-top: 20px;
    }

    .ffw-feedback-rating {
        flex-wrap: wrap;
    }

    .ffw-feedback-rating-radio {
        padding-left: 0;
        padding-top: 10px;
        width: 100%;
    }

    .ffw-feedback-rating {
        padding-top: 10px;
        padding-bottom: 30px;
    }

    .ffw-feedback-submit button {
        margin-top: 20px;
    }

    .ffw-feedback textarea {
        min-height: 150px;
    }

    .ffw-feedback {
        padding: 30px 20px;
    }
}

/* captcha error */
.captcha_error {
    border: 1px solid #f00;
    box-shadow: 0px 0px 10px rgb(255 0 0 / 30%);
}

/* idpin  section styling */
.share_top_sec {
    background: #EEEBE3;
    border-radius: 10px;
    padding: 33px;
    margin-bottom: 40px;
}

.share_top_con,
.share_ss_sec {
    width: 75%;
    margin: 0 auto;
}

.share_top_sec ul {
    list-style-type: none;
}

.share_top_con {
    text-align: center;
}

.share_top_con p {
    color: #144D50;
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
    margin: 0;
    padding-bottom: 8px;
}

.share_top_con span {
    font-size: 18px;
    line-height: 27px;
    font-weight: 400;
    padding-bottom: 15px;
    display: inline-block;
}

.share_ss_sec {
    background: white;
    border-radius: 10px;
    padding: 31px 10px;
}

.share_ss_sec ul {
    margin-left: 10%;
    margin-bottom: 0;
}

.share_ss_sec ul li:last-child span {
    color: #1DAFE8;
    word-break: break-word;
}

.share_ss_sec ul li {
    margin-bottom: 6px;
}

.share_ss_sec ul li:last-child {
    margin-bottom: 0;
}

.share_ss_sec ul li img {
    margin-right: 8px;
}

.share_ss_sec ul li,
.share_ss_sec ul li span {
    font-size: 16px;
    line-height: 24px;
    color: #363434;
}

@media(max-width:599px) {
    .share_top_sec {
        padding: 20px 10px;
    }

    .share_top_con,
    .share_ss_sec {
        width: 95%;
    }

    .share_ss_sec ul {
        margin-left: 5%;
    }

    .share_ss_sec ul li {
        display: flex;
    }

    .share_ss_sec ul li img {
        width: 13px;
        height: 13px;
        margin-top: 4px;
    }

    .signin .main_container .main_container {
        height: 75vh;
    }
}

/* custom add link page css */
body.custom_ad {
    background: #F9F9F9;
    font-family: 'Poppins', sans-serif;
    margin-top: 0px;
}
body.custom_ad .main_container{
    max-width:100%;
}
.custom_ad .container.ads-section {
    max-width: 1280px;
    margin: 0 auto;
}

.custom_ad .ads-section {
    padding: 40px 0 0;
}

.custom_ad .ads-section ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    list-style-type: none;
}

.custom_ad .ads-section ul li {
    padding: 15px;
}

/* .custom_ad .ads-section ul li a {
    border: 4px solid #831C39;
} */

.custom_ad .ads-section ul li a img {
    width: 100%;
}

.custom_ad .ads-section ul li a,
.custom_ad .ads-section ul li a img {
    display: block;
    /* border-radius: 15px; */
}

.custom_ad .ads-section ul li div {
    width: 300px;
}

.custom_ad .ads-section .btn-sec {
    display: flex;
    justify-content: center;
    padding: 25px 0 27px;
}

.custom_ad .ads-section .btn-sec button {
    background: transparent;
    box-shadow: 3px 3px 10px #00000029;
    border-radius: 34px;
    max-width: 150px;
    width: 100%;
    color: #EF8451;
    font-size: 18px;
    line-height: 27px;
    font-weight: 600;
    display: inline-block;
    text-align: center;
    padding: 6px 10px;
    margin: 0 22px;
    border: 3px solid #EF8451;
}

.custom_ad .ads-section .btn-sec button.show_more_custom_ads {
    background: #EF8451 !important;
    color: white;
}

@media screen and (max-width:550px) {
    .custom_ad .ads-section {
        padding: 22px 0 0;
    }

    .custom_ad .ads-section ul li {
        padding: 8px;
    }

    .custom_ad .ads-section .btn-sec {
        padding: 15px 0 14px;
    }

    .custom_ad .ads-section .btn-sec button {
        max-width: 100px;
        font-size: 14px;
        line-height: 21px;
        margin: 0 5px;
        border: 2px solid #EF8451;
        padding: 3px;
    }
}

/***Replace buttons and icons css  ***/
.view_btn_with_txt{
    font-size: 14px;
}
#frbrd_btn_with_href{
    display: inline-block;
    margin-bottom: 40px;
}
.delete_quiz_btns{
    display: flex;
    justify-content: center;
}
.delete_quiz_popup .modal-header{
    padding: 8px;
}
.delete_quiz_btns .btn{
    font-size: 16px;
    font-weight: 500;
    opacity: 1;
    padding: 7px 12px;
    text-shadow: none;
    border: 2px solid #ccc;
    color: #000000;
    width: 100px;
    margin: 0 10px;
}
.delete_quiz_btns a.btn{
    background: #ff5200;
    color: #ffffff;
    border: 0;
}

/*custom-vignate-btn*/
.custom-vignate-btn-main{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}
.custom-vignate-btn{
   background: #144D50;
   border: 0;
   padding: 10px 20px;
   border-radius: 5px;
   color: #ffffff;
}
a.custom-vignate-btn{
    color: #ffffff;
}
a.custom-vignate-btn:hover{
    color: #ffffff;
    text-decoration: none;
}

@media(max-width:767px){
    .custom-vignate-btn-main{
       margin: 20px 20px;
    }
}

.view_stats .middle_ad, .view_stats .middle_ad2{
    margin-bottom:25px;
}

/* add css for popup top spaces*/
.modal.in .modal-dialog{
    padding-top:130px;
}


/**customise loader ***/

.loaderquizmain{
    text-align: center;
    margin-top: 30px;
}
.loaderquiz {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    position: relative;
    animation: rotate 1s linear infinite;
    display: inline-block;
  }
  .loaderquiz::before , .loaderquiz::after {
    content: "";
    box-sizing: border-box;
    position: absolute;
    inset: 0px;
    border-radius: 50%;
    border: 5px solid #144D50;
    animation: prixClipFix 2s linear infinite ;
  }
  .loaderquiz::after{
    inset: 8px;
    transform: rotate3d(90, 90, 0, 180deg );
    border-color: #EC8944;
  }

  @keyframes rotate {
    0%   {transform: rotate(0deg)}
    100%   {transform: rotate(360deg)}
  }

  @keyframes prixClipFix {
      0%   {clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)}
      50%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)}
      75%, 100%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)}
  }
.blog_bottom_ads_sec{
    margin-bottom: 40px;
    margin-top: 40px;
}


.create-new-quiz-btn{
    text-align: center;
}

.create-new-quiz-btn a:hover{
    text-decoration: none;
    color: #ffffff;
}

.create-new-quiz-btn a:focus{
    text-decoration: none;
    color: #ffffff;
}

@media(max-width:599px){
    .create-new-quiz-btn a{
        width: 90%!important;
    }
}
/*  */
.reward_confirm_modal {
    display: none;
    position: fixed;
    z-index: 999;
    padding-top: 300px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
}

.reward_confirm_modal .reward_modal_dialog {
    margin: auto;
    padding: 25px;
    background-color: white;
    text-align: center;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 385px;
    border-radius: 20px;
    height: 170px;
}
.reward_modal_dialog > p{
    font-weight: 700;
    font-size: 18px;
    
}

.reward_confirm_modal .closeButton,
.reward_confirm_modal .rewardButtons {
    display: block;
    text-align: center;
    justify-content: center;
    margin-top: 23px;
}

.rewardButtons input[type="button"] {
    width: 150px;
}

.reward_confirm_modal .closeButton {
    position: absolute;
    right: -10px;
    top: -30px;
    z-index: 9;
}

.reward_confirm_modal input[type="button"] {
    padding: 0.5rem;
    border: none;
    border-radius: 4px;
    /* margin: 4px; */
    color: white;
}

.reward_confirm_modal .rewardButtons {
    display: flex;

    .yesButton {
        width: 150px;
    }

    justify-content: center;
    gap: 20px;
    margin-top: 20px;
}

.reward_confirm_modal .yesCheckbox {
    margin-top: 20px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.reward_confirm_modal .yesCheckbox input[type="checkbox"] {
    margin-top: 0;
}

.reward_confirm_modal .yesCheckbox label {
    padding-left: 0px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 600;
}

.reward_confirm_modal .yesButton {
    background: #144D50;
    display: flex;
    /* padding-left: 10px; */
    align-items: center;
    border-radius: 5px;
    /* display: inline-block; */
    /* margin-top: 17px; */
    /* margin-right: 20px; */
}

.reward_confirm_modal .yesButton input[type="button"] {
    background: none;
}

.reward_confirm_modal .noButton {
    display: inline-block;
    position: relative;
    top: 0px;
}

.reward_confirm_modal .noButton input[type="button"] {
    border: 1px solid #000000;
    color: #000000;
}

.closeButton input[type="button"] {
    width: 32px;
    border-radius: 50% !important;
    background: rgb(237 7 7) !important;
    font-weight: 800;
}
.load-mor-ans {
    display: flex;
    justify-content: center;
    padding-top: 20px;
}
.view-answer-rewarded{
    background: #144D50;
    padding: 5px 10px;
    color: #ffffff!important;
    border-radius: 5px;
}
.check-group input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
  }
  
  .check-group label {
    position: relative;
    cursor: pointer;
  }
  
  .check-group label:before {
    content:'';
    -webkit-appearance: none;
    border: 2px solid #2DC38C;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
    padding: 10px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 5px;
    background: #2DC38C;
    border-radius: 5px;
  }
  
  .check-group input:checked + label:after {
    content: '';
    display: block;
    position: absolute;
    top: 2px;
    left: 9px;
    width: 6px;
    height: 14px;
    border: solid #ffffff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
  }

.reward_confirm_modal[dir="rtl"] .check-group input:checked + label:after {
    right: 14px;
    left: auto;
}

@media(max-width:767px) {
    .reward_confirm_modal .reward_modal_dialog {
        width: 340px;
    }

    .rewardButtons input[type="button"] {
        width: 115px;
    }

    .reward_confirm_modal .rewardButtons {
        .yesButton {
            width: 115px;
        }
    }
}


/*** seo blog css***/
.seo_blog_sec{
    background: #EEEBE3;
    border-radius: 10px;
    text-align: initial;
    padding: 10px;
    .seo_blog_head{
        font-size: 35px;
        padding-bottom: 20px;
        color: #000000;
        line-height: 100%;
    }
    .seo_blog_title{
        font-size: 30px;
        padding-bottom: 20px;
        color: #000000;
        line-height: 35px;
    }
}

.seo_blog_desc{
    h2{
      font-size: 25px;  
    }
    h3{
        font-size: 20px;  
    }
    h4{
        font-size: 18px;  
    }
    p{
        font-size: 16px;
    }
    ul{
        padding-left: 15px;
        list-style: disc;
    }
}
/***load more btn css*/
.load-more-btn{
    text-align: center;
    padding-top: 20px;
}

.user-quiz-title{
    text-align: center;
    font-weight: 700;
    font-size: 28px;
    color: #144D50;
    line-height: 42px;
    margin-bottom: 25px;
    position: relative;
}
.user-quiz-title::after{
    content: "";
    width: 150px;
    height: 2px;
    background: #FF9334;
    position: absolute;
    bottom: -7px;
    left: 50%;
    transform: translate(-50%, -50%);
}


/****snapchat-btn-full-width****/
.snap-chat-full-width{
    width: 100%;
    margin-bottom: 5px;
}

.enable-snapchat-d-none{
    display: none;
}

.enable-snapchat-btn-group{
    display: flex;
    .more-plus-share{
        width: 45%;
        margin: 5px 0 0 9.5%;
        i{
            font-size: 14px;
        }
    }
}
.enable-snapchat-btn-twitter{
    width: 45%;
    a{
        width:100%;
        margin-left: 0;
    }
}

/**** Downloads buttons****/
.downloads-applinks{
    padding-top:20px;
    img{
        width:150px;
    }
}

.user-quiz-played-number{
    span{
        padding-right: 5px;
        font-weight: 700;
    }
}


/**nudge effect **/
.nudge-effect-quiz {
    animation: animate-shake 2s ease-in-out infinite;
}

@keyframes nudge-effect-quiz {
    0% {
        transform: scale(1);
    }
    70% {
        transform: scale(0.9);
    }
    100% {
        transform: scale(1);
    }
}

@keyframes animate-shake {
    0%,
    10%,
    65%,
    100% {
      transform: rotate(0deg) scale(1.0);
    }
  
    30%,
    40% {
      transform: rotate(-1deg) scale(1.05);
    }
  
    35%,
    45% {
      transform: rotate(1deg) scale(1.05);
    }
}