*{
    box-sizing                      :   border-box;
}

html 
{ 
    margin                          :   0;
    padding                         :   0;
}

body
{
	margin                          :   0;
	padding                         :   0;
	text-align                      :   center;
    font-size                       :   14px;
}
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
    display: none !important;
}

h2{
    margin-top                      :   10px!important;
}

input:focus, textarea:focus, select:focus, button:focus, .btn:focus {
    outline                         :   none;
}

:root 
{
    --middle-background-color         :   #89d5f8;
    --background-color-blue           :   #89d5f8;
    --background-color-blue-hover     :   #008bcb;
    --middle-background-color         :   #72e5b6;
    --background-color-green          :   #01a864;
    --background-color-green-hover    :   #01a864;
    --middle-background-color         :   #e1ee56;
    --background-color-yellow         :   #e4f158;
    --background-color-yellow-hover   :   #9aa800;
}

.color1{
    --middle-background-color       :   #72e5b6;
    --background-color              :   #01a864;
    --background-color-hover        :   #01a864;
}

.color2{
    --middle-background-color       :   #e1ee56;
    --background-color              :   #9aa800;
    --background-color-hover        :   #9aa800;
}

.color3{
    --middle-background-color       :   #89d5f8;
    --background-color              :   #008bcb;
    --background-color-hover        :   #008bcb;
}

.middle_conatainer_yellow{
    margin:0px 20px 0 20px;
    display: flex;
min-height: 100vh;
flex-direction: column;
}

.main_container
{
	max-width                   :   748px !important;
    position                    :   relative;
    padding                     :   0;
	margin-right                :   auto;
    margin-left                 :   auto;
    display                     :   flex;
    flex-direction              :   column;
    padding-right               :   0!important;
    padding-left                :   0!important;
}

.menubar
{
    border                      :   none;
    border-radius               :   0 0 10px 10px;
    background                  :   #01a864;
    box-shadow                  :   0px 6px 30px #bbb;
}

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

.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;
  background                    :   #1e8a5e;
  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;
}           

.heading span           
{           
	display                     :   inline-block;
}           

.collapse-icon          
{           
    position                    :   absolute;
    cursor                      :   pointer;
    right                       :   14px;
	top                         :   9px;
    border-radius               :   5px;
    padding                     :   1px 4px;   
}           

.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 img           
{           
	width                       :   230px;
}           

.language-dropdown          
{           
	position                    :   absolute;
	left                        :   12px;
    top                         :   9px;
}
.language-dropdown {
	display                     :   inline-block;
} 
.language-dropdown select {
	position                    :   absolute; 
	left                        :   0px; 
	top                         :   0px; 
	width                       :   100%; 
	height                      :   100%; 
	opacity                     :   0; 
	cursor                      :   pointer;
}
.language-dropdown img{
	width                       :   27px;
	height                      :   27px;
}

footer{
    margin-top                  :   40px;
    background                  :   #01a864;
    padding-top                 :   15px;
    color                       :   #fff;
    border-radius               :   10px 10px 0 0;
    text-align                  :   center;
    font-size                   :   15px;
}

footer p{
    margin-block-start          :   0;
    margin                  :   0px!important;
}

.footer-img ul{
    padding-inline-start        :   0;
    margin-block-start          :   0;
    margin-block-end            :   0;
}

.footer-img li{
    list-style-type             :   none;
    display                     :   inline-block;
}

.footer-img img{
    width                       :   70%;
}

.footer-link a{
    color                       :   #fff;
    text-decoration             :   none;
}

.footer-link ul{
    padding-inline-start        :   0;
    margin-block-start          :   0;
    margin-block-end            :   0;
    padding                     :   4px 0;
}

.footer-link li{
    list-style-type             :   none;
    display                     :   inline-block;
    margin                      :   0 3px;
}

.instruction_div{
    text-align                  :   left;
}

.instruction_div h1{
    color                       :   #01a864;
    margin-bottom               :   30px;
}

.instruction_div ul{
    list-style                  :   none;
    font-size                   :   18px;
    margin-left                 :   -18px;
}

.instruction_div li{
    background                  :   #e8e7e7;
    padding                     :   5px;
    position                    :   relative;
    border-radius               :   10px;
    margin-bottom               :   18px;
    margin-left                 :   -1em;
}

.instruction_numbering{
    background                  :   #01a864;
    position                    :   absolute;
    top                         :   -10px;  
    border-radius               :   5px;
    width                       :   30px;
    height                      :   30px;
    text-align                  :   center;   
    color                       :   #fff;
}

.instruction_numbering2{
    background                  :   #9aa800;
    position                    :   absolute;
    top                         :   -10px;  
    border-radius               :   5px;
    width                       :   30px;
    height                      :   30px;
    text-align                  :   center;   
    color                       :   #fff;
}

.instruction_numbering3{
    background                  :   #008bcb;
    position                    :   absolute;
    top                         :   -10px;  
    border-radius               :   5px;
    width                       :   30px;
    height                      :   30px;
    text-align                  :   center;   
    color                       :   #fff;
}

.instruction_numbering{
    background                  :   #01a864;
    position                    :   absolute;
    top                         :   -10px;  
    border-radius               :   5px;
    width                       :   30px;
    height                      :   30px;
    text-align                  :   center;   
    color                       :   #fff;
}

