/*--------------------------------------------------------------------------------------*/


/*General-Css-Here
/*--------------------------------------------------------------------------------------*/

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

p {
    margin: 0;
}

body {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

a {
    -webkit-transition: 0.5s ease-out;
    -moz-transition: 0.5s ease-out;
    -o-transition: 0.5s ease-out;
    transition: 0.5s ease-out;
}

ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
figure {
    margin: 0;
    padding: 0;
}

img {
    max-width: 100%;
}

.site_content {
    display: block;
    padding-top: 89px;
}

.site_content::after,
.site_content::before {
    display: table;
    clear: both;
    content: "";
}

a:hover {
    text-decoration: none;
}

header,
footer,
section {
    display: block;
}

address {
    margin: 0;
}

.container::after,
.container::before {
    display: table;
    clear: both;
    content: "";
}

[type="radio"]:checked,
[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

[type="radio"]:checked+label,
[type="radio"]:not(:checked)+label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
}

[type="radio"]:checked+label::before,
[type="radio"]:not(:checked)+label::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #ddd;
    border-radius: 100%;
    background: #fff;
}

[type="radio"]:checked+label::after,
[type="radio"]:not(:checked)+label::after {
    content: "";
    background: #24c4e9;
    width: 12px;
    height: 12px;
    position: absolute;
    top: 3px;
    left: 3px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

[type="radio"]:not(:checked)+label::after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

[type="radio"]:checked+label::after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

a:focus {
    outline: 0;
}

.btn.focus,
.btn:focus {
    outline: 0;
    box-shadow: none;
}

button:focus {
    outline: 0;
}

select {
    appearance: none;
}

.container {
    max-width: 1170px;
}

.common_title h2 {
    text-align: center;
    font-size: 30px;
    font-weight: 700;
    color: #cf8b46;
    padding-bottom: 40px;
}

.md-form input[type="date"]:focus:not([readonly]),
.md-form input[type="datetime-local"]:focus:not([readonly]),
.md-form input[type="email"]:focus:not([readonly]),
.md-form input[type="number"]:focus:not([readonly]),
.md-form input[type="password"]:focus:not([readonly]),
.md-form input[type="search-md"]:focus:not([readonly]),
.md-form input[type="search"]:focus:not([readonly]),
.md-form input[type="tel"]:focus:not([readonly]),
.md-form input[type="text"]:focus:not([readonly]),
.md-form input[type="time"]:focus:not([readonly]),
.md-form input[type="url"]:focus:not([readonly]),
.md-form textarea.md-textarea:focus:not([readonly]) {
    box-shadow: 0 1px 0 0 #ffee04;
    border-bottom: 1px solid #ffee04;
}

.md-form input[type="date"]:focus:not([readonly])+label,
.md-form input[type="datetime-local"]:focus:not([readonly])+label,
.md-form input[type="email"]:focus:not([readonly])+label,
.md-form input[type="number"]:focus:not([readonly])+label,
.md-form input[type="password"]:focus:not([readonly])+label,
.md-form input[type="search-md"]:focus:not([readonly])+label,
.md-form input[type="search"]:focus:not([readonly])+label,
.md-form input[type="tel"]:focus:not([readonly])+label,
.md-form input[type="text"]:focus:not([readonly])+label,
.md-form input[type="time"]:focus:not([readonly])+label,
.md-form input[type="url"]:focus:not([readonly])+label,
.md-form textarea.md-textarea:focus:not([readonly])+label {
    color: #ffee04;
}

select.form-control {
    color: #acacac;
    background: #fff url(../images/arrow-select.png);
    background-repeat: no-repeat;
    background-position: right 15px center;
}


/*--------------------------------------------------------------------------------------*/


/*animation-effects-Css-Here  sdfohoshol
/*--------------------------------------------------------------------------------------*/

.hvr-sweep-to-right:hover,
.hvr-sweep-to-right-purple:hover,
.hvr-sweep-to-right:focus,
.hvr-sweep-to-right-purple:focus,
.hvr-sweep-to-right:active,
.hvr-sweep-to-right-purple:active {
    color: white;
}

.hvr-sweep-to-right,
.hvr-sweep-to-right-purple {
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    overflow: hidden;
    cursor: pointer;
}

.hvr-sweep-to-right:before,
.hvr-sweep-to-right-purple:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #4ee907;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -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;
    overflow: hidden;
}

.hvr-sweep-to-right-purple:before {
    background: #00c9dd;
}

.hvr-sweep-to-right,
:hover:before,
.hvr-sweep-to-right-purple:hover:before,
.hvr-sweep-to-right:focus:before,
.hvr-sweep-to-right-purple:focus:before,
.hvr-sweep-to-right:active:before,
.hvr-sweep-to-right-purple:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

.common-btn {
    height: 44px;
    font-size: 16px;
    font-weight: 700;
    border-radius: 8px;
    color: #fff !important;
    border: 0;
    min-width: 159px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.big-btn {
    width: 250px;
}

.shape-2,
.shape-1,
.shape-4,
.green-shape-left {
    animation-name: zoom-fade;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -webkit-animation-name: zoom-fade;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: zoom-fade;
    -moz-animation-duration: 3s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: zoom-fade;
    -ms-animation-duration: 3s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: zoom-fade;
    -o-animation-duration: 3s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
}

@-webkit-keyframes zoom-fade {
    0% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
}

@keyframes zoom-fade {
    0% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
}


/*--------------------------------------------------------------------------------------*/


/*Header-Css-Here
/*--------------------------------------------------------------------------------------*/

.navbar {
    padding: 0;
}

.nave-bar {
    display: flex;
    align-items: center;
}

ul#hide-menu {
    padding-left: 35px;
}

header {
    padding: 13px 0;
    background: #000;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    z-index: 100;
    box-shadow: 0 3px 10px rgb(0 0 0 / 26%);
}

