/* @import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700&display=swap'); */

@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700;800;900&display=swap');
@import url("variable.css");

a {
    text-decoration: none !important;
}

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

p {
    margin: 0;
    padding: 0;
    color: var(--ds-text-ash);
}

body {
    /* font-family: 'Inter',
        sans-serif  */
    font-family: 'Rubik',
        sans-serif !important;
}

/* header CSS  */
.header-btn-wrap {
    position: relative;
}

.header-btn-wrap button {
    position: absolute;
    top: 0;
    right: 7px;
    border: 0;
    padding: 10px;
    background: 0;
    color: var(--ds-secondary);
}

.nav-search-bar {
    padding: 10px;
    width: 100%;
    padding-left: 20px;
    background: var(--ds-text-f5);
    color: var(--ds-primary);
    border-radius: 40px;
    border: 1px solid #dbdbdb;
}

.header-btn-wrap {
    width: 27%;
}

@media only screen and (max-width: 1440px) and (min-width: 1366px) {
    .header-btn-wrap {
        width: 45%;
    }
}

.header-btn {
    background: var(--ds-primary);
    color: var(--ds-text-light);
    border: 0;
    padding: 10px 40px;
    border-radius: 5px;
    transition: .3s;
}

.header-btn:hover {
    background: var(--ds-secondary);
    color: var(--ds-text-light);
    transition: .3s;
}

.header-btn.no-bg {
    background: 0;
    color: var(--ds-text-dark);
    margin-right: 0;
}

.navbar-brand {
    margin-top: -15px;
}

.bg-header {
    border-bottom: 1px solid #EAEAEA;
    box-shadow: 0 0 0 rgba(0, 0, 0, .1);
    background: var(--ds-text-light);
    padding: 15px;
}

.nav-link {
    position: relative;
}

.nav-link {
    font-size: 16px;
    font-weight: 400;
    color: var(--ds-primary);
    letter-spacing: 1px;
    text-transform: capitalize;
    margin-right: 10px;
}

.nav-link.active {
    color: var(--ds-secondary) !important;
}

/* .nav-link.active::after {
    position: absolute;
    content: '';
    bottom: 0;
    width: 40px;
    height: 3px;
    background: var(--ds-secondary);
    ;
    text-align: center;
    left: 10px;
} */

.header-wrap {
    margin-bottom: 75px;
}

/* Hero area  */

.hero-wrap {
    /* background: url(https://themes.semicolonweb.com/html/canvas/demos/interior-design/images/hero-image.jpg); */
    /* background-size: cover; */
    /* background-position: center; */
    background-color: var(--ds-primary);
    padding: 150px;
}

.h1.hero-title {
    color: #fff;
    letter-spacing: .67px;
    margin-bottom: 10px;
    font-size: 52px;
}

.hero-content p {
    color: #fff;
    margin-bottom: 30px;
}


.hero-btn {
    background: var(--ds-secondary);
    letter-spacing: .025em;
    color: var(--ds-text-light) !important;
    border-radius: 2px;
    padding: 10px 35px;
    margin-right: 10px;
    border-color: var(--ds-secondary);
    transition: .4s;
    display: inline-block;
}

.hero-btn:hover {
    background: var(--ds-primary);
    border-color: var(--ds-text-light);
    transition: .4s;
    transform: translateY(-3px);
}

.btn.no-bg.hero-btn {
    background: 0;
    border-color: #fff !important;
}

.hero-image img {
    border-radius: 15px 5px 15px 5px;
}

.hero-image,
.describr-img {
    position: relative;
    animation: up-down 2s ease-in-out infinite alternate-reverse both;
}

/* Standard syntax */
@-webkit-keyframes up-down {
    0% {
        transform: translateY(10px);
    }

    100% {
        transform: translateY(-10px);
    }
}

@keyframes up-down {
    0% {
        transform: translateY(10px);
    }

    100% {
        transform: translateY(-10px);
    }
}

.hero-content h1 span {
    color: #f3a130;
}

/* about amarvote  */
.about-parent {
    position: relative;
}

.about-right {
    float: right;
    width: 80%;
}

.about-left {
    position: absolute;
    background: #fff !important;
    box-sizing: border-box;
    width: 50%;
    padding: 60px;
    margin: 70px 0 0 -4%;
    z-index: 4;
    box-shadow: 0 10px 45px rgba(0, 0, 0, .1);
    transition: all ease-in .3s;
    border-radius: 10px;
}

.about-right img {
    border-radius: 10px;
}

.fw-light.button.ms-0.button-rounded {
    background: var(--ds-secondary);
    margin-top: 10px;
    border: 0;
    padding: 10px 30px;
    border-radius: 5px;
    color: var(--ds-text-light) !important;
    transition: .4s;
}

.fw-light.button.ms-0.button-rounded:hover {
    transition: .4s;
    background: var(--ds-primary);
}

@media only screen and (max-width: 1440px) and (min-width: 1366px) {


    .about-left {
        position: absolute;
        background: #fff !important;
        box-sizing: border-box;
        width: 50%;
        padding: 60px;
        margin: 20px 0 0 -4%;
        z-index: 4;
        box-shadow: 0 10px 45px rgba(0, 0, 0, .1);
        transition: all ease-in .3s;
    }
}

.about-amarvote-wrap {
    padding: 80px 0;
}

/* Call to Action area  */
.call-to-action-wrap {
    background: var(--ds-primary);
    padding: 80px;
    color: #fff !important;
}

.cta-content h1 {
    font-size: 44px;
    letter-spacing: -1px;
}

.cta-content p {
    font-size: 1.25rem;
    font-weight: 300;
    line-height: 1.8;
}