.instruction_numbering2{
    background                  :   #9aa800;
    position                    :   absolute;
    top                         :   -10px;  
    border-radius               :   5px;
    width                       :   30px;
    height                      :   30px;
    text-align                  :   center;   
    color                       :   #fff;
}

.instruction_numbering3{
    background                  :   #008bcb;
    position                    :   absolute;
    top                         :   -10px;  
    border-radius               :   5px;
    width                       :   30px;
    height                      :   30px;
    text-align                  :   center;   
    color                       :   #fff;
}

.triangle-down {
	width                       :   0;
	height                      :   0;
	border-left                 :   10px solid transparent;
	border-right                :   10px solid transparent;
    border-top                  :   10px solid #01a864;
    position                    :   absolute;
    left                        :   5px;
}

.triangle-down2{
    width                       :   0;
	height                      :   0;
	border-left                 :   10px solid transparent;
	border-right                :   10px solid transparent;
    border-top                  :   10px solid #9aa800;
    position                    :   absolute;
    left                        :   5px;
}

.triangle-down3{
    width                       :   0;
	height                      :   0;
	border-left                 :   10px solid transparent;
	border-right                :   10px solid transparent;
    border-top                  :   10px solid #008bcb;
    position                    :   absolute;
    left                        :   5px;
}

.triangle-down {
	width                       :   0;
	height                      :   0;
	border-left                 :   10px solid transparent;
	border-right                :   10px solid transparent;
    border-top                  :   10px solid #01a864;
    position                    :   absolute;
    left                        :   5px;
    top:25px;

}

.triangle-down2{
    width                       :   0;
	height                      :   0;
	border-left                 :   10px solid transparent;
	border-right                :   10px solid transparent;
    border-top                  :   10px solid #9aa800;
    position                    :   absolute;
    left                        :   5px;
    top:25px;
}

.triangle-down3{
    width                       :   0;
	height                      :   0;
	border-left                 :   10px solid transparent;
	border-right                :   10px solid transparent;
    border-top                  :   10px solid #008bcb;
    position                    :   absolute;
    left                        :   5px;
    top:25px;

}

.instruction_text{
    color                       :   #000;
    margin-left                 :   43px;
    display                     :   flex;
}

.region_div{
    width                       :   60%;
    margin                      :   0 auto 10px auto;
    font-size                   :   18px;
}

.region_dropdown{
    background                  :   #01a864;
    border                      :   none;
    color                       :   #fff;
    padding                     :   10px;
    width                       :   60%;
    border-radius               :   8px 8px 0 0;
    position                    :   relative;
    font-size                   :   18px;
}

#country_selector {
    /* width                       :   100%; */
    display                     :   block;
    min-width                   :   160px;
    margin                      :   auto;
    font-size                   :   18px;
    text-align                  :   center;
    list-style                  :   none;
    border-radius               :  0 0 8px 8px;
    display: none;
}

.custom_dropdown_item {
    cursor                      :   pointer;
    padding                     :   8px;
    color                       :   white;
    font-weight                 :   normal;
    border                      :   2px solid;
    border-radius               :   5px;
}

.custom_dropdown_item:hover{
    background                  :   #04824f;
}

.custom_dropdown_item_anchor {
    cursor                      :   pointer;
    color                       :   white;
    font-weight                 :   normal;
    text-decoration             :   none;
}

.custom_dropdown_item_anchor:hover {
    color                       :   white;
    text-decoration             :   none;
}

.name_div input{
    border                      :   2px solid #01a864;
    width                       :   100%;
    padding                     :   8px;
    text-align                  :   center;
    border-radius               :   10px;
    margin-top                  :   10px;
    font-size                   :   18px;
}

.name_div input:focus{
    box-shadow                  :   inset 0px 0px 10px rgba(0,0,0,0.3);
}

.continue_btn{
    border                      :   none;
    background                  :   #e8e7e7;
    margin                      :   10px 0;
    padding                     :   8px;
    width                       :   100%;
    border-radius               :   10px;
    font-size                   :   20px;
    box-shadow                  :   0px 10px #cccccc;
    transition: 0.2s;
}

.continue_btn:active{
    transform: scale(0.95);
}

.progress_area{
    text-align                  :   left;
    margin                      :   10px 10px 10px -33px;
}

.h-custom-tab-active{
    width                       :   18px!important;
    height                      :   18px!important;
    background                  :   #01a864!important;
    border-radius               :   30px!important;
    display                     :   inline-block!important;
    margin-right                :   10px!important;
}

.progress_div{
    width                       :   18px;
    height                      :   18px;
    background                  :   #f0eded;
    border-radius               :   30px;
    display                     :   inline-block;
    margin-right                :   10px;
}

.hlist_main{
    background                  :   var(--middle-background-color);
    width                       :   100%;
    border-radius               :   20px;
    padding                     :   5px;
}

.hlist_main2{
    display                     :   none;
}

.hlist_main3{
    display                     :   none;
}

.imglist img{
    width                       :   100%;
    border-radius               :   20px;
    border                      :   1px solid #fff;
}

.hlist{
    background                  :   #fff;
    padding                     :   8px 15px 8px 20px;
    font-size                   :   18px;
    border-radius               :   8px;
    margin-bottom               :   10px;
    text-align                  :   left;
    cursor: pointer;
}

