@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');
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
@import url('wow-animation.css');

.lato-thin {font-family: "Lato", serif;font-weight: 100;font-style: normal;}
.lato-light {font-family: "Lato", serif;font-weight: 300;font-style: normal;}
.lato-regular {font-family: "Lato", serif;font-weight: 400;font-style: normal;}
.lato-bold {font-family: "Lato", serif;font-weight: 700;font-style: normal;}
.lato-black {font-family: "Lato", serif;font-weight: 900;font-style: normal;}
.lato-thin-italic {font-family: "Lato", serif;font-weight: 100;font-style: italic;}
.lato-light-italic {font-family: "Lato", serif;font-weight: 300;font-style: italic;}
.lato-regular-italic {font-family: "Lato", serif;font-weight: 400;font-style: italic;}
.lato-bold-italic {font-family: "Lato", serif;font-weight: 700;font-style: italic;}
.lato-black-italic {font-family: "Lato", serif;font-weight: 900;font-style: italic;}

/*-----------Stylish default scrollbar styles-----------*/
:root{
--code-color: darkred;
--code-bg-color: #aaaaaa;
--code-font-size: 14px;
--code-line-height: 1.4;
--scroll-bar-color: #c5c5c5;
--scroll-bar-bg-color: #f6f6f6;
}

::-webkit-scrollbar-corner { background: rgba(0,0,0,0.5); }

* {
scrollbar-width: thin;
scrollbar-color: var(--scroll-bar-color) var(--scroll-bar-bg-color);
}

*::-webkit-scrollbar {width: 7px;height: 12px;}

*::-webkit-scrollbar-track {
background: var(--scroll-bar-bg-color); width:10px;
}

*::-webkit-scrollbar-thumb {
background-color: var(--scroll-bar-color);
border-radius: 20px;
border:1px solid var(--scroll-bar-bg-color);
}
/*---------End of the stylish default bar styles-----------*/