.cta-button {
    margin-left: 20px;
    padding: 15px 50px;
    color: var(--ds-text-light);
    background: 0;
    border-color: var(--ds-text-light);
    border-radius: 4px;
    transition: .3s;
}

.cta-button:hover {
    background-color: var(--ds-text-ash);
    border-color: var(--ds-text-ash);
    transition: .3s;
}

.cta-button.btn.active {
    background-color: var(--ds-secondary);
    border-color: var(--ds-secondary);
}

.cta-button.btn.active:hover {
    background-color: var(--ds-text-ash);
    border-color: var(--ds-text-ash);
}


/* Get Inspired by  */
.get-inspired-by-title h3 {
    font-size: 36px;
    font-weight: 700;
    color: var(--ds-primary);
    line-height: 42px;
    text-align: center;
    margin-bottom: 30px;
}

.get-inspired-by-title {
    position: relative;
}

.get-inspired-by-title h3::before {
    content: "";
    position: absolute;
    top: -10px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 80px;
    height: 3px;
    background: var(--ds-secondary);
    border-radius: 50px;
}

.get-inspired-by-wrap {
    padding: 30px;
}

.inspired-single-wrap {
    padding: 20px;
    text-align: center;
}

.inspired-single-wrap img {
    border-radius: 20px;
    margin-bottom: 10px;
}

.inspired-single-wrap h4 {
    font-size: 18px;
    color: var(--ds-primary);
}

.owl-prev {
    position: absolute;
    left: -35px;
    top: 28%;
    font-size: 20px !important;
    background: var(--ds-primary) !important;
    color: var(--ds-text-light) !important;
    width: 30px !important;
    transition: .3s;
}

.owl-next {
    position: absolute;
    right: -35px;
    top: 35%;
    font-size: 20px !important;
    background: var(--ds-primary) !important;
    color: var(--ds-text-light) !important;
    width: 30px !important;
    transition: .3s;
}

.owl-next:hover,
.owl-prev:hover {
    background: var(--ds-secondary) !important;
    transition: .3s;
}

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

/* Footer Area  */

.footer-wrap {
    padding: 60px;
}

.footer-wrap ul {
    padding: 0;
    margin: 0;
}

.footer-wrap ul li {
    margin-bottom: 10px;
    list-style: none;
}

.footer-wrap ul li a {
    text-decoration: none;
    color: var(--ds-text-dark);
}

.footer-wrap ul h6 {
    font-weight: bold;
    margin-bottom: 30px;
}

.footer-wrap img {
    margin-bottom: 30px;
    width: 100px;
}

.footer-bottom ul li {
    float: left;
    margin-right: 30px;
}

.footer-bottom a {
    display: block;
}


.footer-copyright a {
    text-decoration: none;
    color: var(--ds-primary);
}

/* Auth CSS 2 */
.btn.auth-btn.margin-negitive {
    margin-top: 0;
}

.another-signin {
    background: #fff;
    padding: 20px;
    margin-right: 10px;
    width: 100%;
    text-align: center;
    border-radius: 8px;
    border: 1px solid var(--ds-text-f5);
    background: var(--ds-text-f5);
}

.another-signin button {
    background: none;
    border: 0;
}

.another-signin button svg {
    margin-right: 10px;
}

/* .another-signin:hover {
    background: var(--ds-secondary);
} */

.or-signin {
    padding: 20px 0;
    position: relative;
}

.or-signin p {
    text-align: center;
    margin-bottom: 20px;
}

.or-signin p::before {
    width: 38%;
    height: 1.5px;
    content: '';
    position: absolute;
    top: 31px;
    left: 0;
    background: var(--ds-primary);
}

.or-signin p::after {
    width: 38%;
    height: 1.5px;
    content: '';
    position: absolute;
    top: 31px;
    right: 0;
    background: var(--ds-primary);
}



.section-center {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100vh;
}

@media only screen and (max-width: 1440px) and (min-width: 1366px) {
    .section-center {
        display: block;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: 100vh;
    }
}

.form-top-title h3 {
    font-size: 40px;
}

.form-top-title p {
    margin-bottom: 40px;
}

.form-top-title {
    margin-top: 50px;
}

#regForm input {
    padding: 20px;
    margin-bottom: 20px !important;
    display: block;
    width: 100%;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .375rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

input.invalid {
    background-color: rgba(255, 0, 0, 0.182);
}

.tab {
    display: none;
}

.step.finish {
    background-color: #04AA6D;
}


.row.align-center,
.signin-left,
.signin-right {
    height: 100vh;
}