.hlist a{
    color:#000;
}
.hlist:hover a{
    color:#fff;
    text-decoration: none;
}

.hlist:hover{
    background                  :   var(--background-color-hover );
    color                       :   #fff;
}

.result_div{
    background: #72e5b6;
    padding: 10px;
    margin-bottom: 20px;
    border-radius: 10px;
}

.hlist_type_div input {
    border                      :   2px solid var(--background-color-hover);
    width                       :   100%;
    padding                     :   8px 15px 8px 20px;
    text-align                  :   center;
    font-size                   :   18px;
    text-align                  :   left;
    border-radius               :   8px;
}

.hlist_type_div input:focus{
    background                  :   var(--background-color-hover);
    color                       :   #fff;
}

.hlist_type_div input:focus::-webkit-input-placeholder {
    color: #fff;
}

.hlist_type_div input:focus::-moz-placeholder {
    color: #fff;
}

.skip_btn_div{
    position                    :   relative;
    height                      :   50px;
}

.skip_btn{
    background                  :   var(--background-color);
    border-radius               :   10px 0 0 10px;
    padding                     :   8px;
    color                       :   #fff;
    font-size                   :   16px;
    position                    :   absolute;
    right                       :   -25px;
    cursor                      :   pointer;
    transition                  :   0.2s;
}

.skip_btn:active {
    transform                   :   scale(0.95);
}

.top_ad{
    margin                      :   40px 0;
}

.bottom_ad {
    margin: 40px auto 0 auto;
}

.ad_center {
    margin: auto;
}

.question_card h2{
    text-align                  :   left;
}

.qusetion_continue_btn{
    border                      :   none;
    background                  :   #fff;
    margin                      :   10px 0;
    padding                     :   8px;
    width                       :   100%;
    border-radius               :   10px;
    font-size                   :   20px;
    box-shadow                  :   0px 10px rgba(0, 0, 0, 0.3);
    transition                  :   0.2s;
}

.qusetion_continue_btn:active {
    transform                   :   scale(0.95);
}

.link_div{
    background: #72e5b6;
border-radius: 20px;
padding: 10px 10px 20px 10px;
}

.share_link_div{
    background                  :   #72e5b6;
    border-radius               :   20px;
    padding                     :   10px;
}

.share_link_div p{
    font-size                   :   18px;
}

.error{
    color                       :   rgb(255, 0, 0);
    font-size                   :   18px;
    margin                      :   10px auto 0 auto;
    background                  :   #fff;
    border                      :   1px solid rgb(255, 0, 0);
    padding                     :   5px;
    width                       :   60%;
    border-radius               :   8px;
    display: none;
    text-align: center;
}

.link{
    border                      :   none;
    width                       :   60%;
    padding                     :   10px;
    text-align                  :   center;
    background                  :   #fff;
    margin                      :   auto;
    border-radius               :   10px;
    color                       :   #0166ff;
}

.copy_btn{
    border                      :   none;
    background                  :   #fff;
    margin-top                  :   10px;
    padding                     :   8px;
    width                       :   60%;
    border-radius               :   10px;
    font-size                   :   20px;
    box-shadow                  :   0px 10px rgba(0, 0, 0, 0.3);
    transition                  :   0.2s;
}

.copy_btn:active {
    transform                   :   scale(0.95);
}

.link-copied {
    color                       :   rgb(255, 0, 0);
    margin                      :   20px auto 0 auto;
    background                  :   #fff;
    border                      :   1px solid rgb(255, 0, 0);
    padding                     :   10px;
    width                       :   60%;
    border-radius               :   8px;
}

.share-btn{
    margin-top                  :   15px;
}

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

.whatsapp-btn {
    background                  :   #20c47a;
    padding                     :   10px;
    border                      :   2px solid #fff;
    border-radius               :   10px;
    color                       :   #fff!important;
    font-size                   :   16px;
    width                       :   100%;
    margin-bottom               :   5px;
}

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

.whatsapp-btn a:hover{
    color                       :   #fff!important;
    text-decoration             :   none;
}

.whatsapp-btn:hover {
    background-color            :   #14a1cc;
    border-color                :   #00c3ff;
    color                       :   #fff;
}

.facebook-btn {
    background                  :   #3b5998;
    padding                     :   8px;
    border                      :   2px solid #fff;
    border-radius               :   10px;
    color                       :   #fff!important;
    font-size                   :   16px;
    width                       :   49%;
    margin                      :   5px 0;
    display                     :   inline-block;
}

.facebook-btn:hover {
    background-color            :   #14a1cc;
    border-color                :   #00c3ff;
    color                       :   #fff;
}

.messenger-btn {
    background                  :   #0166ff;
    padding                     :   8px;
    border                      :   2px solid #fff;
    border-radius               :   10px;
    color                       :   #fff!important;
    font-size                   :   16px;
    width                       :   49%;
    margin                      :   5px 0;
    display                     :   inline-block;
}

.messenger-btn:hover {
    background-color            :   #14a1cc;
    border-color                :   #00c3ff;
    color                       :   #fff;
}

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

.whatsapp-btn a{
    color                       :   #fff!important;
}

.facebook-btn a{
    color                       :   #fff!important;
}

.messenger-btn a{
    color                       :   #fff!important;
}