.navbar.navbar-expand-lg {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.navbar-nav li a:hover {
    color: #4ee907 !important;
}

.navbar-nav li a:hover:after {
    border-color: #4ee907;
}


/*--------------------------------------------------------------------------------------*/


/*footer
/*--------------------------------------------------------------------------------------*/

footer {
    background: #222;
    position: relative;
}

.footer-content .footer-logo {
    margin-bottom: 15px;
    display: inline-block;
}

.footer-menu {
    padding: 100px 0 100px 0;
}

.footer-content h3 {
    font-size: 16px;
    padding-bottom: 15px;
    color: #fff;
    position: relative;
    font-weight: 500;
}

.footer-bottom {
    padding: 15px 0;
    background: #131313;
}

.copyright-text p {
    font-size: 14px;
    color: #dbdbdb;
    text-align: center;
    margin-bottom: 0;
}

.footer-social {
    display: flex;
    align-items: center;
}

.footer-social li {
    padding-right: 5px;
}

.footer-social li a {
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    border: 1px solid #4ee907;
}

.footer-social li a:hover {
    background: #0da22c;
    background: -moz-linear-gradient( top, rgba(13, 162, 44, 1) 0, rgba(78, 233, 7, 1) 100%);
    background: -webkit-linear-gradient( top, rgba(13, 162, 44, 1) 0, rgba(78, 233, 7, 1) 100%);
    background: linear-gradient( to bottom, rgba(13, 162, 44, 1) 0, rgba(78, 233, 7, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#0da22c', endColorstr='#4ee907', GradientType=0);
}

.content-info-mail ul li a {
    font-size: 14px;
    color: #00c9dd;
    margin-bottom: 10px;
    text-decoration: underline;
}

.social-title {
    font-size: 18px;
    color: #fff;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.content-info-mail {
    padding-bottom: 30px;
}

.footer-content li {
    padding: 5px 0;
    margin-right: 10px;
}

.footer-content li a {
    font-size: 14px;
    color: #dbdbdb;
    text-decoration: none;
}

.footer-content li a:hover {
    color: #4ee907;
}

.footer-left-content {
    color: #dbdbdb;
    font-size: 14px;
    padding-right: 195px;
}

.footer-social li i {
    font-size: 18px;
}

.footer-social li a:hover i {
    color: #fff;
}

.comm-bg-circle:hover {
    background: #0da22c;
    cursor: pointer;
}


/*--------------------------------------------------------------------------------------*/


/*coustom-check-box
/*--------------------------------------------------------------------------------------*/

.coustom-check-box {
    display: block;
    position: relative;
    padding-left: 28px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.coustom-check-box input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}


/*.remember-box .coustom-check-box{padding-left: 0;}
.remember-box .coustom-check-box input{position: relative; width: 15px; height: 15px; opacity: 1; margin-right: 7px;}*/

.checkmark {
    position: absolute;
    top: 2px;
    left: 0;
    height: 18px;
    width: 18px;
    background-color: #000;
    border-radius: 2px;
}

.coustom-check-box input:checked~.checkmark {
    background-color: #000;
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.coustom-check-box input:checked~.checkmark:after {
    display: block;
}

.coustom-check-box .checkmark:after {
    left: 0;
    top: -3px;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    right: 0;
    bottom: 0;
    text-align: center;
    margin: auto;
}

label.coustom-check-box {
    display: flex;
    font-size: 14px;
    font-weight: 600;
    margin: 0;
    align-items: center;
    color: #000;
}

label.coustom-check-box p {
    font-weight: 400;
    margin: 0;
    font-size: 15px;
    color: #1f1f1f;
}


/*--------------------------------------------------------------------------------------*/


/*login
/*--------------------------------------------------------------------------------------*/

.accounts-page-box {
    display: flex;
    justify-content: center;
    height: 100vh;
}

.accounts-page-box-left,
.accounts-page-box-right {
    flex: 1;
}

.accounts-page-box-right {
    background: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
}

.accounts-page-box-left {
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
}

.common-bg-form {
    width: 356px;
    text-align: left;
}

.account-content h3 {
    font-size: 38px;
    color: #fff;
    padding-bottom: 10px;
}

.account-content p {
    font-size: 16px;
    color: rgb(255 255 255 / 80%);
}

.account-content {
    width: 45%;
    padding-top: 25px;
}

.middle-images {
    padding-top: 20px;
}

.top-from-headning h3 {
    font-size: 28px;
    color: #1f242e;
    padding-bottom: 5px;
    font-weight: 700;
}

.top-from-headning p {
    font-size: 16px;
    color: #6b6e71;
}

.form-control {
    height: 45px !important;
    border: 1px solid #dbdbe6;
    border-radius: 8px;
    font-size: 14px;
}

.form-box {
    margin-top: 35px;
}

.form-control::-webkit-input-placeholder {
    color: #acacac;
}

.form-control:-ms-input-placeholder {
    color: #acacac;
}

.form-control::placeholder {
    color: #acacac;
}

.in-with-icon {
    position: relative;
}

.icon-pos {
    position: absolute;
    left: 20px;
    top: 0;
    bottom: 0;
    margin: auto;
    display: flex;
    align-items: center;
}

.icon-pos i {
    color: C1C5D2;
    font-size: 21px;
}

.in-with-icon .form-control {
    padding-left: 55px;
}

.remember-box {
    display: flex;
    justify-content: space-between;
}

.remember-box .error-message {
    position: absolute;
    left: 0;
    top: 25px;
    font-weight: normal;
}

.btn-box {
    margin-top: 30px;
}

.bottom-text {
    margin-top: 30px;
}

.forget-password {
    font-size: 15px;
    color: #0da22c;
    font-weight: 700;
}

.full-btn {
    width: 100%;
}

.green-btn {
    background: #4ee907;
    background: -moz-linear-gradient( -45deg, rgba(78, 233, 7, 1) 1%, rgba(13, 162, 44, 1) 100%);
    background: -webkit-linear-gradient( -45deg, rgba(78, 233, 7, 1) 1%, rgba(13, 162, 44, 1) 100%);
    background: linear-gradient( 135deg, rgba(78, 233, 7, 1) 1%, rgba(13, 162, 44, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#4ee907', endColorstr='#0da22c', GradientType=1);
}

.not-reg a b {
    color: #0da22c;
    padding-left: 3px;
    font-weight: 500;
}

.forget-password:hover,
.not-reg a:hover b {
    text-decoration: underline !important;
}

.small-text {
    font-size: 14px;
    color: #9598a5;
    padding-top: 10px;
    display: block;
}

.Subscribe-content p {
    font-size: 14px;
    color: #1f242e;
    line-height: 19px;
}

.Subscribe-content {
    padding-top: 25px;
}

.social-list li:hover {
    background: #00c9dd;
    cursor: pointer;
}

.Recommended-Plan-btn a.btn.btn-blue:hover,
ul.footer-schedul-row a.btn.btn-blue:hover {
    box-shadow: 0 2px 6px 3px #00c9dd91;
}


/*--------------------------------------------------------------------------------------*/


/*about
/*--------------------------------------------------------------------------------------*/

.inner-top-padding {
    padding: 140px 0 0;
    position: relative;
}

.about-main {
    padding-bottom: 70px;
}

.about-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.main-inner-heading h2 {
    font-size: 40px;
    color: #1f242e;
    padding-bottom: 10px;
    font-weight: 700;
}

.terms-policy-content p {
    font-size: 14px;
    color: #6b6e71;
    padding-bottom: 10px;
}

.main-inner-heading p {
    font-size: 15px;
    color: #9598a5;
    line-height: 24px;
    margin-bottom: 20px;
}

.about-inner-left {
    width: 53%;
}

.about-inner-right {
    flex: 1;
    text-align: right;
    z-index: 9;
}

.about-main:after {
    position: absolute;
    background: #d3edd9;
    width: 29%;
    height: 430px;
    content: "";
    top: 77px;
    right: 0;
}

.about-inner-right img {
    border-radius: 15px;
    width: 403px;
    height: 430px;
    object-fit: cover;
}


/*--------------------------------------------------------------------------------------*/


/*contact-us
/*--------------------------------------------------------------------------------------*/

.contact-title {
    font-size: 24px;
    color: #000;
    font-weight: 700;
    padding-bottom: 25px;
}

.contact-info-list li span {
    margin-right: 15px;
}

.contact-info-list li span i {
    font-size: 24px;
    color: #fff;
}

.contact-info h6 {
    font-size: 16px;
    color: #0e1f3d;
    font-weight: 700;
    padding-bottom: 5px;
}

.contact-info-list li {
    display: flex;
    align-items: center;
    margin-bottom: 25px;
}

.contact-info-list li a {
    font-size: 16px;
    color: #fff !important;
}

.form-group.textare-box textarea.form-control {
    height: 129px !important;
    resize: none;
}

.contact-form .common-btn {
    width: 188px;
}

.map-box {
    padding-top: 65px;
    border-radius: 35px;
    overflow: hidden;
    padding-bottom: 50px;
}

.contact-us {
    display: flex;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 4px rgb(0 0 0 / 12%);
    overflow: hidden;
}

.contact-us-left {
    width: 400px;
    padding: 35px 40px 20px;
    background: #000;
    position: relative;
}

.shape-3 {
    position: absolute;
    right: 0;
    bottom: 0px;
}

.shape-4 {
    position: absolute;
    right: 78px;
    bottom: 60px;
}

.contact-info a:hover {
    color: #3fd90f !important;
}

.contact-us-right {
    flex: 1;
    padding: 35px 40px 100px;
}

.contact-us-left h3.contact-title {
    color: #fff;
    padding-bottom: 10px !important;
}

.contact-us-left p {
    color: rgb(255 255 255 / 60%);
}

.contact-info-list {
    padding-top: 50px;
}


/*--------------------------------------------------------------------------------------*/


/*contact-us
/*--------------------------------------------------------------------------------------*/

.inner-banner-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 35px 0;
}

.inner-banner-box-L h2 {
    font-size: 40px;
    color: #1f242e;
    font-weight: 700;
}

.inner-banner-box-L {
    width: 40%;
}

.inner-banner-box-R {
    flex: 1;
    text-align: right;
}

.inner-banner-box-L p {
    font-size: 18px;
    color: #000;
    line-height: 30px;
    padding-top: 10px;
}

.shape-2 {
    position: absolute;
    right: -55px;
    top: 50px;
}

.shape-1 {
    position: absolute;
    left: -55px;
    bottom: 50px;
}

.terms-policy-content p {
    font-size: 14px;
    color: #1f242e;
    padding-bottom: 10px;
}

.terms-policy-content-body-box h4 {
    font-size: 22px;
    color: #222;
    padding-bottom: 5px;
    font-weight: 700;
}

.terms-policy-content-body-box {
    margin-top: 20px;
}

.terms-policy-content-list li {
    position: relative;
    padding-left: 20px;
    padding-top: 8px;
}

.terms-policy-content-list li:after {
    position: absolute;
    width: 9px;
    height: 9px;
    background: #0da22c;
    content: "";
    left: 0;
    top: 14px;
}

.terms-policy-content-list {
    padding-left: 20px;
}

.terms-policy-content {
    padding-bottom: 90px;
}

.submenu-submenu {
    padding: 15px 0;
}

.navbar-nav a#close {
    position: absolute;
    top: 45px;
    right: 50px;
    font-size: 36px;
    color: #fff;
    font-weight: 300;
}

.nav-link:after {
    width: 21px;
    height: 21px;
    border: 1px solid #ffffff;
    position: absolute;
    content: "";
    border-radius: 50%;
    left: 60px;
}

.hide-menu {
    background: #222222;
    position: fixed;
    top: 0;
    right: -621;
    z-index: 1;
    width: 621px;
    height: 100%;
    transition: 0.3s;
    padding-top: 150px;
}

.show-menu {
    transition: 0.5s;
    right: 0;
}

button#menu-button {
    border-radius: 0;
    background: transparent;
    padding: 0;
    width: auto;
    height: auto;
    box-shadow: none;
}

button#menu-button:focus {
    outline: 0;
    box-shadow: none;
}

ul.navbar-nav li a.nav-link {
    padding: 25px 115px !important;
    margin: 0 15px;
    font-size: 28px;
    font-weight: 500;
    position: relative;
}

ul.sub-menu {
    position: static;
}

ul.sub-menu li a {
    border-bottom: 1px solid #dddddd17;
}

ul.navbar-nav li.nav-item.active .nav-link::before,
ul.navbar-nav li.nav-item:hover .nav-link::before {
    display: none;
}

.navbar-toggler-icon {
    height: auto;
}

ul.navbar-nav li a {
    color: #fff;
}

ul#hide-menu {
    padding-left: 0;
    overflow: auto;
}


/*--------------------------------------------------------------------------------------*/


/*home
/*--------------------------------------------------------------------------------------*/

.nav-right {
    display: flex;
    align-items: center;
}

.header-info-icon {
    display: flex;
    align-items: center;
}

.comm-bg-circle {
    height: 42px;
    width: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgb(255 255 255 / 11%);
    border-radius: 50%;
    color: #fff;
    font-size: 24px;
    position: relative;
    margin-left: 10px;
}

.notification-icon {
    position: absolute;
    right: 8px;
    top: 7px;
    width: 16px;
    height: 16px;
    background: #ef4361;
    border-radius: 50%;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bg-grey {
    background: #f8f9fb;
}

.space-home {
    padding-top: 77px;
    padding-bottom: 50px;
}

.space-inner {
    padding: 75px 0 0px;
}

.home-title {
    font-size: 34px;
    color: #000;
    font-weight: 700;
    text-align: center;
    padding-bottom: 45px;
}

.upcoming-box-main {
    background: #fff;
    box-shadow: 0 2px 4px rgb(0 0 0 / 12%);
    border-radius: 10px;
    width: 100%;
    padding: 20px 25px;
    margin-bottom: 25px;
}

.home-upcomin .col-md-6 {
    margin-bottom: 30px;
    display: flex;
}

.upcoming-box {
    display: flex;
}

.upcoming-box-L figure {
    width: 116px;
    height: 116px;
    margin-right: 20px;
    border-radius: 10px;
    overflow: hidden;
}

.upcoming-box-L figure img {
    width: 100%;
    height: 100%;
}

.upcoming-box-R {
    flex: 1;
}

.upcoming-box-R-top {
    display: flex;
    justify-content: space-between;
}

.tag-no {
    font-size: 14px;
    color: #878787;
}

.title-name-up {
    font-size: 18px;
    font-weight: 700;
    padding: 3px 0;
}

.price {
    font-size: 22px;
    color: #0da22c;
    font-weight: 700;
    padding: 3px 0;
    display: block;
}

.user-registarion {
    display: block;
    color: #878787;
    font-size: 14px;
    padding-bottom: 2px;
}

.user-registarion i {
    color: #0da22c;
    padding-right: 3px;
}

.paid-position {
    text-align: right;
    display: inline-flex;
    background: rgb(78 233 7 / 12%);
    justify-content: flex-end;
    align-items: flex-end;
    color: #0da22c;
    font-size: 12px;
    padding: 2px 12px;
    border-radius: 16px;
}

.upcoming-box-R-top-right {
    text-align: right;
}

.upcoming-box-R-middle {
    display: flex;
    justify-content: space-between;
    padding-top: 15px;
    padding-bottom: 12px;
}

.calander-box {
    display: flex;
}

.calander-box figure {
    width: 24px;
    margin-right: 8px;
}

.calander-box figure i {
    font-size: 24px;
    color: #000;
}

.calander-box figcaption h6 {
    font-size: 10px;
    color: #101010;
    font-weight: bold;
    text-transform: uppercase;
}

.calander-box figcaption p {
    color: #6b6e71;
    font-size: 12px;
}

.hours-btn {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ff3c3c;
    color: #fff !important;
    border-radius: 2px;
    font-size: 14px;
    padding: 5px 0;
}

.hours-btn i {
    padding-right: 5px;
}

.navbar-nav {
    flex-direction: column !important;
}

.or-sign-title {
    position: relative;
    text-align: center;
}

.or-sign-title:after {
    border: 1px solid #d9e1ef;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    content: "";
    display: flex;
    align-items: center;
    height: 1px;
}

.or-sign-title span {
    font-size: 12px;
    color: #1f1f1f;
    font-weight: 500;
    display: inline-block;
    background: #fff;
    z-index: 1;
    position: relative;
    padding: 0 15px;
}

.or-sign {
    padding-top: 25px;
}

.title-ancor {
    padding-top: 25px;
    display: flex;
    justify-content: space-between;
}

.title-ancor a img {
    width: 170px;
    height: 44px;
}

.back-login a {
    display: flex;
    color: #0da22c;
    font-size: 16px;
    font-weight: 500;
}

.back-login a i {
    font-size: 22px;
}

.verify-box input.form-control {
    width: 75px;
    text-align: center;
    font-size: 22px;
    font-weight: 700;
}

.verify-box {
    display: flex;
    justify-content: space-between;
}

.verify-box input.form-control::-webkit-input-placeholder {
    color: #101010;
}

.verify-box input.form-control:-ms-input-placeholder {
    color: #101010;
}

.verify-box input.form-control::placeholder {
    color: #101010;
}

.combine-group {
    display: flex;
    justify-content: space-between;
}

.combine-group .form-group {
    width: 49%;
}

.signup-form {
    width: 500px;
}

.link-text {
    color: #0da22c !important;
    font-weight: 700;
}


/***/

.file-upload-wrapper {
    position: relative;
    width: 100%;
    height: auto;
}

.file-upload-wrapper:after {
    content: attr(data-text);
    font-size: 14px;
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    padding: 10px 15px;
    display: block;
    width: calc(100% - 40px);
    pointer-events: none;
    z-index: 20;
    height: 45px;
    line-height: 26px;
    color: #999;
    font-weight: 400;
    border: 1px solid #dbdbe6;
    border-radius: 8px;
}

.file-upload-wrapper:before {
    content: "Select";
    position: absolute;
    top: 0;
    right: 0;
    height: 45px;
    background: #0da22c;
    color: #fff;
    font-weight: 500;
    z-index: 25;
    font-size: 16px;
    line-height: 60px;
    padding: 0 15px;
    text-transform: capitalize;
    pointer-events: none;
    border-radius: 0 8px 8px 0;
    display: flex;
    align-items: center;
    width: 90px;
    justify-content: center;
}

.file-upload-wrapper:hover:before {
    background: #3d8c63;
}

.file-upload-wrapper input {
    opacity: 0;
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99;
    height: 45px;
    margin: 0;
    padding: 0;
    display: block;
    cursor: pointer;
    width: 100%;
}

.inner-banner-main {
    background: #f5fdf7;
    overflow: hidden;
    position: relative;
    margin-bottom: 60px;
}

.map-box iframe {
    border-radius: 35px;
}

.inner-banner-box-R img {
    width: 392px;
    height: 344px;
}

.banner-inner-top {
    background: #ffba00;
    height: 225px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.inner-page-title h2 {
    font-size: 36px;
    color: #fff;
    font-weight: 700;
}

.banner-inner-top:after {
    background: url(../images/shape-inner-right.png);
    position: absolute;
    right: -68px;
    top: 15px;
    content: "";
    width: 209px;
    height: 179px;
    background-repeat: no-repeat;
}

.banner-inner-top:before {
    background: url(../images/shape-inner-right.png);
    position: absolute;
    left: -68px;
    top: 15px;
    content: "";
    width: 209px;
    height: 179px;
    background-repeat: no-repeat;
    transform: rotate(180deg);
}

.inner-page-title {
    display: inline-block;
    position: relative;
}

.inner-page-title:after {
    position: absolute;
    content: "";
    background: #ffba00;
    background: -moz-linear-gradient( left, rgba(255, 186, 0, 1) 0, rgba(255, 255, 255, 1) 50%, rgba(255, 186, 0, 1) 100%);
    background: -webkit-linear-gradient( left, rgba(255, 186, 0, 1) 0, rgba(255, 255, 255, 1) 50%, rgba(255, 186, 0, 1) 100%);
    background: linear-gradient( to right, rgba(255, 186, 0, 1) 0, rgba(255, 255, 255, 1) 50%, rgba(255, 186, 0, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffba00', endColorstr='#ffba00', GradientType=1);
    height: 4px;
    width: 102px;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -8px;
}

.about-top {
    text-align: center;
}

.inner-body {
    padding-top: 60px;
    padding-bottom: 110px;
}

.about-top h2,
.inner-page-sub-title {
    font-size: 36px;
    color: #000;
    font-weight: 700;
    padding-bottom: 15px;
}

.inner-body p {
    font-size: 14px;
    color: #6b6e71;
    font-weight: 400;
    line-height: 26px;
}

.inner-page-img img {
    border-radius: 15px;
}

.about-top h2 {
    width: 75%;
    margin: auto;
}

.about-top figure img {
    height: 370px;
    width: 100%;
    object-fit: contain;
    margin-top: 30px;
}

.our-mission.row {
    padding-top: 40px;
    padding-bottom: 40px;
}

.out-team-inner {
    box-shadow: 0 2px 4px rgb(0 0 0 / 16%);
    border-radius: 10px;
    text-align: center;
    overflow: hidden;
}

.out-team-inner figure {
    margin-bottom: 25px;
}

.out-team-inner figcaption h4 {
    font-size: 18px;
    color: #000;
    font-weight: 700;
    padding-bottom: 5px;
}

.out-team-inner figcaption p {
    color: 0da22c;
}

.row.our-team-inner {
    padding-top: 30px;
}

.our-team {
    padding-top: 30px;
}

.our-mission-left.col-md-6 p {
    padding-bottom: 20px;
}

.out-team-inner figcaption {
    padding: 0 20px 25px;
}

.radio-design .checkmark:before {
    right: 0;
    bottom: 0;
    margin: auto;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 1.5px solid #e3e3e3;
    border-radius: 10px;
    content: "";
    box-shadow: 0 2px 4px rgb(0 0 0 / 12%);
}

.questions-blog-content.question-flex span {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #6b6e71;
    border-radius: 50%;
    margin-right: 20px;
}

.radio-design input:checked~.checkmark:before {
    border-color: #ffba00;
}

.radio-design {
    display: block;
    position: relative;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 15px 20px;
    border-radius: 4px;
    display: flex;
    align-items: center;
}

.radio-design input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.radio-design .checkmark {
    background: transparent;
    border-radius: 50%;
    bottom: 0;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.radio-design .checkmark:after {
    content: "";
    position: absolute;
    opacity: 0;
}

.radio-design input:checked~.checkmark:after {
    opacity: 1;
}

.radio-design input:checked~.checkmark:after {
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
    position: absolute;
    right: -10px;
    font-weight: 900;
    width: 20px;
    height: 20px;
    background: #ffba00;
    border-radius: 50%;
    font-size: 11px;
    text-align: center;
    color: #fff;
    top: 11px;
}

.select-data-card {
    display: flex;
}

label.radio-design {
    margin-right: 15px;
}

.questions-blog-content {
    color: #6b6e71;
    z-index: 1;
    font-size: 18px;
    font-weight: 400;
}

.question-flex {
    display: flex;
    align-items: center;
}

.answer-blog {
    display: flex;
    justify-content: space-between;
}

.answer-blog label.radio-design {
    width: 49%;
}

.radio-design input:checked~.checkmark:before {
    background: #0da22c;
    color: #fff;
    border-color: #0da22c;
}

.radio-design input:checked~.questions-blog-content {
    color: #fff;
}

.radio-design input:checked~.questions-blog-content span {
    border-color: #fff;
}

.questions-head h3 {
    font-size: 34px;
    color: #000;
    font-weight: 700;
    padding-bottom: 10px;
}

.questions-head p {
    font-size: 18px;
    color: #6b6e71;
}

.questions-head {
    margin-bottom: 45px;
}

.questions-answred p {
    font-size: 22px;
    color: #0da22c;
    font-weight: 700;
    text-align: right;
    padding-bottom: 30px;
}

.questions-blog {
    font-size: 22px;
    color: #000;
    line-height: 34px;
    font-weight: 400;
    padding-bottom: 15px;
    display: flex;
}

.calander-box-main {
    display: flex;
    justify-content: center;
    border: 1px solid #e3e3e3;
    align-items: center;
    padding: 16px 0;
    margin-top: 12px;
}

.calander-box-main .calander-box {
    padding: 0 100px;
}

.calander-box-main .calander-box figcaption h6 {
    font-size: 14px;
}

.hours-btn.small-hours {
    height: 100%;
    width: auto;
    padding: 5px 10px;
    font-size: 10px;
    margin-left: 15px;
}

.questions-b-box {
    margin-bottom: 50px;
}

.user-name-blog {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 20px;
    margin-bottom: 45px;
}

.user-name-blog-L figure {
    width: 100px;
    height: 98px;
    margin-right: 15px;
    border-radius: 10px;
    overflow: hidden;
}

.user-name-blog-L figure img,
.user-name-blog-R figure img {
    width: 100%;
    height: 100%;
}

.user-name-blog-L {
    display: flex;
    align-items: center;
}

.user-name-blog-L figcaption h3 {
    font-size: 26px;
    color: #000;
    font-weight: 700;
}

.user-name-blog-R {
    display: flex;
    align-items: center;
}

.user-name-blog-R figure {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    margin-right: 10px;
}

.user-name-blog-R figcaption h3 {
    font-size: 18px;
    font-weight: 500;
    color: #000;
}

.yallow-checked input:checked~.checkmark:before {
    background: #feca0f;
    color: #fff;
    border-color: #feca0f;
}

.pink-checked input:checked~.checkmark:before {
    background: #ff3c3c;
    color: #fff;
    border-color: #ff3c3c;
}

.locked-question:after {
    background: #0da22c;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 10px;
    z-index: 9;
    /* content: "\f023"; */
    content: "";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 17px;
    pointer-events: none !important;
}

.locked-question.pink-locked:after {
    background: #ff3c3c;
}

.locked-question.yallow-locked:after {
    background: #feca0f;
}
.locked-question.green-locked:after {
    background: #0da22c;
}
.streeks-details {
    display: flex;
}

.lockBox{display:none; position: absolute; left:20px; top:15px; z-index: 99; color:#fff;}
.lockBox span{border-color:#fff !important;}
.locked-question .lockBox{display:block;}


.streeks-details-left img {
    width: 370px;
    height: 370px;
    border-radius: 10px;
    margin-right: 45px;
}

.streeks-details-right {
    flex: 1;
}

.streeks-details-R-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 25px;
    padding-bottom: 5px;
}

.streeks-details-R-head h2 {
    font-size: 30px;
    color: #1f242e;
    font-weight: 600;
}

.publish {
    font-size: 18px;
    color: #0da22c !important;
    font-weight: 700;
}

.price-streeks {
    display: block;
    padding: 25px 0 30px;
    font-size: 32px;
    color: #0da22c;
    font-weight: 700;
}

.calander-body {
    display: flex;
}

.calander-body .calander-box {
    padding-right: 40px;
}

.calander-body .calander-box figcaption h6 {
    font-size: 14px;
}

.title-steek-details {
    font-size: 22px;
    color: #222;
    font-weight: 700;
    padding-bottom: 10px;
}

.streeks-details-body p {
    padding-bottom: 15px;
    color: #6b6e71;
    line-height: 23px;
}

.title-steek-details i {
    color: #0da22c;
    padding-right: 10px;
}

.title-steek-details small {
    display: block;
    font-size: 14px;
    color: #6b6e71;
    padding-top: 8px;
}

.streeks-details-inner-head {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
    margin-bottom: 15px;
}

.Total-cont {
    margin-bottom: 15px;
}

.payout ul {
    display: flex;
    justify-content: space-between;
}

.payout li {
    border: 1px solid #6b6e7175;
    padding: 8px 15px;
    border-radius: 5px;
    font-size: 16px;
    color: #000;
}

.payout li b {
    color: #0da22c;
}

.view-participation {
    font-size: 18px;
    color: #0da22c !important;
    font-weight: 700;
}

.payout {
    margin-bottom: 30px;
}

.inner-title {
    font-size: 34px;
    color: #000;
    font-weight: 700;
    padding-bottom: 35px;
}

.participants-box figure {
    width: 68px;
    height: 68px;
    margin-right: 10px;
}

.participants-box figure img {
    width: 100%;
    height: 100%;
}

.participants-box figcaption h3 {
    font-size: 18px;
    color: #000;
    font-weight: 700;
}

.participants-box {
    display: flex;
    align-items: center;
    background: #fff;
    padding: 10px 10px;
    box-shadow: 0 2px 4px rgb(0 0 0 / 12%);
    border-radius: 10px;
    margin-bottom: 30px;
}

.modal-content {
    background: #f5fdf7;
    border-radius: 12px;
    padding: 40px 35px;
}

.common-modal .modal-text p,
.common-modal .modal-text b {
    font-size: 26px;
    color: #000;
    text-align: center;
    line-height: 36px;
    font-weight: 700;
}

.common-modal .modal-text b {
    display: block;
    color: #0da22c;
}

.common-modal .close span {
    background: #e3e3e3;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    font-size: 24px;
    color: #fff;
    font-weight: 300;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: normal;
    text-align: right;
}

.modal-text span {
    font-size: 14px;
    color: #6b6e71;
    text-align: center;
    display: block;
    padding-top: 10px;
}

.common-modal .close {
    text-align: right;
    display: flex;
    justify-content: flex-end;
}

.common-modal .modal-footer-bottom {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}

.trans-btn {
    color: #bbb !important;
    border: 1px solid #bbb;
    background: transparent;
}

.common-modal .modal-content {
    background: #f5fdf7;
    border-radius: 12px;
    padding: 40px 45px 65px;
}

.trans-btn:hover {
    color: #fff !important;
    border-color: #4ee907;
}

.notification-blog {
    position: absolute;
    top: 75px;
    right: 0;
    background: #fff;
    border-radius: 12px;
    box-shadow: 2px 4px 16px rgb(67 65 65 / 12%);
    min-width: 395px;
}

.notification-blog-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 25px 20px 22px;
    border-bottom: 1px solid #e3e3e3;
    margin-bottom: 20px;
}

.notification-blog-head h4 {
    font-size: 22px;
    font-weight: bold;
}

.see-all {
    font-size: 18px;
    font-weight: 700;
    color: #0da22c !important;
}

.notification-list li {
    display: flex;
    padding: 15px 20px 12px;
    border-bottom: 1px solid #e3e3e3;
    align-items: center;
}

.notification-list li figure {
    width: 56px;
    height: 56px;
    margin-right: 15px;
    position: relative;
}

.notification-list li figure img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.notify-head-R-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.notification-list figcaption {
    flex: 1;
}

.notification-list figcaption h4 {
    font-size: 16px;
    font-weight: 700;
    color: #000;
    padding-bottom: 3px;
}

.notification-list figcaption p {
    color: #acacac;
    font-size: 14px;
}

.notify-head-R-inner small {
    font-size: 14px;
    color: #acacac;
}

.gre-bg-notify {
    background: #f1f1f1;
}

.green-online {
    position: absolute;
    right: -5px;
    background: #0da22c;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    top: 0;
    bottom: 0;
    margin: auto;
}

.notifi-info {
    font-size: 18px;
    color: #878787;
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 15px;
    margin-bottom: 25px;
}

.notifi-content-list .notification-list li {
    box-shadow: 0 2px 4px rgb(0 0 0 / 12%);
    border-radius: 10px;
    margin-bottom: 15px;
}

.inner-banner-img figure img {
    width: 100%;
    height: 267px;
    object-fit: cover;
}

.inner-banner-content {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.serch-box {
    display: flex;
}

.banner-title {
    font-size: 34px;
    color: #fffefe;
    font-weight: 700;
    padding-bottom: 20px;
}

.serch-box {
    position: relative;
}

.serch-box input {
    padding-right: 75px;
    width: 671px;
    border-radius: 22px;
}

.serch-btn {
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    border-top-right-radius: 22px;
    border-bottom-right-radius: 22px;
    width: 65px;
    background: #1b1e25;
    color: #fff;
    font-size: 22px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.common-text-green {
    font-size: 14px;
    color: #0da22c;
    font-weight: 700;
    position: relative;
}

.publish {
    position: relative;
}

.common-text-green:after,
.publish:after {
    width: 4px;
    height: 4px;
    background: #0da22c;
    content: "";
    left: -11px;
    border-radius: 50%;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
}

.upcoming-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
}

.small-btn {
    width: 230px;
}

.participants-box:hover {
    box-shadow: 0 0 7px rgb(72 226 11 / 38%);
    cursor: pointer;
}

.header-tabs.header-tabs-space {
    background: #fff;
    padding: 75px 0 0;
}

.tabs-comm .nav-item .nav-link {
    font-size: 18px;
    color: #bbb;
    font-weight: 700;
    padding: 15px 10px;
    margin-bottom: 0 !important;
    border: 0;
    box-shadow: none;
    background-color: transparent;
    text-align: center;
}

.tabs-comm .nav-item .nav-link.active {
    color: #0da22c;
    position: relative;
}

.nav-tabs {
    border-bottom: 0;
    justify-content: center;
}

.header-tabs.header-tabs-space {
    background: #fff;
    padding: 60px 0 0;
    box-shadow: 0 3px 4px rgb(0 0 0 / 13%);
}

.tabs-comm .nav-item .nav-link.active:after {
    position: absolute;
    background: #4ee907;
    background: -moz-linear-gradient( -45deg, rgba(78, 233, 7, 1) 1%, rgba(13, 162, 44, 1) 100%);
    background: -webkit-linear-gradient( -45deg, rgba(78, 233, 7, 1) 1%, rgba(13, 162, 44, 1) 100%);
    background: linear-gradient( 135deg, rgba(78, 233, 7, 1) 1%, rgba(13, 162, 44, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#4ee907', endColorstr='#0da22c', GradientType=1);
    bottom: 0;
    height: 4px;
    content: "";
    width: 100%;
    left: 0;
    right: 0;
}

.nav-tabs .nav-item {
    margin-bottom: 0;
    flex: 1;
    padding: 0 45px;
}

.grey-bg-position {
    background: #e3e3e3;
    color: #000;
    margin-top: 3px;
}

.upcoming-calender {
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
}

.green-text {
    color: #0da22c !important;
}

.small-price {
    font-size: 16px;
}

.tags-box {
    display: flex;
    justify-content: space-between;
}

.list-box-botton li {
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 2px 6px rgb(0 0 0 / 16%);
    width: 130px;
    height: 127px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin: 0 45px 0;
}

.list-box-botton {
    display: flex;
    justify-content: center;
    margin-top: 70px;
}

.list-box-botton figcaption h4 {
    font-size: 16px;
    color: 0da22c;
    padding-top: 15px;
}

.list-box-botton li figure {
    align-items: center;
    justify-content: center;
    display: flex;
    min-height: 36px;
}

.list-box-botton li:hover {
    background: #0da22c;
    cursor: pointer;
}

.list-box-botton li:hover figure img {
    -webkit-filter: brightness(0) invert(1);
}

.list-box-botton li:hover figcaption h4 {
    color: #fff;
}

.steek-details-btb {
    display: flex;
    align-items: center;
}

.footer-left-content p {
    line-height: 1.7;
}

.title-ancor a:hover {
    opacity: 0.8;
    cursor: pointer;
}

ul.notification-list li:hover {
    box-shadow: 0 0 3px rgb(72 226 11 / 42%);
    cursor: pointer;
}

.payout ul li:hover {
    box-shadow: 0 0 3px rgb(72 226 11 / 42%);
    cursor: pointer;
}

.view-participation:hover {
    text-decoration: underline !important;
    cursor: pointer;
}

.btn-input-field {
    position: relative;
}

.input-btn {
    position: absolute;
    top: 0;
    right: 0;
    height: 45px;
    background: #0da22c;
    color: #fff !important;
    font-weight: 500;
    z-index: 25;
    font-size: 16px;
    line-height: 60px;
    padding: 0 15px;
    text-transform: capitalize;
    border-radius: 0 8px 8px 0;
    display: flex;
    align-items: center;
    width: 90px;
    justify-content: center;
    border: 0;
}

.btn-input-field .form-control {
    padding-right: 100px;
}

.avatar-upload {
    position: relative;
}

.avatar-upload .avatar-edit input {
    display: none;
}

.avatar-upload .avatar-preview {
    width: 224px;
    height: 224px;
    border-radius: 100%;
    margin-bottom: 30px;
    box-shadow: 0 3px 12px rgb(0 0 0 / 16%);
    position: relative;
}

.avatar-upload .avatar-preview>div {
    width: 100%;
    height: 100%;
    border-radius: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.accounts-page-box-right.profile-L {
    background: #f5fdf7;
    position: relative;
    overflow: hidden;
}

.avatar-edit {
    position: absolute;
    right: 14px;
    bottom: 45px;
    z-index: 9;
    background: #0da22c;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    line-height: normal;
    font-size: 18px;
    color: #fff;
    border: 2px solid #fff;
}

label.upoad-icon {
    margin-bottom: 0;
}

.avtar-title h3 {
    font-size: 34px;
    color: #000000;
    font-weight: 700;
}

.avtar-title h3 small {
    display: block;
    font-size: 14px;
    color: #878787;
    padding-top: 10px;
}

.green-shape-top {
    position: absolute;
    top: -100px;
}

.green-shape-bottom {
    position: absolute;
    bottom: -100px;
    right: 135px;
}

.green-shape-left {
    position: absolute;
    left: -330px;
}

ul.select-img-list li img {
    width: 100px;
    height: 100px;
    object-fit: cover;
    border-radius: 50%;
}

ul.select-img-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

ul.select-img-list li {
    margin: 15px 0;
}

h5.modal-title {
    font-size: 26px;
    color: #000000;
    font-weight: 500;
    text-align: center;
}

.footer-btn-center {
    justify-content: center !important;
}

ul.select-img-list figure {
    position: relative;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    overflow: hidden;
}

.select-img-check {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgb(134 210 63 / 63%);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    color: #fff;
    cursor: pointer;
}

.verfiy-head {
    display: flex;
    justify-content: space-between;
    padding-bottom: 10px;
}

.verfiy-head label {
    margin-bottom: 0;
    font-size: 18px;
    color: #000;
}

.verify-code,
.resend-code {
    font-size: 18px;
}

.resend-code {
    display: block;
    margin-left: auto;
    background: none;
    border: none;
    cursor: pointer;
}

.resend-code:hover {
    text-decoration: underline;
}

.cureent-title {
    font-size: 28px;
    font-weight: 700;
}

.current-total-bal {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
    padding: 14px 0;
    margin-bottom: 20px;
}

.text-green {
    color: #0da22c;
    font-weight: 600;
}

.enter-key-withdraw {
    background: #ffffff;
    width: 740px;
    margin: auto;
    padding: 50px 20px;
    border-radius: 10px;
}

.withdraw-form {
    width: 356px;
    margin: auto;
    text-align: center;
}

.withdraw-title {
    font-size: 26px;
    color: #000000;
    font-weight: 500;
}

.transaction-history-box {
    background: #fff;
    box-shadow: 0 2px 4px rgb(0 0 0 / 12%);
    border-radius: 10px;
    padding: 12px 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 25px;
}

.transaction-history-box-L h4 {
    font-size: 18px;
    color: #000000;
    font-weight: 700;
}

.transaction-history-box-L small {
    font-size: 16px;
    color: #acacac;
    padding-top: 5px;
    display: block;
}

.transaction-history-box-R h5 {
    font-size: 16px;
    color: #000000;
    font-weight: 700;
}

.transaction-history-box-R small {
    font-size: 16px;
    color: #1dcd9d;
    font-weight: 700;
    padding-top: 5px;
    display: block;
}

.transaction-history-box-R {
    text-align: right;
}

.withdraw-text {
    color: #fab133 !important;
}

.Winning-text {
    color: #0da22c !important;
}

.failed-text {
    color: #ff6850 !important;
}

ul.key-list {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

ul.key-list li span {
    border: 1px solid #e3e3e3;
    border-radius: 10px;
    padding: 8px 16px;
    background: #fff;
    color: #0da22c;
    font-size: 16px;
    display: inline-block;
}

button.btn.pay-pal-btn {
    padding: 0;
    background: transparent;
    margin: auto;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.error-message {
    color: red !important;
}

.resendotp {
    cursor: pointer;
    color: #0da22c;
    padding-left: 3px;
    font-weight: 500;
    border: none;
    background: none;
}

.active-nav {
    color: #4ee907 !important;
}

.radio-checkdesign {
    display: block;
    position: relative;
    padding-left: 0;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


/* Hide the browser's default radio button */

.radio-checkdesign input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}


/* Create a custom radio button */

.radio-checkdesign .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 100px;
    width: 100px;
    background-color: transparent;
    border-radius: 50%;
    right: 0;
    bottom: 0;
    z-index: 9;
}


/* On mouse-over, add a grey background color */


/*.radio-checkdesign:hover input ~ .checkmark {
  background-color: #ccc;
}*/


/* When the radio button is checked, add a blue background */

.radio-checkdesign input:checked~.checkmark {
    background-color: rgb(134 210 63 / 63%);
}


/* Create the indicator (the dot/circle - hidden when not checked) */

.radio-checkdesign .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}


/* Show the indicator (dot/circle) when checked */

.radio-checkdesign input:checked~.checkmark:after {
    display: block;
    top: 0;
    left: 0;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #fff;
    right: 0;
    bottom: 0;
    margin: auto;
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    display: flex !important;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: rgb(134 210 63 / 63%);
    line-height: 21px;
}

.my-streeks .col-md-6 {
    margin-bottom: 30px;
}

.common-modal .modal-body {
    padding: 0;
}

h5.modal-title {
    font-size: 22px;
}

.particpation {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}

.price-streeks {
    font-size: 28px;
    padding: 20px 0 20px;
}

.payout li {
    font-size: 14px;
}

.view-participation {
    font-size: 16px;
}

.title-steek-details {
    font-size: 18px;
}

.streeks-details-body.mt-5 {
    margin-top: 25px !important;
}

.notification-list li:last-child {
    border-bottom: 0;
}

.space-home {
    min-height: 55vh;
}
.no-data-box{text-align: center; width: 100%;}
.no-data-box h4{text-align: center; padding-top: 15px; text-transform: capitalize;}

.profileImageBox a{display: block; width: 42px; height:42px; overflow: hidden; border-radius: 100px;}
.profileImageBox a img{width: 100%; height: 100%; border-radius: 100%;}

.walletBox{margin-left: 10px;}
.walletBox a{display: flex; align-items: center; background: rgb(255 255 255 / 11%); padding: 12px 12px; border-radius: 35px; color:#fff;}
.walletBox a i{font-size: 24px;}
.walletBox a span{padding-left: 5px; font-size: 14px; font-weight: bold;}
.walletBox a:hover{background: #0da22c;}

.tool-tip-box i {
    font-size: 25px;
    padding-left: 7px;
    color: #000;
}
.con-tooltip{cursor:default;z-index:99;position: relative;  display: block;}


.tooltip {
    display: none;
    z-index: 1;
    opacity: .4;
    width: auto;
    position: absolute;
    bottom: 26px;
    left: 10px;
    border-radius: 5px;
    transition: all .3s ease-in-out;
    font-size: 16px;
    background: #000;
    padding: 5px 10px;
    max-width: 300px;
    
}
.tooltip p {
    color: #fff;
    font-size: 14px;
}
.tooltip::after{content:" ";width:0;height:0;border-style:solid;border-width:7px 6.5px 0 6.5px;border-color:#000 transparent transparent transparent;position:absolute;right:auto;bottom:-7px;left:10px;margin:auto}
.con-tooltip:hover .tooltip{display:block;transform:translateY(-10px);opacity:1;transition:.5s linear}

@keyframes odsoky{
0%{transform:translateY(6px)}
100%{transform:translateY(1px)}
}