.signin-left {
    background: var(--ds-primary);
    color: var(--ds-text-light) !important;
    padding: 80px 80px;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.signin-left h3 {
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 10px;
    color: var(--ds-text-light);
}

.signin-left p {
    margin-bottom: 20px;
    color: var(--ds-text-light);
}

.signin-right {
    background: var(--ds-fa);
    padding: 200px;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.enter-code {
    position: relative;
}

.enter-code input {
    width: 100%;
}

.enter-code i {
    position: absolute;
    top: 9px;
    right: 20px;
    color: var(--ds-text-light);
    font-size: 30px;
    background: var(--ds-primary);
    width: 50px;
    text-align: center;
    border-radius: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: .4s;
}

.enter-code i:hover {
    background: var(--ds-secondary);
    transition: .4s;
}

.instead-bg {
    background-color: var(--ds-primary);
}

.instead-join-wrap {
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.instead-tos {
    text-align: center;
    margin-top: 20px;
    color: var(--ds-text-light);
}

.instead-tos a {
    color: var(--ds-secondary);
}

@media only screen and (max-width: 1440px) and (min-width: 1366px) {
    .signin-right {
        padding: 15px 150px;
        justify-content: start;
    }

    .btn.auth-btn,
    .signin-tos {
        margin-top: 10px !important;
    }

    .signin-context h2,
    .signin-context p {
        margin-bottom: 10px !important;
    }

    .signin-left {
        padding: 0 110px;
    }
}

.signin-context h2 {
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 20px;
    color: var(--ds-primary);
}

.signin-context p {
    margin-bottom: 30px;
}

.signin-context p a {
    color: var(--ds-secondary);
}

.signin-tos {
    margin-top: 30px;
    text-align: center;
}

.signin-tos a {
    color: var(--ds-secondary);
}

/* Auth CSS  */
.form-control,
.auth-input {
    padding: 20px !important;
    margin-bottom: 20px !important;
    display: block;
    width: 100%;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #868686 !important;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .375rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.col-12.custome-domain {
    position: relative;
}

.col-12.custome-domain i {
    position: absolute;
    top: 42px;
    right: 40px;
    font-size: 30px;
    color: green;
}

.form-title {
    text-align: center;
    padding: 50px;
    color: var(--ds-secondary);
    font-weight: bold;
}

.auth-input {
    padding: 20px;
}

.btn.auth-btn {
    display: block;
    background: var(--ds-text-dark);
    color: var(--ds-text-light);
    width: 100%;
    margin-top: 40px;
    padding: 20px;
    transition: .3s;
}

.btn.auth-btn:hover {
    transition: .3s;
    background: var(--ds-secondary);
    color: var(--ds-text-light);
}

.form-check-input:checked {
    background-color: var(--ds-secondary);
    border-color: var(--ds-secondary);
}

.password-eye {
    position: relative;
}

.password-eye i {
    position: absolute;
    top: 21px;
    right: 21px;
    cursor: pointer;
    color: var(--ds-secondary);
}

.auth-footer {
    padding-top: 50px;
    text-align: center;
}

.auth-footer p a {
    color: var(--ds-secondary) !important;
}

.auth-footer a {
    color: var(--ds-secondary) !important;
    margin-bottom: 10px !important;
    display: inline-block;
}

.row.align-middle {
    padding-top: 25%;
}

.footer-fiexd-bottom {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    /* background-color: red; */
    color: white;
    text-align: center;
}

/* Tos  */
.tos-title {
    padding: 30px 0;
    text-align: center;
    font-weight: bold;
}

.tos-wrap p {
    padding-bottom: 20px;
}

.tos-wrap h4 {
    font-weight: bold;
    margin-bottom: 20px;
}

.tos-wrap ol li {
    margin-bottom: 10px !important;
    color: var(--ds-text-ash);
}


/* widget  */

/* PopUp CSS  */
.cong-modal-wrap.text-center img {
    width: 150px;
}

.cong-modal-wrap.text-center h6 {
    font-size: 22px;
}

.cong-modal-wrap.text-center p {
    margin-bottom: 10px;
}

.gs-btn {
    display: inline-block;
    color: var(--ds-text-light) !important;
    background: var(--ds-secondary);
    padding: 13px 30px;
    margin-bottom: 10px;
    margin-top: 10px;
    border-radius: 5px;
}

/* Share Dropdown  */
.dropdown-item.share-items i {
    margin-right: 10px;
    font-size: 30px;
}

.dropdown-item.share-items h6 {
    margin-bottom: 0;
    margin-top: 10px;
}

/* add vote to elections  */
.add-voter-wrap {
    text-align: center;
    /* border: 1px solid; */
    padding: 50px;
    margin-top: 30px;
    border-radius: 10px;
}

.btn-group-wrap {
    margin-top: 10px;
}

.btn.btn-primary {
    padding: 10px 40px;
    margin-right: 20px;
}

.btn.btn-secondary {
    padding: 10px 40px;
}

.add-voter-wrap p {
    margin-top: 0px;
}

.accordion {
    margin-top: 20px;
}

.accordion-button {
    color: var(--ds-text-ash);
    padding: 20px;
}

.accordion-item {
    color: var(--ds-text-ash) !important;
}

.accordion-button:not(.collapsed) {
    color: var(--ds-text-ash) !important;
    background-color: var(--ds-text-light);
}

/* Modal add Email Popup  */
.input-form ul {
    cursor: text;
    display: flex;
    flex-wrap: wrap;
    padding: 0 .4rem;
    align-items: center;
    margin: .4rem .4rem;
    border-radius: .4rem;
    transition: border .2s ease-in-out;
    border: 1px solid rgb(0 0 0 / 30%);
    margin: 0;
    padding: 0;
    margin-bottom: 10px;
}

.input-form ul li {
    margin: .4rem .2rem;
    list-style: none;
    padding: .2rem .4rem;
    border-radius: .3rem;
    background: rgb(0 0 0 / 10%);
}

.input-form ul li i {
    cursor: pointer;
    border-radius: 50rem;
    padding: .2rem .3rem;
    color: rgb(0 0 0 / 50%);
}

.input-form ul li i:hover {
    background: rgb(0 0 0 / 10%);
}

.input-form ul.focus {
    border: 1px solid var(--ds-text-ash);
}

.input-form ul input {
    flex: 1;
    height: 5rem;
    border: none;
    outline: none;
    margin-left: 20px;
    color: var(--ds-primary);
}

.clearAll {
    border: 0;
    float: right;
    color: #fff;
    cursor: pointer;
    font-size: .9rem;
    margin-top: .2rem;
    margin-right: 1rem;
    padding: .4rem 1rem;
    border-radius: .4rem;
    margin-bottom: .6rem;
    background: var(--ds-primary);
    transition: 3s;
}

.clearAll:hover {
    background: var(--ds-secondary);
    transition: 3s;
}

.clearAll:focus {
    outline-offset: 2px;
    background: rgb(236 158 62);
    outline: 2px solid rgb(236 158 62);
}

.input-mail-field-wrap p {
    margin-bottom: 10px;
}

/* Contact us css  */
.contact-us-wrap {
    text-align: center;
    background: var(--ds-text-light);
    padding: 50px;
    margin: 50px 0;
    border-radius: 40px;
    box-shadow: 0px 4px 17px -11px;
}

.contact-wrap {
    background: var(--ds-text-ash);
}

.contact-us-wrap h3 {
    margin-bottom: 50px;
    font-weight: bold;
    text-transform: uppercase;
}

/* sub-title  */

.sub-title-bar {
    background: var(--ds-primary);
    padding: 60px;
}

.breadcrumb-item a {
    color: var(--ds-secondary) !important;
}

.breadcrumb {
    margin: 0;
}

/* Box Area  Box Section */
.box-section {
    margin: 50px 0;
}

.single-box-item {
    text-align: center;
    padding: 30px;
    margin-bottom: 25px;
    transition: .4s;
    box-shadow: none;
    border-radius: 20px;
    border: 1px solid var(--ds-text-f5);
}

.single-box-item:hover {
    box-shadow: 0px 0px 8px #dfdfdf;
    transition: .4s;
    cursor: pointer;
}

.single-box-item img {
    margin-bottom: 20px;
    width: 60px;
}

.single-box-item h4 {
    color: var(--ds-primary);
    margin-bottom: 10px;
    font-weight: 500;
}

.margin-bottom-300 {
    margin-bottom: 300px;
}

/* Welcome page css */

.welcome-content {
    height: 90vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.welcome-content h1 {
    font-weight: bold;
}

.welcome-content p {
    margin-bottom: 10px;
    font-size: 18px;
}

.create-btn {
    display: inline-block;
    background: var(--ds-primary);
    padding: 15px 30px;
    color: var(--ds-text-light) !important;
    border-radius: 4px;
    transition: .4s;
}

.create-btn:hover {
    transition: .4s;
    display: inline-block;
    background: var(--ds-secondary);
    padding: 15px 30px;
    color: var(--ds-text-light) !important;
    border-radius: 4px;
}


/* Footer New CSS  */
.footer-area {
    padding-top: 10px;
}

.footer-top {
    padding-bottom: 70px;
}

@media only screen and (max-width: 991px) {
    .footer-top {
        padding-bottom: 50px;
    }
}

.footer-social-link ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 -5px;
}

.footer-social-link ul li a {
    color: var(--color-gray-3);
    font-size: 30px;
    padding: 5px;
}

@media only screen and (max-width: 991px) {
    .footer-social-link ul li a {
        font-size: 20px;
    }
}

.footer-social-link ul li a:hover {
    color: var(--color-link);
}

.footer-widget {
    margin-bottom: 80px;
}

@media only screen and (max-width: 767px) {
    .footer-widget {
        margin-bottom: 50px;
    }
}

.footer-widget .widget-title {
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 20px;
}

.footer-widget.border-end {
    border-right-color: var(--ds-text-f5) !important;
    padding-right: 80px;
    margin-right: 40px;
}

@media only screen and (max-width: 1199px) {
    .footer-widget.border-end {
        border: none !important;
        padding-right: 0;
        margin-right: 0;
    }
}

.footer-newsletter .title {
    margin-bottom: 20px;
    letter-spacing: -0.045em;
}

.footer-menu-link ul {
    margin: -8px 0;
}

.footer-menu-link li a {
    color: var(--color-body);
    padding: 8px 0;
    font-size: 18px;
    line-height: 1.5;
}

@media only screen and (max-width: 991px) {
    .footer-menu-link li a {
        font-size: 16px;
    }
}

.footer-menu-link li a:hover {
    color: var(--color-link);
}

.footer-bottom {
    border-top: 1px solid var(--ds-text-f5);
    padding: 25px 0;
}

@media only screen and (max-width: 767px) {
    .footer-copyright {
        text-align: center;
        margin-bottom: 10px;
    }
}

.footer-copyright .copyright-text {
    color: var(--color-gray-1);
}

.footer-copyright .copyright-text a {
    color: var(--color-gray-1);
}

.footer-copyright .copyright-text a:hover {
    color: var(--color-primary);
}

.footer-bottom-link {
    text-align: right !important;
    float: right;
}

@media only screen and (max-width: 767px) {
    .footer-bottom-link {
        text-align: center;
    }
}

.footer-bottom-link ul {
    margin: 0 -20px;
}

.footer-bottom-link ul li {
    padding: 0 20px;
    display: inline-block;
    position: relative;
}

.footer-bottom-link ul li::after {
    content: "";
    height: 4px;
    width: 4px;
    background-color: var(--color-gray-4);
    border-radius: 50%;
    position: absolute;
    top: 53%;
    right: -5px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.footer-bottom-link ul li:last-child::after {
    display: none;
}

.footer-bottom-link ul li a {
    color: var(--color-gray-1);
}

.footer-bottom-link ul li a:hover {
    color: var(--color-link);
}

.footer-dark {
    background-color: var(--color-dark);
    padding-top: 0;
}

.footer-dark .footer-bottom {
    border-top-color: var(--color-body);
}

.footer-dark .footer-copyright .copyright-text {
    color: var(--color-gray-2);
}

.footer-dark .footer-copyright .copyright-text a {
    color: var(--color-gray-2);
}

.footer-dark .footer-copyright .copyright-text a:hover {
    color: var(--color-white);
}

.footer-dark .footer-bottom-link ul li a {
    color: var(--color-gray-2);
}

.footer-dark .footer-bottom-link ul li a:hover {
    color: var(--color-primary);
}

.footer-dark .footer-bottom-link ul li:after {
    background-color: var(--color-gray-2);
}

.input-group.newslater button {
    position: absolute;
    top: 0;
    right: 0;
    padding: 21px;
    border: 0;
    background: var(--ds-secondary);
    color: var(--ds-fa) !important;
}

.list-unstyled li {
    margin-bottom: 8px;
    color: var(--ds-text-ash);
}

.footer-newsletter p {
    margin-bottom: 30px;
}

/* Oragations page  */

.org-hero-wrap {
    background-image: url('../img/bg37.jpg');
    background-position: center;
    background-size: cover;
    padding-top: 10rem !important;
    padding-bottom: 10rem !important;
}

.org-context h1 {
    font-size: 52px;
    font-weight: 600;
    line-height: 1.15;
    margin: 20px 0;
    color: var(--ds-primary);
}

.org-context p {
    font-size: 1.2rem !important;
    margin: 20px 0;
}

.org-service-title {
    text-align: center;
}

.org-service-title h6 {
    letter-spacing: .02rem;
    font-size: 1rem !important;
    color: #aab0bc !important;
    text-transform: uppercase !important;
    margin-bottom: .75rem !important;
}

.org-service-title h3 {
    letter-spacing: -.03em !important;
    line-height: 1.25;
    margin-bottom: 2.25rem !important;
    font-size: 30px;
    font-weight: 500;
    color: #343f52
}

.org-searvice-area {
    padding: 60px 0;
}

/* latest vote  */
.latest-wrap {
    background: var(--ds-primary);
    padding: 50px 0;
    padding-bottom: 70px;
    color: #fff;
}

.latest-wrap.no-bg {
    background: #fff;
    color: #232323;
}

.latest-wrap.popular {
    background: none !important;
    color: var(--ds-primary);
}

.latest-vote-single-card {
    transition: .5s;
    padding: 20px;
    border-radius: 10px;
    margin-top: 50px;
    background-color: #fff;
    color: #666;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .08);
}

.latest-vote-single-card:hover {
    margin-top: 35px;
    transition: .5s;
}

.vote-image {
    background-color: #eeeff3;
}

.vote-image.no-bg {
    background: 0;
}

.latest-vote-single-card img {

    width: 100%;
    height: 300px;
    position: relative;
    /* animation: up-down-2 2s ease-in-out infinite alternate-reverse both; */
}

/* Standard syntax */
@-webkit-keyframes up-down-2 {
    0% {
        transform: translateY(0px);
    }

    100% {
        transform: translateY(-20px);
    }
}

@keyframes up-down-2 {
    0% {
        transform: translateY(0px);
    }

    100% {
        transform: translateY(-20px);
    }
}

.view-all {
    text-transform: lowercase;
    color: var(--ds-secondary) !important;
}

.latest-vote-single-card h3 {
    margin: 0;
    font-size: 20px;
    color: var(--ds-primary);
    font-weight: normal;
    margin: 10px 0;
    text-align: center;
    font-weight: 600;
}

.latest-vote-single-card a {
    display: inline-block;
    background: var(--ds-primary);
    padding: 10px 20px;
    width: 100%;
    text-align: center;
    border-radius: 50px;
    margin-top: 10px;
    margin-bottom: 10px;
    transition: .3s;
    color: var(--ds-text-f5);
}

.latest-vote-single-card a:hover {
    background: var(--ds-secondary);
    transition: .3s;
}

.latest-vote-single-card p {
    font-size: 15px;
}

.latest-vote-single-card img {
    width: 100%;
    height: 200px;
    border-radius: 10px 10px 0 0;
}

.vote-image {
    position: relative;
}

.image {
    display: block;
    width: 100%;
    height: auto;
}

.overlay {
    position: absolute;
    bottom: 0;
    background: var(--ds-primary);
    width: 100%;
    transition: .5s ease;
    opacity: 0;
    font-size: 20px;
    padding: 20px;
    text-align: center;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.overlay p {
    color: var(--ds-text-light);
}

/* When you mouse over the container, fade in the overlay title */
.vote-image:hover .overlay {
    opacity: 0.9;
}


/* New Not Confirm  */

.overlay.pop {
    display: flex;
    flex-direction: column;
}

.overlay.pop h3 {
    color: #fff;
}

.pop-latest-bottom a {
    background: var(--ds-secondary) !important;
    margin-top: 50px;
    font-size: 19px;
    font-weight: bold;
    padding: 6px !important;
}

.pop-latest-bottom p {
    margin-top: 50px;
    text-align: center;
    color: orange;
    margin-bottom: 10px !important;
    display: block;
}

.latest-vote-single-card.pop {
    padding-bottom: 10px;
    padding: 0;
    padding-bottom: 0px;
}

.vote-image.no-bg.pop {
    height: 250px;
    padding: 20px 0;
}

.overlay.pop {
    display: flex;
    flex-direction: column;
    height: 90px;
    opacity: 0.9;
}

.latest-wrap {
    background: var(--ds-primary);
    padding: 50px 0;
    padding-bottom: 180px;
    color: #fff;
}

/* Sub Domain  */
.sub-domain-footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #fff;
    text-align: center;
    margin-bottom: 20px;
    border-top: 2px solid var(--ds-text-f5);
}

.sub-domain-footer p a {
    color: var(--ds-secondary);
}


/* view all page  */
.page-link:focus {
    z-index: 3;
    color: var(--bs-pagination-focus-color);
    background-color: var(--bs-pagination-focus-bg);
    outline: 0;
    /* box-shadow: var(--bs-pagination-focus-box-shadow); */
    color: var(--ds-secondary) !important;
}

.page-link:hover {
    z-index: 2;
    color: var(--ds-secondary);
    background-color: var(--bs-pagination-hover-bg);
    border-color: var(--bs-pagination-hover-border-color);
}

.view-all-pagination {
    margin-top: 40px;
    float: right;
}

.pagination li a {
    color: var(--ds-text-ash);
}

/* user profile  */
.user-profile-wrap {
    padding: 60px 0;
    /* background: #eded; */
    background: var(--ds-primary);
}

.user-image {
    margin-right: 1.75rem !important;
    margin-bottom: 1rem !important;
}

.user-image img {
    width: 160px;
    height: 160px;
    max-width: none;
    border-radius: 0.475rem;
}


.personal-details h3 {
    font-size: 1.5rem !important;
    color: var(--ds-text-f5);
}

.personal-details h3 span svg {
    color: #009EF7;
    margin-top: -8px !important;
}

.p-location {
    margin-right: 20px;
}

.p-mail {
    display: flex;
    align-items: center;
}


.profile-item {
    background: #F0F2F5;
    width: 150px;
    border-radius: 10px;
    margin-top: 10px;
    margin-right: 10px;
    height: 100px;
    align-items: center;
    display: flex;
    justify-content: center;
    text-align: center;
}

.profile-item h4 {
    color: var(--ds-primary);
}

.header-btn.bg-sec {
    transition: .4s;
    background: var(--ds-secondary);
}

.header-btn.bg-sec:hover {
    transition: .4s;
    background: var(--ds-text-f5);
    color: var(--ds-text-dark);
}

/* Price table  */


.pricing .card {
    border: none;
    border-radius: 1rem;
    transition: all 0.2s;
    box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1);
}

.pricing hr {
    margin: 1.5rem 0;
}

.pricing .card-title {
    margin: 0.5rem 0;
    font-size: 0.9rem;
    letter-spacing: .1rem;
    font-weight: bold;
}

.pricing .card-price {
    font-size: 3rem;
    margin: 0;
}

.pricing .card-price .period {
    font-size: 0.8rem;
}

.pricing ul li {
    margin-bottom: 1rem;
}

.pricing .text-muted {
    opacity: 0.7;
}

.pricing .btn {
    font-size: 80%;
    border-radius: 5rem;
    letter-spacing: .1rem;
    font-weight: bold;
    padding: 1rem;
    opacity: 0.7;
    transition: all 0.2s;
}

.btn.btn-primary.text-uppercase {
    background: var(--ds-primary);
    border: 0;
}

/* Hover Effects on Card */

@media (min-width: 992px) {
    .pricing .card:hover {
        margin-top: -.25rem;
        margin-bottom: .25rem;
        box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.3);
    }

    .pricing .card:hover .btn {
        opacity: 1;
    }
}

/* Orgnation Describe area  */
.describe-context h2 {
    font-weight: 700;
    margin-bottom: 16px;
    font-size: 46px;
    line-height: 74.1px;
}

.describr-img img {
    border-radius: 30px;
    width: 90%;
}

.margin-top-50 {
    margin-top: 50px;
}

.describe-wrap {
    padding: 80px 0;
}


/* user-profile2 css  */
.user-profile-badge {
    display: flex;
    justify-content: flex-start;
    background: #fff;
    padding: 10px;
    border-radius: 6px;
    align-items: center;
}

.user-pro-badge-single-item img {
    width: 40px;
    height: auto;
}

.user-pro-badge-single-item {
    margin-right: 40px;
}

.user-profile-badge-progress {
    display: flex;
    margin-top: 30px;
    align-items: center;
    color: var(--ds-text-light);
    justify-content: space-between;
}

.progress {
    width: 85%;
}

.progress-bar {
    background-color: var(--ds-secondary);
}

/* Polls area  */
.polls-area-wrap {
    padding: 50px;
    padding-bottom: 100px;
}

.polls-single-item-wrap {
    border: 1px solid var(--ds-text-ash);
    padding: 15px;
    border-radius: 6px;
}

.polls-category p {
    background: var(--ds-primary);
    padding: 4px 12px;
    border-radius: 5px;
    color: var(--ds-text-light);
    font-size: 14px;
    text-transform: lowercase;
}

.polls-vote-count p {
    background: var(--ds-secondary);
    padding: 4px 12px;
    border-radius: 5px;
    color: var(--ds-text-light);
    font-size: 14px;
    text-transform: lowercase;
}

.polls-user p span a {
    font-weight: 500;
    color: var(--ds-text-ash);
}

.polls-single-item-wrap h3 {
    padding: 20px 0;
    color: var(--ds-primary);
}

.polls-single-item-wrap {
    border: 1px solid #8d8d8d40;
    padding: 15px;
    border-radius: 6px;
    margin-bottom: 20px;
}

.form-select {
    color: var(--ds-text-ash);
    cursor: pointer;
}

/* polls view  */
.polls-view {
    /* background: #ededed; */
    padding: 80px 0;
}

.pv-category p {
    background: var(--ds-primary);
    padding: 4px 12px;
    border-radius: 5px;
    color: var(--ds-text-light);
    font-size: 14px;
    text-transform: lowercase;
    display: inline-block;
}

.polls-view h3 {
    margin: 10px 0;
    font-size: 55px;
}

/* .polls-view-userVote {
    margin: 10px 0;
} */

.pv-user p a {
    color: var(--ds-text-ash);
    font-weight: 500;
}

.polls-view-process {
    border: 1px solid #8d8d8d40;
    padding: 15px;
    border-radius: 6px;
    margin-bottom: 20px;
    cursor: pointer;
}

.polls-option-value p span {
    margin-left: 20px;
    color: var(--ds-secondary);
}

.polls-option-value p {
    color: var(--ds-secondary);
}


.pv-user {
    margin-bottom: 30px;
    margin-top: 10px;
}

.pv.progress {
    width: 100%;
    margin-top: 10px;
}

.polls-view-submit {
    text-align: right;
}

.submit-vote {
    border: 0;
    background: var(--ds-primary);
    color: var(--ds-text-f5);
    padding: 13px 40px;
    border-radius: 5px;
    transition: .3s;
}

.submit-vote:hover {
    transition: .3s;
    background: var(--ds-secondary);
}

/* first pole ui colone  */

.fp.polls-option-value p span {
    color: var(--ds-primary);
    font-weight: bold;
    font-size: 25px;
}

.fp.polls-option-name p {
    color: var(--ds-primary);
    font-weight: bold;
    font-size: 25px;
}

.fp.votes-count p {
    margin-top: 15px;
    margin-bottom: 5px;
}

.fp.pv.progress {
    width: 100%;
    margin-top: 10px;
    height: 13px;
}

.fp-polls-category p {
    background: var(--ds-primary);
    padding: 5px 15px;
    border-radius: 5px;
    color: var(--ds-text-light);
    font-size: 14px;
    display: inline-block;
    text-transform: capitalize;
}

.fp-polls-title {
    margin: 10px 0;
    font-size: 45px;
}

.fp-polls-view-wrap {
    padding: 80px 0;
}

.fp-polls-user-time p a {
    color: var(--ds-text-ash);
    font-weight: 500;
}

.fp-polls-user-time p {
    padding-bottom: 20px;
}

.polls-view-process.active {
    margin-left: 30px;
    border: 1px solid #4bd97e;
}

.polls-view-process.fp {
    width: 90%;
}

.polls-view-process.fp {
    margin-top: 10px;
    border: 0 !important;
    padding: 15px;
    border-radius: 6px;
    margin-bottom: 30px;
    cursor: pointer;
    box-shadow: 0px 1px 9px 0px #ededed;
}

.submit-vote.fp {
    border: 0;
    background: var(--ds-primary);
    color: var(--ds-text-f5);
    padding: 20px 40px;
    border-radius: 5px;
    transition: .3s;
    width: 100%;
    font-size: 20px;
}

.submit-vote.fp:hover {
    transition: .3s;
    background: var(--ds-secondary);
}

.polls-view-single-widget {
    display: flex;
    justify-content: space-between;
    text-align: center;
    padding: 40px 30px;
    margin: 25px 0;
    box-shadow: 0px 1px 9px 0px #ededed;
    /* border-left: 30px solid #ededed; */
}

.polls-view-single-widget p {
    font-size: 17px;
    font-weight: 500;
}

.polls-view-single-widget h1 {
    font-size: 40px;
}

.polls-view-single-widget.social-share {
    display: flex;
    justify-content: space-evenly;
    font-size: 20px;
    /* border-right: 30px solid #ededed;
    border-left: 0; */
}

.polls-view-single-widget.social-share i {
    background: #ededed4f;
    padding: 10px;
    font-size: 23px;
    cursor: pointer;
}

.ri-facebook-fill {
    color: #0A82ED !important;
}

.ri-whatsapp-fill {
    color: #33C25E;
}

.ri-linkedin-fill {
    color: #0073B2;
}

.ri-twitter-fill {
    color: #1C9AEF;
}

/* .fp.polls-view-right-sidebar {
    padding: 80px 0;
} */


/* Create polls  */
.form-wrapper form .input-group textarea {
    width: 100%;
    float: left;
    border: none;
    padding: 22px 20px 20px 20px;
    border-radius: 5px;
    font-size: 18px;
    font-weight: 500;
    background-color: #FFF;
    color: #333;
    outline: none;
    -webkit-appearance: none;
    font-family: 'Inter', sans-serif;
    border: solid 2px transparent;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.06);
    height: 120px;
    resize: none;
    transition: .5s;
}

.form-wrapper form .input-group input:focus,
.form-wrapper form .input-group textarea:focus {
    border: solid 2px #4199FF;
    color: #4199FF;
    box-shadow: 0 0 10px 0 rgba(65, 153, 255, 0.45);
    transition: .5s;
}

.form-wrapper form .input-group textarea.error {
    background-color: #FFF;
    border-color: #ff1336;
}


.form-wrapper form .poll-options .input-group {
    position: relative;
}

.form-wrapper form .input-group {
    float: left;
    width: 100%;
    margin-bottom: 35px;
}

.form-wrapper form .input-group label {
    font-size: 15px;
    color: #929292;
    font-weight: 600;
    margin-bottom: 8px;
    float: left;
}

.form-wrapper form .poll-options .input-group .input-group-field {
    float: left;
    width: 100%;
    position: relative;
}

.form-wrapper form .poll-options .input-group input {
    padding-right: 150px;
}

.form-wrapper form .input-group input {
    width: 100%;
    float: left;
    border: none;
    padding: 22px 20px 20px 20px;
    border-radius: 5px;
    font-size: 18px;
    font-weight: 500;
    background-color: #FFF;
    color: #333;
    outline: none;
    -webkit-appearance: none;
    font-family: 'Inter', sans-serif;
    border: solid 2px transparent;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.06);
}