.snapchat-btn {
    border                      :   none;
    background                  :   #fff70f;
    padding                     :   8px;
    border                      :   2px solid #fff;
    border-radius               :   8px;
    color                       :   #000!important;
    font-size                   :   16px;
    width                       :   49%;
    margin                      :   5px 0;
    display                     :   inline-block;
    cursor                      :   pointer;
}

.snapchat-btn:hover {
    background-color            :   #14a1cc;
    border-color                :   #00c3ff;
    color                       :   #fff;
}

.twitter-btn {
    background                  :   #000000;
    padding                     :   8px;
    border                      :   2px solid #fff;
    border-radius               :   10px;
    color                       :   #fff!important;
    font-size                   :   16px;
    width                       :   49%;
    margin                      :   5px 0;
    display                     :   inline-block;
}

.twitter-btn:hover {
    background-color            :   #14a1cc;
    border-color                :   #00c3ff;
    color                       :   #fff;
}

.instagram-btn {
    background                  :   linear-gradient(to right, #db7a48 , #b33376);
    padding                     :   8px;
    border                      :   2px solid #fff;
    border-radius               :   10px;
    color                       :   #fff!important;
    font-size                   :   16px;
    width                       :   49%;
    display                     :   inline-block;
    cursor                      :   pointer;
}

.instagram-btn:hover {
    background                  :   #14a1cc;
    border-color                :   #00c3ff;
    color                       :   #fff;
}

.Line-btn {
    background                  :   #00b900;
    padding                     :   8px;
    border                      :   2px solid #fff;
    border-radius               :   10px;
    color                       :   #fff!important;
    font-size                   :   16px;
    width                       :   49%;
    margin                      :   5px 0;
    display                     :   inline-block;
}

.Line-btn:hover {
    background-color            :   #14a1cc;
    border-color                :   #00c3ff;
    color                       :   #fff;
}

.kakao-btn {
    background                  :   #fae301;
    padding                     :   8px;
    border                      :   2px solid #fff;
    border-radius               :   10px;
    color                       :   #000 !important;
    font-size                   :   16px;
    width                       :   49%;
    margin                      :   5px 0;
    display                     :   inline-block;
}

.kakao-btn:hover {
    background-color            :   #14a1cc;
    border-color                :   #00c3ff;
    color                       :   #fff;
}

.vk-btn {
    background                  :   linear-gradient(to right, #14a1cc , #14a1cc);
    padding                     :   8px;
    border                      :   2px solid #fff;
    border-radius               :   10px;
    color                       :   #fff!important;
    font-size                   :   16px;
    width                       :   49%;
    margin                      :   5px 0;
    display                     :   inline-block;
}

.vk-btn:hover {
    background-color            :   #14a1cc;
    border-color                :   #00c3ff;
    color                       :   #fff;
}
.tg-btn{
    font-size                   :   16px;
    border-radius: 10px;
    width: 49%;
    margin                      :   5px 0;
    padding                     :   8px;
    display: inline-block;
    background: #2BA0D2;
    color: #ffffff;
    border                      :   2px solid #fff;
}
.tg-btn:hover {
    background-color            :   #14a1cc;
    border-color                :   #00c3ff;
}

.more-plus-share {
    margin:7px 0;
    padding:0 5px;
}
.more-plus-share .a2a_dd {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
color: #000;
font-size: 16px;
background: #F1DB2F;
border-radius: 10px;
border: 2px solid #ffff;
padding: 11.5px 0!important;
}
.more-plus-share.a2a_dd:hover{
    background-color            :   #14a1cc;
    border-color                :   #00c3ff;
}
.more-plus-share .a2a_svg {
    width: 25px;
    height: 25px;
}
.more-plus-share-mobile{
    display: none;
}
.scoreboard_btn{
    border                      :   none;
    background                  :   #e8e7e7;
    margin-top                  :   10px;   
    padding                     :   8px;
    width                       :   60%;
    border-radius               :   10px;
    font-size                   :   20px;
    box-shadow                  :   0px 10px #cccccc;
    transition                  :   0.2s;
    margin-bottom               :   30px;  
    color:#000;
}

.scoreboard_btn:active {
    transform                   :   scale(0.95);
}

.scoreboard_play {
    background                  :   #72e5b6;
    border-radius               :   20px;
    padding                     :   10px;
    margin                      :   10px 0;
    font-size                   :   18px;
}

.scoreboard_div_heading{
    border                      :   2px solid #ccc;
    border-radius               :   20px;
    font-size                   :   18px;
    margin-bottom               :   20px;
}

.scoreboard_heading{
    background                  :   #01a864;
    border-radius               :   18px 18px 0 0;
    padding                     :   10px;
    color                       :   #fff;
}

.scoreboard_table{
    background                  :   #e8e7e7;
    margin-bottom               :   0!important;
    margin-top                  :   1px;
}

.scoreboard_table th{
    text-align: center;
}

.scoreboard_table td{
    border-top                  :   none!important;
}

.scoreboard_container{
    border: 2px solid #ccc;
border-radius: 20px 20px 0 0;
font-size: 18px;
margin-bottom: 20px;
}

.knows,.dvd{
    background: #01a864;
    border-radius: 18px 18px 0 0;
    padding: 1px;
    color: #fff;
}

.table_heading{
    font-size                   :   18px;
}

.scoreboard_div th:first-child{
    background                  :   #72e5b6;
}
.scoreboard_div th:nth-child(2){
    background                  :   #72e5b6;
}

.scoreboard_div th:last-child{
    background                  :   #72e5b6;
}

.highlight{
    font-size                   :   18px;
    background                  :   #fff;
}

.delete_btn{
    border                      :   none;
    background                  :   #ff2624;
    margin-top                  :   10px;   
    padding                     :   8px;
    color                       :   #fff;
    width                       :   60%;
    border-radius               :   10px;
    font-size                   :   20px;
    box-shadow                  :   0px 10px #cccccc;
    transition                  :   0.2s;
}

.delete_btn:active {
    transform                   :   scale(0.95);
}

.close-btn {
    background                  :   #d90000 !important;
    color                       :   #fff !important;
}

.view_container h2{
    background                  :   #ccc;
    border-radius               :   8px;
    padding                     :   5px;
}

.view{
    position                    :   relative;
    margin-bottom               :   30px;
}

.view_div{
    background: var(--middle-background-color);
width: 65%;
border-radius: 20px;
padding: 10px;
margin: 0 auto 20px auto;
}

.modal_view{
    position                    :   relative;
    margin-bottom               :   30px;
    width                       :   75% !important;
}

.options_view{
    margin-bottom               :   40px;
    height: 60px;
}

.view_answers{
    position:relative;
}

.user_name{
    background                  :   #fff;
    padding                     :   5px 20px 20px 20px;
    border-radius               :   10px;
    width                       :   50%;
    font-size                   :   18px;
    height                      :   50px;
}

.user_ans{
    background                  :   var(--background-color);
    position                    :   absolute;
    color                       :   #fff;
    padding                     :   10px;
    font-size                   :   18px;
    border-radius               :   10px;
    top                         :   35px;
    left                        :   14%;
    width                       :   75%;
    text-align                  :   left;
    max-height: 64px;
    overflow: auto;
    overflow-x: hidden;
    word-break: break-all;
}

.triangle-up {
	width                       :   0;
	height                      :   0;
	border-left                 :   5px solid transparent;
	border-right                :   5px solid transparent;
    border-bottom               :   10px solid var(--background-color);
    position                    :   absolute;
    top                         :   26px;
    left                        :   16%;
}

.questionImageDiv{
    font-size: 30px;
}
.friend_name{
    background                  :   #fff;
    padding                     :   5px 20px 20px 20px;
    border-radius               :   10px;
    width                       :   50%;
    font-size                   :   18px;
    position                    :   relative;
    height                      :   50px;    
}

.friend_ans{
    background                  :   var(--background-color);
    position                    :   absolute;
    color                       :   #fff;
    padding                     :   10px;
    font-size                   :   18px;
    border-radius               :   10px;
    top                         :   35px;
    left                        :   14%;
    width                       :   75%;
    text-align                  :   left;
    max-height: 64px;
    overflow: auto;
    overflow-x: hidden;
    word-break: break-all;
}

.triangle-up1 {
	width                       :   0;
	height                      :   0;
	border-left                 :   5px solid transparent;
	border-right                :   5px solid transparent;
    border-bottom               :   10px solid var(--background-color);
    position                    :   absolute;
    top                         :   26px;
    left                        :   16%;
}

.triangle-up_reveal{
    width                       :   0;
	height                      :   0;
	border-left                 :   5px solid transparent;
	border-right                :   5px solid transparent;
    border-bottom               :   10px solid var(--background-color);
    position                    :   absolute;
    top                      :   30px;
    left                        :   16%;
}

.user_ans_reveal{
    background                  :   var(--background-color);
    position                    :   absolute;
    color                       :   #fff;
    padding                     :   10px;
    font-size                   :   18px;
    border-radius               :   10px;
    top                      :   39px;
    left                        :   14%;
    width                       :   75%;
    text-align                  :   left;
    max-height: 64px;
overflow: auto;
}

.triangle-up_reveal1{
    width                       :   0;
	height                      :   0;
	border-left                 :   5px solid transparent;
	border-right                :   5px solid transparent;
    border-bottom               :   10px solid var(--background-color);
    position                    :   absolute;
    top                      :   127px;
    left                        :   16%;
}

.friend_ans_reveal{
    background                  :   var(--background-color);
    position                    :   absolute;
    color                       :   #fff;
    padding                     :   10px;
    font-size                   :   18px;
    border-radius               :   10px;
    top                      :   135px;
    left                        :   14%;
    width                       :   75%;
    text-align                  :   left;
    max-height: 64px;
    overflow: auto;
}

.sync_continue_btn{
    border                      :   none;
    background                  :   #e8e7e7;
    margin                      :   10px 0 35px 0;
    padding                     :   8px;
    width                       :   60%;
    border-radius               :   10px;
    font-size                   :   20px;
    box-shadow                  :   0px 10px #cccccc;
    transition                  :   0.2s;
}

.sync_continue_btn:active {
    transform                   :   scale(0.95);
}

.create_btn{
    border                      :   none;
    background                  :   #fff;
    margin-top                  :   10px;   
    margin-bottom               :   20px; 
    padding                     :   8px;
    width                       :   60%;
    border-radius               :   10px;
    font-size                   :   20px;
    box-shadow                  :   0px 10px #cccccc;
    transition                  :   0.2s;
}

.create_btn:active {
    transform                   :   scale(0.95);
}

.view_question_card{
    background                  :   var(--middle-background-color);
    width                       :   65%;
    border-radius               :   20px;
    padding                     :   10px;
    margin                      :   0 auto 20px auto;
}

.view_question_card img{
    width                       :   100%;
    border-radius               :   20px;
    border                      :   1px solid #fff;
}

.view_answer{
    font-size                   :   20px;
}

.view_area{
    background                  :   #72e5b6;
    padding                     :   10px;
    margin-bottom               :   20px;
    border-radius               :   10px;
}

.result_scoreboard_btn{
    border                      :   none;
    background                  :   #fff;
    margin-top                  :   10px;   
    padding                     :   8px;
    width                       :   60%;
    border-radius               :   10px;
    font-size                   :   20px;
    box-shadow                  :   0px 10px #cccccc;
    transition                  :   0.2s;
}

.result_scoreboard_btn:active {
    transform                   :   scale(0.95);
}

.choose_lang_popup_body {
    background                  :   #72e5b6;
    padding                     :   0 15px !important;
}

.lang_suggestion {
    border                      :   2px solid #fff;
    padding                     :   10px;
    font-size                   :   18px;
    cursor                      :   default;
}

.congrats{
    width                       :   40%;
    margin                      :   0 auto 10px auto;
}

.slider .slider-item{
    display: none;
    animation: reveal .5s ease-in-out;
  }
  .slider .slider-item.active {
    display: block;
  }
  .slider .dots {
    text-align: center;
    padding: 10px;
  }
  #dots li {
display:none;
  }
  @keyframes reveal{
    from{
      opacity: 0;
    }
    to{
      opacity: 1;
    }
  }

.para{
    background: #72e5b6;
border-radius: 20px;
padding: 10px;
font-size: 18px;
}

.para ul{
    list-style: none;
    margin-left:-40px;
}

.question_skip_btn{
    border: none;
background: #fff;
margin: 10px 0;
padding: 8px;
width: 100%;
border-radius: 10px;
font-size: 20px;
box-shadow: 0px 10px rgba(0, 0, 0, 0.3);
transition: 0.2s;
display:none;
}

.lang_body{
    background: #72e5b6;
}

.lang-box{
    border: 2px solid #fff;
padding: 10px;
padding-right: 10px;
padding-left: 10px;
font-size: 18px;
cursor: default;
}
.lang-box-new a{
    border: 2px solid #fff;
padding: 10px;
padding-right: 10px;
padding-left: 10px;
font-size: 18px;
cursor: default;
display: block;
}

.table-responsive{
    margin-bottom: 0px;
}
.next_question_btn{
    border: none;
    background: #fff;
    margin: 5px 0;
    padding: 8px;
    width: 100%;
    border-radius: 10px;
    font-size: 20px;
    box-shadow: 0px 10px rgba(0, 0, 0, 0.3);
    transition: 0.2s;
}

  @media(max-width:622px){
    .modal_view{
        width: 100% !important;
    }
  }


@media (min-width:585px) and (max-width:676px){

    .user_name{
        width                   :   45%;
    }
    .user_ans{
        width                   :   75%;
    }
    .friend_name{
        width                   :   45%;
    }
    .friend_ans{
        width                   :   75%;
    }
}

@media(max-width:584px){
    .user_name{
        width                   :   55%;
    }
    .user_ans{
        width                   :   75%;
    }
    .friend_name{
        width                   :   55%;
    }
    .friend_ans{
        width                   :   75%;
    }
}

@media(max-width:480px){
    .region_div {
        width                   :   100%;
    }
    .continue_btn{
        width                   :   90%;
    }
    .link{
        width                   :   100%;
    }
    .copy_btn{
        width                   :   100%;
    }
    .scoreboard_btn{
        width                   :   100%;
    }
    .snapchat_ss {
        width                   :   100%;
    }
    .user_name{
        width                   :   65%;
    }
    .user_ans{
        width                   :   75%;
    }
    .friend_name{
        width                   :   65%;
    }
    .friend_ans{
        width                   :   75%;
    }
    .result_scoreboard_btn{
        width                   :   100%;
    }
    .create_btn{
        width                   :   100%;
    }
    .sync_continue_btn{ 
        width                   :   100%;
    }
    .delete_btn{
        width                   :   100%;
    }
    .view_question_card{
        width                   :   100%;
    }
    .progress_div_active {
        width                   :   14px;
        height                  :   14px;
        margin-right            :   3px;
    }
    .name_div input{
        width                   :   90%;
    }
    .error{
        width                   :   90%;
    }
    .region_dropdown{
        width                   :   90%;
    }
    .link-copied{
        width                   :   100%;
    }
    .view_div{
        width:100%;
    }
    .more-plus-sharemobile{
        margin:7px 0;
    }
    .more-plus-share-mobile{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    color: #000;
    font-size: 16px;
    background: #F1DB2F;
    border-radius: 10px;
    border: 2px solid #ffff;
    padding: 8px 0!important;
    }
    .more-plus-share-mobile:hover{
        background-color            :   #14a1cc;
        border-color                :   #00c3ff;
    }
}
.more-plus-share i{
    background: rgb(1, 102, 255);
color: #fff;
font-size: 19px;
padding: 4px;
border-radius: 4px;
margin-right: 5px;
}
@media (min-width:300px) and (max-width:345px){

    .user_name {
        width                   :   80%;
    }
    .friend_name{
        width                   :   80%;
    }
}


.card {
    transition                  :   transform .25s ease-in-out;;
    transform-style             :   preserve-3d;
    cursor                      :   pointer;
}

#loadingDiv, .defaultHide{
    display:none;
}
.front, .back {
    -webkit-perspective         :   0;
    -webkit-backface-visibility :   hidden;
    -webkit-transform           :   translate3d(0,0,0);
    visibility                  :   visible;
    backface-visibility         :   hidden;
    width                       :   100%;
    min-height                  :   260px;
}


