/* Minification failed. Returning unminified contents.
(3259,34): run-time error CSS1046: Expect comma, found '50'
(3259,40): run-time error CSS1046: Expect comma, found '/'
(3259,64): run-time error CSS1046: Expect comma, found '0'
(3259,68): run-time error CSS1046: Expect comma, found '/'
(3722,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-secondary-light'
(3734,17): run-time error CSS1039: Token not allowed after unary operator: '-brand-secondary-medium'
 */
@import url('../fonts/avinar/stylesheet.css');

*, body {
    line-height: 16px
}

.button {
    background-color: white;
    color: rgb(106, 204, 156);
    border: 2px solid #04AA6D;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin-left: 20px;
    border-radius: 28px;
}
img, video {
    height: auto
}

.page-title, .small-title, h1 {
    font-weight: 300;
    letter-spacing: -1px
}

.owl-carousel, .owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative
}
.companynamebold {
    display: block;
    font-weight: bold !important;
}

.FundMessage {
    font-weight: bold;
    white-space: nowrap;
}

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 300;
    src: local('Open Sans Light Italic'),local('OpenSans-LightItalic'),url(https://fonts.gstatic.com/s/opensans/v15/PRmiXeptR36kaC0GEAetxrfB31yxOzP-czbf6AAKCVo.ttf) format('truetype')
}

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    src: local('Open Sans Italic'),local('OpenSans-Italic'),url(https://fonts.gstatic.com/s/opensans/v15/xjAJXh38I15wypJXxuGMBp0EAVxt0G0biEntp43Qt6E.ttf) format('truetype')
}

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 600;
    src: local('Open Sans SemiBold Italic'),local('OpenSans-SemiBoldItalic'),url(https://fonts.gstatic.com/s/opensans/v15/PRmiXeptR36kaC0GEAetxi8cqLH4MEiSE0ROcU-qHOA.ttf) format('truetype')
}

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 700;
    src: local('Open Sans Bold Italic'),local('OpenSans-BoldItalic'),url(https://fonts.gstatic.com/s/opensans/v15/PRmiXeptR36kaC0GEAetxp_TkvowlIOtbR7ePgFOpF4.ttf) format('truetype')
}

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 800;
    src: local('Open Sans ExtraBold Italic'),local('OpenSans-ExtraBoldItalic'),url(https://fonts.gstatic.com/s/opensans/v15/PRmiXeptR36kaC0GEAetxlDMrAYtoOisqqMDW9M_Mqc.ttf) format('truetype')
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans Light'),local('OpenSans-Light'),url(https://fonts.gstatic.com/s/opensans/v15/DXI1ORHCpsQm3Vp6mXoaTYnF5uFdDttMLvmWuJdhhgs.ttf) format('truetype')
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans Regular'),local('OpenSans-Regular'),url(https://fonts.gstatic.com/s/opensans/v15/cJZKeOuBrn4kERxqtaUH3aCWcynf_cDxXwCLxiixG1c.ttf) format('truetype')
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: local('Open Sans SemiBold'),local('OpenSans-SemiBold'),url(https://fonts.gstatic.com/s/opensans/v15/MTP_ySUJH_bn48VBG8sNSonF5uFdDttMLvmWuJdhhgs.ttf) format('truetype')
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'),local('OpenSans-Bold'),url(https://fonts.gstatic.com/s/opensans/v15/k3k702ZOKiLJc3WVjuplzInF5uFdDttMLvmWuJdhhgs.ttf) format('truetype')
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 800;
    src: local('Open Sans ExtraBold'),local('OpenSans-ExtraBold'),url(https://fonts.gstatic.com/s/opensans/v15/EInbV5DfGHOiMmvb1Xr-honF5uFdDttMLvmWuJdhhgs.ttf) format('truetype')
}

* {
    vertical-align: top
}

body {
    color: #3C3B3B;
    font-size: 14px;
    font-weight: 300;
    font-family: 'Open Sans',sans-serif;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

a {
    color: #0191BD;
    text-decoration: none
}

    a:focus, a:hover {
        color: #6acc9c;
        outline: 0
    }

img {
    max-width: 100%
}

video {
    width: 100%
}

.page-title, h1 {
    float: left;
    display: inline-block;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 8px;
    font-size: 24px
}

    .page-title::after, h1::after {
        display: inline-block;
        height: 1px;
        width: 100%;
        margin-top: 25px;
        background-color: #D3D3D3;
        content: ''
    }

.small-title {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 18px
}

.description {
    font-size: 11px
}

.owl-carousel {
    z-index: 1;
    display: none;
    width: 100%
}

    .owl-carousel .owl-stage {
        position: relative;
        -ms-touch-action: pan-Y
    }

        .owl-carousel .owl-stage::after {
            clear: both;
            display: block;
            height: 0;
            line-height: 0;
            content: '.';
            visibility: hidden
        }

    .owl-carousel .owl-stage-outer {
        position: relative;
        overflow: hidden;
        -webkit-transform: translate3d(0,0,0)
    }

    .owl-carousel .owl-item {
        float: left;
        min-height: 1px;
        -webkit-backface-visibility: hidden;
        -webkit-touch-callout: none
    }

        .owl-carousel .owl-item img {
            display: block;
            width: 100%;
            -webkit-transform-style: preserve-3d
        }

    .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
        display: none
    }

    .no-js .owl-carousel, .owl-carousel.owl-loaded {
        display: block
    }

    .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
        cursor: hand;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        -webkit-user-select: none;
        user-select: none
    }

    .owl-carousel.owl-loading {
        display: block;
        opacity: 0
    }

    .owl-carousel.owl-hidden {
        opacity: 0
    }

    .owl-carousel.owl-refresh .owl-item {
        visibility: hidden
    }

    .owl-carousel.owl-drag .owl-item {
        -moz-user-select: none;
        -ms-user-select: none;
        -webkit-user-select: none;
        user-select: none
    }

    .owl-carousel.owl-grab {
        cursor: grab
    }

    .owl-carousel.owl-rtl {
        direction: rtl
    }

        .owl-carousel.owl-rtl .owl-item {
            float: right
        }

    .owl-carousel .animated {
        animation-duration: 1s;
        animation-fill-mode: both
    }

    .owl-carousel .owl-animated-in {
        z-index: 0
    }

    .owl-carousel .owl-animated-out {
        z-index: 1
    }

    .owl-carousel .fadeOut {
        animation-name: fadeOut
    }

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.owl-height {
    transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity .4s ease
}

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    height: 80px;
    width: 80px;
    margin-top: -40px;
    margin-left: -40px;
    background: url(owl.video.play.png) no-repeat;
    cursor: pointer;
    transition: transform .1s ease;
    -webkit-backface-visibility: hidden
}

    .owl-carousel .owl-video-play-icon:hover {
        transform: scale(1.3,1.3)
    }

.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.owl-carousel .owl-video-tn {
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    opacity: 0;
    transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

.form-control, input[type=text], input[type=email], input[type=password], input[type=number], input[type=tel], select, textarea {
    height: 46px;
    padding: 2px 12px;
    border: 1px solid #D3D3D3;
    background-color: #FFF;
    line-height: 30px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none
}

    .form-control.throbbing, input[type=text].throbbing, input[type=email].throbbing, input[type=password].throbbing, input[type=number].throbbing, input[type=tel].throbbing, select.throbbing, textarea.throbbing {
        background-repeat: no-repeat
    }

    .form-control:focus, input[type=text]:focus, input[type=email]:focus, input[type=password]:focus, input[type=number]:focus, input[type=tel]:focus, select:focus, textarea:focus {
        outline: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -ms-box-shadow: none;
        box-shadow: none
    }

input[type=text], input[type=email], input[type=password], input[type=number], input[type=tel], textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none
}

select {
    display: inline-block;
    width: 100%;
    padding-right: 33px;
    background-image: url(../images/select-down.png);
    background-position: center right 10px;
    background-repeat: no-repeat;
    background-size: 14px;
    line-height: 25px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none
}