input,
textarea,
.redactor-editor {
    transition: border 0.5s ease, color 0.5s ease;
}

.form-wrapper form .poll-options .input-group .poll-option-group {
    position: absolute;
    right: 25px;
    top: 21px;
}

.form-wrapper form .poll-options .input-group .poll-option-group .upload-image-button {
    float: left;
    padding-right: 15px;
}

.upload-image-button a {
    float: left;
    background-color: #D9EEFF;
    height: 26px;
    border-radius: 5px;
    padding: 5px 8px;
    font-weight: bold;
    font-size: 11px;
    line-height: 16px;
    text-align: center;
    text-transform: uppercase;
    color: #597DA7;
}

.upload-image-button a {
    font-weight: bold;
    font-size: 11px;
    line-height: 16px;
    text-align: center;
    text-transform: uppercase;
    color: #597DA7;
}

.poll-colour-dropdown-wrapper {
    float: left;
}

.poll-colour-dropdown-wrapper a#colour-block-button.red {
    background-color: rgba(255, 82, 82, 0.4);
}

.poll-colour-dropdown-wrapper a#colour-block-button {
    width: 26px;
    height: 26px;
    background-color: #ccc;
    border-radius: 5px;
    float: right;
    background-color: rgba(255, 82, 82, 0.6);
}