.back {
    transform                     :   rotateY(180deg);
    position                      :   absolute;
    top                           :   0;
    width:100%;
    height                        :     265px;
  }

.bottom_dfp_ad div div, .top_ad div div{
    margin:auto;
}

.top_div h1{
    margin-bottom: 0!important;
}

#change_lang{
    background:#fff!important;
}


.pages{
    flex: 1;
}

.modal-footer {
    padding: 10px 10px 50px 10px!important;
}

.friend_ans_reveal::-webkit-scrollbar {
    width: 5px;
}

/* Track */
.friend_ans_reveal::-webkit-scrollbar-track {
    box-shadow: inset 0 0 2px grey; 
    border-radius: 10px;
}

/* Handle */
.friend_ans_reveal::-webkit-scrollbar-thumb {
    background: rgb(7, 7, 7); 
    border-radius: 10px;
}

/* Handle on hover */
.friend_ans_reveal::-webkit-scrollbar-thumb:hover {
    background: #009eb3; 
}

.user_ans_reveal::-webkit-scrollbar {
    width: 5px;
}

/* Track */
.user_ans_reveal::-webkit-scrollbar-track {
    box-shadow: inset 0 0 2px grey; 
    border-radius: 10px;
}

/* Handle */
.user_ans_reveal::-webkit-scrollbar-thumb {
    background: rgb(7, 7, 7); 
    border-radius: 10px;
}