.input-enter-arrow {
    position: relative
}

    .input-enter-arrow .input-arrow {
        position: absolute;
        top: 0;
        right: 0;
        display: inline-block;
        height: 20px;
        width: 20px !important;
        margin-top: 6px;
        margin-right: 10px;
        border: none;
        background-color: transparent;
        background-image: url(../images/arrow.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        font-size: 0;
        cursor: pointer
    }

        .input-enter-arrow .input-arrow:focus {
            outline: 0
        }

textarea {
    min-height: 70px;
    width: 100%
}

.input-rc {
    position: relative;
    display: inline-block
}

    .input-rc input[type=radio], .input-rc input[type=checkbox] {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        margin: 0;
        padding: 0;
        cursor: pointer;
        opacity: 0
    }

        .input-rc input[type=radio] + .input-rc-span, .input-rc input[type=checkbox] + .input-rc-span {
            display: inline-block;
            height: 17px;
            width: 19px;
            margin-top: -1px;
            margin-right: 4px;
            background-image: url(../images/checkbox.png);
            background-position: top 0 left 0;
            background-repeat: no-repeat;
            background-size: cover;
            content: ''
        }

        .input-rc input[type=radio]:checked + .input-rc-span, .input-rc input[type=checkbox]:checked + .input-rc-span {
            background-position: top 0 right 1px
        }

        .input-rc input[type=radio] + .input-rc-span {
            height: 20px;
            width: 20px;
            margin-top: -3px;
            margin-right: 8px;
            background-image: url(../images/radio.png);
            background-position: top 0 left 0
        }

.user-form, form .form-group input {
    width: 100%
}

.input-rc input[type=radio]:checked + .input-rc-span {
    background-position: top 0 right 0
}

.user-form {
    display: block;
    max-width: 615px; /*changes for New Design By Dhrumil*/
    margin: 60px auto;
    text-align: center; /*Added for New Design By Dhrumil*/
}
    /*changes for New Design By Dhrumil*/
    .user-form h4 {
        margin-top: 0;
        margin-bottom: 10px;
        font-family: Roboto;
        font-size: 48px;
        color: #000000;
        text-decoration: none solid rgb(0, 0, 0);
        text-align: center;
    }

form .form-group {
    margin-bottom: 28px
}

    form .form-group .text-input {
        position: relative
    }

.input-right-padding input {
    padding-right: 40px
}

.select2-select-box .select2-container {
    width: 100% !important
}

    .select2-select-box .select2-container .select2-selection--multiple {
        border-color: #D3D3D3
    }

.login-form .remember-me-checkbox {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 300
}

    .login-form .remember-me-checkbox::after {
        display: inline-block;
        height: 1px;
        width: 80%;
        margin: 0 10%;
        background-color: #D3D3D3;
        content: ''
    }

.login-form .forget-link {
    font-size: 10px
}

.forget-form p {
    margin-bottom: 20px;
    font-size: 12px
}

.form-filed-details {
    display: inline-block;
    width: 100%;
    /* margin-bottom: 15px*/
}

    .form-filed-details .form-group {
        position: relative;
        max-width: 328px;
        margin: 0 auto;
        margin-bottom: 0;
    }

        .form-filed-details .form-group.email-input input {
            -webkit-border-radius: 5px 5px 0 0;
            -moz-border-radius: 5px 5px 0 0;
            -ms-border-radius: 5px 5px 0 0;
            border-radius: 5px 5px 0 0
        }

        .form-filed-details .form-group.password-input {
            margin-top: -1px
        }

            .form-filed-details .form-group.password-input input {
                -webkit-border-radius: 0 0 5px 5px;
                -moz-border-radius: 0 0 5px 5px;
                -ms-border-radius: 0 0 5px 5px;
                border-radius: 0 0 5px 5px
            }

@media (max-width:767px) {
    .form-filed-details .form-group.password-input input {
        border-top: none
    }
}

.form-filed-details input {
    width: 100%
}

.bg-grey-container {
    display: inline-block;
    margin-bottom: 4px;
    padding: 8px 12px;
    background-color: #E4E4E4;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px
}

.multiple-select-box .multiselect-native-select, .multiple-select-box .multiselect-native-select .btn-group {
    display: inline-block;
    width: 100%
}

    .multiple-select-box .multiselect-native-select .btn {
        display: inline-block;
        height: 30px;
        width: 100%;
        padding: 6px 33px 6px 12px;
        border: 1px solid #D3D3D3;
        background-color: #FFF;
        background-image: url(../images/select-down.png);
        background-position: center right 10px;
        background-repeat: no-repeat;
        background-size: 14px;
        color: #3C3B3B;
        text-align: left;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        border-radius: 5px;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -ms-box-shadow: none;
        box-shadow: none
    }

        .multiple-select-box .multiselect-native-select .btn:active, .multiple-select-box .multiselect-native-select .btn:focus, .multiple-select-box .multiselect-native-select .btn:focus:active, .multiple-select-box .multiselect-native-select .btn:hover {
            background-color: #FFF;
            color: #3C3B3B;
            opacity: 1;
            outline: 0;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            -ms-box-shadow: none;
            box-shadow: none
        }

        .multiple-select-box .multiselect-native-select .btn .caret {
            display: none
        }

        .multiple-select-box .multiselect-native-select .btn .multiselect-selected-text {
            display: inline-block;
            width: 100%;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap
        }

    .multiple-select-box .multiselect-native-select .multiselect-container {
        width: 100%;
        margin-top: -1px;
        padding: 6px 0
    }

        .multiple-select-box .multiselect-native-select .multiselect-container li {
            display: inline-block;
            width: 100%;
            margin-bottom: 1px
        }

            .multiple-select-box .multiselect-native-select .multiselect-container li a {
                display: inline-block;
                width: 100%;
                padding-top: 6px;
                padding-bottom: 2px;
                padding-left: 10px
            }

                .multiple-select-box .multiselect-native-select .multiselect-container li a label {
                    padding: 0;
                    font-weight: 300;
                    white-space: normal
                }

                    .multiple-select-box .multiselect-native-select .multiselect-container li a label input {
                        position: relative;
                        float: left;
                        display: inline-block;
                        width: auto;
                        margin: 0 10px 0 0;
                        -webkit-appearance: none;
                        -moz-appearance: none;
                        -ms-appearance: none;
                        appearance: none
                    }

                        .multiple-select-box .multiselect-native-select .multiselect-container li a label input::after {
                            display: inline-block;
                            height: 17px;
                            width: 19px;
                            margin-top: -1px;
                            margin-right: 4px;
                            background-image: url(../images/checkbox.png);
                            background-position: top 0 left 0;
                            background-repeat: no-repeat;
                            background-size: cover;
                            content: ''
                        }

                        .multiple-select-box .multiselect-native-select .multiselect-container li a label input:checked::after {
                            background-position: top 0 right 1px
                        }

.cancel-link {
    display: inline-block;
    margin: 8px 20px 8px 8px
}

@media (max-width:420px) {
    .cancel-link {
        margin: 8px 6px
    }
}

ul.menu {
    display: inline-block;
    margin-bottom: 0;
    padding-left: 0;
    list-style: none
}

@media (max-width:767px) {
    ul.menu {
        display: block;
        margin: 25px 0px;
        padding-left: 0;
        list-style: none;
        text-align: center;
    }

        ul.menu li {
            width: 100%;
            margin-bottom: 10px
        }
}

ul.menu li {
    display: inline-block;
    margin-right: 5px
}

    ul.menu li:last-child {
        margin-right: 0
    }

    ul.menu li a {
        display: inline-block;
        color: #3C3B3B;
        font-size: 9px
    }

    ul.menu li.active a {
        color: #0191BD
    }

.mobile-menu-icon {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 999;
    display: none;
    margin-top: 0;
    margin-right: 40px;
    padding: 10px 0 10px 10px
}

@media (max-width:767px) {
    .mobile-menu-icon {
        display: inline-block
    }
}

.mobile-menu-icon .icon-bar {
    display: block;
    height: 3px;
    width: 25px;
    margin-bottom: 3px;
    background-color: #3C3B3B;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    -ms-border-radius: 1px;
    border-radius: 1px
}

    .mobile-menu-icon .icon-bar:last-child {
        margin-bottom: 0
    }

.header-wrap {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 8px 40px 6px;
    border-bottom: 1px solid #D3D3D3;
    letter-spacing: -1px
}

    .header-wrap ul {
        padding-top: 2px
    }

        .header-wrap ul li::after {
            content: '|'
        }

@media (max-width:767px) {
    .header-wrap ul {
        z-index: 99;
        padding-top: 0;
        border: 1px solid #D3D3D3;
        background-color: #E4E4E4
    }

        .header-wrap ul li {
            margin-right: 0;
            margin-bottom: 0;
            border-bottom: 1px solid #D3D3D3
        }

            .header-wrap ul li:last-child {
                border-bottom: none
            }

            .header-wrap ul li .icons {
                padding-left: 0
            }

                .header-wrap ul li .icons::before, .header-wrap ul li::after {
                    display: none
                }
}

.header-wrap ul li:last-child::after, .header-wrap ul li:nth-last-child(2)::after {
    display: none
}

.header-wrap ul li.dropdown .dropdown-menu {
    right: 0;
    left: auto;
    margin-top: 8px;
    margin-right: -6px
}

@media (max-width:767px) {
    .header-wrap ul li.dropdown .dropdown-menu {
        position: relative;
        width: 100%;
        margin: 0;
        padding: 0;
        border-right: none;
        border-bottom: none;
        border-left: none;
        background-color: #EEF0F0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        border-radius: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -ms-box-shadow: none;
        box-shadow: none
    }

        .header-wrap ul li.dropdown .dropdown-menu > li > a {
            padding-left: 30px
        }

    .header-wrap ul li a {
        width: 100%;
        padding: 12px 70px 12px 10px
    }
}

.header-wrap ul li.dropdown .dropdown-menu > li > a:hover {
    background-color: transparent
}

.header-wrap ul li a {
    font-size: 13px
}

.header-left {
    padding-right: 50px;
    font-size: 14px;
    line-height: normal
}

    .header-left img {
        height: 26px;
        width: 35px;
        margin-right: 6px
    }

.btn, .footer {
    width: 100%;
    display: inline-block
}

.header-left span {
    line-height: normal;
    font-weight: 600;
    margin-top: 3px;
    display: inline-block;
}

.footer {
    margin-top: 30px;
    padding: 20px 25px;
    background-color: #EEF0F0;
    font-size: 9px
}

    .footer .footer-copyright {
        display: inline-block;
        margin-right: 10px
    }

.footer-right {
    float: right
}

@media (max-width:767px) {
    .footer .footer-copyright {
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px
    }

    .footer-right {
        float: none;
        margin-bottom: 10px;
        text-align: left
    }
}

@media (max-width: 992px) {
    .footer-left {
        text-align: center;
    }

    ul.menu {
        text-align: center;
        margin-top: 23px;
    }

    .col-sm-12.col-md-6.text-left.footer-left.copyright, .col-sm-12.col-md-6.text-right.footer-right.footer-menu {
        text-align: center;
    }
}

.footer-right img {
    margin-right: 10px
}

.btn {
    padding: 5px;
    background-color: #0191BD;
    color: #FFF;
    font-weight: 300;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px
}

    .btn:hover {
        opacity: .8
    }

    .btn:focus, .btn:focus:active, .btn:hover {
        background-color: #0191BD;
        color: #FFF;
        outline: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -ms-box-shadow: none;
        box-shadow: none
    }

.btn-icon::before {
    display: inline-block;
    height: 30px;
    width: 30px;
    margin-right: 5px;
    padding: 0;
    background-image: url(../images/FontAwesomeLinkedin.svg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    color: #FFF;
    vertical-align: middle;
    content: ''
}

.btn-border {
    display: inline-block;
    width: 190px;
    border-color: #0191BD;
    background-color: transparent;
    color: #0191BD
}

    .btn-border:hover {
        opacity: 1
    }

    .btn-border:focus, .btn-border:focus:active, .btn-border:hover {
        background-color: #0191BD
    }

.bg-grey {
    background-color: #E4E4E4
}

.bg-sky {
    background-color: #0191BD
}

.text-white {
    color: #FFF
}

.text-red {
    color: red
}

.text-green {
    color: #499E2C
}

.text-light-grey {
    color: #BDBDBD
}

.border-radius-5 {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px
}

.border-grey {
    border: 1px solid #D3D3D3
}

.breadcrumb-wrap {
    padding: 5px 40px
}

    .breadcrumb-wrap .breadcrumb {
        margin: 0;
        padding: 0;
        background-color: transparent;
        font-size: 11px;
        letter-spacing: 0
    }

        .breadcrumb-wrap .breadcrumb a {
            color: #646464
        }

        .breadcrumb-wrap .breadcrumb > li + li::before {
            padding: 0 3px;
            color: #646464;
            content: '>'
        }

.green-dot::before, .icons::before {
    content: ''
}

.breadcrumb-wrap .breadcrumb > .active {
    color: #3C3B3B;
    font-weight: 400
}

.page-top.container-960 {
    margin-top: 25px
}

.app-store-image {
    display: none;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px
}

.bottom-link-btn, .campaign-prev-link, .char-limit, .left-right-content, .tooltips {
    display: inline-block
}

.app-store-image img {
    height: 27px
}

.left-right-content {
    width: 100%
}

    .left-right-content .left-content .description {
        max-width: 150px
    }

@media (max-width:767px) {
    .app-store-image {
        display: inline-block
    }

    .left-right-content .left-content .description {
        max-width: 100%
    }

    .user-form-new h4 {
        font-size: 24px;
    }

    .font-set {
        font-size: 24px;
    }
}

.left-right-content .right-content .content {
    max-width: 420px;
}

.control-label, label {
    margin-bottom: 6px;
    font-weight: 400
}

.label {
    font-weight: 400
}

.beta-register-form form {
    display: inline-block;
    width: 100%
}

.beta-register-form .form-group .text-input input {
    width: 100%
}

.beta-register-form .bg-grey-container {
    width: 100%;
    margin-bottom: 0;
    padding: 10px 10px 8px
}

.label-checkbox {
    position: relative;
    padding-left: 25px;
    font-weight: 300
}

    .label-checkbox .input-rc {
        position: absolute;
        top: 0;
        left: 0
    }

.char-limit, .dropdown .dropdown-menu {
    right: 0;
    left: auto
}

.tooltips {
    margin-left: 6px
}

    .tooltips img {
        height: 12px
    }

.char-limit {
    position: absolute;
    top: 0;
    margin-top: 15px;
    margin-right: 8px;
    font-size: 16px;
    cursor: pointer;
    opacity: .5
}

.charrespo {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
}

.char-limit img {
    width: 20px
}

.error-msg {
    /*color: red;
    font-size: 10px;
    text-align: left;*/
    color: red;
    font-size: 12px;
    text-align: left;
    display: block;
    bottom: 0;
    padding-left: 15px;
}

.error input {
    border-color: red
}

.campaign-prev-link {
    width: 100%;
    margin: 20px 0 0;
    padding-top: 30px;
    border-top: 1px solid #D3D3D3
}

.bottom-link-btn {
    width: 100%;
    margin-top: 30px
}

.preview-grid {
    min-height: 450px;
    margin-top: 30px
}

.settings-page .right-content .bg-grey-container {
    width: 100%;
    padding: 5px 12px;
    line-height: 20px
}

.settings-page .right-content .input-rc-span {
    margin-top: 0 !important
}

.captcha-code {
    float: left;
    margin-left: 15px;
    width: -webkit-calc(100% - 135px);
    width: -moz-calc(100% - 135px);
    width: calc(100% - 135px)
}


.help-block-label {
    margin-top: 6px;
    float: left;
    width: 100%;
}

.desktop-hide {
    display: none
}

@media (max-width:767px) {
    .left-right-content .right-content .content {
        max-width: 100%
    }

    .responsive-center {
        text-align: center
    }

    .preview-grid {
        min-height: 330px
    }

    .desktop-hide {
        display: inline-block
    }

    .mobile-hide {
        display: none
    }
}

.about-section, .green-dot, .green-dot::before, .icons, .icons::before {
    display: inline-block
}

    .green-dot::before {
        height: 12px;
        width: 12px;
        margin-right: 6px;
        background-color: #499E2C;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        -ms-border-radius: 100%;
        border-radius: 100%
    }

.clear-left {
    clear: left
}

.icons {
    position: relative;
    padding-left: 20px
}

    .icons::before {
        position: absolute;
        top: 0;
        left: 0;
        height: 15px;
        width: 15px;
        background-image: url(../images/setting.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain
    }

.icon-start::before {
    height: 8px;
    width: 8px;
    margin-top: 4px;
    background-image: url(../images/start.png)
}

.icon-pause::before, .icon-remove::before {
    position: relative;
    height: 13px;
    width: 13px;
    margin-top: 4px;
    margin-right: 6px
}

.icon-pause::before {
    background-image: url(../images/pause.png)
}

.icon-remove::before {
    background-image: url(../images/remove.png)
}

.grid-3 {
    float: left;
    margin-right: 10px;
    width: -webkit-calc(33.33% - 7px);
    width: -moz-calc(33.33% - 7px);
    width: calc(33.33% - 7px)
}

    .grid-3:nth-child(3n) {
        margin-right: 0
    }

.grid-4 {
    float: left;
    margin-right: 10px;
    width: -webkit-calc(25% - 8px);
    width: -moz-calc(25% - 8px);
    width: calc(25% - 8px)
}

    .grid-4:nth-child(4n) {
        margin-right: 0
    }

.container-960 {
    max-width: 960px;
    width: 100%;
    margin: 0 auto;
    padding: 0 25px
}


.thank-you-page {
    height: 660px;
}

.container-580 {
    max-width: 580px;
    width: 100%
}

.container-690 {
    max-width: 690px;
    width: 100%
}

.about-section {
    width: 100%;
    margin-bottom: 50px;
    display: flex;
    flex-wrap: wrap;
}

@media (max-width:767px) {
    .about-section {
        display: block;
        max-width: 250px;
        width: 100%;
        margin: 0 auto 15px
    }

    .cookie-popup {
        display: none
    }

    .thank-you-page {
        height: 400px;
    }
}

@media (max-width:1919px) {
    .thank-you-page {
        height: 346px;
    }
}

@media (max-width:1399px) {
    .thank-you-page {
        height: 346px;
    }
}

.about-section .grid-image img {
    height: 40px
}

.about-section .grid-title {
    font-weight: 400
}

.about-section .grid-description {
    /*letter-spacing: -1px;*/
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    display: flex !important;
    flex-direction: column;
}

    .about-section .grid-description p {
        font-family: Roboto;
        font-size: 18px;
        color: #888888;
        text-decoration: none solid rgba(0, 0, 0, 0.6);
        line-height: 27px;
    }

.cookie-popup {
    max-width: 550px;
    width: 100%;
    margin: 0 auto
}

    .cookie-popup .cookie-image {
        display: inline-block;
        width: 90px;
        vertical-align: middle
    }

        .cookie-popup .cookie-image img {
            height: 27px;
            margin-right: 3px
        }

    .cookie-popup .cookie-details {
        display: inline-block;
        font-size: 16px;
        letter-spacing: -1px;
        vertical-align: middle;
        width: -webkit-calc(100% - 138px);
        width: -moz-calc(100% - 138px);
        width: calc(100% - 138px);
        font-family: Roboto;
        color: #888888;
    }

    .cookie-popup .cookie-close {
        display: inline-block;
        width: 40px;
        vertical-align: middle;
        cursor: pointer
    }

        .cookie-popup .cookie-close img {
            height: 20px
        }

        .cookie-popup .cookie-close .close-cookie-popup {
            display: inline-block
        }

    .cookie-popup.hide-cookie-popup {
        display: none
    }

.thank-you-page .beta-status {
    margin-top: 20px
}

@media (max-width:767px) {
    .thank-you-page .beta-status {
        margin: 20px auto 0;
        text-align: center
    }
}

.thank-you-page .go-back-button {
    margin-top: 45px
}

@media (max-width:767px) {
    .thank-you-page .go-back-button {
        margin-top: 30px
    }
}

.thank-you-page .description a {
    color: #3C3B3B
}

.campagin_start .bg-grey-container {
    width: 100%;
    padding: 10px 10px 8px
}

.campagin_start .label-checkbox label {
    margin-bottom: 0
}

.budget-section {
    display: inline-block;
    width: 100%;
    margin-bottom: 50px
}

    .budget-section .budget-list {
        display: inline-block;
        width: 100%;
        margin-top: 20px
    }

        .budget-section .budget-list .grid-3 {
            padding: 15px 12px;
            font-weight: 400
        }

@media (max-width:640px) {
    .budget-section .budget-list .grid-3 {
        width: 33.33%;
        margin-right: 0;
        padding: 12px 8px
    }
}

.score-section, .score-section .user-score-table {
    display: inline-block;
    width: 100%
}

@media (max-width:400px) {
    .budget-section .budget-list .grid-3 {
        width: 100%;
        margin-bottom: 10px
    }

        .budget-section .budget-list .grid-3:last-child {
            margin-bottom: 0
        }
}

.budget-section .budget-list .grid-3 .small-title {
    margin-top: 5px;
    margin-bottom: 5px
}

.score-section {
    margin-bottom: 50px;
    vertical-align: middle
}

    .score-section .small-title {
        margin-bottom: 25px
    }

    .score-section .user-score-table .user-td {
        display: inline-block;
        width: 100%;
        margin-bottom: 15px;
        padding-left: 16px
    }

        .score-section .user-score-table .user-td.more-data, .score-section .user-score-table .user-td.see-less {
            display: none
        }

        .score-section .user-score-table .user-td .user-img {
            display: inline-block;
            width: 80px;
            padding-right: 15px;
            vertical-align: middle
        }

@media (max-width:380px) {
    .score-section .user-score-table .user-td {
        padding-left: 5px
    }

        .score-section .user-score-table .user-td .user-img {
            width: 40px;
            padding-right: 5px
        }
}

.score-section .user-score-table .user-td .user-name {
    display: inline-block;
    width: 150px;
    padding-right: 15px;
    vertical-align: middle
}

@media (max-width:640px) {
    .score-section .user-score-table .user-td .user-name {
        height: 42px;
        width: 90px;
        overflow: hidden;
        font-size: 14px;
        line-height: 20px;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3
    }
}

@media (max-width:380px) {
    .score-section .user-score-table .user-td .user-name {
        height: 28.6px;
        width: 65px;
        font-size: 11px;
        line-height: 1.3
    }
}

.score-section .user-score-table .user-td .user-count {
    display: inline-block;
    width: 35px;
    vertical-align: middle
}

.score-section .user-score-table .user-td .user-desc {
    display: inline-block;
    vertical-align: middle;
    width: -webkit-calc(100% - 286px);
    width: -moz-calc(100% - 286px);
    width: calc(100% - 286px)
}

@media (max-width:640px) {
    .score-section .user-score-table .user-td .user-desc {
        width: -webkit-calc(100% - 216px);
        width: -moz-calc(100% - 216px);
        width: calc(100% - 216px)
    }
}

.score-section.score-detail-show .user-score-table .more-data {
    display: inline-block
}

.score-section.score-detail-show .user-score-table .see-more {
    display: none
}

.score-section.score-detail-show .user-score-table .see-less {
    display: inline-block
}

.score-section .score-table-less-more .user-td {
    cursor: pointer
}

    .score-section .score-table-less-more .user-td .user-name {
        padding: 15px 0
    }

@media (max-width:380px) {
    .score-section .user-score-table .user-td .user-desc {
        width: -webkit-calc(100% - 151px);
        width: -moz-calc(100% - 151px);
        width: calc(100% - 151px)
    }

    .score-section .score-table-less-more .user-td .user-name {
        padding: 8px 0
    }
}

.volunteers-section {
    display: inline-block;
    width: 100%;
    margin-bottom: 50px
}

    .volunteers-section .small-title {
        margin-bottom: 25px
    }

    .volunteers-section .volunteers-slider {
        display: inline-block;
        width: 100%
    }

        .volunteers-section .volunteers-slider .volunteers-grid img {
            height: 35px;
            width: auto;
            margin: 0 auto 5px
        }

.organization-section {
    display: inline-block;
    width: 100%
}

    .organization-section .small-title {
        margin-bottom: 25px
    }

    .organization-section .top-organization {
        display: inline-block;
        width: 100%;
        margin-bottom: 10px;
        padding-left: 16px
    }

        .organization-section .top-organization .rate {
            float: left;
            width: 75px;
            margin-right: 45px;
            line-height: 20px
        }

            .organization-section .top-organization .rate:last-child {
                margin-right: 0
            }

        .organization-section .top-organization .organization-name {
            float: left;
            padding-right: 15px;
            width: -webkit-calc(100% - 195px);
            width: -moz-calc(100% - 195px);
            width: calc(100% - 195px)
        }

@media (max-width:380px) {
    .organization-section .top-organization {
        padding-left: 5px;
        font-size: 12px
    }

        .organization-section .top-organization .rate {
            margin-right: 20px
        }

        .organization-section .top-organization .organization-name {
            width: -webkit-calc(100% - 170px);
            width: -moz-calc(100% - 170px);
            width: calc(100% - 170px)
        }
}

.overview-detail {
    display: inline-block;
    width: 100%
}

    .overview-detail .overview-table {
        display: inline-block;
        width: 100%;
        margin-bottom: 15px;
        -webkit-transition: all .5s ease 0s;
        -moz-transition: all .5s ease 0s;
        -ms-transition: all .5s ease 0s;
        transition: all .5s ease 0s
    }

        .overview-detail .overview-table:last-child {
            margin-bottom: 0
        }

        .overview-detail .overview-table.more-data {
            display: none
        }

    .overview-detail .campaigns-bottom-links {
        margin-top: 10px
    }

@media (max-width:380px) {
    .overview-detail .campaigns-bottom-links {
        margin-top: 0
    }
}

.overview-detail .campaigns-bottom-links .btn-border {
    width: 120px
}

.overview-detail.detail-table-show .more-data {
    display: inline-block
}

.overview-detail.detail-table-show .see-more {
    display: none
}

.overview-detail.detail-table-show .see-less {
    display: inline-block
}

.overview-detail .budget-spent {
    margin-right: 10px
}

@media (max-width:767px) {
    .overview-detail .campaign-name {
        width: 40%
    }

        .overview-detail .campaign-name .green-dot::before {
            display: none
        }
}

@media (max-width:400px) {
    .overview-detail .campaign-name {
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px
    }
}

.overview-detail .campaign-name .title {
    padding-left: 18px
}

@media (max-width:767px) {
    .overview-detail .campaign-name .title {
        padding-left: 0
    }

    .overview-detail .budget-spent {
        width: 32%
    }
}

@media (max-width:400px) {
    .overview-detail .budget-spent {
        width: 100%;
        margin-right: 0
    }
}

@media (max-width:767px) {
    .overview-detail .budget-status {
        width: -webkit-calc(28% - 24px);
        width: -moz-calc(28% - 24px);
        width: calc(28% - 24px)
    }
}

.overview-detail .budget-status .dropdown-menu {
    min-width: 110px;
    margin-top: 12px
}

    .overview-detail .budget-status .dropdown-menu::after {
        position: absolute;
        top: 0;
        left: 50%;
        margin-top: -14px;
        margin-left: -8px;
        color: #D3D3D3;
        font-size: 32px;
        font-family: FontAwesome;
        content: '\f0d8'
    }

@media (max-width:400px) {
    .overview-detail .budget-status {
        width: 100%
    }

        .overview-detail .budget-status .dropdown-menu {
            right: auto;
            left: 0
        }
}

.overview-detail .budget-status .dropdown-menu > li > a {
    padding: 3px 10px
}

.see-less {
    display: none
}

.overview-heading {
    display: inline-block;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 20px;
    border-bottom: 1px solid #D3D3D3
}

@media (max-width:767px) {
    .overview-heading {
        margin-bottom: 10px
    }
}

.overview-heading .page-title {
    float: left;
    width: 40%;
    margin-top: 0;
    margin-bottom: 20px
}

    .overview-heading .page-title::after {
        display: none
    }

.overview-heading .campaigns-calender {
    float: left;
    width: 60%;
    text-align: right
}

    .overview-heading .campaigns-calender .calender {
        display: inline-block;
        text-align: left
    }

        .overview-heading .campaigns-calender .calender .date {
            margin-bottom: 5px;
            color: #0191BD;
            font-size: 18px;
            font-weight: 400
        }

    .overview-heading .campaigns-calender .calender-dropdown {
        display: inline-block;
        margin-left: 10px
    }

        .overview-heading .campaigns-calender .calender-dropdown .arrow-down {
            display: inline-block
        }

            .overview-heading .campaigns-calender .calender-dropdown .arrow-down a {
                display: inline-block;
                margin-right: 30px
            }

                .overview-heading .campaigns-calender .calender-dropdown .arrow-down a:last-child {
                    margin-right: 0
                }

            .overview-heading .campaigns-calender .calender-dropdown .arrow-down i {
                color: #0191BD;
                cursor: pointer
            }

.daterangepicker.ltr {
    top: 115px !important;
    right: 0 !important;
    left: auto !important;
    margin-right: 15px !important;
    margin-left: 15px !important
}

.daterangepicker.opensright::before {
    left: 50%
}

.daterangepicker.opensright::after {
    left: 50.2%
}

.daterangepicker .btn {
    margin-bottom: 10px
}

.password-reset {
    margin-top: 100px;
    margin-bottom: 100px;
    padding: 0 15px
}

@media (max-width:992px) {
    .password-reset {
        margin-top: 50px;
        margin-bottom: 50px
    }
}

@media (max-width:767px) {
    .password-reset {
        margin-top: 30px;
        margin-bottom: 30px
    }
}

.password-reset p {
    margin-bottom: 15px
}

.password-reset .reset-pwd {
    display: inline-block;
    margin-bottom: 25px;
    color: #3C3B3B
}

@media (max-width:767px) {
    .password-reset .reset-pwd {
        color: #0191BD
    }
}

.error-msg.validationsummary {
    text-align: left !important;
}

    .error-msg.validationsummary.error-msg {
        color: red;
        font-size: 12px;
        text-align: left;
        display: block;
        position: unset;
        bottom: 0;
        max-width: 328px;
        margin: 5px auto 0;
    }

    .error-msg.validationsummary ul li:before {
        font-family: 'FontAwesome';
        background: transparent;
        content: '\f06a';
        margin-right: 5px;
    }

    .error-msg.validationsummary ul {
        padding-left: 0;
        list-style: none
    }


.form-filed-details .email-input input {
    /*border-radius: 0px !important;*/
    /*border: none;*/
    /*border-bottom: 2px solid #0191BD;*/ /*changes for New Design By Dhrumil*/
    /*Added for New Design By Dhrumil*/
    width: 328px;
    height: 56px;
    padding: 16px 52px 19px 16px;
    border: 1px solid #000000;
    border-radius: 4px !important;
    background-size: cover;
    margin-bottom: 25px;
    font-family: Roboto;
    font-size: 16px;
    color: #000000;
    text-decoration: none solid rgb(0, 0, 0);
    position: relative;
}

.form-filed-details .btn-next {
    /*changes for New Design By Dhrumil - Commented*/
    /*float: right;*/
    padding: 5px 12px;
    margin: 20px 0 28px;
    /*border: 1px solid #0191BD;
    background-color: #fff;
    border-radius: 5px;
    color: #0191BD;*/
    /*Added for New Design By Dhrumil*/
    max-width: 329px;
    width: 100%;
    font-family: Roboto;
    font-size: 14px;
    color: #ffffff;
    text-decoration: none solid rgb(255, 255, 255);
    line-height: 16px;
    text-align: center;
    height: 48px;
    border: 1px solid transparent;
    border-radius: 28px;
    background-color: #6acc9c;
}
/*Added for New Design By Dhrumil - START*/
a.btn.btn-icon {
    width: 328px;
    height: 48px;
    border: 1px solid transparent;
    border-radius: 31px;
    background-color: #6acc9c;
    /* vertical-align: middle; */
    position: absolute;
    display: block;
    left: 50%;
    transform: translateX(-50%);
}

.form-a a.btn.btn-icon {
    max-width: 328px;
    width: 100%;
    height: 48px;
    border: 1px solid transparent;
    border-radius: 31px;
    background-color: #6acc9c;
    /* vertical-align: middle; */
    padding: 11px;
    display: block;
    left: 50%;
    margin: 0 auto 16px;
    position: unset;
    transform: unset;
}

.form-a {
    display: inline-block;
    height: 100%;
    width: 100%;
    margin-bottom: 0 !important;
}

.form-b {
    display: block;
    height: 100%;
    margin-bottom: 130px;
}

    .form-b .forget-link {
        display: inline-block;
        width: 234px;
        height: 17px;
        font-family: Open Sans;
        font-size: 10px;
        color: #6acc9c;
        text-decoration: none solid rgb(106, 204, 156);
        line-height: 16px;
        text-align: center;
        font-weight: 600;
        margin: -10px !important;
    }

h3.desc {
    /* width: 1023px; */
    /* height: 54px; */
    font-family: Roboto;
    font-size: 18px;
    color: #888888;
    margin: 0;
    text-decoration: none solid rgba(0, 0, 0, 0.6);
    line-height: 27px;
    text-align: center;
}

    h3.desc.desc-last {
        margin-bottom: 60px;
    }

.user-form-new a.font-set {
    display: inline-block;
    margin-left: 10px;
    padding-bottom: 6px;
    border-bottom: 3px solid transparent;
}

.user-form-new a:hover {
    border-bottom: 3px solid #6acc9c !important;
    text-decoration: none;
}

.user-form-new {
    display: block;
    text-align: center;
    margin: 0 auto 50px;
}

    .user-form-new h4 {
        font-family: Roboto;
        font-size: 48px;
        color: #000000;
        text-decoration: none solid rgb(0, 0, 0);
        text-align: center;
    }

    .user-form-new h3 {
        width: 100%;
        height: 27px;
        font-family: Roboto;
        font-size: 18px;
        color: #888888;
        text-decoration: none solid rgba(0, 0, 0, 0.6);
        line-height: 27px;
        text-align: center;
        margin-top: 9px;
    }

.new-section-image img {
    width: 240px;
    height: 140px !important;
    object-fit: cover;
    fill: #dadada;
}

.about-section .grid-title {
    font-weight: 400;
    font-family: Roboto;
    font-size: 22px;
    color: #000000;
    text-decoration: none solid rgb(0, 0, 0);
    line-height: 33px;
}

.findmore-wrap {
    width: 240px;
    height: 48px;
    border: 1px solid #6acc9c;
    border-radius: 28px;
    margin-top: auto;
}

.btn-findmore {
    width: 240px;
    font-family: Roboto;
    font-size: 18px;
    padding: 10px;
    display: inline-block;
    vertical-align: middle;
    color: #6acc9c;
    text-decoration: none solid rgb(106, 204, 156);
    line-height: 27px;
    text-align: center;
}

.form-group.email-input.email-show:before {
    content: 'Account name';
    position: absolute;
    top: -20px;
    font-family: Roboto;
    font-size: 12px;
    left: 10px;
    color: #888888;
    text-decoration: none solid rgba(0, 0, 0, 0.6);
}

.form-group.email-input.email-show:after {
    content: '\f2c0';
    position: absolute;
    top: 22px;
    font-size: 18px;
    right: 22px;
    display: inline-block;
    font-family: FontAwesome;
}

.password-input.abc {
    margin: auto;
    position: relative;
}

    .password-input.abc:before {
        content: 'Password';
        position: absolute;
        top: -20px;
        font-family: Roboto;
        font-size: 12px;
        color: #888888;
        text-decoration: none solid rgba(0, 0, 0, 0.6);
    }

    .password-input.abc:after {
        content: '\f2c0';
        position: absolute;
        top: 36%;
        font-size: 18px;
        right: 25%;
        display: inline-block;
        font-family: FontAwesome;
    }

.email-password-wrap .password-input input {
    width: 328px;
    height: 56px;
    display: inline-block;
    padding: 16px 52px 19px 16px;
    border: 1px solid #000000;
    border-radius: 4px !important;
    background-size: cover;
    font-size: 16px;
    color: #000000;
    text-decoration: none solid rgb(0, 0, 0);
}

.grid {
    display: flex;
    flex-direction: column;
}

.user-icon {
    position: absolute;
    right: 25%;
    top: 16%;
}

.footer-wrap a img {
    max-width: 155px;
    width: 100%;
    height: auto;
    display: block;
    margin: 50px auto 35px;
}



p.footer-logo-title {
    font-size: 18px;
    color: #888888;
    margin-bottom: 50px;
    line-height: 30px;
    text-align: center;
}

.row.footer-logo-wrap {
    border-bottom: 1px solid #888888;
}

.row.footer-list {
    margin: 20px 0;
}

.footer-list .copyright {
    font-size: 12px;
}

.footer-list .footer-menu {
    font-size: 12px;
    font-weight: 500;
}

.footer-menu li {
    margin-left: 10px;
}

.footer-menu ul li {
    text-transform: uppercase;
}

.error-msg.login-validation {
    position: absolute;
}

span.field-validation-error.error-msg.login-validation::before {
    background: transparent;
    content: '\f06a';
    margin-right: 5px;
}
/*Added for New Design By Dhrumil - END*/
.form-filed-details .btn-next:hover {
    opacity: .8;
}

.email-password-wrap .email-wrap {
    /*float: left;
    margin: 20px 0;*/
    text-align: left;
    max-width: 328px;
    margin: 0px auto 40px;
}

    .email-password-wrap .email-wrap .back-arrow {
        /* float: left;*/
        padding-right: 7px;
        margin: 3px 0 0;
        color: #000;
        font-size: 15px;
    }

    .email-password-wrap .email-wrap .email {
        display: inline-block;
        font-weight: 500;
    }

/*.email-password-wrap .password-input input {
    border: none;
    border-bottom: 2px solid #0191BD;
    border-radius: 0;
}*/

.password-hide {
    display: none;
}

.email-hide {
    display: none;
}

.password-show {
    display: block;
}

    .password-show .error-msg {
        color: red;
        font-size: 12px;
        text-align: left;
        display: block;
        position: unset;
        bottom: 0;
        max-width: 328px;
        margin: 5px auto 0;
    }

.email-show {
    display: block;
}

/*Added By MARUT on 28/07/2021*/

.welcome-form .g-recaptcha {
    display: inline-block;
}

.g-recaptcha iframe {
    max-width: 100%;
    transform: scale(0.77);
    -webkit-transform: scale(0.77);
    transform-origin: left top;
    -webkit-transform-origin: left top;
}

.submit-btn {
    margin-top: 0;
}


/*new FUND design */

.sm-container {
    max-width: 800px;
    margin: 0 auto;
    font-family: avenir_regularregular,sans-serif;
}

.fund-title {
    font-family: avenir_regularregular,sans-serif;
    font-size: 32px;
    line-height: 43.52px;
    font-weight: 800;
    color: #222222;
    margin-top: 32px;
    margin-bottom: 16px;
}

.fund-detail .grant-reamin-wrap .grant-title {
    font-size: 20px;
    font-style: normal;
    font-weight: 800;
    line-height: 27.2px;
    color: #666666;
    margin-bottom: 4px;
    margin-top: 0;
}

.fund-detail .grant-reamin-wrap {
    margin-bottom: 24px;
}

    .fund-detail .grant-reamin-wrap .grant-amout {
        font-size: 32px;
        font-style: normal;
        font-weight: 800;
        line-height: 43.52px;
        color: #666666;
        margin: 0;
    }

        .fund-detail .grant-reamin-wrap .grant-amout .amout-sign {
            font-size: 32px;
            font-style: normal;
            font-weight: 400;
            line-height: 43.52px;
            color: #666666;
            padding-right: 6px;
        }

.fund-detail {
    background-color: #FFF;
    padding: 40px 32px;
    border-radius: 8px;
    outline: 2px solid #E0E0E0;
}

    .fund-detail .total-fund-wrap {
        background-color: #F5F5F5;
        border-radius: 8px;
        padding: 16px;
    }

.nopadding {
    padding: 0 !important;
    margin: 0 !important;
}

.nomarginlr {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.fund-detail .fund-amout__title {
    display: flex;
    align-items: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 800;
    line-height: 27.2px;
    color: #222222;
    margin-bottom: 4px;
}

    .fund-detail .fund-amout__title span {
        margin-left: 4px;
    }

.fund-amout-btn .fund-btn {
    font-size: 16px;
    font-style: normal;
    font-family: avenir_regularregular,sans-serif;
    font-weight: 500;
    line-height: 16px;
    padding: 20px 16px;
    background: linear-gradient(90deg, #DBDFA8 0%, #8DDDCB 87.67%);
    border-radius: 4px;
    color: #000000;
    display: inline-block;
    text-decoration: none;
}

.fund-btn-disable {
    font-size: 16px;
    font-style: normal;
    font-family: avenir_regularregular,sans-serif;
    font-weight: 500;
    line-height: 16px;
    padding: 20px 16px;
    background: #E0E0E0;
    border-radius: 4px;
    color: #000000;
    display: inline-block;
    text-decoration: none;
    pointer-events: none;
}

.Button-left {
    width: auto;
    position: absolute;
    top: 55%;
    right: 30px;
    transform: translateY(-50%);
}

.popup {
    background: #fff;
    border-radius: 5px;
    text-align: center;
    max-width: 450px;
}

.popup-buttons {
    padding: 16px;
    align-items: center;
    flex: 1 0 0;
    align-self: stretch;
}
    .popup-buttons button {
        background: transparent;
        border: none;
        color: #888888;
        font-size: 16px;
        line-height: 22px;
        font-weight: 600;
    }
.containt {
    float: left;
    width: 100%;
}

.cancel-contain {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    padding-top: 16px;
}

.close-popup {
    float: left;
    padding: 16px;
    cursor: pointer;
    background: transparent;
    border:none;
}

.cancel-tran-heading {
    font-size: 24px;
    font-style: normal;
    font-weight: 800;
    line-height: 100%;
}

.line-section {
    float: left;
    width: 100%;
    background: #ffffff;
    height: 1px;
    margin-top: 5px;
}

.line-section-new {
    float: left;
    width: 100%;
    background: #e6e6e6;
    height: 2px;
    margin-bottom: 5px
}

.btn-cancel {
    display: flex;
    height: 36px;
    padding: 0px 12px;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    background: #ca0000;
    color: #fff;
    cursor: pointer;
}

    .btn-cancel:focus, .btn-cancel:active, .btn-cancel:hover {
        color: #fff;
        text-decoration: none;
    }

.fund-amout .fund-amout-total {
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 43.52px;
    color: #666666;
    display: flex;
    align-items: center;
}

    .fund-amout .fund-amout-total span {
        display: inline-block;
    }

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

.sm-container .payment-btn {
    text-decoration: none;
    color: #3DA18A;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 21.86px;
    display: inline-block;
    margin-top: 16px;
    text-align: right;
}

.impact-wrapper .fund-title {
    color: #666666;
    margin-bottom: 12px;
}

.multiplay-donation-wrap {
    border-radius: 16px 16px 0px 0px;
    padding: 40px 40px 27px;
    position: relative;
}

    .multiplay-donation-wrap::after {
        content: '';
        width: 100%;
        height: 100%;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0.4;
        background: linear-gradient(90deg, #DBDFA8 0%, #8DDDCB 87.67%);
        border-radius: 16px 16px 0px 0px;
        z-index: 0
    }

.multiplay-data-wrap {
    text-align: center;
    position: relative;
    z-index: 2;
}

    .multiplay-data-wrap .data-title {
        margin: 0 auto 16px;
        font-size: 24px;
        font-style: normal;
        font-weight: 800;
        line-height: 24px;
        color: #666666;
    }

    .multiplay-data-wrap .multiplay-count {
        font-family: avenir_regularregular,sans-serif;
        font-size: 48px;
        font-style: normal;
        font-weight: 800;
        line-height: 65.28px;
        margin: 0;
        color: #666666;
    }

.impact-wrapper .card-detail {
    background-color: #FFF;
    padding: 40px 32px;
    outline: 2px solid #E0E0E0;
}

.impact-wrapper .card-wrapper {
    margin-top: 8px;
}

.impact-wrapper .cards-info {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

.card-detail .card-title {
    font-size: 24px;
    font-style: normal;
    font-weight: 800;
    line-height: 24px;
    color: #666666;
    margin: 0 0 16px;
}

.cards-info .card {
    width: 100%;
    max-width: 234.67px;
}

    .cards-info .card .card-img-wrap {
        border-radius: 8px;
        background: linear-gradient(0deg, rgba(128, 194, 169, 0.20) 0%, rgba(128, 194, 169, 0.20) 100%);
        width: 100%;
        height: 100%;
        max-width: 235px;
        max-height: 172px;
        display: flex;
        flex-wrap: wrap;
        align-items: flex-end;
        justify-content: center;
    }

    .cards-info .card .card-data {
        margin-top: 16px;
    }

.card-amout-detail {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
}

    .card-amout-detail .your-amout {
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 30px;
        color: #666666;
        margin-right: 10px;
    }

    .card-amout-detail .card-amout {
        font-size: 32px;
        font-style: normal;
        font-weight: 800;
        line-height: 43.52px;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        color: #666666;
    }

        .card-amout-detail .card-amout span {
            font-size: 32px;
            font-style: normal;
            font-weight: 400;
            line-height: 43.52px;
            color: #666666;
            margin-right: 6px;
        }

.cards-info .card .card-data .card-pera {
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    margin: 0;
    color: #666666;
}

.card-detail .total-impact-wrap .total-impact-detail-wrap {
    padding: 40px 16px;
    border-radius: 16px;
    outline: 1px solid #F5F5F5;
    background: #F5F5F5;
    text-align: center;
    margin-top: 23px;
}

    .card-detail .total-impact-wrap .total-impact-detail-wrap .impact-title {
        font-size: 24px;
        font-style: normal;
        font-weight: 800;
        line-height: 24px;
        color: #666666;
        margin-bottom: 16px;
    }

    .card-detail .total-impact-wrap .total-impact-detail-wrap .impact-amount-wrap {
        display: flex;
        align-items: center;
        justify-content: center;
    }

.total-impact-detail-wrap .impact-amount-wrap .card-amout {
    font-size: 48px;
    font-style: normal;
    font-weight: 800;
    line-height: 65.28px;
    color: #666666;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 16px;
}

    .total-impact-detail-wrap .impact-amount-wrap .card-amout .card-currency {
        font-size: 35px;
        font-style: normal;
        font-weight: 500;
        line-height: 35px;
        letter-spacing: 1.4px;
        color: #292929;
        display: inline-block;
        margin-right: 6px;
    }

.total-impact-detail-wrap .impact-amount-wrap .impact-growth .growth-count {
    margin: 0;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.96px;
    color: #3DA18A;
    margin-left: 6px;
}

.card-detail .total-impact-wrap .total-impact-detail-wrap .impact-growth {
    display: flex;
    align-items: center;
    justify-content: center;
}

    .card-detail .total-impact-wrap .total-impact-detail-wrap .impact-growth img {
        max-width: 24px;
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

.beneficiary-wrapper {
    background-color: #FFF;
    padding: 40px;
    border-radius: 0px 0px 8px 8px;
    outline: 2px solid #E0E0E0;
    margin-top: 16px;
}

    .beneficiary-wrapper .beneficiary-title {
        margin: 0 0 32px;
        font-size: 24px;
        font-style: normal;
        font-weight: 800;
        line-height: 24px;
        color: #666666;
    }

.beneficiary-company-table {
    margin-bottom: 48px;
}

    .beneficiary-company-table:last-child {
        margin-bottom: 0;
    }

    .beneficiary-company-table .company-info {
        display: flex;
        align-items: center;
    }

        .beneficiary-company-table .company-info .company-logo-wrap .company-logo {
            border-radius: 50%;
            margin-right: 16px;
            width: 52px;
            height: 52px;
            object-fit: contain;
        }

        .beneficiary-company-table .company-info .company-title-wrap .company-title {
            margin: 0;
            font-size: 24px;
            font-style: normal;
            font-weight: 800;
            line-height: 24px;
            color: #666666;
        }

    .beneficiary-company-table .volunteers-table-wrap {
        margin-top: 16px;
        margin-bottom: 32px;
        padding: 1px;
        overflow: hidden;
    }

    .beneficiary-company-table .table .thead-light {
        background: rgba(0, 0, 0, 0.06);
    }

    .beneficiary-company-table .table {
        border-radius: 4px;
        outline: 0.5px solid #B9B9B9;
        background: #FFF;
        margin-left: -0.6px;
    }

        .beneficiary-company-table .table .thead-light th {
            font-size: 20px;
            font-style: normal;
            font-weight: 800;
            line-height: 27.2px;
            color: #222;
            padding: 10px 12px;
            width: 180px;
            vertical-align: top;
            border-top: 1px solid #B9B9B9;
            border-left: 1px solid #B9B9B9;
            border-bottom: 1px solid #B9B9B9;
        }

            .beneficiary-company-table .table .thead-light th:first-child {
                border-left: 0.5px solid #B9B9B9;
            }

        .beneficiary-company-table .table tbody tr td:first-child {
            border-left: 0.5px solid #B9B9B9;
        }

        .beneficiary-company-table .table tbody tr td {
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 24px;
            color: #000000;
            padding: 10px 12px;
            border-top: 1px solid #B9B9B9;
            border-left: 1px solid #B9B9B9;
            background: rgba(255, 255, 255, 0.00);
        }

.volunteer-donations-wrap .donation-title {
    font-size: 20px;
    font-style: normal;
    font-weight: 800;
    line-height: 27.2px;
    color: #666;
    margin-bottom: 16px;
}

.volunteer-donations-wrap .donation-table table {
    margin-bottom: 16px;
}

.see-all-link .payment-btn {
    margin-top: 0;
    font-weight: 800;
    line-height: 16px;
}

.volunteer-donations-wrap .donation-table {
    overflow-y: auto;
    padding: 1px;
}

/* Headr design */
.head-container {
    max-width: 1440px;
    margin: 0 auto;
}

.main-wrapper {
    background-color: #F5F5F5;
}

.header-wrap.dashboard-header {
    padding: 22.44px 115px;
    border-bottom: none;
    box-shadow: 0px -2px 0px 0px #F2F2F2 inset;
}

.dashboard-header .header-left img {
    height: auto;
    width: 110px;
    margin-right: 6px;
}

.desktop-header-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .desktop-header-wrap .header-right .menu li::after {
        display: none;
    }

    .desktop-header-wrap .header-right .menu li {
        margin-right: 32px;
    }

        .desktop-header-wrap .header-right .menu li:last-child {
            margin-right: 0;
        }

        .desktop-header-wrap .header-right .menu li a {
            font-size: 16px;
            font-style: normal;
            font-weight: 500;
            line-height: 16px;
            font-family: avenir_regularregular,sans-serif;
            text-decoration: none;
        }

        .desktop-header-wrap .header-right .menu li:hover a {
            color: #3DA18A;
        }

        .desktop-header-wrap .header-right .menu li.active a {
            color: #3DA18A;
            font-weight: 900;
        }

.main-wrapper.fund-main-wrapper {
    padding-bottom: 24px;
    padding-top: 24px;
    flex: 1;
}

.total-fund-detail-wrap .fund-amout-btn {
    text-align: end;
}

.footer-wrapper {
    margin-top: 0;
}

.impact-wrapper .solid {
    border-top: 2px solid #F5F5F5;
}

.impact-card {
    display: flex;
    align-items: center;
}

    .impact-card .card-img-wrap {
        border-radius: 8px;
        background: linear-gradient(0deg, rgba(128, 194, 169, 0.20) 0%, rgba(128, 194, 169, 0.20) 100%);
        width: 100%;
        height: 100%;
        max-width: 234px;
        min-width: 234px;
        margin-right: 16px;
        text-align: center;
        max-height: 172px;
        display: flex;
        flex-wrap: wrap;
        align-items: flex-end;
        justify-content: center;
    }

.sitback-impact-card .card-img-wrap {
    min-height: 152px;
    max-height: 152px;
    position: relative;
    margin-bottom: 21px;
}

.impact-card .card-img-wrap img {
    position: absolute;
    top: 22.8px;
}

.impact-card .card-pera-count {
    font-size: 20px;
    font-style: normal;
    font-weight: 800;
    line-height: 27px;
    color: #666;
    margin-bottom: 0;
    margin-right: 4px;
}

.impact-card .card-pera {
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    color: #666666;
    margin-bottom: 0;
}

.impact-card .card-amout-detail .impact-title {
    font-size: 24px;
    font-style: normal;
    font-weight: 800;
    line-height: 24px;
    color: #666666;
    margin-bottom: 16px;
}



.full-card {
    padding-top: 20px;
}

.card-img-newsection {
    padding-right: 16px;
    min-width: 180px;
}

[data-braintree-id=wrapper] {
    z-index: 0;
}

[data-braintree-id="choose-a-way-to-pay"] {
    display: none;
}

.braintree-placeholder {
    display: none;
}

.notice-wrapper, #frmJquey {
    font-family: "BT Mono medium", "Helvetica Neue", Helvetica, Sans-serif;
    text-align: center;
    width: 100%;
    overflow: hidden;
}

.notice {
    -webkit-transition: transform 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: transform 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -ms-transition: transform 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: transform 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
    border-radius: 1px;
    background-color: #f6f6f6;
    color: #707073;
    padding: 15px;
    width: 100%;
}

    .notice.error {
        background-color: #FF6161;
        color: #fff;
    }

    .notice.show {
        -webkit-transform: translateY(0%);
        -moz-transform: translateY(0%);
        -ms-transform: translateY(0%);
        -o-transform: translateY(0%);
        transform: translateY(0%);
    }


.success-wrapper {
    font-family: "BT Mono medium", "Helvetica Neue", Helvetica, Sans-serif;
    text-align: center;
    width: 100%;
    overflow: hidden;
}

.success {
    -webkit-transition: transform 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: transform 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -ms-transition: transform 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: transform 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
    border-radius: 1px;
    background-color: #f6f6f6;
    color: #707073;
    padding: 15px;
    width: 100%;
}

    .success.error {
        background-color: #4caf50;
        color: #fff;
    }

    .success.show {
        -webkit-transform: translateY(0%);
        -moz-transform: translateY(0%);
        -ms-transform: translateY(0%);
        -o-transform: translateY(0%);
        transform: translateY(0%);
    }



.new-button {
    border: none;
    border-radius: 4px;
    outline: none;
    color: #fff;
    background: #32325d;
    white-space: nowrap;
    height: 40px;
    line-height: 40px;
    padding: 0 14px;
    box-shadow: 0 4px 6px rgb(50 50 93 / 11%), 0 1px 3px rgb(0 0 0 / 8%);
    font-size: 15px;
    letter-spacing: 0.025em;
    text-decoration: none;
    -webkit-transition: all 150ms ease;
    transition: all 150ms ease;
    float: left;
    display: block;
    width: calc(100% - 0px);
    margin: 40px 15px 0;
    margin-left: 0px !important;
    margin-top: 25px !important;
    text-transform: uppercase;
    cursor: pointer;
}

.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
}

/* The Close Button */
.close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

    .close:hover,
    .close:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer;
    }

@media (max-width: 768px) {
    .Button-left {
        width: auto;
        position: absolute;
        top: 55%;
        right: 10px;
        transform: translateY(-50%);
    }

    .card-img-newsection {
        min-width: unset;
    }

    .font-set {
        font-size: 35px;
        line-height: 1.2;
    }

    .user-form-new h4 {
        font-size: 35px;
    }
}

.fund-amout-btn-full {
    padding-top: 20px;
    width: 100%;
}

    .fund-amout-btn-full .fund-btn-full {
        font-size: 16px;
        font-style: normal;
        font-family: avenir_regularregular,sans-serif;
        font-weight: 500;
        line-height: 16px;
        padding: 20px 16px;
        background: linear-gradient(90deg, #DBDFA8 0%, #8DDDCB 87.67%);
        border-radius: 4px;
        color: #000000;
        display: inline-block;
        text-decoration: none;
        width: 100%;
        text-align: center;
    }

.add-fund-title {
    font-family: avenir_regularregular,sans-serif;
    font-size: 24px;
    line-height: 24px;
    font-weight: 800;
    color: #666;
    font-style: normal;
}

.fund-inspire {
    font-family: avenir_regularregular,sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    color: #666;
    margin-bottom: 4px;
}

.fund-inspire-support {
    font-family: avenir_regularregular,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    color: #666;
    margin-bottom: 4px;
}

.padding-top-16 {
    padding: 16px 0px 0px 0px;
}

.price-wrapper {
    text-align: center;
    margin-bottom: 24px;
}

    .price-wrapper .input-wrap {
        margin-bottom: 24px
    }

        .price-wrapper .input-wrap input {
            display: block;
            max-width: 150px;
            margin: 0 auto;
            border-right: 0;
            border-radius: 0;
            border-left: 0;
            border-top: 0;
            border-bottom: 1px solid #666;
            font-size: 32px;
            font-style: normal;
            font-weight: 800;
            line-height: 43.52px;
            color: #666;
            margin-bottom: 4px;
            text-align: center;
        }

        .price-wrapper .input-wrap a {
            font-size: 16px;
            font-style: normal;
            font-weight: 500;
            line-height: normal;
            text-align: center;
            color: #4CCAAC;
            margin: 4px 0 0 0;
        }

    .price-wrapper .price-button {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        justify-content: center;
    }

        .price-wrapper .price-button .price-btn {
            border-radius: 8px;
            outline: 2px solid #CCC;
            background: #FFF;
            padding: 12px 16px;
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 24px;
            color: #222222;
            border: none;
        }

            .price-wrapper .price-button .price-btn:active,
            .price-wrapper .price-button .price-btn:focus,
            .price-wrapper .price-button .price-btn:hover {
                font-weight: 800;
                outline: 2px solid #222;
            }

            .price-wrapper .price-button .price-btn:active,
            .price-wrapper .price-button .price-btn:focus,
            .price-wrapper .price-button .price-btn.active {
                font-weight: 800;
                outline: 2px solid #222;
            }

.fund-org-support {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    color: #666;
    margin: 8px;
}

.organization-info {
    border-radius: 8px;
    border: 2px solid #E0E0E0;
    padding: 16px 16px 16px 16px;
    display: flex;
    align-items: center;
    margin: 8px;
    filter: grayscale(100%);
    cursor: pointer;
}

    .organization-info:hover, .organization-info.selected {
        border-radius: 8px;
        border: 2px solid #000;
        padding: 16px 16px 16px 16px;
        display: flex;
        align-items: center;
        margin: 8px;
        filter: grayscale(0%);
    }

        .organization-info:hover .organization-title-wrap .organization-title,
        .organization-info.selected .organization-title-wrap .organization-title {
            font-size: 16px;
            font-weight: 800
        }

    .organization-info .company-logo-wrap .company-logo {
        /* border-radius: 50%;*/
        margin-right: 12px;
        width: 52px;
        height: 52px;
        object-fit: contain;
    }

    .organization-info .organization-title-wrap .organization-title {
        margin: 0;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        color: #666666;
    }

.padding-bottom-8 {
    padding: 0px 0px 8px 0px;
}

.go-to-payment,
.go-to-payment:hover {
    float: right;
    display: inline-flex;
    height: 56px;
    padding: 0px 16px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
    background: #222;
    color: #f5f5f5;
    text-decoration: auto;
    margin: 16px 32px 16px 0;
    border-radius: 4px;
    font-weight: 500;
}

    .go-to-payment,
    .go-to-payment:focus {
        color: #f5f5f5;
        text-decoration: none;
    }
/*.organization-info .organization-title-wrap .organization-title:hover {
        margin: 0;
        font-size: 16px;
        font-style: normal;
        font-weight: 800;
        line-height: 24px;
        color: #666666;
    }*/
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

.validation-error {
    color: #E30613;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 133%;
    float: left;
    width: 100%;
}

.validation-error-org {
    color: #E30613;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 133%;
    float: left;
    width: 100%;
}

img.payment-error-img {
    width: 16px;
    height: 16px;
    margin: 5px 5px 7px 0px;
}

.payment-error {
    color: #E30613;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.tooltip.fade.bottom.in {
    color: #fff;
}

.tooltip-inner {
    max-width: 445px;
    padding: 12px;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 18.62px
}

.organization-error-info {
    border-radius: 4px;
    float: left;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.80) 0%, rgba(255, 255, 255, 0.80) 100%), #F8A529;
    width: 100%;
}

.img-org {
    height: 24px;
    width: 24px;
    margin-right: 8px;
}

.fund-org-support-info {
    margin: 12px;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 18.62px
}

h4.transaction-note {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 18.62px;
    margin: 0 0 16px 0;
    color: #666;
}

.transaction-org {
    font-size: 24px;
    font-style: normal;
    font-weight: 800;
    line-height: 24px;
    color: #666;
    margin-bottom: 0;
    margin-top: 0;
}

.payment-information {
    margin-top: 16px;
    float: left;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    color: #666;
}

.transactions {
    line-height: 30px;
    margin-bottom: 16px;
}

    .transactions .fund-title {
        margin-bottom: 4px;
    }

    .transactions .fund-detail {
        padding: 40px 32px 32px 32px;
    }

    .transactions .go-to-payment {
        margin-right: 0;
    }

    .transactions .fund-detail > .col-md-3 {
        text-align: end;
    }

.payment-information .transactions {
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 15px;
    color: #666;
    display: flex;
    align-items: center;
}

    .payment-information .transactions .payment-error {
        margin-left: 8px;
    }

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

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

.sticky-section {
    position: fixed;
    bottom: 0px;
    left: 0;
    float: left;
    width: 100%;
    background: #fff;
    border-top: 1px #b9b9b9 solid;
    height: 88px;
    z-index: 7;
}

.button-stripe {
    margin-bottom: 70px;
}

.alert.alert-success.alert-dismissible {
    margin: auto;
    width: 50%;
    border-radius: 4px;
    background: var(--brand-secondary-light, linear-gradient(0deg, rgba(255, 255, 255, 0.80) 0%, rgba(255, 255, 255, 0.80) 100%), #4CCAAC);
    box-shadow: 0px 16px 48px 0px rgba(0, 0, 0, 0.24);
    position: sticky;
    bottom: 100px;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 133%;
}

.back-to-yourFund {
    padding: 16px 0px 16px 0px;
    color: var(--brand-secondary-medium, #3DA18A);
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    font-size: 16px;
}

.volunteer-donations-title {
    margin: 0 0 12px;
    font-size: 32px;
    font-style: normal;
    font-weight: 800;
    line-height: 43.52px;
    color: #666;
}

.go-to-payment.disabled {
    background: #bababa;
    pointer-events: none;
}

.dashboard-title {
    font-size: 24px;
    font-style: normal;
    font-weight: 800;
    line-height: 24px;
    color: #666;
    margin-bottom: 32px;
    margin-top: 0px;
}

.beneficiary-organizer {
    display: flex;
}

.beneficiary-organizer-btn {
    margin-bottom: 0px;
    margin-top: 5px !important;
    padding-left: 8px;
}

.none-organization-error-info {
    margin-bottom: 10px;
    float: left;
    width: 100%;
    background: ghostwhite;
}

    .none-organization-error-info .fund-org-support-info {
        font-weight: 800;
        font-size: 16px;
    }

.font-set {
    font-family: Roboto;
    font-size: 48px;
    color: #6acc9c;
    text-decoration: none solid rgb(0, 0, 0);
    text-align: center;
    line-height: 50px;
}

@media (max-width: 992px) {
    .desktop-header-wrap .header-right .menu {
        margin-top: 0;
    }
}

@media (max-width: 768px) {
    .Button-left {
        width: auto;
        position: absolute;
        top: 55%;
        right: 10px;
        transform: translateY(-50%);
    }

    .impact-card {
        margin: 0;
        gap: 16px;
        align-items: flex-start;
    }

    .sitback-impact-card {
        display: block;
        margin-bottom: 16px;
    }

        .sitback-impact-card .card-new-data {
            padding-top: 16px;
        }

            .sitback-impact-card .card-new-data .card-amout-detail, .sitback-impact-card .card-new-data .card-pera {
                text-align: center;
            }

            .sitback-impact-card .card-new-data .card-pera {
                line-height: 24px;
            }

    .impact-card .card-img-newsection, .impact-card .card-img-newsection img {
        width: 148px;
        height: 74px;
        max-width: unset;
    }

    .impact-wrapper .solid {
        margin: 24px 0;
    }

    .card-detail .impact-card .card-new-data {
        text-align: left;
    }

        .card-detail .impact-card .card-new-data .card-amout-detail {
            display: block;
        }

    .impact-card .card-amout-detail .impact-title {
        font-size: 20px;
        font-weight: 500;
        line-height: 26.6px;
        margin-bottom: 8px;
    }

    .impact-card .card-pera {
        font-size: 16px;
        font-weight: 400;
        line-height: 27px;
    }

    .impact-card .card-img-wrap {
        margin: 0 auto 16px;
    }

    .impact-wrapper .cards-info {
        display: block;
    }

    .fund-main-wrapper {
        padding: 8px 0 0 0;
    }

    .header-wrap.dashboard-header .mobile-menu-icon {
        top: 23px;
        left: 16px;
        right: unset;
        padding: 0
    }

    .desktop-header-wrap .header-right {
        position: absolute;
        top: 100%;
        width: 100%;
        z-index: 9999;
    }

    .desktop-header-wrap .header-left a {
        display: inline-block;
    }

        .desktop-header-wrap .header-left a img {
            max-width: 70px;
        }

    .mobile-menu-icon .icon-bar {
        transition: 0.4s;
        height: 2px;
        width: 18px;
        background-color: #000000;
        border-radius: unset;
    }

    .mobile-menu-icon.change .bar1 {
        transform: translate(0, 3px) rotate(-45deg);
    }

    .mobile-menu-icon.change .bar2 {
        opacity: 0;
    }

    .mobile-menu-icon.change .bar3 {
        transform: translate(0, -7px) rotate(45deg);
    }

    .desktop-header-wrap .header-right .menu {
        display: none;
        padding: 0px 10px 10px;
        background: #FFF;
        border-radius: 0px 0px 8px 8px;
        box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
    }

        .desktop-header-wrap .header-right .menu li {
            margin-right: 0;
            background: #FFF;
        }

            .desktop-header-wrap .header-right .menu li a {
                padding: 12px 10px 12px 10px;
            }

    .header-wrap.dashboard-header {
        padding: 20px 16px;
        position: relative;
    }

    .desktop-header-wrap {
        justify-content: center;
    }

        .desktop-header-wrap .header-left {
            padding: 0;
        }

    .dashboard-header .header-left img {
        margin-right: 0;
    }

    .fund-title {
        font-size: 24px;
        line-height: 31.92px;
        font-style: normal;
        font-weight: 500;
        margin-top: 40px;
        color: #222 !important;
    }

    .fund-detail .total-fund-wrap {
        padding: 16px 12px;
    }

    .fund-detail {
        padding: 16px;
    }

        .fund-detail .grant-reamin-wrap .grant-title {
            font-size: 16px;
            font-style: normal;
            font-weight: 800;
            line-height: 21.28px;
        }

        .fund-detail .grant-reamin-wrap .grant-amout .amout-sign,
        .fund-detail .grant-reamin-wrap .grant-amout {
            font-size: 24px;
            font-style: normal;
            font-weight: 500;
            line-height: 31.92px;
        }

        .fund-detail .grant-reamin-wrap {
            margin-bottom: 16px;
        }

        .fund-detail .fund-amout__title {
            font-size: 16px;
            font-style: normal;
            font-weight: 800;
            line-height: 21.28px;
        }

    .fund-amout .fund-amout-total {
        font-size: 24px;
        font-style: normal;
        font-weight: 500;
        line-height: 31.92px;
    }

    .total-fund-wrap .payment-btn {
        margin-top: 16px;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
    }

    .impact-wrapper .fund-title {
        margin-bottom: 16px;
    }

    .multiplay-donation-wrap {
        padding: 32px 16px 24px;
    }

    .multiplay-data-wrap .data-title {
        font-size: 20px;
        font-style: normal;
        font-weight: 500;
        line-height: 26.6px;
        margin-bottom: 7px;
    }

    .multiplay-data-wrap .multiplay-count {
        font-size: 32px;
        font-style: normal;
        font-weight: 500;
        line-height: 42.56px;
    }

    .impact-wrapper .card-detail {
        padding: 32px 16px 16px;
        border-radius: 8px;
    }

        .impact-wrapper .card-detail .full-card {
            padding-top: 0;
        }

    .cards-info .card {
        max-width: 100%;
        display: flex;
        align-items: center;
        gap: 16px;
        padding-bottom: 16px;
    }

        .cards-info .card .card-img-wrap {
            max-width: 148px;
            max-height: 108.786px;
        }

            .cards-info .card .card-img-wrap img {
                width: 100%;
                height: 100%;
                object-fit: contain;
            }

    .card-detail .card-title {
        font-size: 20px;
        font-style: normal;
        font-weight: 500;
        line-height: 26.6px;
        color: #222 !important;
    }

    .card-amout-detail .your-amout {
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        margin: 0;
        display: block;
        width: 100%;
    }

    .card-amout-detail .card-amout span {
        margin-right: 2px;
    }

    .card-amout-detail .card-amout span,
    .card-amout-detail .card-amout {
        font-size: 24px;
        font-style: normal;
        font-weight: 500;
        line-height: 31.92px;
    }

    .cards-info .card .card-data .card-pera {
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
    }


    .cards-info .card .card-data {
        margin-top: 0;
    }

    .card-detail .total-impact-wrap .total-impact-detail-wrap {
        margin-top: 17.32px;
        padding: 32px 16px 27.68px;
    }

        .card-detail .total-impact-wrap .total-impact-detail-wrap .impact-title {
            font-size: 16px;
            font-style: normal;
            font-weight: 800;
            line-height: 21.28px;
        }

    .total-impact-detail-wrap .impact-amount-wrap .card-amout {
        font-size: 32px;
        font-style: normal;
        font-weight: 500;
        line-height: 42.56px;
        margin-right: 8px;
    }

        .total-impact-detail-wrap .impact-amount-wrap .card-amout .card-currency {
            font-size: 24px;
            font-style: normal;
            font-weight: 500;
            line-height: 31.92px;
            color: #666;
        }

    .card-detail .total-impact-wrap .total-impact-detail-wrap .impact-growth img {
        max-width: 16px;
    }

    .total-impact-detail-wrap .impact-amount-wrap .impact-growth .growth-count {
        font-size: 16px;
        font-style: normal;
        font-weight: 800;
        line-height: 21.28px;
    }

    .beneficiary-company-table .table .thead-light th {
        width: 120px;
        min-width: 120px;
        font-size: 16px;
        font-style: normal;
        font-weight: 800;
        line-height: 21.28px;
        color: #222;
    }

    .see-all-link {
        text-align: center;
        margin-bottom: 16px;
    }

    .beneficiary-wrapper {
        margin-top: 8px;
        border-radius: 8px;
        padding: 32px 16px 16px;
    }

        .beneficiary-wrapper .beneficiary-title {
            font-size: 20px;
            font-style: normal;
            font-weight: 500;
            line-height: 26.6px;
            color: #222222;
            margin: 0 0 16px;
        }

    .beneficiary-company-table .company-info .company-logo-wrap .company-logo {
        margin-right: 8px;
        width: 32px;
        height: 32px;
    }

    .beneficiary-company-table .company-info .company-title-wrap .company-title {
        font-size: 20px;
        font-style: normal;
        font-weight: 500;
        line-height: 26.6px;
        color: #666;
    }

    .beneficiary-company-table .volunteers-table-wrap .table .thead-light th {
        /*width: 124px;
        min-width: 124px;*/
        width: 100%;
        min-height: 45px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

        .beneficiary-company-table .volunteers-table-wrap .table .thead-light th:last-child {
            border-bottom: 0;
        }

    .beneficiary-company-table .volunteers-table-wrap .table tbody tr td {
        width: 100%;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        border-bottom: 1px solid #B9B9B9;
        border-top: none;
        border-left: 1px solid #B9B9B9;
    }

        .beneficiary-company-table .volunteers-table-wrap .table tbody tr td:last-child {
            border-bottom: 0;
        }

    .beneficiary-company-table .volunteers-table-wrap {
        margin-bottom: 35px;
    }

        .beneficiary-company-table .volunteers-table-wrap .table {
            margin-bottom: 0;
        }

    .volunteer-donations-wrap .donation-title {
        font-size: 16px;
        font-style: normal;
        font-weight: 800;
        line-height: 21.28px;
        color: #666666;
    }

    .beneficiary-company-table .volunteers-table-wrap thead {
        float: left;
        width: 50%;
    }

        .beneficiary-company-table .volunteers-table-wrap tbody tr,
        .beneficiary-company-table .volunteers-table-wrap thead tr {
            display: block;
        }

    .beneficiary-company-table .volunteers-table-wrap tbody {
        float: right;
        width: 50%;
    }

    .transactions {
        padding-top: 20px;
    }

        .transactions .fund-title {
            margin-bottom: 4px;
            font-size: 24px;
            line-height: 31.92px;
        }

    h4.transaction-note {
        margin-bottom: 24px;
    }

    .transaction-org {
        font-size: 20px;
        font-style: normal;
        font-weight: 500;
        line-height: 26.6px;
    }

    .transactions .fund-detail .payment-btn {
        margin-top: 4px;
    }

    .transactions .payment-information {
        margin-bottom: 16px;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        float: unset;
    }

    .transactions .go-to-payment {
        width: 100%;
        height: 36px;
    }

    .transactions .fund-detail .col-md-3 .col-md-12 {
        text-align: center;
    }

    .transactions .fund-detail {
        margin-bottom: 8px;
    }

        .transactions .fund-detail > .col-md-3 {
            text-align: center;
        }

    .popup {
        background: #fff;
        border-radius: 5px;
        text-align: center;
        max-width: 380px;
    }
}

@media (max-width: 991px) {
    .responsive-mb .col-md-9 {
        width: 75%;
    }

    .responsive-mb .col-3 {
        display: inline-block;
        width: 25%;
    }

    .responsive-input-wrap {
        display: flex;
    }
}

@media (max-width: 500px) {

    .beneficiary-company-table .volunteers-table-wrap .table tbody tr td,
    .beneficiary-company-table .volunteers-table-wrap .table .thead-light th {
        min-height: 65px;
        vertical-align: central;
    }

    .price-wrapper .price-button {
        justify-content: flex-start;
    }

    .transactions {
        padding-top: 0;
    }

    .fund-title {
        margin-top: 20px;
    }

    .transactions .fund-detail {
        padding: 16px 0;
    }

    .payment-information .transactions {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 4px;
    }

    .go-to-payment, .go-to-payment:hover {
        margin: 16px;
    }

    .transactions .fund-detail .payment-btn {
        margin: 0;
        padding: 16px;
    }

    .transactions .fund-detail .payment-btn {
        padding: 0;
    }

    .sticky-section {
        height: 91px;
    }

    .popup {
        background: #fff;
        border-radius: 5px;
        text-align: center;
        max-width: 380px;
    }

    .companynamebold {
        display: block;
        font-weight: bold !important;
    }

    .FundMessage {
        font-weight: bold;
        white-space: nowrap;
        font-size: smaller;
    }
}
.welcome-form .left-col {
    padding: 0;
    width: 90px;
}

    .welcome-form .left-col h2, .welcome-form .right-col h4 {
        margin: 0;
    }
.welcome-form .right-col {
    width: calc(100% - 90px);
    padding-right: 0;
}
.prfl-row {
    display: flex;
    justify-content: center;
}
.welcome-form .prfl-row .left-col {
    margin: 0;
}
.welcome-form .left-col h2 a {
    display: block;
}
.prfl-row .left-col {
    margin: 0;
}

.left-col h2 a {
    display: block;
}

.modal-backdrop.in
    {
        opacity:0;
        display:none;
    }
    .modal-body > img {
        max-width: 100%; /* This rule is very important, please do not ignore this! */
    }

    #canvas {
        height: 300px;
        max-width: 550px;
        width: 100%;
        background-color: #ffffff;
        cursor: default;
        border: 1px dashed #aaa;
    }

    .fileUpload {
        position: relative;
        overflow: hidden;
    }

        .fileUpload input.upload {
            position: absolute;
            top: 0;
            right: 0;
            margin: 0;
            padding: 0;
            font-size: 20px;
            cursor: pointer;
            opacity: 0;
            filter: alpha(opacity=0);
        }