a#colour-block-button.red span,
.poll-colour-dropdown-wrapper .poll-colour-dropdown .poll-colour-squares a.colour-square.red {
    background-color: #FF5252;
}

a#colour-block-button span {
    width: 12px;
    height: 12px;
    float: left;
    border-radius: 50px;
    margin-left: 7px;
    margin-top: 7px;
    background-color: #000;
    /* transition: background 0.2s ease; */
}

.form-wrapper form .input-group.split-field-left {
    width: 50%;
    padding-right: 15px;
}

.form-wrapper form .input-group {
    float: left;
    width: 100%;
    margin-bottom: 35px;
}

.form-wrapper form .input-group label {
    font-size: 15px;
    color: #929292;
    font-weight: 600;
    margin-bottom: 8px;
    float: left;
}

.form-wrapper form .input-group select {
    width: 400px;
    float: left;
    border: none;
    padding: 18px 20px 17px 20px;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 500;
    background-color: #FFF;
    color: #333;
    outline: none;
    -webkit-appearance: none;
    font-family: 'Inter', sans-serif;
    border: solid 2px transparent;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.06);
    -webkit-appearance: none;
    background-image: url('https://icons-for-free.com/download-icon-chevron+down-131965017375274445_256.png');
    background-size: 14px;
    background-repeat: no-repeat;
    background-position: right 20px top 24px;
    border: solid 2px #FFF;
}