/* Handle on hover */
.user_ans_reveal::-webkit-scrollbar-thumb:hover {
    background: #009eb3; 
}

.user-info h6 {
    font-size: 25px;
    margin-bottom: 10px;
}

.middle_conatainer{
    margin-top:20px;
}

.first-q1{
    text-align:center;
}

.instruction_div[dir=rtl]{
    text-align: right ;
}

.instruction_div[dir=rtl] ul{
    margin-right: -18px;
    text-align: right;
    margin-left: 0;
}
.instruction_div[dir=rtl] .instruction_text {
    margin-right: 43px;
    margin-left: 0;
}
.instruction_div[dir=rtl] li{
    margin-right: -1em;
    margin-left: 0;
}
.progress_area[dir=rtl]{
    text-align: right;
    margin: 10px -33px 10px 3px;
}

.hlist_main[dir=rtl] .hlist{
    text-align: right;
}

.hlist_main[dir=rtl] input{
    text-align: right;
}

.hlist_main[dir=rtl] .skip_btn{
    border-radius: 0px 10px 10px 0px;
    left: -25px;
    right: auto;
}

.hlist_main[dir=rtl] .user_ans_reveal{
    text-align: right;
    right: 14%;
}

.hlist_main[dir=rtl] .triangle-up_reveal{
    right: 16%;
    left: auto;
}

