/* reset css */

body {
    font-family: 'Poppins', sans-serif;
    padding: 0px;
    margin: 0px;
    color: #222020;
    font-size: 14px;
    overflow-x: hidden;
}

ul {
    padding: 0px;
    margin: 0px;
}

li {
    list-style: none;
}

a {
    -webkit-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    transition: all 200ms ease-in;
}

a,
a:hover,
a:active,
a:focus {
    text-decoration: none;
    color: #58c3f2;
}

a:hover,
a:active,
a:focus {
    outline: none;
    /* border: none; */
}


/*Color Style*/
.color-1 {
    color: #33429A;;
}

.color-2 {
    color: #F89E1B;
}

.color-3 {
    color: #005e6a;
}

.color-1:hover,.color-1:focus{color: #F89E1B;}
.Swissroman{font-family: 'Swiss721BT-Bold';}

#kt_wrapper{background: url(../media/wrapper-bg.png);background-size:auto;background-repeat: repeat;min-height: 100vh;}
/*=============================================
================Web Fonts Start Here===========
==============================================*/
/* Fron screens css Start Here*/
.freengage--fronscreens{display: flex;align-items: stretch;flex-wrap: wrap;}
.freengage--fronscreensGraphic{
    flex: 0 0 50%;
    max-width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: radial-gradient(61.09% 53.56% at 61.09% 47.59%, #33429A 0%, #1C2B82 100%);
    min-height: 100vh;
    position: relative;
    flex-direction: column;
}
.fronscreensGraphic--img {display: flex;width: 100%;justify-content: flex-end;}
.fronscreensGraphic--img > img{max-width: 560px;}
.freengage--fronscreensInputforms{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    /* justify-content: center; */
    flex: 0 0 50%;
    max-width: 50%;
}
.freengage--Inputforms---inner{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 100%;
    max-width: 650px;
    padding: 3rem 5rem;
}
.table_custom tr th {
  font-weight: 600;
  border-bottom: solid 1px #cccccc7a !important;
}
.table_custom tr td {
  border-bottom: solid 1px #cccccc7a !important;
  vertical-align: middle;
  text-wrap: nowrap;
}
.bg_title {
  background: #ffdd40;
}

.freengage--Inputforms---inner > form{width: 100%;}

.Inputforms-wrapper{width: 100%;margin-top: 30px;margin-bottom: 15px;}
.Inputforms-wrapper .form-group{position: relative;}
.Inputforms-wrapper .form-group .input-icons{position: absolute;right: 20px;top: 25px;transform: translateY(-50%);color: #A0A0A0;}


.freengage--Inputforms---inner img.freengage--logo{margin-bottom: 30px;}
h1.title-style1{color: #33429A;}

.freengage--fronscreensInputforms input.form-control,
.freengage--fronscreensInputforms select.form-control:not([size]):not([multiple]),
.freengage--fronscreensInputforms textare.form-control
{
    border-radius: 19px;
    font-size: 16px;
    height: 50px;
    padding: 12px 20px;
    color: #000;
    border: 1px solid #91A6C6;
}

.freengage--fronscreensInputforms select.form-control
{
    background: url(../images/arrow_drop_down.png);
    background-size: 18px 9px;
     -webkit-appearance: none;
   -moz-appearance:none;
   appearance:none;
    background-repeat: no-repeat;
    background-position: 98% center;

}

.freengage--fronscreensInputforms .btn.btn-primary{
    width: 100%;
    color: #fff;
    background: #F89E1B;
    border: 1px solid #F89E1B;
    border-radius: 19px;
    height: 50px;
    font-size: 18px;
}
.freengage--fronscreensInputforms input.form-control:focus{border: 1px solid #F89E1B;}

.freengage--fronscreensInputforms .btn.btn-primary:focus,
.freengage--fronscreensInputforms input.form-control:focus
{
    box-shadow: none;
}

.freengage--fronscreensInputforms .btn.btn-primary:hover{background: #33429A;border-color: #33429A;}
.freengage--fronscreensInputforms ul.social-links{display: flex;align-items: center;justify-content: center;margin:15px 0;}
.freengage--fronscreensInputforms ul.social-links li{margin-right: 15px;}
.freengage--fronscreensInputforms ul.social-links li a{
    background: #FFFFFF;
    border: 1px solid #D6E1F0;
    border-radius: 19px;
    padding: 10px 2rem;
    font-size: 15px;
    color: #33429A;
    font-weight: 600;
    display: flex;
    align-items: center;
    height: 46px;
}
.freengage--fronscreensInputforms ul.social-links li a:hover,
.freengage--fronscreensInputforms ul.social-links li a:focus,
.freengage--fronscreensInputforms ul.social-links li a:hover i,
.freengage--fronscreensInputforms ul.social-links li a:focus i{color: #fff;}
ul.social-links li a > i{font-weight: normal;margin-right: 10px;font-size: 16px;}


/*=======hvr-radial-out Btn Css Start Here*/
.hvr-radial-out
{
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgb(0 0 0 / 0%);
    position: relative;
    overflow: hidden;
    background: #33429A;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    border: 0;
}
.hvr-radial-out:before
{
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background:radial-gradient(61.09% 53.56% at 61.09% 47.59%, #33429A 0%, #1C2B82 100%);
    border-radius: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-radial-out:hover:before, .hvr-radial-out:focus:before, .hvr-radial-out:active:before
{
    -webkit-transform: scale(2);
    transform: scale(2);
}
/*=======hvr-radial-out Btn Css End Here*/



label.c-checkbox {
  display: inline-block;
  cursor: pointer;
  position: relative;
}
label.c-checkbox span {
  display: inline-block;
  position: relative;
  background-color: transparent;
  width: 20px;
  height: 20px;
  transform-origin: center;
  border:2px solid #91A6C6;
  border-radius: 4px;
  vertical-align: -6px;
  margin-right: 10px;
  transition: background-color 150ms 200ms, transform 350ms cubic-bezier(0.78, -1.22, 0.17, 1.89);
}
label.c-checkbox span:before {
  content: "";
  width: 0px;
  height: 2px;
  border-radius: 2px;
  background: #f89e1b;
  position: absolute;
  transform: rotate(45deg);
  top: 7px;
  left: 4px;
  transition: width 50ms ease 50ms;
  transform-origin: 0% 0%;
}
label.c-checkbox span:after {
  content: "";
  width: 0;
  height: 2px;
  border-radius: 2px;
  background: #f89e1b;
  position: absolute;
  transform: rotate(305deg);
  top: 12px;
  left: 6px;
  transition: width 50ms ease;
  transform-origin: 0% 0%;
}
label.c-checkbox:hover span:before {
  width: 5px;
  transition: width 100ms ease;
}
label.c-checkbox:hover span:after {
  width: 10px;
  transition: width 150ms ease 100ms;
}

input#check[type=checkbox] {
  display: none;
}
input#check[type=checkbox]:checked + label span {
  background-color: #fff;
}
input#check[type=checkbox]:checked + label span:after {
  width: 10px;
  background: #33429A;
  transition: width 150ms ease 100ms;
}
input#check[type=checkbox]:checked + label span:before {
  width: 5px;
  background:#33429A;
  transition: width 150ms ease 100ms;
}
input#check[type=checkbox]:checked + label:hover span {
  background-color: #fff;
}
input#check[type=checkbox]:checked + label:hover span:after {
  width: 10px;
  background: #33429A;
  transition: width 150ms ease 100ms;
}
input#check[type=checkbox]:checked + label:hover span:before {
  width: 5px;
  background: #33429A;
  transition: width 150ms ease 100ms;
}

.verfication-inputs input.form-control.verfication-code
{
    height: 60px;
    width: 60px;
    margin: 0 8px;
    font-size: 32px;
    padding: 5px;
    text-align: center;
    font-weight: 600;
    color: #33429A;
}
a.text-dark:hover{color: #33429A!important;}
.freengage--fronscreensInputforms .form-control::placeholder{color:#1A1A1A;}


.btn-submit {
  background: white;
  box-shadow: inset 0 0 0 8px #1ECD97;
  color: #1ECD97;
  border: 0;
  width: 250px;
  height: 75px;
  font-size: 24px;
  border-radius: 100px;
  transition: all 500ms cubic-bezier(0.23, 1, 0.32, 1);
  outline: 0;
}
.btn-submit:hover {
  background: #1ECD97;
  color: white;
}
.btn-submit .btn-icon {
  text-align: center;
  display: none;
}
.btn-submit:active .btn-text {
  transform: translateY(3px);
}

.btn-icon {
  margin: 0 auto;
}

.btn-text {
  position: relative;
  display: block;
  transform: translateY(0px);
  opacity: 1;
  transition: opacity 0.2s ease-out;
  z-index: 9999;
}

.btn-submit.complete {
  background: #1ECD97;
  color: white;
}
.btn-submit.complete .btn-text {
  display: none;
}
.btn-submit.complete .btn-icon {
  display: block;
}

.btn-submit.shrink {
  width: 75px;
  height: 75px;
  border-radius: 50%;
  box-shadow: inset 0 0 0 8px #e1e1e1;
  padding: 0;
}
.btn-submit.shrink:hover {
  background: white;
}
.btn-submit.shrink .btn-text {
  opacity: 0;
}

.loader {
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 75px;
  height: 75px;
  display: block;
  opacity: 0;
  transition: opacity 0.2 ease-out;
}
.loader.active {
  z-index: 9999;
  opacity: 1;
}

/*Admin Css Changes*/
.aside .menu > .menu-item.show .menu-icon svg .menu-icons,
.aside .menu > .menu-item:hover .menu-icon svg .menu-icons{fill:#fff;}
.header-bg-primary{background: #33429A url(../media/pattern2.svg);
  padding-top: 2rem;padding-bottom: 3rem;
  background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
}
.primary-bgsearch{background: #1B2665;}
.primary-bgsearch
{
    display: flex;
    padding: 0px 15px;
    align-items: center;
    border-radius: 6px;
}
.primary-bgsearch .form-control.form-control-flush{color: #fff;font-weight: 400;}

div#kt_content{margin-top: -6rem;}
.content-mt-0#kt_content{margin-top: 0px;}

.frengage--folloerslist ul li{display: flex;align-items: center;padding: 8px 16px;border-radius: 19px;margin-bottom: 8px;}

.frengage--folloerslist ul li:nth-child(3n + 1){background: #F89E1B;}
.frengage--folloerslist ul li:nth-child(3n + 2){background: #33429A;}
.frengage--folloerslist ul li:nth-child(3n + 3){background: #FF4155;}

.frengage--folloerslist ul li .followes--avtar{flex: 0 0 60px;max-width: 60px;margin-right: 15px;}
.frengage--folloerslist ul li .followes--details{width: 100%;}
.frengage--folloerslist ul li .followes--details > h3{font-size: 16px;}
.frengage--folloerslist ul li .followes--details > h3,
.frengage--folloerslist ul li .followes--details > p{margin: 0px;color: #fff;}
.frengage--folloerslist ul li .btn.btn-secondary.bubbly-button,
.followrsActionBtn .dropdown .btn.dropdown-toggle{padding: 6px 15px;font-size: 14px;}

/*Bubbly button css start here*/
.bubbly-button {
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
  position: relative;
  transition: transform ease-in 0.1s, box-shadow ease-in 0.25s;
}
.bubbly-button:focus {
  outline: 0;
}
.bubbly-button:before, .bubbly-button:after {
  position: absolute;
  content: "";
  display: block;
  width: 140%;
  height: 100%;
  left: -20%;
  z-index: -1000;
  transition: all ease-in-out 0.5s;
  background-repeat: no-repeat;
  border: 0;
}
.bubbly-button:before {
  display: none;
  top: -75%;
  background-image: radial-gradient(circle, #208E9D 20%, transparent 20%), radial-gradient(circle, transparent 20%, #208E9D 20%, transparent 30%), radial-gradient(circle, #208E9D 20%, transparent 20%), radial-gradient(circle, #208E9D 20%, transparent 20%), radial-gradient(circle, transparent 10%, #208E9D 15%, transparent 20%), radial-gradient(circle, #208E9D 20%, transparent 20%), radial-gradient(circle, #208E9D 20%, transparent 20%), radial-gradient(circle, #208E9D 20%, transparent 20%), radial-gradient(circle, #208E9D 20%, transparent 20%);
  background-size: 10% 10%, 20% 20%, 15% 15%, 20% 20%, 18% 18%, 10% 10%, 15% 15%, 10% 10%, 18% 18%;
    z-index: 999999;
}
.bubbly-button:after {
  display: none;
  bottom: -75%;
  background-image: radial-gradient(circle, #208E9D 20%, transparent 20%), radial-gradient(circle, #208E9D 20%, transparent 20%), radial-gradient(circle, transparent 10%, #208E9D 15%, transparent 20%), radial-gradient(circle, #208E9D 20%, transparent 20%), radial-gradient(circle, #208E9D 20%, transparent 20%), radial-gradient(circle, #208E9D 20%, transparent 20%), radial-gradient(circle, #208E9D 20%, transparent 20%);
  background-size: 15% 15%, 20% 20%, 18% 18%, 20% 20%, 15% 15%, 10% 10%, 20% 20%;
    z-index: 999999;
}
.bubbly-button:active {
  transform: scale(0.9);
  background-color: #e60074;
  box-shadow: 0 2px 25px rgba(255, 0, 130, 0.2);
}
.bubbly-button.animate:before {
  display: block;
  animation: topBubbles ease-in-out 0.75s forwards;
}
.bubbly-button.animate:after {
  display: block;
  animation: bottomBubbles ease-in-out 0.75s forwards;
}

@keyframes topBubbles {
  0% {
    background-position: 5% 90%, 10% 90%, 10% 90%, 15% 90%, 25% 90%, 25% 90%, 40% 90%, 55% 90%, 70% 90%;
  }
  50% {
    background-position: 0% 80%, 0% 20%, 10% 40%, 20% 0%, 30% 30%, 22% 50%, 50% 50%, 65% 20%, 90% 30%;
  }
  100% {
    background-position: 0% 70%, 0% 10%, 10% 30%, 20% -10%, 30% 20%, 22% 40%, 50% 40%, 65% 10%, 90% 20%;
    background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%;
  }
}
@keyframes bottomBubbles {
  0% {
    background-position: 10% -10%, 30% 10%, 55% -10%, 70% -10%, 85% -10%, 70% -10%, 70% 0%;
  }
  50% {
    background-position: 0% 80%, 20% 80%, 45% 60%, 60% 100%, 75% 70%, 95% 60%, 105% 0%;
  }
  100% {
    background-position: 0% 90%, 20% 90%, 45% 70%, 60% 110%, 75% 80%, 95% 70%, 110% 10%;
    background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%;
  }
}

.frengage--folloerslist a.text-dark{display: flex;align-items: center;margin-top: 15px;}
.frengage--folloerslist a.text-dark > i{color:#1A1A1A;margin-left: 5px;}
.frengage--folloerslist a.text-dark:hover > i{color: #33429A;}


.frengage--folloerslist a.text-dark{font-weight: 500;color:  #1A1A1A;}
.summer-sizzler--box{background: url(../media/upcoming-quz--bg.png);background-size: cover;padding: 15px 25px;border-top-right-radius: 0.625rem;border-top-left-radius: 0.625rem;}
.upc-quiz--dateinfo{display: flex;justify-content: flex-end;padding-bottom: 1.5rem;}
.upc-quiz--dateinfo > label{background: #FFFFFF;border-radius: 19px;padding: 10px 20px;color: #000000;;font-weight: 500;}
.summer-sizzler--box > h3{color: #fff;margin-bottom: 1rem;font-size: 22px;}

.Qwizzard--info{padding: 2rem 25px;}
ul.listof-candidates{display: flex;justify-content: flex-end;flex-wrap: wrap;}
ul.listof-candidates li{display: inline-flex;align-items: center;margin-bottom: 6px;}
ul.listof-candidates li > label{color: #91A6C6;font-weight: 500;}
ul.listof-candidates li > aside{padding: 3px 15px;border-radius: 16px;margin-left: 15px;font-weight: 600;}

.freengage--quizescreen .quizescreen-ThumImg > img,
.freengage--quizetype .quizetype-ThumImg > img{width: 100%;border-top-left-radius: 10px;border-top-right-radius: 10px;}
.freengage--quizescreen{box-shadow: 0px 4px 26px rgb(0 0 0 / 12%);height: 100%;}
.freengage--quizescreen .quizescreenInfo{padding: 20px;}
.freengage--quizescreen .quizescreenInfo > p{font-weight: 400;font-size: 10px;line-height: 16px;color: #9A9A9A;min-height: 32px;}
.freengage--quizescreen .quizescreenInfo > a{
  display: block;
  border-radius: 30px;
  position: relative;
  border: 0;
  padding: 8px 15px;
    font-size: 14px;
}

/* effect-4 styles */
.effect.effect-4 {
  transition: all 0.2s linear 0s;
}
.effect.effect-4:before {
  content: "\f04b";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0px;
  width: 100%;
  height: 100%;
  text-align: center;
  font-size: 16px;
  transform: scale(0, 1);
  transition: all 0.2s linear 0s;
}
.effect.effect-4:hover:before {
  transform: scale(1, 1);
  text-indent: 0;
    background: #33429A;
    border-radius: 25px;
}

/* frengage--players-um-knw css statrt */
.frengage--players-um-knw .players-um-knw--list{display: flex;flex-wrap: wrap;}
.players-um-knw--list .players-um-knw--list--img{
  flex: 0 1 calc(20% - 8px);
  margin: 0 8px 15px 0;
  position:relative;
  overflow:hidden;
  padding: 5px;
  cursor: pointer;
}
.players-um-knw--list .players-um-knw--list--img > .players-list--imgHover{position: relative;z-index: 999;padding: 4px;}
.players-um-knw--list .players-um-knw--list--img > .players-list--imgHover img{position: relative;z-index: 99999;
}
.players-um-knw--list .players-um-knw--list--img:hover .players-list--imgHover:before
{
  content: '';
    position: absolute;
    inset: 0px 0px;
    background: linear-gradient(315deg, #00ccff, #33429A);
    transition: 0.2s;
    animation: animate 2s linear infinite;
    -webkit-animation: animate 2s linear infinite;
    border-radius: 80px;
}

@keyframes animate

{
    0%
    {
       transform: rotate(0deg);

    }

    100%
        {
          transform: rotate(360deg);

    }
}
.players-um-knw--list .players-um-knw--list--img:hover .players-list--imgHover:after
{
  content: '';
    position: absolute;
    inset: 6px;
    background: #fff;
    border-radius: 50%;
    z-index: 1;
}

.quizcontent-megaleage{
  background: url(../media/Maskgroup.jpg);
  background-size: cover;
  border-radius: 19px;
}
.quizcontent-megaleage .card-body{padding: 20px;}

.card-header.megaleage
{
  display: flex;
    justify-content: space-between;
    align-items: center;
    border: 0;
    background: transparent;
    padding: 0;
    margin-bottom: 20px;
}
.quizcontent-megaleage .participate--info ul li{margin-bottom: 5px;}
.quizcontent-megaleage .participate--info ul{padding-bottom: 1rem;}
.quizcontent-megaleage .participate--info ul li label{min-width: 140px;margin-right: 10px;font-weight:500;}
.card-footer.megaleage{
  display: flex;
  align-items: center;
  background: transparent;
  border: 0;
  padding: 0;
  justify-content:space-between;
}
.card-footer.megaleage > a{text-decoration: underline;font-weight:500;}
a.btn.bg-dark.text-white.joinnow-btn-secondary{text-decoration: none;line-height: normal;
  padding:0.5rem 1.75rem!important;font-size: 14px;}
.joinnow-btn-secondary.hvr-radial-out:before{
  background: radial-gradient(61.09% 53.56% at 61.09% 47.59%, #F89E1B 0%, #F89E1B 100%);

}

a.text-primary:hover,a.text-primary:hover i,
a.text-primary:hover svg{color: #f89e1b!important;fill: #f89e1b!important;}

/* frenGage--feedpost Css */
.frenGage--feedpost{margin-bottom: 1.5rem;}
.frenGage--feedpost .feedHeader{display: flex;align-items: center;margin-bottom: 20px;}
.frenGage--feedpost .feedHeader .feedUserProfile{margin-right: 15px;width: 50px;max-width: 50px;}
.frenGage--feedpost .feedHeader .feedUserPostDetails{width: calc(100% - 65px);}
.feedUserPostDetails .postUserName{font-weight: 600;font-size: 17px;}
.feedUserPostDetails .postTime{font-size: 11px;line-height: 18px;color: #9A9A9A;}
.feedPost p.postCaption{font-size: 12px;}
.feedPost .feedPostImg > img{width: 100%;max-width:100%;}
.frenGage--feedpost .feedfooter > ul{display: flex;align-items: center;flex-wrap: wrap;padding-top:10px;margin-bottom: 10px;}
.frenGage--feedpost .feedfooter > ul > li{display: flex;align-items: center;margin-right: 20px;}
.frenGage--feedpost .feedfooter > ul > li > img{cursor: pointer}
.frenGage--feedpost .feedfooter > ul > li label{font-size:12px;cursor: pointer;margin: 0;margin-left: 8px;}
.frenGage--feedpost .comment-box textarea.comment-box-text{
    display: block;
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-bottom: 10px;
    outline: none;
    padding: 10px;
    font-size: 14px;
}
.frenGage--feedpost .comment-box .comments-button{padding: 8px 20px;font-size: 14px;}
.feedRightAction{position: absolute;right: 20px;}
.feedRightAction button.dropdown-toggle,.feedRightAction button.dropdown-toggle.btn.btn-secondary.show,
.feedRightAction button.dropdown-toggle:hover{
    background: transparent!important;padding: 0!important;
}
.feedRightAction button.dropdown-toggle:after{display: none;}
.feedRightAction button.dropdown-toggle > i{font-weight: 900;font-size: 18px;}
.frengage--likelistWrapper{max-height: 330px;overflow-y: scroll;}

/*All Feed*/
.all-feed{display: flex;flex-wrap: wrap;}
.all-feed .frenGage--feedpost.feedpost-profile{flex: 0 0 50%;max-width: 50%;padding: 10px;display: inline-flex;}
.all-feed .frenGage--feedpost.feedpost-profile > .card{width: 100%;}

/*feed-comments-div*/
.feed-comments-div .feed-comments{border-bottom: 1px solid #f7f7f7;margin-bottom: 5px;}
.feed-comments-div .feed-comments > .feedHeader{margin-bottom: 5px;}
.feed-comments-div .feed-comments > .feedHeader > .feedUserProfile{width: 40px;max-width: 40px;}
.feed-comments-div .feed-comments > .feedHeader > .feedUserPostDetails .postUserName{text-transform: capitalize;}
.feed-comments-div .feed-comments > .feedPost{padding-left: 55px;}

.frenGage--feedpost .feedfooter .modal-dialog .modal-content .frengagelike--list > .player--commetsbox
{
    flex: 0 0 75%;max-width: 75%;
}
.frenGage--feedpost .feedfooter .modal-dialog .modal-content .frengagelike--list > .playerlike--img.commetntbox--img
{
    height: 50px;
    width: 50px;
}
.frenGage--feedpost .feedfooter .modal-content .tab-content > .frengagelike--list .player--commetsbox > p{font-size: 13px;}

/* freengage--quizetype css start */

.quizType-mt-100{margin-top: -100px;}
.card.quizetype-card{background: #1B2665;border-radius: 19px;height:100%;}
.quizetype-card .quizeTypeInfo{padding: 20px; -webkit-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in; transition: all 300ms ease-in;}
.quizetype-card .quizeTypeInfo > .quizeTypeText{font-size: 12px;line-height: 22px;font-weight: normal;color:#fff;}
.quizetype-card .quizeTypeInfo > .quizeTypeText a.active{display: none;}
.quizetype-card .quizeTypeInfo > .quizeTypeText a{color: #6D7CD1;}
.quizetype-card .quizeTypeInfo > .quizeTypeText a:hover{color:#F89E1B;}
.quizeTypeInfo.active{background: #1b2665;margin-top:-55px;display:inline-block;border-bottom-left-radius: 19px;border-bottom-right-radius: 19px;
position: relative;}
.quizetype-card .quizeTypeInfo .show-more-content{display: none;}
.quizetype-ThumImg{position: relative;}
.quizetype-ThumImg a.play-circle{
  display: inline-block;
    position: absolute;
    bottom: -25px;
    right: 15px;
    background: #50CD89;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    border-radius: 50px;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.25);
}
.quizetype-ThumImg a.play-circle > i{color: #fff;}
.quizetype-ThumImg a.play-circle.hvr-radial-out:before
{
  background: radial-gradient(61.09% 53.56% at 61.09% 47.59%, #f89e1b 0%, #f89e1b 100%);
  opacity: 0;
}
.quizetype-ThumImg a.play-circle.hvr-radial-out:hover::before{opacity: 1;}

/* QuizType--listView Css*/
.QuizType--listViewWrapper .accordion-item,
.Scheduled-ContestsView .QuizType--listView{border: 0px;padding: 1.5rem 20px;border-bottom:1px solid #91A6C6;}
.QuizType--listViewWrapper .accordion-item:last-child,
.Scheduled-ContestsView .QuizType--listView:last-child{border: 0px;}
.QuizType--listView{display: flex;align-items: flex-start;}
.QuizType--listView .listView--quiz--thum{height: 68px;flex:0 0 68px;}
.QuizType--listView .listView--quiz--thum > img{border-radius: 10px;}
.QuizType--listView-details{flex: 0 0 75%;padding: 0 15px;}
.QuizType--listView-details > h3{font-size: 24px;margin-bottom: 0px;}
.QuizType--listView-details > ul{display: flex;align-items: center;}
.QuizType--listView-details > ul li{margin-right: 15px;font-size:13px;color:#2C2C2C;font-weight: 500;}
.QuizType--listView-details > ul li > svg{margin-right: 5px;}
.QuizType--listView .QuizType--listView-action button.accordion-button{padding: 0; background: transparent;
  font-weight: 500;font-size: 12px;color: #9A9A9A;text-decoration-line: underline;display: block;text-align: center;  box-shadow: none;}

.QuizType--listView .QuizType--listView-action button.accordion-button:after{display: none;}



/* primary-table css start Here */
table.table-borderd.table.primary-table{border-radius: 10px;}
.primary-table thead tr{background: #33429A;color:#fff;text-align: center;}
.primary-table tbody tr:nth-child(odd){background: #BDD7FF;}
.primary-table tbody tr:nth-child(even){background:  #E6EAF0;}
.primary-table tbody tr td{font-weight: 500;border:1px solid #fff;}
table.table-borderd.table.primary-table tr th:last-child{padding-right:0.75rem;}
table.table-borderd.table.primary-table tr th{border: 1px solid #fff;}

/* Modal Join Contest cSs */
.jointcontest a.bg-green.btn.text-white.pay-btn{padding: 10px 3.5rem!important;}
.jointcontest .modal-header{padding: 15px 20px;border: 0;}
.modal-header .btn-active-light-primary{position: absolute;right:0px;top: 0;}

button.pay-btn[type=button]{padding: 10px 3rem!important;}
button.pay-btn[type=button] span {
  display: inline-block;
  width: 6px;
  height: 6px;
  vertical-align: middle;
  border-radius: 50%;
  background: white;
  font-size: 15px;
  margin: 0 1px;
  -webkit-animation: blink;
          animation: blink;
  -webkit-animation-duration: 1.4s;
          animation-duration: 1.4s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
button.pay-btn[type=button] span:nth-child(2) {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}
button.pay-btn[type=button] span:nth-child(3) {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}

@-webkit-keyframes blink {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes blink {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

/* Thank You Svg Animation css start here */
.animation-ctn{text-align:center;}

  @-webkit-keyframes checkmark {
    0% {
        stroke-dashoffset: 100px
    }

    100% {
        stroke-dashoffset: 200px
    }
}

@-ms-keyframes checkmark {
    0% {
        stroke-dashoffset: 100px
    }

    100% {
        stroke-dashoffset: 200px
    }
}

@keyframes checkmark {
    0% {
        stroke-dashoffset: 100px
    }

    100% {
        stroke-dashoffset: 0px
    }
}

@-webkit-keyframes checkmark-circle {
    0% {
        stroke-dashoffset: 480px

    }

    100% {
        stroke-dashoffset: 960px;

    }
}

@-ms-keyframes checkmark-circle {
    0% {
        stroke-dashoffset: 240px
    }

    100% {
        stroke-dashoffset: 480px
    }
}

@keyframes checkmark-circle {
    0% {
        stroke-dashoffset: 480px
    }

    100% {
        stroke-dashoffset: 960px
    }
}

@keyframes colored-circle {
    0% {
        opacity:0
    }

    100% {
        opacity:100
    }
}

/* other styles */
/* .svg svg {
    display: none
}
 */
.inlinesvg .svg svg {
    display: inline
}

/* .svg img {
    display: none
} */

.icon--order-success svg polyline {
    -webkit-animation: checkmark 0.25s ease-in-out 0.7s backwards;
    animation: checkmark 0.25s ease-in-out 0.7s backwards
}

.icon--order-success svg circle {
    -webkit-animation: checkmark-circle 0.6s ease-in-out backwards;
    animation: checkmark-circle 0.6s ease-in-out backwards;
}
.icon--order-success svg circle#colored {
    -webkit-animation: colored-circle 0.6s ease-in-out 0.7s backwards;
    animation: colored-circle 0.6s ease-in-out 0.7s backwards;
}

/* Fullcalander custome css */
div#kt_docs_fullcalendar_basic{background: #1B2665;border-radius: 8px;}
.fc .fc-col-header-cell .fc-col-header-cell-cushion{color: #fff;font-size:12px;}
.fc .fc-daygrid-day-number,.fc .fc-toolbar-title{color: #fff;}
.fc .fc-toolbar-title{margin: 15px 0;}
.fc .fc-daygrid-day-bottom{display: none;}
.fc .fc-toolbar{flex-wrap: wrap;}
.fc .fc-button-group > .fc-button{background: #1b2665;}
.fc-toolbar-chunk:nth-child(2){flex: 0 0 100%;text-align: center;}
.fc .fc-button-primary:not(:disabled).fc-button-active{color: #fff;background: #2b3570;}
.fc .fc-button-group > .fc-button:hover{color: #fff;}
.fc-theme-standard td, .fc-theme-standard th,.fc-theme-standard .fc-scrollgrid{border: 0;}
.fc .fc-daygrid-day-frame{background: #1b2665;}

/* .frengage--summersizzler */
.frengage--summersizzler--header{display: flex;align-items: center;justify-content:space-between;}
.summersizzlerQue.questats{display: flex;justify-content: space-between;width: 100%;}
hr.quizstats-hr{background: #91A6C6;position: relative;left: -20px;width:calc(100% + 40px);}

.summersizzlerquewrapper{display: flex;align-items: center;margin-bottom: 30px;justify-content: center;}
.frengage--summersizzler .btnstyle2.btn
{
  display: table;
    margin: 0 auto;
    background: #50CD89;
    border: 1px solid #50CD89!important;
    border-radius: 10px;
    padding: 10px 3rem!important;
}
.summersizzlerqueImgVid{flex: 0 0 50%;max-width: 50%;margin-bottom: 15px;}
.summersizzlerqueImgVid > img{width: 100%;max-width: 100%;}
.summersizzlerqueOptions
{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.summersizzlerqueOptions .form-check.form-check-custom
{
  background: #F0F0F0;
    padding: 0px;
    margin-bottom: 15px;
    margin-right: 15px;
    border-radius: 19px;
    width: 300px;
    max-width: 100%;
    word-break: break-word;
    border: 2px solid #F0F0F0;
}

.summersizzlerqueOptions .form-check.form-check-custom.select-option{border: 2px solid #33429a;}


.summersizzlerqueOptions .form-check.form-check-custom .form-check-label{
  display: block;
  width: 100%;
  padding: 10px;
}
.summersizzlerqueOptions  .form-check .form-check-input{
  margin-right: 5px;
  border: 1px solid #000;
  background-color: #fff;
  left: 10px;
    position: relative;
}

.loading-buttons .btn {

  display: table;
  margin: 0 auto;
  cursor: pointer;
  background: none;
  border: none;
  border: 2px solid #50CD89;;
  color: #fff;
  font-weight: 600;
  height: 50px;
  width: auto;
  user-select: none;
  outline: none;
  padding: 10px 3rem!important;
  user-select: none;
  outline: none;
  transition: all ease-in 0.4s;
  background: #50CD89;
  border: 1px solid #50CD89;
  border-radius: 10px;
  position: relative;
    z-index: 1;
}

.loading {

  background-color: transparent;
  border: 4px solid #ABA8AF;
  border-top-color: #00C859;
  user-select: none;
  font-size: 0;
  outline: none;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  animation: rotate 0.8s linear infinite;
  display: table;
  margin: 0 auto;
}

/* 15 */
.loading-buttons .btn:after {
  position: absolute;
  content: "";
  width: 0;
  height: 100%;
  top: 0;
  right: 0;
  z-index: -1;
  background-color:#5ddd97;
  border-radius: 8px;
  border: 0;
  transition: all 0.3s ease;
}
.loading-buttons .btn:hover:after {
  left: 0;
  width: 100%;
}



@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Counter Css Start Here */
.summersizzlerCounterSec {
  position: relative;
  width: 70px;
  height:70px;
  border-radius: 50%;
}


.timer {
  width: 100%;
  height: 100%;
  border: 5px solid #DFDFDF;
  border-radius: inherit;
  display: flex;
  justify-content: center;
  align-items: center;
}
.timer::before {
  content: "";
  -webkit-animation: countdown steps(61) both 61s infinite;
          animation: countdown steps(61) both 61s infinite;
}

.border {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 5px solid #00C859!important;
  border-radius: inherit;
  -webkit-animation: round steps(61) both 61s infinite;
          animation: round steps(61) both 61s infinite;
}

@-webkit-keyframes countdown {
  0% {
    content: "60";
  }
  1.6666666667% {
    content: "59";
  }
  3.3333333333% {
    content: "58";
  }
  5% {
    content: "57";
  }
  6.6666666667% {
    content: "56";
  }
  8.3333333333% {
    content: "55";
  }
  10% {
    content: "54";
  }
  11.6666666667% {
    content: "53";
  }
  13.3333333333% {
    content: "52";
  }
  15% {
    content: "51";
  }
  16.6666666667% {
    content: "50";
  }
  18.3333333333% {
    content: "49";
  }
  20% {
    content: "48";
  }
  21.6666666667% {
    content: "47";
  }
  23.3333333333% {
    content: "46";
  }
  25% {
    content: "45";
  }
  26.6666666667% {
    content: "44";
  }
  28.3333333333% {
    content: "43";
  }
  30% {
    content: "42";
  }
  31.6666666667% {
    content: "41";
  }
  33.3333333333% {
    content: "40";
  }
  35% {
    content: "39";
  }
  36.6666666667% {
    content: "38";
  }
  38.3333333333% {
    content: "37";
  }
  40% {
    content: "36";
  }
  41.6666666667% {
    content: "35";
  }
  43.3333333333% {
    content: "34";
  }
  45% {
    content: "33";
  }
  46.6666666667% {
    content: "32";
  }
  48.3333333333% {
    content: "31";
  }
  50% {
    content: "30";
  }
  51.6666666667% {
    content: "29";
  }
  53.3333333333% {
    content: "28";
  }
  55% {
    content: "27";
  }
  56.6666666667% {
    content: "26";
  }
  58.3333333333% {
    content: "25";
  }
  60% {
    content: "24";
  }
  61.6666666667% {
    content: "23";
  }
  63.3333333333% {
    content: "22";
  }
  65% {
    content: "21";
  }
  66.6666666667% {
    content: "20";
  }
  68.3333333333% {
    content: "19";
  }
  70% {
    content: "18";
  }
  71.6666666667% {
    content: "17";
  }
  73.3333333333% {
    content: "16";
  }
  75% {
    content: "15";
  }
  76.6666666667% {
    content: "14";
  }
  78.3333333333% {
    content: "13";
  }
  80% {
    content: "12";
  }
  81.6666666667% {
    content: "11";
  }
  83.3333333333% {
    content: "10";
  }
  85% {
    content: "9";
  }
  86.6666666667% {
    content: "8";
  }
  88.3333333333% {
    content: "7";
  }
  90% {
    content: "6";
  }
  91.6666666667% {
    content: "5";
  }
  93.3333333333% {
    content: "4";
  }
  95% {
    content: "3";
  }
  96.6666666667% {
    content: "2";
  }
  98.3333333333% {
    content: "1";
  }
  100% {
    content: "0";
  }
}

@keyframes countdown {
  0% {
    content: "60";
  }
  1.6666666667% {
    content: "59";
  }
  3.3333333333% {
    content: "58";
  }
  5% {
    content: "57";
  }
  6.6666666667% {
    content: "56";
  }
  8.3333333333% {
    content: "55";
  }
  10% {
    content: "54";
  }
  11.6666666667% {
    content: "53";
  }
  13.3333333333% {
    content: "52";
  }
  15% {
    content: "51";
  }
  16.6666666667% {
    content: "50";
  }
  18.3333333333% {
    content: "49";
  }
  20% {
    content: "48";
  }
  21.6666666667% {
    content: "47";
  }
  23.3333333333% {
    content: "46";
  }
  25% {
    content: "45";
  }
  26.6666666667% {
    content: "44";
  }
  28.3333333333% {
    content: "43";
  }
  30% {
    content: "42";
  }
  31.6666666667% {
    content: "41";
  }
  33.3333333333% {
    content: "40";
  }
  35% {
    content: "39";
  }
  36.6666666667% {
    content: "38";
  }
  38.3333333333% {
    content: "37";
  }
  40% {
    content: "36";
  }
  41.6666666667% {
    content: "35";
  }
  43.3333333333% {
    content: "34";
  }
  45% {
    content: "33";
  }
  46.6666666667% {
    content: "32";
  }
  48.3333333333% {
    content: "31";
  }
  50% {
    content: "30";
  }
  51.6666666667% {
    content: "29";
  }
  53.3333333333% {
    content: "28";
  }
  55% {
    content: "27";
  }
  56.6666666667% {
    content: "26";
  }
  58.3333333333% {
    content: "25";
  }
  60% {
    content: "24";
  }
  61.6666666667% {
    content: "23";
  }
  63.3333333333% {
    content: "22";
  }
  65% {
    content: "21";
  }
  66.6666666667% {
    content: "20";
  }
  68.3333333333% {
    content: "19";
  }
  70% {
    content: "18";
  }
  71.6666666667% {
    content: "17";
  }
  73.3333333333% {
    content: "16";
  }
  75% {
    content: "15";
  }
  76.6666666667% {
    content: "14";
  }
  78.3333333333% {
    content: "13";
  }
  80% {
    content: "12";
  }
  81.6666666667% {
    content: "11";
  }
  83.3333333333% {
    content: "10";
  }
  85% {
    content: "9";
  }
  86.6666666667% {
    content: "8";
  }
  88.3333333333% {
    content: "7";
  }
  90% {
    content: "6";
  }
  91.6666666667% {
    content: "5";
  }
  93.3333333333% {
    content: "4";
  }
  95% {
    content: "3";
  }
  96.6666666667% {
    content: "2";
  }
  98.3333333333% {
    content: "1";
  }
  100% {
    content: "0";
  }
}
@-webkit-keyframes round {
  0% {
    -webkit-mask: conic-gradient(transparent 0%, #000 0%);
            mask: conic-gradient(transparent 0%, #000 0%);
  }
  1.6666666667% {
    -webkit-mask: conic-gradient(transparent 1.6666666667%, #000 1.6666666667%);
            mask: conic-gradient(transparent 1.6666666667%, #000 1.6666666667%);
  }
  3.3333333333% {
    -webkit-mask: conic-gradient(transparent 3.3333333333%, #000 3.3333333333%);
            mask: conic-gradient(transparent 3.3333333333%, #000 3.3333333333%);
  }
  5% {
    -webkit-mask: conic-gradient(transparent 5%, #000 5%);
            mask: conic-gradient(transparent 5%, #000 5%);
  }
  6.6666666667% {
    -webkit-mask: conic-gradient(transparent 6.6666666667%, #000 6.6666666667%);
            mask: conic-gradient(transparent 6.6666666667%, #000 6.6666666667%);
  }
  8.3333333333% {
    -webkit-mask: conic-gradient(transparent 8.3333333333%, #000 8.3333333333%);
            mask: conic-gradient(transparent 8.3333333333%, #000 8.3333333333%);
  }
  10% {
    -webkit-mask: conic-gradient(transparent 10%, #000 10%);
            mask: conic-gradient(transparent 10%, #000 10%);
  }
  11.6666666667% {
    -webkit-mask: conic-gradient(transparent 11.6666666667%, #000 11.6666666667%);
            mask: conic-gradient(transparent 11.6666666667%, #000 11.6666666667%);
  }
  13.3333333333% {
    -webkit-mask: conic-gradient(transparent 13.3333333333%, #000 13.3333333333%);
            mask: conic-gradient(transparent 13.3333333333%, #000 13.3333333333%);
  }
  15% {
    -webkit-mask: conic-gradient(transparent 15%, #000 15%);
            mask: conic-gradient(transparent 15%, #000 15%);
  }
  16.6666666667% {
    -webkit-mask: conic-gradient(transparent 16.6666666667%, #000 16.6666666667%);
            mask: conic-gradient(transparent 16.6666666667%, #000 16.6666666667%);
  }
  18.3333333333% {
    -webkit-mask: conic-gradient(transparent 18.3333333333%, #000 18.3333333333%);
            mask: conic-gradient(transparent 18.3333333333%, #000 18.3333333333%);
  }
  20% {
    -webkit-mask: conic-gradient(transparent 20%, #000 20%);
            mask: conic-gradient(transparent 20%, #000 20%);
  }
  21.6666666667% {
    -webkit-mask: conic-gradient(transparent 21.6666666667%, #000 21.6666666667%);
            mask: conic-gradient(transparent 21.6666666667%, #000 21.6666666667%);
  }
  23.3333333333% {
    -webkit-mask: conic-gradient(transparent 23.3333333333%, #000 23.3333333333%);
            mask: conic-gradient(transparent 23.3333333333%, #000 23.3333333333%);
  }
  25% {
    -webkit-mask: conic-gradient(transparent 25%, #000 25%);
            mask: conic-gradient(transparent 25%, #000 25%);
  }
  26.6666666667% {
    -webkit-mask: conic-gradient(transparent 26.6666666667%, #000 26.6666666667%);
            mask: conic-gradient(transparent 26.6666666667%, #000 26.6666666667%);
  }
  28.3333333333% {
    -webkit-mask: conic-gradient(transparent 28.3333333333%, #000 28.3333333333%);
            mask: conic-gradient(transparent 28.3333333333%, #000 28.3333333333%);
  }
  30% {
    -webkit-mask: conic-gradient(transparent 30%, #000 30%);
            mask: conic-gradient(transparent 30%, #000 30%);
  }
  31.6666666667% {
    -webkit-mask: conic-gradient(transparent 31.6666666667%, #000 31.6666666667%);
            mask: conic-gradient(transparent 31.6666666667%, #000 31.6666666667%);
  }
  33.3333333333% {
    -webkit-mask: conic-gradient(transparent 33.3333333333%, #000 33.3333333333%);
            mask: conic-gradient(transparent 33.3333333333%, #000 33.3333333333%);
  }
  35% {
    -webkit-mask: conic-gradient(transparent 35%, #000 35%);
            mask: conic-gradient(transparent 35%, #000 35%);
  }
  36.6666666667% {
    -webkit-mask: conic-gradient(transparent 36.6666666667%, #000 36.6666666667%);
            mask: conic-gradient(transparent 36.6666666667%, #000 36.6666666667%);
  }
  38.3333333333% {
    -webkit-mask: conic-gradient(transparent 38.3333333333%, #000 38.3333333333%);
            mask: conic-gradient(transparent 38.3333333333%, #000 38.3333333333%);
  }
  40% {
    -webkit-mask: conic-gradient(transparent 40%, #000 40%);
            mask: conic-gradient(transparent 40%, #000 40%);
  }
  41.6666666667% {
    -webkit-mask: conic-gradient(transparent 41.6666666667%, #000 41.6666666667%);
            mask: conic-gradient(transparent 41.6666666667%, #000 41.6666666667%);
  }
  43.3333333333% {
    -webkit-mask: conic-gradient(transparent 43.3333333333%, #000 43.3333333333%);
            mask: conic-gradient(transparent 43.3333333333%, #000 43.3333333333%);
  }
  45% {
    -webkit-mask: conic-gradient(transparent 45%, #000 45%);
            mask: conic-gradient(transparent 45%, #000 45%);
  }
  46.6666666667% {
    -webkit-mask: conic-gradient(transparent 46.6666666667%, #000 46.6666666667%);
            mask: conic-gradient(transparent 46.6666666667%, #000 46.6666666667%);
  }
  48.3333333333% {
    -webkit-mask: conic-gradient(transparent 48.3333333333%, #000 48.3333333333%);
            mask: conic-gradient(transparent 48.3333333333%, #000 48.3333333333%);
  }
  50% {
    -webkit-mask: conic-gradient(transparent 50%, #000 50%);
            mask: conic-gradient(transparent 50%, #000 50%);
  }
  51.6666666667% {
    -webkit-mask: conic-gradient(transparent 51.6666666667%, #000 51.6666666667%);
            mask: conic-gradient(transparent 51.6666666667%, #000 51.6666666667%);
  }
  53.3333333333% {
    -webkit-mask: conic-gradient(transparent 53.3333333333%, #000 53.3333333333%);
            mask: conic-gradient(transparent 53.3333333333%, #000 53.3333333333%);
  }
  55% {
    -webkit-mask: conic-gradient(transparent 55%, #000 55%);
            mask: conic-gradient(transparent 55%, #000 55%);
  }
  56.6666666667% {
    -webkit-mask: conic-gradient(transparent 56.6666666667%, #000 56.6666666667%);
            mask: conic-gradient(transparent 56.6666666667%, #000 56.6666666667%);
  }
  58.3333333333% {
    -webkit-mask: conic-gradient(transparent 58.3333333333%, #000 58.3333333333%);
            mask: conic-gradient(transparent 58.3333333333%, #000 58.3333333333%);
  }
  60% {
    -webkit-mask: conic-gradient(transparent 60%, #000 60%);
            mask: conic-gradient(transparent 60%, #000 60%);
  }
  61.6666666667% {
    -webkit-mask: conic-gradient(transparent 61.6666666667%, #000 61.6666666667%);
            mask: conic-gradient(transparent 61.6666666667%, #000 61.6666666667%);
  }
  63.3333333333% {
    -webkit-mask: conic-gradient(transparent 63.3333333333%, #000 63.3333333333%);
            mask: conic-gradient(transparent 63.3333333333%, #000 63.3333333333%);
  }
  65% {
    -webkit-mask: conic-gradient(transparent 65%, #000 65%);
            mask: conic-gradient(transparent 65%, #000 65%);
  }
  66.6666666667% {
    -webkit-mask: conic-gradient(transparent 66.6666666667%, #000 66.6666666667%);
            mask: conic-gradient(transparent 66.6666666667%, #000 66.6666666667%);
  }
  68.3333333333% {
    -webkit-mask: conic-gradient(transparent 68.3333333333%, #000 68.3333333333%);
            mask: conic-gradient(transparent 68.3333333333%, #000 68.3333333333%);
  }
  70% {
    -webkit-mask: conic-gradient(transparent 70%, #000 70%);
            mask: conic-gradient(transparent 70%, #000 70%);
  }
  71.6666666667% {
    -webkit-mask: conic-gradient(transparent 71.6666666667%, #000 71.6666666667%);
            mask: conic-gradient(transparent 71.6666666667%, #000 71.6666666667%);
  }
  73.3333333333% {
    -webkit-mask: conic-gradient(transparent 73.3333333333%, #000 73.3333333333%);
            mask: conic-gradient(transparent 73.3333333333%, #000 73.3333333333%);
  }
  75% {
    -webkit-mask: conic-gradient(transparent 75%, #000 75%);
            mask: conic-gradient(transparent 75%, #000 75%);
  }
  76.6666666667% {
    -webkit-mask: conic-gradient(transparent 76.6666666667%, #000 76.6666666667%);
            mask: conic-gradient(transparent 76.6666666667%, #000 76.6666666667%);
  }
  78.3333333333% {
    -webkit-mask: conic-gradient(transparent 78.3333333333%, #000 78.3333333333%);
            mask: conic-gradient(transparent 78.3333333333%, #000 78.3333333333%);
  }
  80% {
    -webkit-mask: conic-gradient(transparent 80%, #000 80%);
            mask: conic-gradient(transparent 80%, #000 80%);
  }
  81.6666666667% {
    -webkit-mask: conic-gradient(transparent 81.6666666667%, #000 81.6666666667%);
            mask: conic-gradient(transparent 81.6666666667%, #000 81.6666666667%);
  }
  83.3333333333% {
    -webkit-mask: conic-gradient(transparent 83.3333333333%, #000 83.3333333333%);
            mask: conic-gradient(transparent 83.3333333333%, #000 83.3333333333%);
  }
  85% {
    -webkit-mask: conic-gradient(transparent 85%, #000 85%);
            mask: conic-gradient(transparent 85%, #000 85%);
  }
  86.6666666667% {
    -webkit-mask: conic-gradient(transparent 86.6666666667%, #000 86.6666666667%);
            mask: conic-gradient(transparent 86.6666666667%, #000 86.6666666667%);
  }
  88.3333333333% {
    -webkit-mask: conic-gradient(transparent 88.3333333333%, #000 88.3333333333%);
            mask: conic-gradient(transparent 88.3333333333%, #000 88.3333333333%);
  }
  90% {
    -webkit-mask: conic-gradient(transparent 90%, #000 90%);
            mask: conic-gradient(transparent 90%, #000 90%);
  }
  91.6666666667% {
    -webkit-mask: conic-gradient(transparent 91.6666666667%, #000 91.6666666667%);
            mask: conic-gradient(transparent 91.6666666667%, #000 91.6666666667%);
  }
  93.3333333333% {
    -webkit-mask: conic-gradient(transparent 93.3333333333%, #000 93.3333333333%);
            mask: conic-gradient(transparent 93.3333333333%, #000 93.3333333333%);
  }
  95% {
    -webkit-mask: conic-gradient(transparent 95%, #000 95%);
            mask: conic-gradient(transparent 95%, #000 95%);
  }
  96.6666666667% {
    -webkit-mask: conic-gradient(transparent 96.6666666667%, #000 96.6666666667%);
            mask: conic-gradient(transparent 96.6666666667%, #000 96.6666666667%);
  }
  98.3333333333% {
    -webkit-mask: conic-gradient(transparent 98.3333333333%, #000 98.3333333333%);
            mask: conic-gradient(transparent 98.3333333333%, #000 98.3333333333%);
  }
  100% {
    -webkit-mask: conic-gradient(transparent 100%, #000 100%);
            mask: conic-gradient(transparent 100%, #000 100%);
  }
}
@keyframes round {
  0% {
    -webkit-mask: conic-gradient(transparent 0%, #000 0%);
            mask: conic-gradient(transparent 0%, #000 0%);
  }
  1.6666666667% {
    -webkit-mask: conic-gradient(transparent 1.6666666667%, #000 1.6666666667%);
            mask: conic-gradient(transparent 1.6666666667%, #000 1.6666666667%);
  }
  3.3333333333% {
    -webkit-mask: conic-gradient(transparent 3.3333333333%, #000 3.3333333333%);
            mask: conic-gradient(transparent 3.3333333333%, #000 3.3333333333%);
  }
  5% {
    -webkit-mask: conic-gradient(transparent 5%, #000 5%);
            mask: conic-gradient(transparent 5%, #000 5%);
  }
  6.6666666667% {
    -webkit-mask: conic-gradient(transparent 6.6666666667%, #000 6.6666666667%);
            mask: conic-gradient(transparent 6.6666666667%, #000 6.6666666667%);
  }
  8.3333333333% {
    -webkit-mask: conic-gradient(transparent 8.3333333333%, #000 8.3333333333%);
            mask: conic-gradient(transparent 8.3333333333%, #000 8.3333333333%);
  }
  10% {
    -webkit-mask: conic-gradient(transparent 10%, #000 10%);
            mask: conic-gradient(transparent 10%, #000 10%);
  }
  11.6666666667% {
    -webkit-mask: conic-gradient(transparent 11.6666666667%, #000 11.6666666667%);
            mask: conic-gradient(transparent 11.6666666667%, #000 11.6666666667%);
  }
  13.3333333333% {
    -webkit-mask: conic-gradient(transparent 13.3333333333%, #000 13.3333333333%);
            mask: conic-gradient(transparent 13.3333333333%, #000 13.3333333333%);
  }
  15% {
    -webkit-mask: conic-gradient(transparent 15%, #000 15%);
            mask: conic-gradient(transparent 15%, #000 15%);
  }
  16.6666666667% {
    -webkit-mask: conic-gradient(transparent 16.6666666667%, #000 16.6666666667%);
            mask: conic-gradient(transparent 16.6666666667%, #000 16.6666666667%);
  }
  18.3333333333% {
    -webkit-mask: conic-gradient(transparent 18.3333333333%, #000 18.3333333333%);
            mask: conic-gradient(transparent 18.3333333333%, #000 18.3333333333%);
  }
  20% {
    -webkit-mask: conic-gradient(transparent 20%, #000 20%);
            mask: conic-gradient(transparent 20%, #000 20%);
  }
  21.6666666667% {
    -webkit-mask: conic-gradient(transparent 21.6666666667%, #000 21.6666666667%);
            mask: conic-gradient(transparent 21.6666666667%, #000 21.6666666667%);
  }
  23.3333333333% {
    -webkit-mask: conic-gradient(transparent 23.3333333333%, #000 23.3333333333%);
            mask: conic-gradient(transparent 23.3333333333%, #000 23.3333333333%);
  }
  25% {
    -webkit-mask: conic-gradient(transparent 25%, #000 25%);
            mask: conic-gradient(transparent 25%, #000 25%);
  }
  26.6666666667% {
    -webkit-mask: conic-gradient(transparent 26.6666666667%, #000 26.6666666667%);
            mask: conic-gradient(transparent 26.6666666667%, #000 26.6666666667%);
  }
  28.3333333333% {
    -webkit-mask: conic-gradient(transparent 28.3333333333%, #000 28.3333333333%);
            mask: conic-gradient(transparent 28.3333333333%, #000 28.3333333333%);
  }
  30% {
    -webkit-mask: conic-gradient(transparent 30%, #000 30%);
            mask: conic-gradient(transparent 30%, #000 30%);
  }
  31.6666666667% {
    -webkit-mask: conic-gradient(transparent 31.6666666667%, #000 31.6666666667%);
            mask: conic-gradient(transparent 31.6666666667%, #000 31.6666666667%);
  }
  33.3333333333% {
    -webkit-mask: conic-gradient(transparent 33.3333333333%, #000 33.3333333333%);
            mask: conic-gradient(transparent 33.3333333333%, #000 33.3333333333%);
  }
  35% {
    -webkit-mask: conic-gradient(transparent 35%, #000 35%);
            mask: conic-gradient(transparent 35%, #000 35%);
  }
  36.6666666667% {
    -webkit-mask: conic-gradient(transparent 36.6666666667%, #000 36.6666666667%);
            mask: conic-gradient(transparent 36.6666666667%, #000 36.6666666667%);
  }
  38.3333333333% {
    -webkit-mask: conic-gradient(transparent 38.3333333333%, #000 38.3333333333%);
            mask: conic-gradient(transparent 38.3333333333%, #000 38.3333333333%);
  }
  40% {
    -webkit-mask: conic-gradient(transparent 40%, #000 40%);
            mask: conic-gradient(transparent 40%, #000 40%);
  }
  41.6666666667% {
    -webkit-mask: conic-gradient(transparent 41.6666666667%, #000 41.6666666667%);
            mask: conic-gradient(transparent 41.6666666667%, #000 41.6666666667%);
  }
  43.3333333333% {
    -webkit-mask: conic-gradient(transparent 43.3333333333%, #000 43.3333333333%);
            mask: conic-gradient(transparent 43.3333333333%, #000 43.3333333333%);
  }
  45% {
    -webkit-mask: conic-gradient(transparent 45%, #000 45%);
            mask: conic-gradient(transparent 45%, #000 45%);
  }
  46.6666666667% {
    -webkit-mask: conic-gradient(transparent 46.6666666667%, #000 46.6666666667%);
            mask: conic-gradient(transparent 46.6666666667%, #000 46.6666666667%);
  }
  48.3333333333% {
    -webkit-mask: conic-gradient(transparent 48.3333333333%, #000 48.3333333333%);
            mask: conic-gradient(transparent 48.3333333333%, #000 48.3333333333%);
  }
  50% {
    -webkit-mask: conic-gradient(transparent 50%, #000 50%);
            mask: conic-gradient(transparent 50%, #000 50%);
  }
  51.6666666667% {
    -webkit-mask: conic-gradient(transparent 51.6666666667%, #000 51.6666666667%);
            mask: conic-gradient(transparent 51.6666666667%, #000 51.6666666667%);
  }
  53.3333333333% {
    -webkit-mask: conic-gradient(transparent 53.3333333333%, #000 53.3333333333%);
            mask: conic-gradient(transparent 53.3333333333%, #000 53.3333333333%);
  }
  55% {
    -webkit-mask: conic-gradient(transparent 55%, #000 55%);
            mask: conic-gradient(transparent 55%, #000 55%);
  }
  56.6666666667% {
    -webkit-mask: conic-gradient(transparent 56.6666666667%, #000 56.6666666667%);
            mask: conic-gradient(transparent 56.6666666667%, #000 56.6666666667%);
  }
  58.3333333333% {
    -webkit-mask: conic-gradient(transparent 58.3333333333%, #000 58.3333333333%);
            mask: conic-gradient(transparent 58.3333333333%, #000 58.3333333333%);
  }
  60% {
    -webkit-mask: conic-gradient(transparent 60%, #000 60%);
            mask: conic-gradient(transparent 60%, #000 60%);
  }
  61.6666666667% {
    -webkit-mask: conic-gradient(transparent 61.6666666667%, #000 61.6666666667%);
            mask: conic-gradient(transparent 61.6666666667%, #000 61.6666666667%);
  }
  63.3333333333% {
    -webkit-mask: conic-gradient(transparent 63.3333333333%, #000 63.3333333333%);
            mask: conic-gradient(transparent 63.3333333333%, #000 63.3333333333%);
  }
  65% {
    -webkit-mask: conic-gradient(transparent 65%, #000 65%);
            mask: conic-gradient(transparent 65%, #000 65%);
  }
  66.6666666667% {
    -webkit-mask: conic-gradient(transparent 66.6666666667%, #000 66.6666666667%);
            mask: conic-gradient(transparent 66.6666666667%, #000 66.6666666667%);
  }
  68.3333333333% {
    -webkit-mask: conic-gradient(transparent 68.3333333333%, #000 68.3333333333%);
            mask: conic-gradient(transparent 68.3333333333%, #000 68.3333333333%);
  }
  70% {
    -webkit-mask: conic-gradient(transparent 70%, #000 70%);
            mask: conic-gradient(transparent 70%, #000 70%);
  }
  71.6666666667% {
    -webkit-mask: conic-gradient(transparent 71.6666666667%, #000 71.6666666667%);
            mask: conic-gradient(transparent 71.6666666667%, #000 71.6666666667%);
  }
  73.3333333333% {
    -webkit-mask: conic-gradient(transparent 73.3333333333%, #000 73.3333333333%);
            mask: conic-gradient(transparent 73.3333333333%, #000 73.3333333333%);
  }
  75% {
    -webkit-mask: conic-gradient(transparent 75%, #000 75%);
            mask: conic-gradient(transparent 75%, #000 75%);
  }
  76.6666666667% {
    -webkit-mask: conic-gradient(transparent 76.6666666667%, #000 76.6666666667%);
            mask: conic-gradient(transparent 76.6666666667%, #000 76.6666666667%);
  }
  78.3333333333% {
    -webkit-mask: conic-gradient(transparent 78.3333333333%, #000 78.3333333333%);
            mask: conic-gradient(transparent 78.3333333333%, #000 78.3333333333%);
  }
  80% {
    -webkit-mask: conic-gradient(transparent 80%, #000 80%);
            mask: conic-gradient(transparent 80%, #000 80%);
  }
  81.6666666667% {
    -webkit-mask: conic-gradient(transparent 81.6666666667%, #000 81.6666666667%);
            mask: conic-gradient(transparent 81.6666666667%, #000 81.6666666667%);
  }
  83.3333333333% {
    -webkit-mask: conic-gradient(transparent 83.3333333333%, #000 83.3333333333%);
            mask: conic-gradient(transparent 83.3333333333%, #000 83.3333333333%);
  }
  85% {
    -webkit-mask: conic-gradient(transparent 85%, #000 85%);
            mask: conic-gradient(transparent 85%, #000 85%);
  }
  86.6666666667% {
    -webkit-mask: conic-gradient(transparent 86.6666666667%, #000 86.6666666667%);
            mask: conic-gradient(transparent 86.6666666667%, #000 86.6666666667%);
  }
  88.3333333333% {
    -webkit-mask: conic-gradient(transparent 88.3333333333%, #000 88.3333333333%);
            mask: conic-gradient(transparent 88.3333333333%, #000 88.3333333333%);
  }
  90% {
    -webkit-mask: conic-gradient(transparent 90%, #000 90%);
            mask: conic-gradient(transparent 90%, #000 90%);
  }
  91.6666666667% {
    -webkit-mask: conic-gradient(transparent 91.6666666667%, #000 91.6666666667%);
            mask: conic-gradient(transparent 91.6666666667%, #000 91.6666666667%);
  }
  93.3333333333% {
    -webkit-mask: conic-gradient(transparent 93.3333333333%, #000 93.3333333333%);
            mask: conic-gradient(transparent 93.3333333333%, #000 93.3333333333%);
  }
  95% {
    -webkit-mask: conic-gradient(transparent 95%, #000 95%);
            mask: conic-gradient(transparent 95%, #000 95%);
  }
  96.6666666667% {
    -webkit-mask: conic-gradient(transparent 96.6666666667%, #000 96.6666666667%);
            mask: conic-gradient(transparent 96.6666666667%, #000 96.6666666667%);
  }
  98.3333333333% {
    -webkit-mask: conic-gradient(transparent 98.3333333333%, #000 98.3333333333%);
            mask: conic-gradient(transparent 98.3333333333%, #000 98.3333333333%);
  }
  100% {
    -webkit-mask: conic-gradient(transparent 100%, #000 100%);
            mask: conic-gradient(transparent 100%, #000 100%);
  }
}
.summersizzlerquewrapperstats{
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  padding: 20px 0;

}
.quewrapperstats-AnsPointsTable,
.quewrapperstats-AnsPointsTable.Right{flex: 0 0 60%;max-width: 60%;padding-bottom: 3rem;}
.quewrapperstats-AnsThumnails,
.quewrapperstats-AnsPointsTable.Left{flex: 0 0 40%;max-width: 40%;}

.quewrapperstats-AnsPointsTable ul{display: flex;flex-wrap: wrap;}
.quewrapperstats-AnsPointsTable li
{
  flex: 0 0 50%;
  max-width: 50%;
  padding-right: 10px;
  width: 50%;
  flex-wrap: wrap;
}
.quewrapperstats-AnsPointsTable.Left li{flex: 0 0 100%;max-width: 100%;}

.quewrapperstats-AnsPointsTable li > h5{font-size: 14px;}
.quewrapperstats-AnsPointsTable li > p{font-size: 18px;font-weight: 600;}
.quewrapperstats-AnsPointsTable li > p.text-red{color:#ff0000;}
.quewrapperstats-AnsThumnails img.ab--img{border-radius: 25px;margin-bottom: 20px;}
.quewrapperstats-AnsThumnails h5{text-align: center;}

/* Conffeti animation */
.textcontainer{text-align: center;}
.particletext.confetti > .particle {
  opacity: 0;
  position: absolute;
  -webkit-animation: confetti 3s ease-in infinite;
          animation: confetti 3s ease-in infinite;
}
.particletext.confetti > .particle.c1 {
  background-color:rgb(255 201 31);
}
.particletext.confetti > .particle.c2 {
  background-color: rgba(229 66 66);
}
@-webkit-keyframes confetti {
  0% {
    opacity: 0;
    transform: translateY(0%) rotate(0deg);
  }
  10% {
    opacity: 1;
  }
  35% {
    transform: translateY(-800%) rotate(270deg);
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translateY(2000%) rotate(1440deg);
  }
}
@keyframes confetti {
  0% {
    opacity: 0;
    transform: translateY(0%) rotate(0deg);
  }
  10% {
    opacity: 1;
  }
  35% {
    transform: translateY(-800%) rotate(270deg);
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translateY(2000%) rotate(1440deg);
  }
}
.fancyText{font-family: 'Dancing Script', cursive;font-weight: 700;}
.CongratulationText h1.fancyText{color: #E54242;text-align: center;position: relative;}
/*.CongratulationText h1.fancyText::after{
  content: 'Congratulation';
  font-family: 'Dancing Script', cursive;font-weight: 700;
  color: #E54242;text-align: center;
  position: absolute;
  bottom: 1px;
  left: 50%;transform: translateX(-50%);
}*/
.ReWardTopIMg{margin-top: -110px;}

/* Profile Css */
.frengageUser--profile{text-align: center;margin: 30px 0px;}
.frengageUser--profile--img{position: relative;display:table;margin: 0 auto;}
.frengageUser--profile--img a
{
  position: absolute;
    bottom: 10px;
    background: #33429A;
    width: 30px;
    height: 30px;
    border-radius: 20px;
    line-height: 30px;
    right: 4px;
}
.frengageUser--profile h5.UsrName{margin-top: 15px;}
.freengage--profilenav .nav-tabs li.nav-item a.nav-link{
  display: flex;
  align-items: center;
  color: #000;
  border-bottom: 1px solid #DCDCDC;
  border-radius: 0px;
  font-size: 13px;
  padding: 12px 15px;
}
.freengage--profilenav .nav-tabs li.nav-item{margin: 0px;}
.freengage--profilenav .nav-tabs li.nav-item a.nav-link.active,
.freengage--profilenav .nav-tabs li.nav-item a.nav-link:hover{color: #fff;background: #33429A;}
.freengage--profilenav .nav-tabs li.nav-item a.nav-link.active{border-bottom: 0px;}
.freengage--profilenav .nav-tabs li.nav-item a.nav-link span.fs-7{font-weight: 500;font-size: 14px!important;}
.freengage--profilenav .nav-tabs li.nav-item span.d-flex.flex-column.align-items-start
{
  width: 100%;
  position: relative;
}

.freengage--profilenav .nav-tabs li.nav-item a.nav-link span label
{
  position: absolute;
    right: 0;
    background: #F89E1B;
    width: 20px;
    height: 20px;
    color: #fff;
    border-radius: 30px;
    font-size: 12px;
    line-height: 20px;
}
span.material-icons{margin-right: 15px;}
.tab-tableContent tbody tr{border-bottom: 1px solid #DCDCDC;}
.tab-tableContent tbody tr td{padding: 1.5rem 15px;}
.card-body.frengage--MyProfile{padding: 0px;}
.save--Formbtn > .btn{background: #33429A;border-color: #33429A;}
.save--Formbtn > .btn:hover{border-color: #50CD89;}
.form-group-frengage{margin-bottom: 1rem;}
.form-group-frengage .form-label > span{color: #FF4155;}
.wallet-card--bg{
  background: linear-gradient(104.42deg, #262F67 -0.2%, #232F9D 34.1%, #5E75FF 69.05%, #0B196B 97.13%);
border-bottom: 1px solid #1126A6;
padding: 3.5rem 1.5rem;
    border-radius: 19px;
    display: flex;
flex-wrap: wrap;
align-items: center;
}
.wallet-details
{
  align-content: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  padding: 20px;
}
.user--bankaction ul li a{
  border: 2px solid #999;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 15px;
    color: #000;
    font-weight: 500;
    border-radius: 5px;
    margin-bottom: 15px;
    position: relative;
    overflow: hidden;
    z-index: 9;
}
.user--bankaction ul li a > p{margin-bottom: 0px;font-size: 16px;}


.user--bankaction ul li a:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #051a71;
  transform: translateX(-100%);
  transition: 0.3s ease-in-out;
  z-index: -1;
}
.user--bankaction ul li a:hover {
  color: #c1caef;
}
.user--bankaction ul li a:hover:before {
  transform: translateX(0);
}

.frengagelike--list
{
  display: flex;
    align-items: center;
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-top: 1px solid #DCDCDC;
    padding: 5px 1.5rem;
    position: relative;
}
.frengagelike--list > h6,.player--RankBox > h6{margin-left: 15px;font-size: 14px;font-weight: 500;}
.frenGage--feedpost .feedfooter ul.reaction-tabs{padding: 1.5rem;padding-bottom: 0;}
.playerlike--img.commetntbox--img{align-self: flex-start;}

.player--commetsbox,.player--RankBox{margin:0 15px;}
.player--commetsbox > h6,.player--commetsbox > p,
.player--RankBox > h6,.player--RankBox > p{margin: 0px;text-transform: capitalize;}

.tab-slider--nav {
  width: 100%;
  float: left;
  margin-bottom: 20px;
}

.tab-slider--tabs {
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  overflow: hidden;
  background: #fff;
   -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.tab-slider--tabs:after {
  content: "";
  width: 50%;
  background: #33429A;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 250ms ease-in-out;
  border-radius: 9px;
}
.tab-slider--tabs.slide:after {
  left: 50%;
}

.tab-slider--trigger {
  font-size: 22px;
  line-height: 1;
  font-weight: 500;
  color: #000;
  text-transform: capitalize;
  text-align: center;
  padding: 11px 20px;
  position: relative;
  z-index: 2;
  cursor: pointer;
  display: inline-block;
  transition: color 250ms ease-in-out;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.tab-slider--trigger span{color:#909090;margin-left: 10px;}

.tab-slider--trigger.active,.tab-slider--trigger.active span {
  color: #fff;
}

.tab-slider--body {
  margin-bottom: 20px;
}
/* Follwers Details */
.frengage--fllw-fllwing--wrapper
{
  display: inline-block;
    width: 100%;
    height: 300px;
    overflow-y: scroll;
}
.frengagefllw-fllwing--list
{
  display: flex;
    align-items: center;
    padding-bottom: 5px;
    margin-bottom: 5px;
    border: 1px solid #DCDCDC;
    padding: 5px 1.5rem;
    position: relative;
    border-radius: 9px;
}
.followrsActionBtn
{
  display: flex;
  justify-content: flex-end;
  flex: auto;

}
.frengagefllw-fllwing--list .player--RankBox{width: calc(100% - 30%);max-width: 100%;}


.followrsActionBtn button.dropdown-toggle i{font-weight: 600;color: #1A1A1A;}
.followrsActionBtn button.dropdown-toggle:after{display: none;}
.followrsActionBtn button.dropdown-toggle.btn-secondary:focus i,
.followrsActionBtn button.dropdown-toggle.btn-bluelight:focus i{color: #fff;}

.btn.btn-bluelight
{
  color: #1A1A1A;
    border-color: #208E9D;
    background-color: #208E9D;
    border-radius: 20px;
}
.btn.btn-bluelight:hover,.btn.btn-bluelight:focus{color: #fff;}

.select--avtarmodal{display: flex;flex-wrap: wrap;}
.players-um-knw--list.select--avatarbox .players-um-knw--list--img{margin: 0 5px 5px 0;flex: 0 0 72px;max-width: 72px;}

/* playerScoreCard */
.playerScoreCard .shareProfileDropdown{position: absolute;top: 18px;right: 20px;}
.playerScoreCard .shareProfileDropdown .dropdown-toggle{border: 0;background: transparent;padding: 0;}
.playerScoreCard .shareProfileDropdown .dropdown-toggle::after{display: none;}
.playerScoreCard .shareProfileDropdown ul.dropdown-menu.show{
  display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 3rem 0rem;
    min-width: 260px;
    max-width: 100%;
    justify-content: center;
}
.playerScoreCard .shareProfileDropdown ul.dropdown-menu > p{flex: 0 0 100%;max-width: 100%;}
.playerScoreCard .shareProfileDropdown ul.dropdown-menu > li{padding: 0 15px;}

/* suggested css start */
.advance-searchpage{max-width: 900px;margin: 0 auto;}
.suggestedBox--img{margin-bottom: 15px;}
.suggestedBoxLis{padding: 15px;text-align: center;
  border: 1px solid #C2C2C2;
  border-radius: 19px;
  position: relative;
  margin-bottom: 15px;
}
.suggestedBoxLis > h3{margin: 0px;text-transform: capitalize;}
.suggestedBoxLis > a.text-more{display: table;margin: 0 auto;margin-top: 10px;text-decoration: underline;}
.suggestedBoxLis > input.btn.btn-secondary.bubbly-button{padding: 5px 3rem;border-radius: 7px;}
a.card-close > i{font-family: Font Awesome\ 5 Free;font-weight: 600;position: absolute;top: 15px;right: 15px;}

.search-frienddropdownList{padding: 2rem 0;}
.search-frienddropdownItem{display: flex;align-items: center;flex-wrap: wrap;padding: 10px 15px 10px 15px;
  border-bottom: 1px solid #ACACAC;
}
.search-frienddropdownItem:last-child{border: 0;}
.frienddropdownItem--img{align-self: flex-start;margin-right: 20px;}
.frienddropdownItem--action{justify-self: flex-end;flex: auto;text-align: right;}
.frienddropdownItem--action .btn{padding: 6px 2.5rem;font-size: 14px;}
.SuggestedToggle.suggestedBoxMore {display:flex;margin: 0;padding: 0;}
.frienddropdownItem--Info > h4{font-size: 16px;}
.suggestedBoxList .modal-dialog,.max-900 .modal-dialog{max-width: 900px;}
.suggestedBoxList .modal-dialog > .modal-content .modal-body .suggestedBoxLis{border: 0;padding: 0px;}
.suggestedBoxList .modal-dialog > .modal-content .modal-body .suggestedBoxLis .primary-table tbody tr td{text-align: left;}

.modalUnfollow{position: absolute;top: 50%;right: 0;transform: translateY(-50%);}

.CongratulationText
{
    background: url(../media/confetti.svg);
    background-size: cover;
    background-position: center;
}

table.table-borderd.score-cardTable tbody td{text-align: center;}
table.table-borderd.score-cardTable > tbody td:first-child,
table.table-borderd.score-cardTable > thead th:first-child{text-align: left;}

/*Notification*/
.NotificationItem{padding: 10px 15px;
    background: #fff;
    margin-bottom: 8px;
    box-shadow: 0px 0px 20px 0px rgb(76 87 125 / 2%);
    display: flex;
    justify-content: space-between;
  }
  .NotificationItem p{margin-bottom: 0px;font-weight: 500;}
  .NotificationItem span{color: #787878;min-width: 35px; margin-left: 10px;}

.JCH-tableStyle.primary-table tbody tr td{padding: 6px 15px;}
.slider-container{position: relative;}
.slider-container .controls .prev{position: absolute;left: 0;z-index: 999;top: 50%;transform: translateY(-50%);}
.slider-container .controls .next{position: absolute;right: 0;z-index: 999;top: 50%;transform: translateY(-50%);}
.slider-container .controls i{font-size: 24px;
    width: 36px;
    height: 36px;
    text-align: center;
    line-height: 36px;
    background: #f89e1b;
    color: #fff;
    border-radius: 30px;
    cursor: pointer;
}


.quizspot-slider .slider-item .card{margin-right: 15px;}
#tns1-mw .tns-inner{margin: 0 -15px 0 0!important;}
.players-um-knw--list .players-um-knw--list--img > p
{
  font-size: 11px;
  overflow: hidden;
  margin-bottom: 0;
  text-align: center;
  min-height: 30px;
}

/*My contest --title*/
.text-shadow-o{color: #F8BE35;text-shadow: 1px 2px 2px #000;}
.upc-home{justify-content: space-between;align-items: center;}

.newscarousel .carousel-item .newsbox{
    padding: 15px 0px 0;
    margin-bottom: 8px;
}
.newscarousel .carousel-item .newsbox .newsgroup{display: flex;justify-content: space-between;}
.newscarousel .carousel-item .newsbox .newsgroup > dt{font-weight: 500;}
.newscarousel .carousel-item .newsbox .newsgroup > h4{padding-right: 15px;width: calc(100% - 85px);}
.newscarousel .carousel-item .newsbox p{
  max-height: 105px;
  min-height: 105px;
  display: block;
  display: -webkit-box;
  max-width: 100%;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 13px;
}
.newscarousel .carousel-item .newsbox a{color: #F89E1B;}

.newsmodel img,
.newsmodel video{
  max-width: 100%;
  width: auto!important;
  height: auto!important;
display: block;
margin: 0 auto 15px;
}
.newsmodel p,.newsmodel a{word-break: break-word;text-align: left;
   padding: 0 15px!important;}

.my-nodata{max-height: 207px;}


@media only screen and (min-width: 1420px) {

}

@media only screen and (min-width: 1200px) {
  .frengage--fllw-fllwing--wrapper .frengagefllw-fllwing--list{
    display: flex;
    width: calc(50% - 5px);
    max-width: 50%;
    float: left;
    margin-right: 5px;

  }

}
@media only screen and (min-width: 991px) {
  .players-um-knw--list--img:nth-child(6),
  .players-um-knw--list--img:last-child{margin-right: 0px;}

}

@media only screen and (min-width: 577px) {
    .mobile--frontgrpahic{display: none;}
}

@media only screen and (max-width: 1440px) {
    .freengage--Inputforms---inner{max-width: 80%;padding: 3rem;}
    .fronscreensGraphic--img > img{max-width: 460px;}
    .freengage--fronscreensInputforms ul.social-links li a{padding: 10px 1.5rem;}
}
@media only screen and (max-width: 1369px) {
    .freengage--Inputforms---inner{padding: 1rem 3rem;}
    h1.title-style1{font-size: 2.25rem;}
    .freengage--Inputforms---inner img.freengage--logo{max-height: 80px;margin-bottom: 15px;}
    a.btn.bg-dark.text-white.joinnow-btn-secondary{padding: 0.5rem 1rem !important;font-size: 13px;}
}

@media only screen and (min-width: 768px) and (max-width: 1300px) {
    table.score-cardTable.primary-table{table-layout: fixed;}
    table.score-cardTable.primary-table th,table.score-cardTable.primary-table td{font-size: 12px;padding: 0.75rem 5px;
    vertical-align: top;}
}

@media only screen and (max-width: 1280px) {
    .fronscreensGraphic--img > img{max-width: 460px;}
    .freengage--fronscreensInputforms ul.social-links li a{padding: 10px 1rem;font-size: 14px;height: auto;}
    .freengage--Inputforms---inner{max-width: 90%;}
    .tab-slider--trigger{font-size: 20px;}
    .player--RankBox > p{font-size: 12px;}

    .QuizType--listViewWrapper .accordion-item, .Scheduled-ContestsView .QuizType--listView{padding: 1.25rem 15px;}
    .QuizType--listView-details{flex: 0 0 70%;padding: 0 10px 0 15px;}
    .QuizType--listView-details dt{font-size: 12px;}
    .QuizType--listView-details > h3{font-size: 20px;}
    .QuizType--listView-details > ul li{margin-right: 10px;font-size: 12px;}
    .players-um-knw--list .players-um-knw--list--img > p{font-size: 0.72rem;}
}

@media only screen and (max-width: 1280px) {

}

@media only screen and (min-width: 768px) and (max-width: 1200px) {
  .card.card-xl-stretch{height: calc(100% - var(--bs-gutter-y));}
}
@media only screen and (max-width: 1024px) {
    .freengage--fronscreensInputforms ul.social-links li a{padding: 8px 1rem;font-size: 13px;}
    .freengage--fronscreensInputforms .btn.btn-primary,
    .freengage--fronscreensInputforms input.form-control{height: 46px;}
    h1.title-style1{font-size: 2rem;}
    .btn.btn-secondary,
    .frengage--folloerslist ul li .btn.btn-secondary.bubbly-button{font-size: 1rem;}
    ul.listof-candidates li > label{font-size: 13px;}
    .upc-quiz--dateinfo > label{font-size: 12px;}
    .followes--details .btn.btn-secondary.bubbly-button{padding: 7px 15px;}
    .QuizType--listView .listView--quiz--thum{height: 57px;flex: 0 0 57px;max-width: 57px;}
    .QuizType--listView-details{flex: 0 0 72%;max-width: 72%;}

}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .card.card-xl-stretch{height: calc(100% - var(--bs-gutter-y));}
  .players-um-knw--list .players-um-knw--list--img
  {
    flex: 0 1 calc(20% - 1px);
    margin: 0 1px 15px 0;
  }
}

@media only screen and (max-width: 991px) {
    .freengage--Inputforms---inner{max-width: 100%;padding:1rem 1.5rem;}
    .freengage--fronscreensInputforms ul.social-links li a{font-size: 12px;}
    .fronscreensGraphic--img > img{max-width: 350px;}
    h1.title-style1{font-size: 1.75rem;}
    .freengage--fronscreensInputforms input.form-control{font-size: 14px;}
    .h3,h3{font-size:calc(1.16rem + 0.12vw);}
    .quizType-mt-100{margin-left: 15px;margin-right:15px;}
    .quizetype-ThumImg a.play-circle{height: 40px;width:40px;line-height:40px;}
    .quewrapperstats-AnsPointsTable,
    .quewrapperstats-AnsPointsTable.left, .quewrapperstats-AnsPointsTable.Right{flex: 0 0 100%;max-width: 100%;}

    .summersizzlerquewrapperstats{flex-direction:column;align-items: flex-start;}
    .quewrapperstats-AnsThumnails{flex: 0 0 50%;max-width: 50%;margin-bottom: 20px;}
    .quewrapperstats-AnsPointsTable li > h5{font-size: 12px;}
    .quewrapperstats-AnsPointsTable li > p{font-size: 16px;}
    .frengage--folloerslist ul li .followes--avtar{flex: 0 0 50px;max-width: 50px;}
    .material-symbols-rounded,.material-symbols-outlined{font-size: 20px;}
    span.material-icons{margin-right: 10px;}
    .freengage--profilenav .nav-tabs li.nav-item a.nav-link{padding: 12px 10px;}
    .wallet-details{padding: 0px;}
    .wallet-card--bg > .col-lg-6{flex: 0 0 50%;flex: 0 0 50%;}
    .user--bankaction ul li a > p{font-size: 14px;}
    .tab-slider--trigger{font-size: 18px;}
    .QuizType--listView{flex-wrap: wrap;}
    .QuizType--listView-details{flex: 0 0 85%;max-width: 85%;}
    .QuizType--listView-action{margin-left: 70px;}
    .QuizType--listView .QuizType--listView-action button.accordion-button{display: inline-block; width: auto; margin-left: 10px;}

    .Inputforms-wrapper .form-group .input-icons{top: 20px;}
    .quizetype-ThumImg a.play-circle{bottom: 0px;}
    .header-bg-primary{padding-top: 5rem;padding-bottom: 5rem;}

    .players-um-knw--list .players-um-knw--list--img > p{font-size: 0.7rem;}

}
@media only screen and (max-width: 767px) {
    p,a{font-size: 13px;}
    .fronscreensGraphic--img > img{max-width: 90%;}
    .freengage--Inputforms---inner img.freengage--logo{max-height: 60px;}
    h1.title-style1{font-size: 1.5rem;}
    .freengage--fronscreensInputforms .btn.btn-primary, .freengage--fronscreensInputforms input.form-control{height: 40px;}
    .freengage--fronscreensInputforms .btn.btn-primary{font-size: 16px;}
    .freengage--fronscreensInputforms ul.social-links li a{font-size: 16px;padding: 6px 0.5rem;text-align: center;height: 40px;width: 40px;display: flex;align-items: center;justify-content: center;}
    .freengage--fronscreensInputforms ul.social-links div:first-child li a{background: #DF4032;color: #fff;border-color: #DF4032;}
    .freengage--fronscreensInputforms ul.social-links div:nth-child(2) li a{background: #1C4B99;color: #fff;border-color: #1C4B99;}
    /*.freengage--fronscreensInputforms ul.social-links div li:last-child a{background: #151515;color: #fff;}*/


    .freengage--fronscreensInputforms ul.social-links li a span{display: none;}
    ul.social-links li a > i{margin: 0px;font-size: 18px;color: #fff;}
    .freengage--fronscreensInputforms ul.social-links li{margin-right: 10px;}
    .freengage--fronscreensInputforms ul.social-links{justify-content: center;}
    .quewrapperstats-AnsThumnails{flex: 0 0 100%;max-width: 100%;}
    .quewrapperstats-AnsThumnails img.ab--img{width: 100%;}
    .summersizzlerquewrapper{flex-direction: column;}
    .summersizzlerqueOptions .form-check.form-check-custom{max-width: 235px;}
    ul.listof-candidates{justify-content: flex-start;}
    .quizcontent-megaleage .card-body{margin-bottom: 1.5rem;}
    .freengage--profilenav .nav-tabs li.nav-item{width: 100%;}
    .feedUserPostDetails .postUserName{font-size: 14px;}
    .feedUserPostDetails .postTime{font-size: 10px;}
    /*.players-um-knw--list .players-um-knw--list--img{
        flex: 0 0 59px;
        max-width: 59px;
        margin: 0 4px 15px 0;
    }*/

    .quizbox-item{width: calc(100% / 2);}
    .QuizHT-notification{
      position: fixed;
      top: 15px;
      z-index: 9999;
      width: auto;
      padding-right: 0px;
      right: 0;
    }
    .verfication-inputs input.form-control{font-size: 24px!important;line-height: normal;}
    .summersizzlerqueImgVid{flex: 0 0 100%;max-width: 100%;}

    .players-um-knw--list .players-um-knw--list--img > .players-list--imgHover
    {
      max-width: 80px;
      margin: 0 auto;
    }
    .players-um-knw--list .players-um-knw--list--img > p{font-size: 0.85rem;}
    .md-hideBredcrum{display: none;}

}
@media only screen and (max-width: 576px) {
    .freengage--fronscreensGraphic,
    .freengage--fronscreensInputforms{max-width: 100%;flex: 0 0 100%;}
    .freengage--Inputforms---inner{max-width: 310px;margin: 0 auto;}
    .freengage--fronscreensGraphic{display: none;}
    h3{font-size: 1.25rem;}
    .Inputforms-wrapper{margin-top: 0px;}
    .quewrapperstats-AnsPointsTable li{flex: 0 0 100%;max-width:100%;}
    .QuizType--listView-details{flex: 0 0 100%;max-width: 100%;padding: 0;margin: 10px 0;}
    .QuizType--listView-action{margin-left: 0px;}
    .frengage--fllw-fllwing--wrapper{display: flex;flex-wrap: wrap;height: 400px;}
    .frengagefllw-fllwing--list{
      display: inline-flex;
      align-items: center;
      flex-direction: column;
      justify-content: center;
      padding: 15px 15px;
      flex: 0 0 50%;
      max-width: 47%;
      margin: 5px;
    }
    .frengagefllw-fllwing--list .player--RankBox{margin: 10px 0;text-align: center;}
    .playerlike--img.commetntbox--img{align-self: center;}
    .frenGage--feedpost .feedfooter .modal-dialog .modal-content .frengagelike--list > .playerlike--img.commetntbox--img{align-items: flex-start;}
    .header-bg-primary .card-body .d-flex.align-items-center{flex-direction: column;}
    .c_timer{flex-wrap: wrap;}
    .c_timer div{margin-bottom: 5px;}

    .all-feed .frenGage--feedpost.feedpost-profile{flex: 0 0 100%;max-width: 100%;}

    .head_div_sa.menu.menu-sub.show{max-width: 100%; min-width: 220px;}
    .summer-sizzler--box{padding: 15px;}
    .upc-quiz--dateinfo > label{font-size: 10px;padding: 10px;}
    .upc-home{flex-direction: column;align-items: flex-start;}

}
@media only screen and (max-width: 480px) {
  .QuizType--listView-details > ul{flex-direction: column;}
  .QuizType--listView-details{text-align: center;}
  .QuizType--listViewWrapper .accordion-item, .Scheduled-ContestsView .QuizType--listView{justify-content: center;}
  .QuizType--listView-action, .QuizType--listView .listView--quiz--thum{margin: 0 auto;}
  .wallet-card--bg .col-lg-6{flex: 0 0 100%;max-width: 100%;}
  .players-um-knw--list .players-um-knw--list--img{flex: 0 1 calc(25% - 8px);}


  .players-um-knw--list .players-um-knw--list--img:nth-child(9),
  .players-um-knw--list .players-um-knw--list--img:nth-child(10){display: none;}

    .quizbox-item{width: calc(100% / 1);}
}
@media only screen and (max-width: 420px) {
  .frengagefllw-fllwing--list{flex: 0 0 100%;max-width: 95%;}
  .tab-slider--tabs.slide::after{top: 50%;left: 0;}
  .tab-slider--tabs::after{height: 50%;width: 100%;}

    .frengage--folloerslist ul li{flex-wrap: wrap;}
    .frengage--folloerslist ul li .followes--details{width: calc(100% - 65px);}
    .frengage--folloerslist ul li .btn.btn-secondary.bubbly-button
    {
        margin-left: 60px;
        padding: 4px 15px;
        margin-top: 5px;
        min-width: 95px;
    }

    .tab-slider--trigger{display: block;
    width: 100%;
    text-align: left;}
    .tab-slider--tabs{width: 100%;}
}

@media only screen and (max-width: 400px) {
  .players-um-knw--list .players-um-knw--list--img{flex: 0 1 calc(33.33% - 8px);}
  .players-um-knw--list .players-um-knw--list--img:nth-child(7),
  .players-um-knw--list .players-um-knw--list--img:nth-child(8),
  .players-um-knw--list .players-um-knw--list--img:nth-child(9),
  .players-um-knw--list .players-um-knw--list--img:nth-child(10){display: none;}


}

@media only screen and (max-width: 320px) {
    .freengage--Inputforms---inner{max-width: 100%;margin: 0 auto;}
}


.heading_sec{
	background: #f89e1b;
    color: #fff;
    padding: 10px 5px;
    border-radius: 0.625rem 0.625rem 0 0 !important;
    position: relative;
}

.border_redi_bottom{
	border-radius: 0 0 0.625rem 0.625rem !important;
}
.margin_top_35{
  margin-top: -36px;
}
.d_flex1 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 8px;
}
.lef_icon_box {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}
.border_card {
    border: 1px solid #EFF2F5 !important;
}
.weekentext {
  font-weight: 400;
  font-size: 15px;
}
.text_green {
  color: #4CAF50 !important;
}
.conitimg {
  text-align: center;
  border-radius: 8px;
  display: block;
  margin: 0 0 17px;
}
.text_yellow {
  color: #ffb300;
}

.star_8 {
  background: #33429a;
  width: 40px;
  height: 40px;
  position: relative;
  position: absolute;
  font-size: 15px;
  z-index: 1;
  top: 7px;
  left: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.star_8:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 40px;
  width: 40px;
  background: #33429a;
  transform: rotate(135deg);
  z-index: -1;
  display: grid;
  place-items: center;
}

.modal-dialog.max_width_356 {
  max-width: 456px;
}


.f4list li{display: inline-block; padding: 0px 10px;}
.f4list li a{    color: #33429A;}
.f4list li a:hover{ color: #F89E1B;}

.react-datepicker-wrapper{
  width: 100%;
}