.form-wrapper form .input-group a.poll-status-label-hint {
    font-weight: 500;
    font-size: 12px;
    color: #ABABAB;
    letter-spacing: -0.2px;
    float: right;
}

.form-wrapper form .input-group.split-field-right {
    width: 50%;
    padding-left: 15px;
}

.form-wrapper form .input-group label {
    font-size: 15px;
    color: #929292;
    font-weight: 600;
    margin-bottom: 8px;
    float: left;
}

.form-wrapper form .input-group a.poll-status-label-hint {
    font-weight: 500;
    font-size: 12px;
    color: #ABABAB;
    letter-spacing: -0.2px;
    float: right;
}

.form-header {
    padding: 30px 0;
}

.form-wrapper form .poll-create-options .poll-create-options-inner .input-group {
    float: left;
    width: auto;
    margin-right: 18px;
    margin-bottom: 30px;
}

.form-wrapper form .poll-create-options .input-group .radio-buttons {
    padding-top: 0px;
}

.form-wrapper form .input-group .radio-buttons {
    float: left;
    width: 100%;
    padding-top: 20px;
}

.form-wrapper form .poll-create-options .input-group .radio-buttons p {
    float: left;
}

.form-wrapper form .input-group [type="checkbox"]:checked,
.form-wrapper form .input-group [type="checkbox"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

.form-wrapper form .input-group input {
    width: 100%;
    float: left;
    border: none;
    padding: 22px 20px 20px 20px;
    border-radius: 5px;
    font-size: 18px;
    font-weight: 500;
    background-color: #FFF;
    color: #333;
    outline: none;
    -webkit-appearance: none;
    font-family: 'Inter', sans-serif;
    border: solid 2px transparent;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.06);
}