.hlist_main[dir=rtl] .friend_ans_reveal{
    right: 14%;
    text-align: right;
}

.hlist_main[dir=rtl] .triangle-up_reveal1{
    right: 16%;
    left: auto;
}

.view_div[dir=rtl] .triangle-up{
    right: 16%;
    left: auto;
}

.view_div[dir=rtl] .user_ans{
    text-align: right;
    right: 14%;
}

.view_div[dir=rtl] .friend_ans{
    right: 14%;
    text-align: right;
}

.view_div[dir=rtl] .triangle-up1{
    right: 16%;
    left: auto;
}

.loading_bar{
    margin-bottom: 30%;
}
/*================== Loader =================*/
/* #loadingDiv > .quizSaveLoading{ 
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
#loadingDiv{
    min-height: 72vh;
    position: relative;
}  */
.loading_Ad .all_ads.bottom_ad.bottom_headbidding_ad{
    display: flex;
    justify-content: center;
}
.loading_Ad {
    padding-bottom: 15px; 
} 
.tiktok-btn{
    background: #e3d016;
    padding: 8px;
    border: 2px solid #fff;
    border-radius: 10px;
    color: #000!important;
    font-size: 16px;
    width: 49%;
    margin: 5px 0;
}
.tiktok-btn img{
    width: 10%;
    vertical-align: middle;
}
.tiktok-btn:hover {
    background-color: #14a1cc;
    border-color: #00c3ff;
    color: #fff;
}
.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{
    padding-bottom: 70px;
}
footer.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%;
    }
}