body{font-family: "Lato", serif; font-optical-sizing:auto; font-style:normal;}
a{text-decoration:none;}
p:last-child{margin-bottom:0px;}
.form-control, .form-select{border-radius:.25rem; min-height:50px; border-color:#cbcfd3;}
.form-check-input{border-color:#cbcfd3;}
.form-check input, .form-check label{cursor:pointer;}
.form-check .form-check-input:hover{background-color:#999;}
.form-check .form-check-label:hover{color:#777;}
.form-control:focus{box-shadow:none; outline:none;}
.input-group-sm .form-select{min-height:inherit;}
.mh-inh{min-height:inherit;}
.btn{border-radius:.25rem;}
:root {
    --brand: #0d6efd;
    --brand2: #000;
    --brand3: #0d428f;
}
.easing *, *{transition:ease .3s all;}
.navbar-brand{display:inline-block; padding:.5rem 0;}
.navbar-brand img{width:150px; height:auto;}
.navbar-toggler{border-color:rgba(255,255,255,.5); color:rgba(255,255,255,.5);}
.navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.hover_img_revert:hover img, .hover_img_revert:focus img{filter:brightness(0);}
.hover-invert:hover img{filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);}
.btn-orange{background-color:#ff8000; color:#fff;}
.btn-orange:hover{background-color:#ec7803; color:#fff;}
.btn-yellow {background-color: #fff568;color: #000;}
.btn-yellow:hover {background-color: #eae052;}
.btn-yellow2{background-color:#ffd200; color:#333; font-size: 1.25rem; padding:.75rem 2.25rem;}
.btn-yellow2:hover, .btn-blue2:focus{background-color:#ffe154; color:#333;}
.btn-purple{background-color:#611f69; color:#fff;}
.btn-purple:hover{background-color:#8b2197; color:#fff;}

.news_ticker{height:300px; overflow:hidden; position:relative; list-style:none; padding-left:0;}
.news_ticker li{margin-bottom:.75rem; padding-bottom:.75rem; border-bottom:solid 1px #ccc;}
.news_ticker span{color:#333; font-weight:700;}
.pb-70{padding-bottom:70px;}
.pt-70{padding-top:70px;}
.search_form{min-height:44px; /*background-image:url(../images/search.png); background-repeat:no-repeat; background-position:center left 15px; background-size:18px auto; padding-left:2.5rem;*/ background-color:#fff;}
.top_right_btns{list-style:none; margin:0; padding:0;}
.top_right_btns li{display:inline-block; margin:0 .5rem;}
.devider_style1{border-left:solid 2px #ddd;}
.orSpanV{position:absolute; left:0; top:50%; transform:translateY(-50%); height:80%;}
.orSpanV span{font-size:14px; color:#666; text-transform:uppercase; padding-left:5px; padding-right:5px; position:absolute; transform:translate(-50%, -50%); left:50%; top:50%;}
.orSpanV:before, .orSpanV:after{content:''; position:absolute; left:0; width:2px; height:45%; background-color:#ccc;}
.orSpanV:before{top:0px;}
.orSpanV:after{bottom:0px;}

/*.collabs_card{border-radius:.5rem; border-color:rgba(13,110,253,.26); box-shadow:0px 2px 5px rgba(13,110,253,.16); height:100%;}*/
.collabs_card{border-radius:1rem;border:1px solid #b5aeae;box-shadow:0 4px 20px rgba(0,0,0,0.08);height: 100%;transition:0.3s;}
.collabs_card.card_closed{background:#f7f7f7;}
.collabs_card:hover{transform:translateY(-4px);box-shadow:0 10px 30px rgba(0,0,0,0.15);}
.collabs_card .card-body{padding:1rem; display:flex; flex-direction:column;}
.collabs_desc{align-content:center;}
.collabs_desc a{font-weight:bold; font-size:1rem;color:#333;}
.collabs_desc a:hover{text-decoration:underline;}
.collabs_thumb{flex:0 0 auto; max-width:100%; width:auto; padding-right:.75rem;}
.collabs_thumb .collabs_img{width:54px; height:54px; object-fit:contain; /*padding:.25rem; background-color:#f7f7f7;*/ border-radius:.25rem;}
.collabs_thumb .collabs_img2{width:54px; height:54px; object-fit:contain; /*padding:.25rem; background-color:#f7f7f7;*/ border-radius:.25rem;}
.collabs_thumb .collabs_img3{width:36px; height:36px; object-fit:contain; border:1px solid #e9e9e9; border-radius:5rem;}
.collabs_thumb.imgElrgPop{padding-right:0; margin-bottom:.75rem;}
.imgElrgPop img{cursor:pointer;}
.collabs_thumb .collabs_name{width:48px;height:48px;background:#eafffa;border-radius:50%;display:flex;justify-content:center;align-items:center;font-weight:700;color:#65b7ae;}
.label_truncate label{overflow:hidden; display:-webkit-box !important; -webkit-box-orient:vertical; text-overflow:ellipsis; -webkit-line-clamp:1;}
.badge_style1{/*background-color:#def5db; padding:.25rem .6rem; border-radius:10rem; font-weight:700;*/ color:#666; font-size:75%; overflow:hidden; display:-webkit-box !important; -webkit-box-orient:vertical; text-overflow:ellipsis; -webkit-line-clamp:1;}
.badge_style2{background-color:#fff; box-shadow:0 0 2px rgba(0,0,0,.25); border-radius:.25rem; padding:3px 10px; line-height:1; color:#18b3e9; font-size:90%;}
.collabs_time{list-style:none; padding-left:0; margin-bottom:0;}
.collabs_time li{display:inline-block; color:#666; padding:0 10px; position:relative;}
.collabs_time li:before{content:''; position:absolute; background-color:#999; border-radius:50px; width:6px; height:6px; left:-5px; top:6px;}
.collabs_time li:first-child{padding-left:0;}
.collabs_time li:first-child:before{content:normal; padding-left:0;}
.collabs_time li:last-child{padding-right:0;}
.intrn_scroll{max-height:200px; overflow:hidden !important;}
.space_for_result{padding-right:45px; min-height:45px; position:relative; color:#999;}
.space_for_result .circle_result{width:45px; height:45px;}
.space_for_result .circle_result_wrap{position:absolute; right:0; top:0;}
.alert_teal{background:rgb(0 128 128 / 10%); border-radius:.5rem;}
.winner_badge{font-weight:700; color:#fff; display:inline-flex; flex-direction:row; align-items:center; font-size:90%; position:relative; z-index:0;}
.winner_badge:after{content:'';position:absolute;left:15px;top:1px;background:#fcd34c;width:95%;height:29px;z-index:-1;border-radius:0 4px 4px 0;}
.winner_badge img{width:32px; height:32px; margin-right:.25rem;}
.alert_teal .space_for_result{color:#333;}
.Opt_title{font-weight:bold;}
.alert_teal .Opt_title{font-size:1.25rem;}

.more_link{background-image:linear-gradient(rgb(255 255 255 / 0) 0%, rgb(255 255 255 / 1) 50%);position:relative;padding: .5rem 0 0;margin-top: -20px;line-height:1;}
.more_link .MoreLess{text-decoration:underline; font-style:italic;}
.more_link.active{background-image:none;margin-top: 0;}
a.MoreLess.collapsed:after{content: '+ Read more';}
a.MoreLess:not(.collapsed):after {content: '- Read less';}

.text-line-container{position:relative;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2 !important;font-weight:500;}
.text-line-container.expanded{display:block;overflow:visible;}
.read-line-more{display:inline-block;color:#0d6efd;cursor:pointer;margin-top:5px;font-size:0.9em;font-weight:500;}

.chart-title{font-size:18px; font-weight:bold; margin-bottom:10px; text-align:center;}
canvas{max-width:100%;}
.legends{border-bottom:solid 2px #ddd; padding-bottom:.75rem; padding-top:.5rem;}
.legends ul{list-style:none; padding:0; margin-bottom:0; font-size:14px;display:flex;flex-wrap:wrap;flex-direction:row;grid-gap:10px 20px;}
.legends li{display:flex;}
.legend-box{width:12px; border-radius:2px; margin-right:.25rem; height:12px; margin-top:.25rem;}
.cursor-pointer{cursor:pointer;}

.toggleExpand.collapsed .fa-plus-circle:before{content:"\f055";}
.toggleExpand .fa-plus-circle:before{content:"\f056";}
.toggle_flip .fa_icon{transition:ease .3s all; transform:rotate(0deg);}
.toggle_flip.active .fa_icon{transition:ease .3s all; transform:rotate(180deg);}

.social_btns .btn{border:solid 2px rgb(54, 171, 186); color:rgba(41, 41, 41, 1); border-radius:.25rem; width:100%; height:46px; display:inline-flex; align-items:center;}
.social_btns .btn:hover{border-color:rgb(93, 93, 93); color:rgb(0,0,0); box-shadow:0 2px 2px rgba(0,0,0,.1)}
.fa-google{background: conic-gradient(from -45deg, #ea4335 110deg, #4285f4 90deg 180deg, #34a853 180deg 270deg, #fbbc05 270deg) 73% 55%/150% 150% no-repeat;-webkit-background-clip: text;background-clip: text;color: transparent;-webkit-text-fill-color: transparent;}
.text-fb{color:#4267B2;}
.fly_icon2{position:absolute; right:.5rem; top:50%; transform:translateY(-50%); cursor:pointer;}
.Vote_style1{margin-left:-15px; margin-right:-15px; padding:15px; background-color:#fff;}
.Vote_style1:hover, .Vote_style1.active1{background-color:#eefeff;}
.Vote_style1:hover .more_link{background-image:linear-gradient(rgb(255 255 255 / 0) 0%, #eefeff 50%);}
.radio_btn_style{position:relative; margin-bottom:10px;background:#eafffa /*#f1f3f7*/;border-radius: 10px;padding: 10px;}
.radio_btn_style label{position:relative; padding-right:70px; padding-top:5px; max-width:100%; line-height:1.5; margin-bottom:0; cursor:pointer;z-index:1; color:#333;}
.radio_btn_style label:hover{color:#666;}
.radio_btn_style label::before{content:"Vote"; position:absolute; right:0; top:0; padding:.6rem .75rem; font-weight:bold; line-height:1; color:#fff; border-radius:.25rem; -moz-border-radius:.25rem; -webkit-border-radius:.25rem; background-color:#082b5b; -webkit-transition:border 0.15s ease-in-out;-o-transition:border 0.15s ease-in-out;transition:border 0.15s ease-in-out;}
.radio_btn_style label:hover::before{background-color:#999; color:#fff;}
.radio_btn_style input[type="radio"]{position:absolute; top:0; left:0; margin:4px 3px; opacity:0;}
.radio_btn_style input[type="radio"]:checked + label::before{content:"Vote"; border-color:#666; color:#fff; background-color:#666; -webkit-transform:scale(1, 1);-ms-transform:scale(1, 1);-o-transform:scale(1, 1);transform:scale(1, 1);}
.radio_btn_style.Voted label{padding-right:95px !important;}
.radio_btn_style.Voted label::before{content:"Voted" !important; background-image:url(../images/checkmark.png); background-size:18px 18px; font-weight:500; padding-left:30px; background-repeat:no-repeat; background-position:left 5px center; background-color:#3abc55 !important; border-color:#3abc55 !important; color:#fff;}
.radio_btn_style.Voted input[type="radio"]:checked + label::before{color:#fff; border-color:#3abc55;}
.radio_btn_style.Disabled label::before{display:none;}
.radio_btn_style input[type="radio"]:disabled + label{opacity:0.65;}
.radio_btn_style input[type="radio"]:disabled + label::before{cursor:not-allowed;}
.voted_btn{background-image:url(../images/checkmark.png); background-size:18px 18px; font-weight:500; padding:.75rem 1rem; border-radius:.5rem; padding-left:35px; background-repeat:no-repeat; background-position:left 10px center; background-color:#3abc55 !important; border-color:#3abc55 !important; color:#fff;}

.bg_style3{position:fixed; min-height:100vh; width:100%; left:0; bottom:0; background:url(../images/curved-bg.png) no-repeat top center; background-size:100% 80%; z-index:-1;}
.bg_fly_icons{position:fixed; bottom:5%; left:0; right:0; z-index:-1; height:250px;}
.bg_fly_icons img{position:absolute; opacity:.5; width:80px; height:80px;}
.bg_fly_icons .img_1{left:2%; top:20px;}
.bg_fly_icons .img_2{left:32%; bottom:0px;}
.bg_fly_icons .img_3{right:31%; top:0;}
.bg_fly_icons .img_4{right:2%; top:100px;}


.user_pic img{width:54px; height:54px; border-radius:50%; object-fit:cover;box-shadow:0 0 8px rgba(0,0,0,.5);}
.user_pic .user_letters{width:54px; height:54px; border-radius:50%; background:var(--brand);display:inline-flex;justify-content:center;align-items:center;text-transform:uppercase;font-weight:700;color:#fff;box-shadow:0 0 8px rgba(0,0,0,.5);}
.user_name{font-weight:700; color:#333; line-height:1;}
.user_tag{color:#999;margin-top:.5rem; line-height:1;font-size:85%;}
.navtab_style1 .nav-tabs{border-bottom:solid 1px #eee;}
.navtab_style1 .nav-tabs .nav-item{padding-right:1.5rem;}
.navtab_style1 .nav-tabs .nav-link{border:none; padding:.5rem .25rem; color:#333;position:relative;}
.navtab_style1 .nav-tabs .nav-link:hover{color:var(--brand);}
.navtab_style1 .nav-tabs .nav-link.active{color:var(--brand);}
.navtab_style1 .nav-tabs .nav-link:hover:after{content:''; position:absolute; bottom:0; left:0; width:100%; height:2px; background-color:#ddd;}
.navtab_style1 .nav-tabs .nav-link.active:after{content:''; position:absolute; bottom:0; left:0; width:100%; height:2px; background-color:var(--brand);}
.mh-200-scroll{max-height:200px; overflow-x:hidden; overflow-y:auto;}
.refer_list{list-style:none; padding-left:0; margin-bottom:0;}
.refer_list li{display:block; margin-bottom:1rem;}
.refer_list .refer_item{display:flex; color:#333; gap:.5rem;align-items:center;}
.refer_list .name_typo{width:40px; height:40px; background-color:var(--brand); border-radius:50%;display:inline-flex;justify-content:center;align-items:center;text-transform:uppercase;color:#fff;}
.refer_list .name:hover{text-decoration:underline;}

.collabs_card .radio_btn_style label{height:35px; font-size:15px;}
.collabs_card .radio_btn_style label::before{font-size:14px; z-index:1;}
.collabs_card .radio_btn_style label div{overflow:hidden; display:-webkit-box !important; -webkit-box-orient:vertical; text-overflow:ellipsis; -webkit-line-clamp:1;}
/*.collabs_card .radio_btn_style label::after{content:''; position:absolute; left:0; bottom:-5px; width:100%; height:15px; z-index:0; background-color:#fff;}*/

.trim_content{overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; text-overflow:ellipsis; line-height:2;}
.four_lines{-webkit-line-clamp:4;}
.One_lines{-webkit-line-clamp:1;}
.circle_result{width:38px; height:38px; border-radius:50%; justify-content:center; align-items:center; display:inline-flex; font-size:11px; font-weight:bold;}
.voting_winner{color:#266d32; font-weight:bold; background-image:linear-gradient(45deg, #c7eed5, transparent); padding:.5rem 0 .5rem .5rem; border-radius:.25rem 0 0 .25rem;}
.g4g_tag{display:inline-block; padding:0 3px;}
.g4g_tag:before{content:'Hero'; /*color:#198754; */font-weight:bold;}
/*.g4g_tag{background:url(../images/gaming4good-emblem2.png) no-repeat top left; background-size:100% auto; width:21px; height:21px; display:inline-block; vertical-align:middle;}*/
/*.g4g_tag span{color:#6b248a;}*/

.thumb_36{width:36px; height:36px; border:solid 1px #ddd; border-radius:50%; object-fit:cover;}
.thumb_24{width:24px; height:24px; border:solid 1px #ddd; border-radius:50%; object-fit:cover;}
.admin_style1{color:#999;}
.hover-info:hover{color:#1e92ba !important;}

.ActiveLoad{padding-right: 40px !important;position: relative;pointer-events: none;}
.ActiveLoad:before {content: '';background: url(../images/pre-loader.gif) no-repeat scroll 0 0;display: inline-block;background-size: 100% auto;position: absolute;right: 10px;top: 50%;height: 22px;width: 22px;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);z-index: 1;}
.ActiveLoad:after {content: '';background-color: rgba(0,0,0,.3); position: absolute; left: 0; height: 100%; width: 100%; top: 0;}
.btn.ActiveLoad{overflow:hidden; width:auto !important;}
.loaderblock:before {content: '';background: rgba(0,0,0,.1);position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 5;}
.loaderblock:after {content: '';position: absolute;top: 50%;left: 50%;height: 36px;width: 36px;z-index: 10;transform: translateX(-50%) translateY(-50%);-webkit-transform: translateX(-50%) translateY(-50%);-moz-transform: translateX(-50%) translateY(-50%);-o-transform: translateX(-50%) translateY(-50%);}
.loader, .loaderblock {position: relative;}
.loader:after {display: inline-block;height: 24px;margin-left: 7px;vertical-align: middle;width: 24px;}
.loader:after, .loaderblock:after {content: '';background: url(../images/pre-loader.gif) no-repeat scroll 0 0;background-size: 100% auto;}
.loaderblock .loaderText {position: absolute;text-align: center;width: 50%;bottom: 55%;z-index: 100;background-color: #fff;font-size: 23px;left: 50%;transform: translateX(-50%);-moz-transform: translateX(-50%);-webkit-transform: translateX(-50%);-o-transform: translateX(-50%);color: #116d11;}


.file-upload{position:relative; display:inline-block;}
.file-upload_label{display:block; padding:4px 8px; color:#fff; background:#007bff; font-weight:300 !important; transition:background .4s; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; margin-bottom:0;}  
.file-upload:hover label{background:#186dc8;}    
.file-upload_input{position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; cursor:pointer;}
.file-select-name{padding-top:5px;}
.ImgPreview img{width:100px; height:100px; padding:5px; border:1px solid #ddd; border-radius:2px; object-fit:cover;}
.arrow_box:before{content:''; position:absolute; width:14px; height:14px; border-right:1px solid #dee2e6; border-top:1px solid #dee2e6; background:#fff; transform:rotate(-45deg); left:7%; top:-7px;}
.avatar_thumblist{max-height:340px; overflow-x:hidden; overflow-y:auto;}
.avatar_thumblist .thumb_avatar{width:85px; height:85px; border-radius:25rem; display:inline-block;}
.avatar_thumblist .thumb_link{margin:.5rem; display:inline-flex;}
.avatar_thumblist .active .thumb_avatar{border:solid 3px #aaa;}
.avatar_thumblist .thumb_avatar:hover{filter:grayscale(1);}
.avatar_wrapper .close{position:absolute; top:1rem; right:.65rem; font-size:1rem; font-weight:300; line-height:1; color:#000; opacity:.5;}
.avatar_wrapper .close:hover{opacity:1;}
.avatar_preview{background-color:#f5f5f5; border-radius:.5rem; padding:.5rem; width:100%; max-width:180px; position:relative; aspect-ratio:3 / 2; display:inline-flex; flex-direction:column; justify-content:center; align-items:center;}
.avatar_preview .avatar_img{width:100%; height:auto;}
.fly_close{position:absolute; color:#666; top:0; right:0; padding:0.5rem; line-height:1; display:inline-flex; z-index:1;}
.fly_close:hover{color:#000;}
.close-style1{position:absolute; right:0; top:0;}
.social_icons a{display:inline-flex; margin-right:15px; margin-top:5px; margin-bottom:5px; align-items:center; /*transform:rotate(-45deg);*/ justify-content:center; border-radius:2px; width:40px; height:40px; font-size:18px; text-align:center; background-color:#b1b1b1; color:#fff;}
.social_icons.social_icons-sm a{width:25px; height:25px; font-size:14px; margin-right:3px;}
.social_wrap{background-color:rgba(255,255,255,.9); border-radius:.25rem; box-shadow:0 0 5px rgba(0,0,0,.3); padding:3px 1rem; display:inline-flex; margin-top:.5rem;}
.social_icons a:hover{color:#fff; background-color:#000;}
.social_icons a:last-child{margin-right:0px;}
.social_icons .FB{background-color:#4464b1;}
.social_icons .In{background-color:#007bb6;}
.social_icons .Tel{background-color:#37aee2;}
.social_icons .Twt{background-color:#1DA1F3;}
.social_icons .VM{background-color:#dc3545;}
.social_icons .WA{background-color:#25D366 ;}
.social_icons .FB:hover{background-color:#4464b1; color:#fff;}
.social_icons .In:hover{background-color:#007bb6; color:#fff;}
.social_icons .Tel:hover{background-color:#37aee2; color:#fff;}
.social_icons .Twt:hover{background-color:#1DA1F3; color:#fff;}
.social_icons .VM:hover{background-color:#dc3545; color:#fff;}
.social_icons .WA:hover{background-color:#075E54 !important; color:#fff;}
.divider2+.divider2{padding-top:.75rem; margin-top:.5rem; border-top:1px solid #ccc;}
.social_abs{position:absolute;right:10px;top:35px;border:1px solid #dadada;text-align:right;background:#fff;border-radius:8px;padding:4px 8px 4px 8px;white-space:nowrap;box-shadow:0 5px 5px rgba(0, 0, 0, .2);z-index:10;}
.social_abs .btn-close{font-size:10px;}

.option-list{max-height: 185px;overflow: hidden;position: relative;}
.more-indicator{position: absolute;bottom:-5px;left: 0;width: 100%; letter-spacing:1.5px; text-align:center; display:none;
 background: linear-gradient(to bottom,rgba(255,255,255,0),rgba(255,255,255,0.95) 60%,rgba(255,255,255,1));}
.more-indicator .fa{animation: blink 1.5s infinite;}
@keyframes blink {
0%,100% {opacity:0.3;}
50% {opacity:1;}
}
.option-list:hover .more-indicator{display:none !important;} 

.card_style_wrap1 .card{border-color:#6f2a8d;border-width:2px;}
.card_style_wrap1 .card-img-top{padding:1rem 1rem .5rem; width:74px; height:74px;}
.card_style_wrap1 .card-title{color:#666;}
.card_style_wrap1 .card-text{font-size:1.25rem;}

.form-floating>.form-control, .form-floating>.form-control-plaintext, .form-floating>.form-select{height:calc(3rem + calc(var(--bs-border-width) * 2)); min-height:calc(3rem + calc(var(--bs-border-width) * 2)); line-height:1;}
.form-floating>label{padding:.75rem;}
.form-floating>textarea.form-control{height:auto;}

.list-group-style1 .list-group-item{border-top-width:1px; background: rgb(233,244,252); background: linear-gradient(0deg, rgba(233,244,252,1) 0%, rgba(245,251,254,1) 100%);}
.list-group-sm .list-group-item{padding:.5rem 1rem;}

.point_arrow_right{position:relative;}
.point_arrow_right.active{clip-path:polygon(0 0,calc(105% - 30px) 0,100% 50%,calc(105% - 30px) 100%,0 100%);}

.super_head{margin:0; padding:0; list-style:none;}
.super_head li{display:inline-block; padding-right:1.5rem; position:relative; margin-bottom:.5rem; font-size:18px; font-weight:bold;}
.super_head li a{color:#269dd7;}
.super_head li a:hover{color:var(--brand);}
.super_head li:after{content:'\f105'; font-family:"Font Awesome 5 Free"; font-weight:bold; position:absolute; right:5px; top:3px; font-size:90%; color:#999;}
.super_head li:last-child:after{content:none;}

.voting_method{display:block !important;}
.voting_method .voting_item {position: relative;background: #fff;border-top: 2px solid #eaeaea; /*box-shadow:0 1px 3px rgba(13, 110, 253, .3); border-radius:.25rem;*/ margin:.25rem 0;padding:.25rem .5rem;}
.modal-body .voting_method .voting_item:nth-child(2){border-top:none; padding-top:0px; margin-top:0;}
.voting_item .voting_progress{background:#1abc9c; opacity:.5; border-radius:5px; height:5px; position:absolute; bottom:0; left:0;}
.voting_item .left_part{display:flex;/*padding-right:3rem;*/ /*flex-grow:1;*/ max-width:100%; font-weight:bold; padding-top:.5rem;}
.voting_item .right_part{padding-left:1rem;}
.toggle-btn.active{background-color:var(--brand); color:#fff; border-color:var(--brand);}
.voting_item .voting_img{padding-right:1rem;}
.voting_item .voting_img img{width:50px; height:50px; border-radius:.25rem; object-fit:contain;}
.voting_item .voting_number{font-weight:bold; font-size:1.25rem; padding-right:.5rem;}

.leader_container{display: flex;flex-flow: row wrap; justify-content:center;}
.leader_card{padding:.75rem; border-radius:.5rem; margin: 10px;flex:0 0 calc(25% - 20px); border:solid 1px #aaa; position:relative; margin-bottom:1rem;}
.leader_card:hover{background-color:#f7f7f7; box-shadow:0 0 5px rgba(0,0,0,.15);}
.leader_card .leader_lp{position:relative;}
.leader_card .leader_rank{line-height:1; font-size:75%; border:solid 1px #333; background:#fff; color:#333; font-weight:700; padding:.25rem .5rem; width:max-content; border-radius:20px; position:relative; left:50%; transform:translateX(-50%); bottom:5px;}
.leader_card .leader_thumb{border-radius:50%; background:#fff; border:solid 1px #ddd; height:48px; width:48px; object-fit:cover;}
.leader_card .leader_points{color:#666; line-height:1; font-size:90%; font-weight:700; margin-top:.5rem;}
.icon-18{width:18px;}
/*input[type="text"], textarea {
    text-transform: capitalize;
}*/
@media screen and (max-width: 1200px) {
.leader_card {
flex: 1 1 calc(33% - 20px)
}
}

@media screen and (max-width: 900px) {
.leader_card {
flex: 1 1 calc(50% - 20px)
}
}

@media screen and (max-width: 550px) {
.leader_card {
flex: 1 1 calc(100% - 20px)
}
}

/*----------Admin page contest styles------------*/
.contest_wrapper .list_item{border-radius:1rem;border:1px solid #b5aeae;box-shadow:0 4px 20px rgba(0,0,0,0.08);height: 100%;transition:0.3s; padding:0 1rem 1rem; margin-top:1rem; margin-bottom:1.5rem;}
.contest_wrapper .list_item .header{background-color:#def2f8;padding-top:10px;padding-bottom:10px;border-radius:8px 8px 0 0;}
.contest_wrapper .list_item:nth-child(2n){background-color:#f5feff;}
.contest_wrapper .list_item:hover{transform:translateY(-4px);box-shadow:0 10px 30px rgba(0,0,0,0.15);}
.contest_wrapper .list_item .title{font-weight:700; color:#333;}
.contest_wrapper .list_item .title:hover{text-decoration:underline;}
.contest_wrapper .list_item .weblink{margin-top:5px; font-size:18px;}
.contest_wrapper .list_item .title2{font-weight:700; font-size:18px; margin-top:15px; color:#666;}
.contest_wrapper .list_item .result_percent .count{font-size:150%;}
.contest_wrapper .list_item .result_percent{padding:.5rem;}
.contest_wrapper .list_item .result_content{padding-left:35px;}
.contest_wrapper .list_item .result_content:before{font-size:21px; left:5px;}
.contest_wrapper .actions_list{margin-bottom:0px; margin-top:10px; padding-left:0px; border-top:1px solid #ccc; list-style:none; font-size:13px;}
.contest_wrapper .actions_list li{padding-left:5px;padding-right:5px; display:inline-block;line-height:1; margin-top:10px;}
.contest_wrapper .list_item .contest_title{font-size:18px; font-weight:700; color:#17a2b8;}
.contest_wrapper .list_item .contest_title:hover{color:#000;}
.contest_wrapper .list_item .contest_date{font-size:80%; color:#666; position:relative; padding-left:1rem;}
.contest_wrapper .list_item .contest_date:before{content:"\f073"; font-family:"Font Awesome 5 Free"; font-weight:bold; position:absolute; left:0; top:0;}
.contest_wrapper .contest_reward{position:relative; margin-bottom:10px;background:#eafffa;border-radius: 10px;padding: 10px;}
/*.contest_wrapper .contest_reward:before{content: '';position: absolute;left: 0;top: 7px; width:7px;height:7px;background-color: #666;border-radius:50px;}*/
.degIndi{position:relative; padding-left:1rem; font-size:13px; letter-spacing:normal; opacity:.75; font-weight:400;}
.degIndi:before{content:''; position:absolute; left:7px; top:6px; content:"\f111"; font-family:"Font Awesome 5 Free"; font-weight:bold; font-size:5px;}
.list_devider li{display:inline-block;}
.list_devider li:not(:last-child){border-right:1px solid rgba(0,0,0,.2); padding-right:10px; margin-right:10px;}
.list-inline-block li{display:inline-block;}
.badge-outline-orange{border:1px solid #ff8000; color:#ff8000;}
.badge-outline-success{border:1px solid #28a745; color:#28a745;}
.abs_icon{position:relative; padding-left:25px; }
.abs_icon .icon{position:absolute; left:0; top:5px;}
.abs_icon.small, .abs_icon.small2{padding-left:15px;}
.abs_icon.small .icon{top:2px;}

.form-check-bold input[type="radio"]:checked + label{font-weight:bold;}
.form-check-bold input[type="checkbox"]:checked + label{font-weight:bold;}
.btn-outline-light2{border-color:#dee2e6; color:#637688;}

.short_wrap .more_link{background-image:linear-gradient(rgb(255 255 255 / 0) 0%, rgb(255 255 255 / 1) 50%); position:relative; padding:1rem 0 0; margin-top:-22px; line-height:1;}
.short_wrap .more_link .MoreLess{text-decoration:underline; font-style:italic; color:#666;}
.short_wrap .more_link.active{background-image:none;}
.short_desc{font-style:italic; color:#666;}
.short_desc.collapse.show{padding-bottom:25px; display:inline-grid;}
.short_desc.collapse:not(.show){overflow:hidden; display:-webkit-box !important; -webkit-box-orient:vertical; text-overflow:ellipsis; -webkit-line-clamp:3;}
.short_desc p:last-child{margin-bottom:0;}
.short_wrap a.MoreLess.collapsed:after{content: '+ Read more';}
.short_wrap a.MoreLess:not(.collapsed):after{content: '- Read less';}

.inputvalid{border-color:#28a745 !important;}
.inputvalid:focus{border-color:#28a745 !important; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);}
.inputinvalid{border-color:#ff0000 !important;}
.inputinvalid:focus{border-color:#ff0000 !important; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);}


.choose_area{}
.radio_button_style1 .rdo_thumb{position:absolute; left:15px; top:15px;}
.radio_button_style1 .rdo_thumb img{width:42px; height:42px;}
.radio_button_style1:hover  .rdo_thumb img{filter:grayscale(1);}
.radio_button_style1 .main_text{font-weight:bold; font-size:18px; color:#222;}
.radio_button_style1 .sub_text{color:#333; margin-top:5px;}
.radio_button_style1 .sub_text2{font-style:italic; color:#666; margin-top:5px;}

.header_style1{border-bottom:solid 2px #ddd;}
.profile_info{display:inline-flex; align-items:center;}
.profile_info:hover .pro_desc{color:#3da2ce;}
.profile_info .pro_img{padding-right:.5rem;}
.profile_info .pro_img img{border-radius:.25rem; border:solid 1px #ddd; width:42px; height:42px;}
.profile_info:hover .pro_img img{filter:grayscale(1); border-radius:50px;}
.profile_info .pro_desc{color:#666;}
.toggle_heart{color:#666;}
.toggle_heart.active{color:#11ab28}
.toggle_heart.active .fa-heart:before{font-weight:bold;}

.radio_button_style1{position:relative; margin-top:1rem;}
.radio_button_style1 label{position:relative; padding:10px; padding-left:70px; background:#fff; border-radius:.5rem; width:100%; border:solid 2px #fff;max-width:100%; line-height:1.5; margin-bottom:0; cursor:pointer;z-index:1; color:#666;}
.radio_button_style1 label:hover{color:#333; border-color:#99bec6; background-color:#ebfdff;}
.radio_button_style1 input[type="radio"]{position:absolute; top:0; left:0; margin:4px 3px; opacity:0;}
.radio_button_style1 input[type="radio"]:checked + label{border-color:#99bec6; background-color:#ebfdff; color:#666; -webkit-transform:scale(1, 1);-ms-transform:scale(1, 1);-o-transform:scale(1, 1);transform:scale(1, 1);}
.radio_button_style1 input[type="radio"]:disabled + label{opacity:0.65;}
.radio_button_style1 input[type="radio"]:disabled + label::before{cursor:not-allowed;}

.radio-btn2{display:flex; flex-wrap:wrap; list-style:none; margin-bottom:0; padding-left:0; margin-left:-.5rem; margin-right:-.5rem;}
.radio-btn2 li{position:relative; flex-basis:0; flex-grow:1; max-width:100%; padding:0 .5rem;}
.radio-btn2 label{position:relative; padding:.25rem 1rem; height:50px; display:flex; justify-content:center; align-items:center; cursor:pointer;z-index:1; border:2px solid #fff; background:#f5f5f5; border-radius:.25rem; font-weight:bold; width:100%; text-align:center;}
.radio-btn2 input[type="radio"]{position:absolute; top:0; left:0; margin:4px 3px; opacity:0;}
.radio-btn2 input[type="radio"]:checked + label{border-color:#6b248a; color:#6b248a;}
.radio-btn2 input[type="radio"]:disabled + label{opacity:0.65;}
.radio-btn2 input[type="radio"]:disabled + label::before{cursor:not-allowed;}
.radio-btn2 input[type="number"]::-webkit-inner-spin-button, .radio-btn2 input[type="number"]::-webkit-outer-spin-button{-webkit-appearance: none; -moz-appearance: none;appearance: none;}
.form-control.dollar{background-image:url(../images/dollar.png); background-repeat:no-repeat; background-position:10px 10px; background-size:15px auto; padding-left:30px;}
.form-control.percent{background-image:url(../images/percent.png); background-repeat:no-repeat; width:100px; background-position:90% 10px; background-size:15px auto; padding-right:30px;}


.badge_group .badge{background-color:#f7f7f7; border-radius:50px; padding:.25rem .5rem; font-weight:normal; font-size:90%; display:inline-block; margin-bottom:.5rem;}
.badge_group .badge:hover{background-color:rgba(0,0,0,.1);}
.badge_group .badge a{color:#666;}
.badge_group .badge button{color:#999; border:none; background:none;}
.badge_group .badge button:hover{color:#333;}

.gj-datepicker-bootstrap button[role=right-icon] .gj-icon{line-height:inherit;}

.solution_toggle.active .fa-square:before{content:'\f14a'; font-weight:bold;}

.nav_style2{border-bottom:solid 1px #ccc;}
.nav_style2 .nav-link.active{border-bottom:solid 2px #666; color:#333;}

.comment_section .comment_block{border-top:1px solid #ddd; padding-top:10px; padding-bottom:10px;}
.comment_section .highlight2{background-color:rgba(167,255,137,.1);}
.hover_bg_light:hover{background-color:rgba(0,0,0,.02);}
.hover_bg_light:hover .more_link{background-image:linear-gradient(rgb(255 255 255 / 0) 0%, #fafafa 50%);}
.comment_section .comment_block:first-child{border-top:none;}
.comment_section .comment_block .inner_style{padding-right:1rem; position:relative; margin-bottom:1rem;}
.comment_section .comment_block.prop_style1 .inner_style{padding:1rem; border:1px solid #ccc; border-radius:.25rem; width:95%; margin:.5rem auto 1rem; box-shadow:0 0 10px rgba(0,0,0,.15);}
.comment_section .comment_block.prop_style1 .dropdown{top:14px;}
.comment_section .discuss_thread .comment_block .inner_style{padding:0px; padding-right:10px; border:none; border-radius:0rem; width:100%; margin:0; box-shadow:none;}
.comment_section .comment_block .dropdown{position:absolute; right:0; top:5px;}
.comment_section .comment_block .comment_block{border-top:none; padding-left:10px;}
.comment_section .details{font-size:13px;}
.comment_section .title{font-weight:bold; color:#999;}
.comment_section .question_item .title{color:#d9534f;}
.comment_section .replay_item .title{color:#28a745;}
.comment_section .btn-light{border-color:#bbb; color:#999;}
.comment_section .replay_thread{padding-left:.5rem;}
.comment_section .replay_thread .comment_block{border-top:none; padding-top:10px; margin-top:10px;}
.comment_section .comment_desc:not(.show){overflow:hidden;  display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.btn-hover-light:hover{background:#f2f2f2; border-radius:50px;}
.three_lines{overflow:hidden;  display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.w-10x{width:100px;}


.nav_style1{background:#fff; padding:0;}
.nav_style1 .nav-item{position:relative;}
.nav_style1 .navbar-nav .nav-link{color:rgba(0,0,0,.5) !important; padding:.5rem 1rem; font-weight:500;}
.nav_style1 .navbar-nav .nav-link:hover, 
.nav_style1 .navbar-nav .nav-link:focus{color:#d4125e !important;}
.nav_style1 .navbar-nav .nav-link.active{background-color:rgba(0,0,0,.1); color:#333 !important; font-weight:bold; border-radius:1rem;}
.nav_style1 .dropdown-item{padding-top:.5rem; padding-bottom:.5rem;}
.nav_style1 .dropdown-toggle::after{border:none; content: "\f107"; font-family: var(--fa-style-family, "Font Awesome 6 Free"); font-weight:700; top:4px; position:relative; font-size:.9rem; line-height:1;}
.nav_style1 .dropdown-menu{border-color:var(--brand); border-radius:0 0 .5rem .5rem; padding:0;}
.nav_style1 .dropdown-item:hover{background-color:var(--brand); color:#fff;}
.nav_style1 .dropdown-menu li:last-child .dropdown-item{border-radius:0 0 .5rem .5rem;}
.nav_card{background-color:#fff; border-radius:50px; box-shadow:0 0 5px rgba(0,0,0,.5); padding:.5rem 1rem;}
.nav-item .dropdown-menu{transition:none;}
.hover-brand:hover{color:#fff; background-color:var(--brand) !important; border-color:var(--brand) !important;}
.hover-brand2:hover{color:#fff; background-color:var(--brand2) !important; border-color:var(--brand2) !important;}
.btn-brand{color:#fff; background-color:var(--brand); position:relative; z-index:0; overflow:hidden; transition:ease .4s all;}
.btn-brand:after{content:''; width:100%; height:0%; position:absolute; top:0; left:0; z-index:-1; transition:ease .4s all;}
.btn-brand:hover{color:#fff;}
.btn-brand:hover:after{background-color:#000; height:100%;}
.btn-brand2{color:#fff; background-color:var(--brand2); position:relative; z-index:0; overflow:hidden; transition:ease .4s all;}
.btn-brand2:after{content:''; width:100%; height:0%; position:absolute; top:0; left:0; z-index:-1; transition:ease .4s all;}
.btn-brand2:hover{color:#fff;}
.btn-brand2:hover:after{background-color:#000; height:100%;}
.btn-white{color:var(--brand3); background-color:var(--bs-white); border-color:#cbcfd3;}
.bg-brand{background-color:var(--brand3);}
.bg-brand2{background-color:var(--brand2);}
.bg-skin{background-color:#fff8f7;}
.text-brand{color:#004e9e;}
.text-brand2{color:var(--brand2);}
.text-purple{color:#6b248a;}
.btn-playstore img{max-width:220px; height:auto; width:100%;}
.btn-playstore:hover{filter:invert(1);}
.p_style1{padding:.75rem 1.5rem;}
.topbar{background-color:#34a16a; padding:.25rem 0;}
.top_links{list-style:none; margin-bottom:0; padding-left:0;}
.top_links li{display:inline-block; padding:0 .75rem;}
.top_links li a{color:var(--bs-white);}
.top_links li a:hover{color:var(--bs-warning);}
.social_icons a{color:#fff; margin-right:.75rem; display:inline-flex;}
.social_icons1 a{color:#20a959; border:solid 1px #20a959; border-radius:4px; font-size:1.25rem; width:40px; height:40px; display:inline-flex; justify-content:center; align-items:center; line-height:1; margin-right:1rem;}
.social_icons1 a:hover{background-color:#20a959; color:#fff;}
.map_style iframe{line-height:1; margin:0; padding:0;}
.badge_style1 .badge{border:solid 1px #94b9c7; padding:.5rem 1rem; color:#94b9c7; border-radius:2px; display:inline-block; margin:.25rem;}

.btn-danger2{background:#ff4f4f; box-shadow:0 -3px 0 rgba(0,0,0,.15) inset; color:#fff;}
.btn-danger2:hover{background:#f0a93f; color:#fff;}
.btn-outline-danger2{border:3px #ff4f4f solid ; color:#ff4f4f; background:#fff; padding:.75rem 2rem; border-radius:50px;}
.btn-outline-danger2:hover{border-color:#f0a93f; color:#f0a93f;}
.btn-yellow{background-color:#ecc53f;}
.btn-yellow:hover{background-color:#ffd800}
.img_style2{position:relative; z-index:0;}
.img_style2:after{content:''; position:absolute; left:-20px; bottom:-20px; z-index:-1; width:100%; height:100%; border:solid 2px #d7d7d7;}
.img_style2 img{width:100%; height:350px; object-fit:cover}
.img_style3{width:200px; padding:.5rem; aspect-ratio: 2/2; margin:0 auto; position:relative; z-index:0;}
.img_style3:before{content:''; position:absolute; left:0%; top:0%; width:100%; aspect-ratio: 2/2; border-radius:2rem; background-color:#fff; z-index:-1;}
.img_style3:after{content:''; position:absolute; left:3%; top:3%; width:100%; aspect-ratio: 2/2; border-radius:2rem; background-color:#ddd; z-index:-2; transform:rotate(15deg);}
.text-teal{color:teal;}
.img_300{width:300px !important;}
.svg_14{width:14px; height:14px;}
.svg_16{width:16px; height:16px;}
.svg_20{width:20px; height:20px;}
.w_500{width:500px;}
.mh-500{max-height:500px;}
.img-thumb1{width:150px; aspect-ratio: 2/2;}
.img-thumb2{width:100px; aspect-ratio: 2/2;}
.img-thumb60{width:60px; aspect-ratio: 2/2;}
.img-thumb42{width:42px; aspect-ratio: 2/2;}
.section_wrap{padding-top:5rem; padding-bottom:5rem;}
.list_style1{list-style:none; margin-bottom:0; padding-left:0;}
.list_style1 li{padding-top:.5rem; padding-bottom:.5rem; color:var(--bs-secondary)}
.bg-light2{background:#fcfcfc;}
.bg-light3{background:#f7f6f2;}
.bg-yellow{background:#fbd123;}
.btn_style1{border:2px solid var(--bs-dark); font-weight:700; padding:1rem 2rem; font-size:.9rem; border-radius:0; line-height:1; text-transform:uppercase;}
.btn_style1:hover{background-color:var(--bs-dark); color:var(--bs-white);}
.btn_style2{color:var(--bs-white); padding:1rem 2rem; line-height:1; text-transform:uppercase; font-weight:700; font-size:.9rem;}
.hover_imgGray .hover_img{filter:grayscale(0)}
.hover_imgGray:hover .hover_img{filter:grayscale(1);}
.footer_section{background-color:#f5f5f5; margin-top:2rem;}
.hover_style1:hover{color:var(--bs-warning) !important; padding-left:.5rem;}
.hero_title{font-size:2rem; font-weight:700;}
.form_style1{border-radius:.25rem; border:none; color:#8a8a8a;}
.form-select.form_style1{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23fff5' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");}

.times_points{margin-bottom:0px; padding-left:0px; list-style:none;}
.times_points li{position:relative; padding-left:25px; margin-bottom:10px;}
.times_points li:before{content:"\f00d"; color:#fa2828; font-family:"Font Awesome 5 Free"; font-weight:bold; position:absolute; left:0; top:3px; line-height:1;}
.circle_list{margin-bottom:0; padding-left:0; list-style:none;}
.circle_list li{position:relative; padding-left:1.25rem; margin-bottom:.75rem;}
.circle_list li:before{content:''; position:absolute; height:7px; width:7px; border:solid 1px #666; border-radius:50%; left:0; top:10px;}
.check_list{margin-bottom:0; padding-left:0; list-style:none;}
.check_list li{position:relative; padding-left:1.5rem; margin-bottom:.75rem;}
.check_list li:before{content:'\f00c'; position:absolute; left:0; top:2px; font-family: var(--fa-style-family, "Font Awesome 6 Free"); font-weight:700;}
.green_tick li:before{color:#5cb85c !important;}
.check_list2{margin-bottom:0; padding-left:0; list-style:none;}
.check_list2 li{position:relative; padding-left:2rem; margin-bottom:.75rem;}
.check_list2 li:before{content:''; background:url(../images/check.png) no-repeat top center; background-size:100%; width:24px; height:24px; position:absolute; left:0; top:0px;}
.card_style1{border-radius:1.5rem;}
.card_style1 .card-header:first-child{border-radius:1.5rem 1.5rem 0 0;}
.card_style1 .card-header{padding:1.5rem;}
.card_style1 .card-body{padding:1.5rem}
.card_style2{padding:1rem; border-radius:.375rem; background-color:#e7f3ff;}
.table_format{background-image:linear-gradient(0deg, #5f060c, #160306); border-radius:.25rem; padding:.25rem; text-align:center;}
.table_format .table_head{background-color:#fff; color:#333; padding:.75rem; font-weight:bold;}
.table_format .table_body{padding:.75rem;}
.text-gold{color:#ecc53f;}
.text-yellow{color:yellow;}
.corner_design{position:relative;}
.corner_design:after{content:''; position:absolute;}
.scroll_200{max-height:200px; overflow-y:scroll; overflow-x:hidden;}



@media all and (max-width: 767.98px) {
.serv_item .serv_content{margin-bottom:0px;}
}

.collapse_style1 .card{background:none; color:var(--bs-white); border:none; box-shadow:none; margin-top:1rem;}
.collapse_style1 .card-header.collapsed{background-color:#40474b;}
.collapse_style1 .card-header{border-radius:1.5rem; cursor:pointer; background-color:#00abc9; font-weight:bold; font-size:17px; padding-left:1.25rem; padding-right:1.25rem;}
.collapse_style1 .card-header:hover{background-color:#00abc9;}
.collapse_style1 .card-body{padding-left:2.25rem; position:relative; z-index:0;}
.collapse_style1 .card-body:before{content:''; position:absolute; left:1.25rem; top:5%; height:90%; width:1px; z-index:-1; border-left:solid 1px #40474b;}

.social_links a{color:var(--bs-gray); font-size:1.75rem; margin-right:.35rem; display:inline-block; transform:scale(1);}
.social_links a:hover{color:var(--brand); transform:scale(1.25);}

.hover_brand:hover{color:var(--brand) !important;}

.FaqSection .card{margin-bottom:1rem;}
.FaqSection .card-body{color:#333; border-top:1px solid rgba(0,0,0,.125); padding:1rem;}
.FaqSection .card-header{border-bottom:none; padding:.75rem; cursor:pointer;}
.FaqSection .card-header a{display:block; font-size:18px; position:relative; color:#333; padding-right:30px;}
.FaqSection .video_faq .card-header a{padding-left:35px;}
.FaqSection .video_faq .card-header a:before{position:absolute; left:0; top:-1px; line-height:1; font-size:28px; color:#999; content:'\f144'; font-family:"Font Awesome 5 Free"; font-weight:bold;}
.FaqSection .card-header a:after{position:absolute; right:0; color:#333; content:'\f139'; font-family:"Font Awesome 5 Free"; font-weight:bold; font-size:18px; line-height:1;}
.FaqSection .card-header a.collapsed:after{color:#e03035; content:'\f13a'; font-family:"Font Awesome 5 Free"; font-weight:bold;}
.FaqSection .card-header a.collapsed{color:#1b9b90;}
.img_h40{height:40px; width:auto;}

.btn-outline-white{color:#fff;border-color:#fff;}
.btn-outline-white:hover{color:#333;background-color:#fff;border-color:#fff;}

.owl_style1 .owl-nav{position:absolute; z-index:-1; left:50%; top:80px; transform:translateX(-50%); width:100%; display:flex; justify-content:space-between;}
.owl-carousel.owl_style1 .owl-nav button{border:1px solid #aaa; width:45px; height:45px; line-height:45px; font-size:1.5rem;}
.owl-carousel.owl_style1 .owl-nav .owl-prev:before{content:'\f104'; font-family: 'Font Awesome 6 Free'; font-weight:700;}
.owl-carousel.owl_style1 .owl-nav .owl-next:before{content:'\f105'; font-family: 'Font Awesome 6 Free'; font-weight:700;}
.owl-carousel.owl_style1 .owl-nav button span{display:none;}

.h_style1{color:#006c6d; font-size:2.25rem; font-weight:700;}
.h_style2{color:#006c6d; font-weight:700;}
.table-fixed{table-layout:fixed;}

.check_points{list-style:none; padding-left:0;}
.check_points li{position:relative; padding-left:2.25rem; margin-bottom:1.25rem; padding-top:.2rem;}
.check_points li:before{content:'\f058'; color:#237bff; font-family: 'Font Awesome 6 Free'; font-size:1.5rem; font-weight:700; position:absolute; left:0; top:-2px;}

.list_style2{list-style:none; padding-left:0;}
.list_style2 li{position:relative; padding-left:1.5rem; margin-bottom:.5rem;}
.list_style2 li:before{content:'\f178'; font-family: 'Font Awesome 6 Free'; font-weight:700; position:absolute; left:0; top:0;}
.list-group_style1{}
.list-group_style1 li{padding-left:0; padding-right:0; color:var(--bs-white); display:flex; flex-direction:row; justify-content:space-between; background:none; border-color:#d45db8;}

.accordion_style1 .accordion-button{text-transform:uppercase; color:var(--brand); font-weight:bold;}
.accordion_style1 .accordion-item{border-color:#ECC53F; border-left-width:3px;}
.accordion_style1 .accordion-button:not(.collapsed){background-color:#ecc53f; color:#fff;}
.accordion-button:not(.collapsed)::after{background-image:none; background-color:var(--bs-white); background-blend-mode: hue; -webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");}
.accordion_style1 .sub_head{border-bottom: 1px solid #aaa; font-weight:bold;padding-bottom: 0.75rem;margin-bottom: 1rem; color:#212529;}
.accordion_style1 .accordion-body{color:#777;}

.btn_bookmark{color:#249b6a; margin-right:-.25rem;}
.btn_bookmark.active .fa-bookmark:before{font-weight:700;}
.btn_bookmark.active{color:#333;}

.bg-theme1{background-color:#eff4fc;}


.counter_part .counter_item{text-align:center; margin:2rem 0;}
.counter_part .counter_number{font-size:3.5rem; font-weight:300;}
.counter_part .counter_title{font-weight:700; opacity:.7;}


.faq_wrap2 .card{margin-top:1rem; border:1px solid #e0b3ef; border-radius:4px; overflow:hidden;}
.faq_wrap2 .card-header{background-color:#fff; padding:0; border-bottom:none;}
.faq_wrap2 .card-link{padding:1rem; padding-right:50px; display:block; color:#333; font-weight:500; transition:ease all .3s;}
.faq_wrap2 .card-link:before{content:"\f102"; font-family:"Font Awesome 5 Free"; font-size:90%; transition:ease all .3s; font-weight:700; position:absolute; right:20px; top:15px; color:rgba(0,0,0,.4);}
.faq_wrap2 .card-link.collapsed:before{transform:scaleY(-1); transition:ease all .3s;}
.faq_wrap2 .card-body{padding-top:0px; color:#666; font-size:90%;}
.faq_wrap2 .tick_points3{font-size:inherit;}
.faq_wrap2 .tick_points3 li{padding-left:30px; margin-bottom:20px;}
.faq_wrap2 .tick_points3 li:last-child{margin-bottom:0px;}
.faq_wrap2 .tick_points3 li:before{width:18px; height:18px;}

.sort_style1{padding:.25rem .5rem .5rem; border-bottom:solid 1px #dee2e6;}
.sort_list{list-style:none; margin:0; line-height:1; padding:3px 0; background:rgba(0,0,0,.05); align-items:center; border-radius:50px; display:inline-flex; flex-direction:row;}
.sort_list li{margin:0;}
.sort_list .list_action{border-radius:50px; padding:6px 12px; color:#666; display:block;}
.sort_list .list_action.active{background:#0d428f; color:#fff;}
.sort_list .list_action:hover{background:#000; color:#fff;}
.select_style1{border-radius:50px; min-height:auto; padding-left:10px}
.select_style1:focus{box-shadow:none; outline:none;}

.btn_collapse{position:fixed; z-index:10; right:-2px; top:45%; color:var(--brand); font-size:1.5rem; line-height:1; background-color:var(--bs-white); border:solid 1px #000; box-shadow:0 0 10px rgba(0,0,0,.5); padding:1rem; border-radius:.5rem 0 0 .5rem;}
.btn_collapse:hover{background-color:var(--brand); color:var(--bs-white);}
.actions_pack{position:fixed; text-align:center; top:calc(45% + 60px); right:3px; background-color:var(--bs-white); border-radius:.5rem; border:solid 1px #000; box-shadow:0 0 10px rgba(0,0,0,.5); padding:.25rem 1rem;}
.actions_pack a{font-size:1.25rem; color:var(--brand);}
.actions_pack a:hover{color:var(--bs-dark);}

.fixedNav{position: fixed;top: 0;right: 0;left: 0;z-index:99;animation: smoothScroll 1s forwards;}
.fixedNav .scroll_logo{display:block !important;}
.fixedNav .navbar-brand img{width:150px;}
@keyframes smoothScroll {
	0% {
		transform: translateY(-40px);
	}
	100% {
		transform: translateY(0px);
	}
}

.menu-wrapper{position:relative; overflow:hidden; padding:.5rem 2rem;}
.menu-wrapper .navbar-nav .nav-item{display:inline-block; position:relative;}
.menu-wrapper .navbar-nav .nav-link{color:rgba(0,0,0,.5) !important; padding:.25rem .75rem; font-weight:500;}
.menu-wrapper .navbar-nav .nav-link:hover, 
.menu-wrapper .navbar-nav .nav-link:focus{color:#d4125e !important;}
.menu-wrapper .navbar-nav .nav-link.active{background-color:rgba(0,0,0,.1); color:#333 !important; font-weight:bold; border-radius:1rem;}
.menu-wrapper .menu-item{overflow:hidden; white-space:nowrap; display:block;}
.menu-wrapper .menu-item::-webkit-scrollbar {display:none;}
.menu-wrapper .pointer {height:32px;width:30px;line-height:38px;text-align:center;position:absolute;top:6px;}
.menu-wrapper .pointer i {color:#333;cursor:pointer;}
.menu-wrapper .left-pointer {left:0;}
.menu-wrapper .right-pointer {right:0;}
.menu-wrapper .dis i {color:#ccc;}


.stake-container{position:relative;}
.stake-input-box{border:1px solid #ccc; border-radius: 8px; padding:.75rem .5rem .75rem 7rem; font-size:1.25rem; width:100%; height:60px;}
.stake-input-box:hover{border:solid 1px #aaa; box-shadow:0 0 5px rgba(0,0,0,.5);}
.currency {position:absolute; left:.5rem; transform:translateY(-50%); top:50%;}
.quick-buttons{position:absolute; right:.5rem; transform:translateY(-50%); top:50%;}
.quick-buttons button {margin-left: 5px;padding: 5px 10px;border: none;background: #ddd;border-radius: 6px;cursor: pointer;}
.quick-buttons button:hover {background: #eee;}
.stakeSlider {width: 100%;cursor: pointer;appearance: none;height: 6px;background: linear-gradient(to right, #4caf50 0%, #ccc 0%);border-radius: 5px;}
.sticky_btmNav{position:fixed; bottom:0; left:0; right:0; background:#fff;display:flex;justify-content:space-between;flex-direction:row;gap:1rem;padding:.5rem;border-top:solid 1px #ddd;justify-items:stretch;}
.sticky_btmNav .flex-equal{flex: 1;}

/*------------custom modal styles----------- */
@media (max-width: 768px) {
.custom-modal .modal-dialog {position: fixed;bottom: 0;margin: 0;width: 100%;max-width: 100%;height: auto;display: flex;align-items: flex-end;}
.custom-modal .modal-content {border-radius: 16px 16px 0 0;width: 100%;max-height: 90vh;overflow: hidden;}
.custom-modal .modal-body {overflow-y: auto;max-height: 60vh;}
.custom-modal.fade .modal-dialog {transform: translateY(100%);transition: transform 0.3s ease-out;}
.custom-modal.show .modal-dialog {transform: translateY(0);}
}
/*------------custom modal styles----------- */


/*-------------Range slider styles-----------------*/
.range-slider{width:100%; position:relative; margin-top:1.5rem;}
.range-slider__range{-webkit-appearance:none;width:100%;height:10px;border-radius:5px;background:#d7dcdf;outline:none;padding:0;margin:0;}
.range-slider__range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#2c3e50;cursor:pointer;-webkit-transition:background 0.15s ease-in-out;transition:background 0.15s ease-in-out;}
.range-slider__range::-webkit-slider-thumb:hover{background:#1abc9c;}
.range-slider__range:active::-webkit-slider-thumb{background:#1abc9c;}
.range-slider__range::-moz-range-thumb{width:20px;height:20px;border:0;border-radius:50%;background:#2c3e50;cursor:pointer;-moz-transition:background 0.15s ease-in-out;transition: background 0.15s ease-in-out;}
.range-slider__range::-moz-range-thumb:hover{background:#1abc9c;}
.range-slider__range:active::-moz-range-thumb{background:#1abc9c;}
.range-slider__range:focus::-webkit-slider-thumb{box-shadow:0 0 0 3px #fff, 0 0 0 6px #1abc9c;}
.range-slider__value{display:inline-block;position:absolute;top:-10px; right:0; color:#fff;line-height:20px;text-align:center;border-radius:3px;background:#2c3e50;padding:5px 10px;margin-left:8px;}
/*.range-slider__value:after{position:absolute;top:8px;left:-7px;width:0;height:0;border-top:7px solid transparent;border-right:7px solid #2c3e50;border-bottom:7px solid transparent;content:"";}*/
.rs_sign:before{content:'Rs.'; margin-right:.15rem;}
.year_sign:after{content:'years'; margin-left:.15rem;}
.percent_sign:after{content:'%'; margin-left:.15rem;}
::-moz-range-track{background:#d7dcdf; border:0;}
input::-moz-focus-inner, input::-moz-focus-outer{border:0;}

@media (min-width: 768px) {
.sticky-scroll{position:sticky; top:64px; overflow-y:auto; overflow-x:hidden; height:calc(100vh - 64px); padding-bottom:1rem; scrollbar-color:#fff #fff;}
.sticky-scroll:hover{scrollbar-color:var(--scroll-bar-color) #fff;}
.scroll_style1{height:auto; max-height:190px; overflow-y:auto; margin-right:-.75rem; overflow-x:hidden; scrollbar-color:transparent transparent;}
.scroll_style1:hover{scrollbar-color:var(--scroll-bar-color) #fff;}
.border-md-right{border-right:1px solid #dee2e6;}
.border-md-left{border-left:1px solid #dee2e6;}
.border-md-top-0{border-top:none !important;}
}

@media all and (min-width: 992px) {
.navbar .dropdown-menu-end{ right:0; left: auto;  }
.navbar .nav-item .dropdown-menu{  display:block; opacity: 0;  visibility: hidden; transition:.3s; margin-top:0;  }
.navbar .nav-item:hover .nav-link{ color: #fff;  }
.navbar .dropdown-menu.fade-down{ top:80%; transform: rotateX(-75deg); transform-origin: 0% 0%; }
.navbar .dropdown-menu.fade-up{ top:180%;  }
.navbar .nav-item:hover .dropdown-menu{ transition: .3s; opacity:1; visibility:visible; top:100%; transform: rotateX(0deg); }
}
body.offcanvas-active{overflow:hidden;}
.screen-darken{height: 100%;width:100%;z-index: 30;position: fixed;top: 0;right: 0;opacity:0;visibility:hidden;background-color: rgba(34, 34, 34, 0.6);transition:opacity .2s linear, visibility 0.2s, width 2s ease-in;}
.screen-darken.active{z-index:10; transition:opacity .3s ease, width 0s;opacity:1;width:100%;visibility:visible;}
.section{padding-top:5rem; padding-bottom:5rem; position:relative;}
.section_header{font-size:3rem; font-weight:700;}
.btn-light-yellow{background-color:#ffd05a; color:#000; position:relative; overflow:hidden; z-index:0;}
.btn-light-yellow:after{content:''; position:absolute; z-index:-1; left:50%; top:50%; width:0; height:0; opacity:0; background-color:#333; transform:translateX(-50%) translateY(-50%); transition:ease .3s all;}
.btn-light-yellow:hover:after{opacity:1; width:110%; height:110%;  transform:translateX(-50%) translateY(-50%); transition:ease .3s all;}
.btn-light-yellow:hover{color:#fff;}
.btn-style1{padding:1rem 3rem; line-height:1; font-weight:500;}
.btn-style2{border-color:#0dcaf0; color:#0dcaf0; position:relative; overflow:hidden; z-index:0;}
.btn-style2:after{content:''; position:absolute; z-index:-1; left:50%; top:50%; width:0; height:0; opacity:0; background-color:#0dcaf0; transform:translateX(-50%) translateY(-50%); transition:ease .3s all;}
.btn-style2:hover:after{opacity:1; width:110%; height:110%;  transform:translateX(-50%) translateY(-50%); transition:ease .3s all;}
.btn-style2:hover{color:#fff;}
.btn-style3{background:#da509f; color:#fff; padding:1rem 3rem; line-height:1; font-weight:500;}
.btn-style3:hover{color:#fff; background:#aa2685;}
.link-style2{color:#000;}
.link-style2:hover{color:#666; text-decoration:none;}
.curve_style{border-radius:12px; border:solid 1px #c2c2c2; overflow:hidden; clip-path:polygon(0 0, 72% 0, 100% 20%, 100% 100%, 0 100%, 0% 50%);}
.img_style1{border-radius:12px; border:solid 3px #fff; box-shadow:0 0 5px rgba(0,0,0,.5);}
.img_mobile{text-align:center; position:relative;}
.img_mobile img{max-width:240px; transform:rotate(25deg);}
.img_mobile:after{content:''; position:absolute; top:100%; left:30%; height:30px; width:200px; border-radius:100px; filter:blur(35px); background-color:#000; z-index:-1;}

/*-----------------Refferal ad styles--------------*/
.refferal_ad .check_points_line li{border-bottom:solid 2px #fff; padding-bottom:1.25rem; font-size:1.25rem; font-weight:700; padding-top:0; margin-left:auto; margin-right:auto; width:max-content;}
.refferal_ad .check_points_line li:before{color:#fff;}
.hero{background: radial-gradient(circle at 30% 20%,#7f5bff,#4b1fa3 60%,#2b0f5c);overflow:hidden;color:#fff;}
.hero h1{font-size:48px;font-weight:800;}
.hero p{opacity:.9}
.why-box{border:solid 2px #fff; border-radius:1rem; margin-top:2rem; font-size:1.25rem; padding:2rem 1.5rem 1.5rem; position:relative;}
.why-box .icon{position:absolute; top:-35px; left:50%; transform:translateX(-50%); width:60px; height:60px; border:solid 2px #fff; background:#4b1fa3; display:inline-flex; justify-content:center; align-items:center; z-index:1; border-radius:50%; font-size:1.5rem;}
.bonus-box{background: linear-gradient(145deg,#fff,#f1e9ff);color:#3a1c71;border-radius:14px;padding:18px;box-shadow:0 10px 25px rgba(0,0,0,0.2);}
.bonus-box h5{font-weight:700}
.btn-green{background: linear-gradient(45deg,#1cc88a,#38ef7d); color:#fff; border:none;font-weight:600;box-shadow:0 6px 15px rgba(0,0,0,.3); transition:ease .3s all;}
.btn-blue{background: linear-gradient(45deg,#3a7bd5,#00d2ff); color:#fff;border:none;font-weight:600;box-shadow:0 6px 15px rgba(0,0,0,.3); transition:ease .3s all;}
.btn-green:hover{background: linear-gradient(45deg,#38ef7d,#1cc88a); color:#fff; transition:ease .3s all;}
.btn-blue:hover{background: linear-gradient(45deg,#00d2ff,#3a7bd5); color:#fff; transition:ease .3s all;}
.section-dark{background: linear-gradient(180deg,#4b1fa3,#3a1c71);}
.section-light{background: linear-gradient(180deg,#5f2c82,#3a1c71);}
.step-box{background:rgba(255,255,255,0.08);color:#fff;border-radius:16px;padding:25px;backdrop-filter: blur(10px);border:1px solid rgba(255,255,255,0.1);height:100%;}
.step-box h5{font-weight:bold;}
.step-number{background:#ffcc00;color:#000;width:45px;height:45px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-weight:700;margin-bottom:1rem;font-size:1.25rem;}

/*.share-wrapper{position:relative;display:inline-block;}
.share-box{position:absolute;top:45px;right:0;width:320px;background:#f8f9fa;border-radius:10px;padding:20px;box-shadow:0 8px 25px rgba(0,0,0,0.1);display:none;animation:fadeIn .3s ease;z-index:1000;}
.share-box.active{display:block;}*/
.share-box .social_icons a{transition:0.3s; font-size:21px; width:36px; height:36px;}
.share-box .social_icons a:hover{background:#0d6efd;transform:translateY(-3px);}
.popover {max-width: 320px;border-radius: 12px;box-shadow: 0 10px 30px rgba(0,0,0,0.15);}
.popover-header {font-weight: 600;color: #6c757d;}
@keyframes fadeIn{
    from{opacity:0; transform:translateY(-10px);}
    to{opacity:1; transform:translateY(0);}
}

.dropdown-submenu{position:relative;}
.dropdown-submenu .dropdown-menu{margin:.5rem;}
	
.fixMobNav{position: fixed;top: 0;right: 0;left: 0;z-index: 1030;}

.w_200{width:200px;}
.w_250{width:250px;}

.hoverZoom{transition:ease .3s all;}
.hoverZoom:hover img{transform:scale(1.1); filter:grayscale(1);}

.pro_avatar {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    object-fit: contain;
    box-shadow: 0 0 0 1px rgba(0,0,0,.1);
}

@-webkit-keyframes spinAni {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -360deg);
    transform: rotate3d(0, 0, 1, -360deg);
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes spinAni {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -360deg);
    transform: rotate3d(0, 0, 1, -360deg);
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
  }
}
.spinAni {
    -webkit-animation-name: spinAni;
    animation-name: spinAni;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    animation-duration:6s;
}

@-webkit-keyframes moveArrow {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes moveArrow {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity:.2;
    -webkit-transform: none;
    transform: none;
  }
}

.moveArrow {
  -webkit-animation-name: moveArrow;
  animation-name: moveArrow;
  -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    animation-duration:4s;
}

@media all and (max-width: 991.98px) {	
.mobile-offcanvas{visibility: hidden;transform:translateX(-100%); background-color:rgba(4,83,180,.9); border-radius:0; display:block;position: fixed;top: 0; left:0;z-index:1200; width:100%; overflow-y:scroll;overflow-x: hidden;transition: visibility .3s ease-in-out, transform .3s ease-in-out;}
.mobile-offcanvas.show{visibility: visible;transform: translateX(0);}
.mobile-offcanvas .container, .mobile-offcanvas .container-fluid{display: block;}
.mobile-offcanvas .navbar-nav{text-align:center;}
.nav_style1 .navbar-nav .nav-link{display:inline-block; color:#27e71a !important;}
.navbar-brand{margin:.5rem 0;}
.navbar-brand img{width:120px;}
.team_item .team_connect{bottom:0;}
.section_header{font-size:1.5rem;}
.banner_content .banner_title{font-size:2.5rem;}
.banner_para{margin-top:2rem;}
.section{padding-top:3rem; padding-bottom:3rem;}
.nav_style1 .dropdown-menu{margin-left:1.5rem;}
.orSpanV{position:relative; display:flex;flex-direction:row;align-items:center;justify-content:center; width:70%; height:1px; top:0; margin:1.5rem auto;}
.orSpanV:before, .orSpanV:after{width:45%; height:2px;}
.orSpanV:before{top:auto; left:0;}
.orSpanV:after{bottom:auto; right:0; left:auto;}
/*.voting_item .left_part{padding-right:1.5rem;}*/
}

@media all and (max-width: 767.98px) {
.contact_list_item{border-right:none; border-bottom:1px solid #333; padding-right:0;}
.carousel_style1 .carousel_content{width:100%;}
.arrows_span .arrow_style{top:-3.5rem; left:50%; transform:rotate(0);}
.arrows_span .arrow_style.span_class{left:50%; top:auto; bottom:-3.5rem; transform:rotate(0)}
.devider_style1{border-left:none; border-top:solid 2px #ddd; padding-top:1rem;}
}
@media all and (max-width: 599.98px) {
.team_carousel .team_item{max-width:300px; margin:0 auto;}
.footer_card{padding:2rem;}
}
@media all and (max-width: 577.98px) {
.dropdown-item::before{transform:rotate(-90deg);}
.dropdown-menu .dropdown-menu{position:relative !important; transform:none !important; margin:.5rem !important;}
}

/*------------New Index classes included here------------------*/
/*.vote-list{border:solid 1px rgba(0,0,0,.18); border-radius:.25rem; overflow:hidden;}*/
.vote-row-list{perspective: 1000px;width: 100%;}
.collab-row{display: flex;align-items: center;justify-content: space-between;
/*gap:1rem;border-radius: 10px;box-shadow: 0 2px 6px rgba(0,0,0,0.06);margin-bottom: 10px;*/
transition: all 0.2s ease;cursor: pointer;margin-bottom:-1px;}
/*.collab-row:first-child{border-radius:12px 12px 0 0; overflow:hidden;}
.collab-row:last-child{border-radius:0 0 12px 12px; overflow:hidden;}*/
.collab-row:last-child{border-bottom:none !important; }
.icon-14{width:14px;}
.collab-row:hover{transform: translateY(-1px);}
.collab-left{display: flex;align-items: center;gap: 12px;flex: 1;min-width: 0;}
.collab-logo{width: 40px;height: 40px;border-radius: 50%;object-fit: cover;flex-shrink: 0;}
.collabs_name{width: 40px;height: 40px;border-radius: 50%;background: #eaf1fc;display: flex;align-items: center;justify-content: center;font-weight: 600;color: #8da8d0;flex-shrink: 0;border:solid 1px #e1e1e1;}
.collab-title{font-weight: 600;font-size: 15px;color: #0d428f;/*white-space: nowrap;overflow: hidden;text-overflow: ellipsis;*/}
.collab-stats{display: flex;align-items: center;gap: 20px;margin-left: 15px;color: #6c757d;font-size: 14px;flex-shrink: 0;justify-content:end;}
.stat-item{display: flex;align-items: center;gap: 4px;}
.vote-btn{background: #fff;color: #0d6efd;border:2px solid #0d6efd;padding: 5px 8px;border-radius: 6px;font-size: 14px;transition: background 0.2s ease;flex-shrink: 0;display:inline-flex;align-items:center;}
.vote-btn:hover{background:#0b5ed7; color:#fff;}
.vote-btn .vote_svg{mask:url(../svgs/vote.svg) no-repeat top left; background-color:#0d6efd; background-size:100%; display:inline-block; width:20px; height:20px; margin-right:.25rem;}
.vote-btn:hover .vote_svg{background-color:#fff;}
.collab-row{text-decoration: none !important;color: inherit;}
.skeleton{position: relative;overflow: hidden;background: #e9ecef;border-radius: 6px;}
.skeleton::after{content: "";position: absolute;top: 0;left: -150px;height: 100%;width: 150px;background: linear-gradient(90deg, transparent, rgba(255,255,255,0.6), transparent);animation: shimmer 1.2s infinite;}

@keyframes shimmer {
100%{left:100%;}
}
.skeleton-circle{width:40px;height:40px;border-radius:50%;}
.skeleton-text{height:14px;width:120px;}
.skeleton-text.title{width: 250px;height:16px;}
.skeleton-text.small{width: 50px;}
.skeleton-btn{width: 60px;height: 30px;border-radius: 6px;}
.skeleton-row{pointer-events: none;}
.left-btn{border: none;padding: 10px 16px;border-radius: 8px;background: #f1f3f5;color: #333;font-weight: 500;transition: 0.2s;}
.left-btn:hover{background: #e9ecef;}
.left-btn.active{background:#bfbfbf;color:#000;}


/*------------custom modal styles----------- */
@media (max-width: 768px) {
.custom-modal .modal-dialog {position: fixed;bottom: 0;margin: 0;width: 100%;max-width: 100%;height: auto;display: flex;align-items: flex-end;}
.custom-modal .modal-content {border-radius: 16px 16px 0 0;width: 100%;max-height: 90vh;overflow: hidden;}
.custom-modal .modal-body {overflow-y: auto;max-height: 60vh;}
.custom-modal.fade .modal-dialog {transform: translateY(100%);transition: transform 0.3s ease-out;}
.custom-modal.show .modal-dialog {transform: translateY(0);}
}
/*------------custom modal styles----------- */



@media (max-width: 768px) {
.collab-row{flex-direction:column;align-items:flex-start;gap:10px;}
.collab-title{max-width:100%;white-space:normal;}
.collab-stats{margin-left:auto;gap:12px;}
.vote-btn{align-self:flex-end;}
.left-panel{position:sticky;top:80px;display:flex;flex-direction:column;gap:10px;}
.left-panel{flex-direction:row;position:static;overflow-x:auto;}
.left-btn{flex:1;text-align:center;}
}


/*-----------------vote row flip styles-----------------*/
.vote-row {perspective: 1000px;display: block;}
.vote-inner {position: relative;width: 100%; display:grid; height:auto;transition: transform 0.6s;transform-style: preserve-3d;}
.vote-row.flip .vote-inner {transform: rotateX(180deg);}
.vote-front{background: #fff;}
.vote-front:hover{background:#f8f9fa;}
.vote-front,.vote-back {grid-area:1 / 1; width: 100%;min-height: 100%;backface-visibility: hidden; display:flex; align-items: center;padding:1rem;justify-content: space-between; border:solid 1px #ddd; border-radius:.5rem;}
.vote-back {background:#f5f5f5; transform: rotateX(180deg);justify-content: center;font-weight: bold;color: #0d6efd;text-align:center;}