.form-wrapper form .input-group [type="checkbox"]:not(:checked)+label::after {
    opacity: 0;
}

.form-wrapper form .input-group [type="checkbox"]:checked+label::after,
.form-wrapper form .input-group [type="checkbox"]:not(:checked)+label::after {
    content: '';
    position: absolute;
    left: 20px;
    top: 15px;
    width: 24px;
    height: 24px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.3s ease;
    background-repeat: no-repeat;
    background-position: left center;
    background-image: url('../img/create-poll-checkbox-active.svg');
}

.form-wrapper form .input-group [type="checkbox"]:checked+label::before,
.form-wrapper form .input-group [type="checkbox"]:not(:checked)+label::before {
    content: '';
    position: absolute;
    left: 20px;
    top: 15px;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: left center;
    background-image: url('../img/create-poll-checkbox.svg');
}

.form-wrapper form .poll-create-options .poll-create-options-inner .input-group [type="checkbox"]+label strong {
    color: #5F5F5F;
    transition: color 0.3s ease;
    font-weight: 600;
}

.display-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.display-flex a {
    margin-top: -8px;
}

.polls-visibility-box {
    padding: 20px 0;
    color: #009AFF;
}

.polls-visibility-box p {
    margin-top: 10px;
}

.polls-visibility-box h6 {
    font-size: 20px;
    margin-top: 2px;
}

.polls-visibility-wrap {
    padding: 10px 20px;
}

.polls-visibility-box.c {
    color: #00DE74;
}

/* Price table css  */
.price-section-title {
    padding-top: 80px;
    padding-bottom: 30px;
}

.price-section-title h3 {
    margin-bottom: 10px;
    font-size: 32px;
}