/***Replace buttons and icons css  ***/
.view_btn_with_txt{
    font-size: 14px;
  }
  .delete_quiz_btns{
    display: flex;
    justify-content: center;
  }
  .delete_quiz_popup .modal-header{
    padding: 8px;
    text-align: center;
  }
  .delete_quiz_popup .modal-body{
    background: #ffffff;
  }
  .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;
  }


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


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

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



.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: #01a864;
    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: #01a864;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    width: 140px;
    display: inline-block;
    margin-top: 20px;
    padding: 8px 10px;
    font-weight: 600;
    border: 2px solid;
    border-radius: 4px;
    margin-bottom: 0px;
}

.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: #eeeeee;
    margin-top: 20px;
    border-radius: 20px;
    box-shadow: 0 0 10px 5px #ccc;
    position: relative;
    padding: 21px 25px;
    margin-bottom: 20px;
}

.bd-inner {
    background: #ffffff;
    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;
    }
}


/**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 #01a864;
    animation: prixClipFix 2s linear infinite ;
  }
  .loaderquiz::after{
    inset: 8px;
    transform: rotate3d(90, 90, 0, 180deg );
    border-color: #14A1CC;
  }

  @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%)}
  }

  #loadingDiv{
    margin-top: 50px;
  }

  .create-new-quiz-btn {
    margin: 20px 0;
  }
  .create-new-quiz-btn a {
    display: block;
    margin: 0 auto;
  }
  .create-new-quiz-btn a:hover {
    color: #ffffff;
    text-decoration: none;
  }

      /***social profing css***/
      .user-quiz-played-number{
        font-size: 20px;
        padding-top: 20px;
        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);
    }
  
    35%,
    45% {
      transform: rotate(1deg) scale(1);
    }
}

.continue_btn_div{
    margin-top: 30px;
}

/****snapchat-btn-full-width****/
.snap-chat-full-width{
    width: 100%;
    margin-bottom: 5px;
    img{
        width: 38px;
    }
    @media (max-width:767px) {
        img{
            width: 26px;
        }
    }
}

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

.enable-snapchat-btn-group{
    display: flex;
    .more-plus-share{
        width: 49%;
        margin: 6px 4px;
        padding: 0 3px;
        i{
            font-size: 14px;
        }
    }
}
.enable-snapchat-btn-twitter{
    width: 49%;
    margin-left: 5px;
    a{
        width:100%;
        margin-left: 0;
    }
    @media (max-width:767px) {
        margin-left: 1.5px;
    }
}

/*share page enhancement css***/

.more-plus-share .a2any_share {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 4px 0;
    color: #000;
    font-size: 16px;
    background: #F1DB2F;
    border-radius: 10px;
    padding: 14px 0px !important;
    @media (max-width:767px) {
        padding: 9px 0px !important;
    }
}

.a2any_shareplus-minus {
    padding: 6.5px;
    border-radius: 10px;
    color: #000000;
    width: 45%;
    margin: 5px 0 0 8.5%;
    display: inline-block;
    background: #F1DB2F;
    border: 2px solid #fff;
    /* box-shadow: 0px 1px 4px #D8D2C4; */

    @media (max-width:767px) {
        margin: 5px 0;
    }
}

.link {
    background: rgba(255, 255, 255, 0.92);
    border: 1px solid #333333;
    box-sizing: content-box;
    border-radius: 10px;
    padding: 0;
    color: #6B757C;
    font-weight: 500;
    font-size: 14px;
    text-align: center;
    word-break: break-word;
    display: flex;
    align-items: center;
    justify-content: space-between;

    span{
        padding-left: 10px;
    }
    @media (max-width:767px) {
        span{
            font-size: 12px;
            height: 34px;
            overflow: hidden;
        }
    }
}

.a2any_shareplus-minus {
    padding: 8px;
    border-radius: 10px;
    color: #000000;
    width: 49%;
    margin: 5px 0;
    display: inline-block;
    background: #F1DB2F;
    border: 2px solid #fff;
    font-size: 16px;
    /* box-shadow: 0px 1px 4px #D8D2C4; */

    @media (max-width:767px) {
        margin: 5px 0;
    }
}
.share-show-more-btns{
    display: none;
}
.share-show-more-fbbtn{
    display: none;
}
.show-moreplus-btn{
    i{
    background: rgb(1, 102, 255);
    color: #fff;
    font-size: 19px;
    padding: 6px;
    border-radius: 4px;
    margin-right: 5px;
    }
    @media (max-width:767px) {
        i{
        font-size: 13px;
        }
    }
}

.active-block{
    display: block;
}
.display-inline{
    display: inline;
}
.active-inlineblock{
    display: inline-block;
}
.active-flex{
    display: flex;
}

.facebook-btn{
    padding: 8px;
    background: #415D95;
    border-radius: 10px;
    color: #fff;
    /* width: 45%; */
    /* margin: 5px 0 0 9%; */
    display: inline-block;
    /* box-shadow: 0px 1px 4px #D8D2C4; */
}
@media (max-width:767px) {
    .facebook-btn,
    .facebook-btn:hover {
        margin: 5px 0;
        border-color: #415D95;
    }
}


.copy_btn {
    border: none;
    background: #fff;
    margin-top: 0px;
    padding: 8px;
    width: 100px;
    border-radius: 9px;
    font-size: 15px;
    box-shadow: none;
    transition: 0.2s;
    background: #333333;
    color: #fff;
    margin-bottom: 0;
}