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

.auth-wrapper,
.single-header,
.toast {
    background-color: #fff
}

body {
    font-family: Inter, sans-serif
}

a,
h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0;
    text-decoration: none
}

.alert-danger2 {
    margin: 0 30px;
    margin-top: 10px !important
}

.container-fluid {
    padding-right: 70px !important;
    padding-left: 70px !important
}

#dm-country,
#dm-gender {
    padding: 12px !important
}

#dm-country:focus,
#dm-gender:focus,
.form-control:focus {
    border: 1px solid #72bd2f !important;
    box-shadow: none !important
}

.form-floating>label {
    background-color: transparent;
    color: #777;
    font-size: 16px;
    transform: translateY(0)
}

.form-group>select {
    color: #111;
    padding: 12px
}

.form-group>select:focus,
.form-select:focus {
    box-shadow: none;
    border: 1px solid #72bd2f
}

.form-check label {
    font-size: 16px;
    color: #777;
    margin-left: 10px;
    cursor: pointer
}

.form-check input {
    border: 1px solid #72bd2f;
    width: 24px;
    height: 24px;
    cursor: pointer;
    margin-top: 0
}

.form-check input:checked {
    background-color: #72bd2f;
    border-color: #72bd2f
}

.form-check input:focus {
    box-shadow: none;
    border-color: #72bd2f
}

.btn.btn-primary {
    background-color: #72bd2f;
    font-size: 18px;
    font-weight: 700;
    border-radius: 50px;
    border: 2px solid #72bd2f
}

#match-container .action-buttons .btn.btn-primary:hover,
.btn.btn-primary:hover,
.prayer-card .praying-btn-group .btn.btn-primary.active {
    background-color: #62a329;
    border-color: #62a329
}

.navbar .navbar-toggler,
.toast {
    border: 0
}

.toast {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 99;
    box-shadow: 0 12px 48px rgba(26, 33, 52, .11)
}

.navbar,
.single-header {
    border-bottom: 1px solid #ccc
}

.toast .toast-body>i {
    color: #72bd2f;
    font-size: 20px
}

.gradient-bg {
    min-height: calc(100vh - 101px);
    position: relative
}

.gradient-bg::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    background-image: url(../images/gradient-bg.png);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: bottom left;
    z-index: -1
}

.navbar {
    padding: 0
}

.light-header .logo>img,
.navbar .navbar-brand>img,
.single-header .logo>img {
    text-decoration: none;
    max-width: 200px
}

.navbar .nav-item .nav-link {
    color: #111;
    font-size: 18px;
    font-weight: 700;
    padding: 37px 0;
    margin-left: 52px;
    position: relative
}

.navbar .nav-item .nav-link::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -3px;
    width: 100%;
    height: 0;
    opacity: 0;
    background-color: #72bd2f;
    transition: .1s
}

.navbar .nav-item .nav-link.active::before {
    width: 100%;
    height: 3px;
    opacity: 1;
    bottom: 0
}

.navbar .nav-item .nav-link:hover:before {
    bottom: 0;
    opacity: 1;
    height: 3px
}

.navbar .navbar-toggler:focus {
    border: 0;
    outline: 0;
    box-shadow: none
}

.light-header {
    padding: 24px 0;
    position: absolute;
    z-index: 99
}

.single-header {
    height: 101px;
    position: fixed;
    z-index: 9;
    left: 0;
    right: 0;
    top: 0;
    align-items: center;
    display: flex
}

.auth-wrapper {
    background-image: url(../images/auth-bg.jpg);
    min-height: 100vh;
    background-position: center;
    background-size: cover;
    position: relative;
    overflow-x: hidden;
    padding: 40px 0
}

.auth-wrapper::before {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    background: rgba(17, 17, 17, .5);
    width: 100%;
    height: 100%
}

.auth-wrapper::after {
    content: "";
    position: absolute;
    height: 100%;
    top: 0;
    right: -15%;
    width: 50%;
    z-index: 0;
    clip-path: circle(70% at 80% 50%);
    background-color: #fff;
    background-image: url(../images/Layers.png)
}

.auth-wrapper .auth-text,
.feedback-form-box .emoji-rating label i:hover {
    color: #fff
}

.auth-text span {
    font-weight: 700;
    font-size: 24px;
    text-transform: uppercase
}

.auth-text h1 {
    font-size: 104px;
    font-weight: 900;
    text-transform: uppercase;
    line-height: 1
}

.forgot-email-box p,
.forgot-email-box ul li {
    line-height: 24px;
    font-size: 16px;
    color: #777
}

.auth-text p {
    font-size: 18px;
    letter-spacing: 1;
    max-width: 410px;
    margin-bottom: 15px
}

.auth-form .form-title,
.feedback-form-box h1,
.forgot-email-box h1,
.forgot-password-box h1,
.reset-password-box h1 {
    font-size: 28px;
    font-weight: 700
}

.auth-text .form-switch-btns .btn.btn-primary {
    color: #fff;
    height: 60px;
    padding: 14px 50px;
    border-radius: 10px;
    border: 2px solid #fff;
    background-color: transparent;
    position: relative;
    z-index: 2;
    overflow: hidden
}

.form-switch-btns .btn.btn-primary:hover {
    color: #000;
    transform: .4s
}

.auth-text .form-switch-btns .btn.btn-primary.active {
    background-color: #fff;
    color: #111;
    cursor: auto
}

.form-switch-btns .btn.btn-primary::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 100%;
    background-color: #fff;
    opacity: 0;
    transition: .4s;
    z-index: -1
}

.form-switch-btns .btn.btn-primary:hover:before {
    width: 100%;
    opacity: 1
}

.auth-wrapper .auth-form {
    width: 480px;
    padding: 70px 65px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 0 60px 0 rgba(0, 0, 0, .1)
}

.auth-form .form-title {
    padding-bottom: 60px;
    text-align: center
}

.auth-form .forgetpass {
    font-size: 15px;
    color: #afb0c0;
    font-weight: 700;
    text-decoration: none
}

.auth-form .forgetpass:hover,
.auth-form .form-help-text>a,
.matches-wrapper .header-area .header-area-left p>span,
.screening-form .upload-file-box p a,
.screening-left h1 span,
.screening-right h2 span {
    color: #72bd2f
}

.social-login-wrapper .social-login-head {
    position: relative;
    z-index: 1;
    margin: 30px 0
}

.screening-left .or-divider::after,
.social-login-wrapper .social-login-head::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 49%;
    width: 100%;
    height: 1px;
    background-color: #ccc;
    z-index: -1
}

.social-login-wrapper .social-login-head span {
    background-color: #fff;
    padding: 0 16px;
    z-index: 9;
    max-width: fit-content;
    font-size: 15px;
    font-weight: 700;
    color: #777
}

.social-login-wrapper .social-icons-wrap a {
    border-radius: 10px;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    margin: 0 7px
}

.social-login-wrapper .social-icons-wrap a.fb {
    background-color: #3763d2
}

.social-login-wrapper .social-icons-wrap a.tw {
    background-color: #1abcff
}

.social-login-wrapper .social-icons-wrap a.ig {
    background-color: #7b5dfa
}

.social-login-wrapper .social-icons-wrap a.tt {
    background-color: #f00044
}

.social-login-wrapper .social-icons-wrap a>i {
    color: #fff;
    transition: .2s
}

.social-login-wrapper .social-icons-wrap a:hover i {
    transform: rotate(10deg) scale(1.2)
}

.auth-form .form-help-text {
    font-size: 14px;
    color: #111;
    margin-top: 40px
}

.auth-form .send-updates label {
    font-size: 14px
}

.auth-form .send-updates label>a,
.delete-account-wrapper .delete-account-box .bottom-text>a,
.divine-steps-form .form-group .form-label,
.join-form-wrapper .form-label,
.popup-container .report-bug-box .form-group label,
.reset-password-box .form-group label {
    color: #777
}

.auth-form .btn.btn-primary {
    height: 50px;
    border-radius: 10px;
    font-weight: 700;
    margin-top: 24px;
    position: relative;
    border: 0;
    overflow: hidden;
    transition: .4s
}

.auth-form .btn.btn-primary:hover {
    padding-left: 65px
}

.auth-form .btn.btn-primary::before {
    content: "GO!";
    position: absolute;
    font-size: 16px;
    line-height: 50px;
    left: -65px;
    bottom: 0;
    width: 60px;
    height: 100%;
    background-color: #111;
    color: #fff;
    transition: .4s
}

.auth-form .btn.btn-primary:hover:before {
    left: 0
}
.feedback-wrapper{
  padding: 0;
}

.forgot-email-wrapper,
.forgot-password-wrapper,
.reset-password-wrapper {
    padding: 90px 0 50px
}

.forgot-email-wrapper .forgot-email-box,
.forgot-password-wrapper .forgot-password-box,
.reset-password-wrapper .reset-password-box {
    max-width: 470px;
    border-radius: 10px;
    box-shadow: 0 12px 48px rgba(26, 33, 52, .12);
    padding: 40px 32px;
    background-color: #fff
}

.forgot-email-box .form-group label,
.forgot-password-box .form-group label,
.reset-password-box .form-group label {
    font-size: 16px;
    margin-bottom: 4px;
    color: #777
}

.reset-password-box .input-group .input-group-text,
.update-info-modal .input-group .input-group-text {
    background-color: #fff;
    cursor: pointer
}

.forgot-password-wrapper .form-help-text {
    font-size: 16px;
    line-height: 24px;
    color: #777;
    padding-bottom: 32px
}

.forgot-password-box .btn.btn-primary {
    height: 50px;
    border-radius: 10px;
    margin-top: 32px;
    padding: 10px
}

.forgot-password-box .alert-success-container {
    background-color: #71bd2f2f;
    padding: 16px;
    border-radius: 10px
}

.forgot-password-box .alert-success-container i {
    color: #72bd2f;
    font-size: 24px
}

.forgot-password-box .alert-success-container .text {
    color: #111;
    font-size: 14px;
    line-height: 22px;
    padding-left: 14px
}

.forgot-password-box .input-group-text {
    background-color: #fff;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    height: 100%;
    cursor: pointer;
    border-left: 0
}

.forgot-email-box h1 {
    margin: 24px 0;
    font-size: 18px
}

.forgot-email-box h5 {
    font-size: 16px;
    color: #444;
    font-weight: 700;
    margin-top: 24px;
    margin-bottom: 16px
}

.forgot-email-box ul li {
    margin-bottom: 16px
}

.divine-steps-form.interests-form .search-bar .form-control,
.divinemeet-register-form .form-group .form-control,
.join-form-wrapper .form-control,
.panel-controls .search-bar .form-control,
.payment-form .form-group .form-control,
.popup-container .report-bug-box .form-group .form-control,
.reset-password-box .form-group .form-control {
    padding: 12px
}

.reset-password-box .btn.btn-primary {
    border-radius: 5px;
    height: 50px
}

.popup-container,
.prayer-card .comment-share-block .comment-wrapper,
.prayer-card .comment-share-block .social-share-wrapper,
.video-wrapper {
    position: relative
}

.popup-container .plus-icon {
    font-size: 24px;
    border-radius: 100px;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    bottom: 20px;
    right: 20px;
    transition: .2s
}

.popup-container .plus-icon:hover,
.video-wrapper .video-container .play-icon-wrapper:hover {
    transform: scale(1.1)
}

.popup-container .report-bug-box {
    display: none;
    background-color: #fff;
    z-index: 99;
    position: fixed;
    bottom: 80px;
    right: 20px;
    width: 470px;
    max-width: 470px;
    border-radius: 10px;
    box-shadow: 0 12px 48px rgba(26, 33, 52, .2);
    padding: 50px 32px
}

.report-bug-box .popup-close {
    color: #777;
    font-size: 20px;
    position: absolute;
    top: 26px;
    right: 26px;
    border: 0;
    background-color: transparent
}

.divine-steps-form .form-group .form-label>button:hover,
.report-bug-box .popup-close:hover {
    color: #111
}

.popup-container .report-bug-box h1 {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 40px
}

.delete-account-wrapper .delete-account-box .btn.btn-primary,
.popup-container .report-bug-box .btn.btn-primary {
    margin-top: 24px;
    border-radius: 5px;
    height: 50px
}

.select-screening {
    padding: 50px 0;
    min-height: calc(100vh - 102px)
}

.select-screening .screening-left {
    max-width: 82%
}

.screening-left h1 {
    font-size: 48px;
    color: #111;
    font-weight: 900;
    line-height: 1.2
}

.screening-left p {
    font-size: 20px;
    color: #777;
    line-height: 1.8;
    margin-top: 16px
}

.screening-left .client-area {
    margin-top: 54px
}

.screening-left .client-area h5 {
    font-size: 18px;
    color: #111;
    font-weight: 700;
    margin-bottom: 30px
}

.screening-left .or-divider {
    position: relative;
    z-index: 1;
    margin: 32px 0
}

.screening-left .or-divider span {
    background-color: #fff;
    z-index: 9;
    color: #777;
    border: 1px solid #ccc;
    border-radius: 100px;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto
}

.screening-left .btn.btn-primary,
.screening-right .btn.btn-primary {
    height: 70px;
    border: 0;
    font-size: 15px
}

.screening-left .btn.btn-primary>i {
    padding: 11px 12px;
    border-radius: 100px;
    background-color: #376f06;
    margin-right: 18px;
    font-size: 14px
}

.screening-left .btn.btn-primary:nth-child(3) {
    background-color: rgba(113, 189, 47, .2);
    display: flex;
    justify-content: center;
    align-items: center;
    color: #72bd2f;
    margin-top: 32px
}

.screening-left .btn.btn-primary:nth-child(3):hover {
    background-color: #71bd2f;
    color: #fff
}

.screening-left .btn.btn-primary:nth-child(3)>i {
    background-color: transparent;
    padding: 0;
    font-size: 18px;
    margin-left: 14px;
    margin-right: 0
}

.select-screening .screening-right {
    border-radius: 20px;
    background-color: #fff;
    box-shadow: 0 0 60px 0 rgba(0, 0, 0, .12);
    width: 550px;
    margin-left: auto;
    padding: 50px 45px
}

.screening-right h2 {
    font-size: 44px;
    color: #111;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    margin-bottom: 40px
}

.screening-right .btn.btn-primary {
    margin-top: 40px
}

.screening-right .row {
    min-height: 360px
}

.screening-right .screening-box {
    border-radius: 20px;
    background-color: #fff;
    border: 2px solid #f5f5f5;
    text-align: center;
    padding: 30px 12px 0;
    min-height: 152px;
    cursor: pointer
}

.screening-right .screening-box:hover {
    border-color: #72bd2f
}

.screening-right .screening-box.selected {
    border-color: #72bd2f;
    transition: .2s
}

.screening-right .screening-box .img-fluid {
    width: 65px
}

.screening-right .screening-box h5 {
    font-size: 12px;
    color: #111;
    margin-top: 16px;
    margin-bottom: 0;
    line-height: 1.2
}

#carouselExampleIndicators .carousel-indicators {
    position: relative;
    margin-top: 40px;
    margin-bottom: 0
}

#carouselExampleIndicators .carousel-indicators [data-bs-target] {
    transition: .3s;
    border-radius: 50%;
    background-color: #ccc;
    width: 13px;
    height: 13px;
    margin-left: 5px;
    margin-right: 5px;
    border: 0
}

#carouselExampleIndicators .carousel-indicators .active,
.invoice-active .invoice-box .badge.success {
    background-color: #72bd2f
}

.screening-detail-hero {
    background-color: #f5f5f5;
    padding: 120px 0;
    border-radius: 20px;
    text-align: center;
    margin-top: 40px;
    margin-bottom: 80px
}

.screening-detail-hero .img-fluid {
    max-width: 65px
}

.screening-detail-hero h1 {
    color: #72bd2f;
    font-weight: 900;
    padding: 32px 0
}

.screening-detail-hero span {
    font-size: 24px;
    position: relative;
    color: #444;
    background-color: #f5f5f5;
    padding: 0 16px;
    z-index: 2
}

.screening-detail-hero span::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 50%;
    transform: translate(-50%, 50%);
    background-color: #444;
    height: 1px;
    width: 200%;
    max-width: 540px;
    z-index: -1
}

.screening-block-wrapper .screening-block {
    padding-bottom: 100px
}

.featurette-section .featurette-wrapper .img-fluid,
.screening-block-wrapper .screening-block .screening-image {
    border-radius: 20px
}

.screening-block .screening-title {
    font-size: 28px;
    color: #111;
    font-weight: 700;
    padding-bottom: 20px
}

.screening-block .screening-description {
    font-size: 16px;
    color: #444;
    line-height: 1.75;
    padding-bottom: 18px
}

.screening-block .screening-features {
    list-style: none;
    padding: 0;
    margin: 0
}

.screening-block .screening-features li {
    display: flex;
    align-items: start;
    padding-bottom: 16px;
    font-size: 14px
}

.screening-block .screening-features li>i {
    color: #72bd2f;
    font-size: 20px;
    margin-right: 14px
}

.screening-block .btn.btn-primary {
    margin-top: 28px;
    border-radius: 5px;
    height: 50px;
    padding: 10px 24px
}

.screening-process {
    position: relative;
    min-height: 100vh
}

.screening-text-wrap .screening-text-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    z-index: -1;
    background-size: cover;
    background-position: center
}

.screening-text-wrap .screening-text-bg.general-bg,
.screening-text-wrap .screening-text-bg.martial-bg {
    background-image: url("../images/general-screening-bg.jpg")
}

.screening-text-wrap .screening-text-bg.employement-bg,
.screening-text-wrap .screening-text-bg.ministerial-bg {
    background-image: url("../images/employement-screening-bg.jpg")
}

.screening-text-wrap .screening-text-bg.home-bg {
    background-image: url("../images/home-screening-bg.jpg")
}

.screening-text-wrap .screening-text-bg.godswill-bg {
    background-image: url("../images/godswill-screening-bg.jpg")
}

.screening-text-wrap .screening-text-bg.requestpray-bg {
    background-image: url("../images/requestpray-screening-bg.jpg")
}

.screening-text-wrap h1 {
    font-size: 60px;
    color: #fff;
    font-weight: 700;
    line-height: 1.2
}

.screening-text-wrap p {
    font-size: 21px;
    color: #fff;
    line-height: 1.7;
    margin-top: 20px;
    max-width: 75%
}

.screening-process .screening-form-wrap {
    background-color: #fff;
    padding: 60px 50px 0 140px
}

.screening-form-wrap .cancel-form {
    position: absolute;
    top: 0;
    right: 0;
    padding: 30px
}

.screening-form-wrap .cancel-form>i {
    color: #111;
    font-size: 24px
}

.screening-form-wrap h2 {
    font-size: 50px;
    color: #72bd2f;
    font-weight: 700;
    text-align: center;
    margin-bottom: 50px
}

.screening-form-wrap .screening-form {
    max-height: calc(72vh - 70px);
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 50px
}

.screening-form::-webkit-scrollbar {
    width: 12px
}

.screening-form::-webkit-scrollbar-track {
    background-color: #ccc;
    border-radius: 50px
}

.screening-form::-webkit-scrollbar-thumb {
    background-color: #72bd2f;
    border-radius: 5px
}

.screening-form-wrap .screening-form .form-head,
.team-submission-box .thankyou-box .message-icon {
    margin-bottom: 32px
}

.Thank-modal-content h3,
.screening-form-wrap .screening-form h3 {
    font-size: 27px;
    color: #777;
    font-weight: 700
}

.screening-form-wrap .screening-form h3>span {
    font-size: 16px;
    font-weight: 400
}

.invoice-box .text-container p:nth-child(3),
.payment-header .header-content span,
.review-request-wrapper .review-item .item-value,
.screening-form-wrap .screening-form .sub-head {
    font-size: 16px;
    color: #777
}

.screening-form-wrap .form-group>label {
    font-size: 16px;
    margin-bottom: 6px;
    color: #777
}

.screening-form-wrap .form-group>input,
.screening-form-wrap .form-group>select {
    border-radius: 50px;
    background-color: #f5f5f5;
    font-size: 16px;
    color: #111;
    padding-top: 12px;
    padding-bottom: 12px
}

.screening-form .upload-file-box {
    border: 2px dashed #777;
    text-align: center;
    padding: 36px;
    border-radius: 10px
}

.screening-form .upload-file-box p {
    font-size: 14px;
    color: #777;
    font-weight: 700
}

.screening-form .question-section h5 {
    font-size: 18px;
    color: #111;
    font-weight: 700;
    margin-bottom: 32px
}

.screening-form .question-section .sample-question {
    color: #111;
    font-weight: 600;
    font-size: 15px;
    margin-top: 22px;
    display: flex;
    align-items: center
}

.question-section .sample-question>img {
    cursor: pointer
}

.question-section .question-limit ul li {
    font-size: 15px;
    color: #777;
    font-weight: 700
}

.screening-form textarea::placeholder {
    border: 0;
    color: #777;
    font-size: 15px
}

.screening-form textarea {
    border: 0;
    width: 100%;
    resize: none;
    height: 30px;
    margin: 16px
}

.screening-form textarea:focus {
    border: 0;
    outline: 0
}

.screening-form .question-section .add-question-btn {
    background-color: transparent;
    color: #72bd2f;
    font-weight: 600;
    border: 0;
    padding: 0
}

.screening-process .btn.btn-primary {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 70px;
    width: 50%;
    border-radius: 0;
    z-index: 99
}

.dashboard-wrapper .sidebar {
    left: 0;
    top: 100px;
    bottom: 0;
    width: 445px;
    padding: 100px 52px 50px 66px;
    background-color: #fff;
    border-top: 8px solid #72bd2f;
    box-shadow: 0 4px 16px 0 rgba(96, 101, 123, .14);
    overflow: auto;
    position: fixed;
    z-index: 99
}

.open-sidebar {
    border: 0;
    background-color: transparent
}

.navbar .navbar-toggler i,
.open-sidebar>i,
.sidebar .close-sidebar-btn>a>i {
    font-size: 26px;
    color: #111
}

.sidebar .close-sidebar-btn {
    position: absolute;
    top: 0;
    right: 0;
    padding: 20px
}

.sidebar .user-info {
    padding-bottom: 36px;
    border-bottom: 1px solid #777
}

.sidebar .user-info .username {
    font-size: 16px;
    font-weight: 700;
    color: #111;
    line-height: 1.2
}

.sidebar .user-info .useremail {
    font-size: 12px;
    color: #777;
    line-height: 1.2;
    padding-top: 8px
}

.sidebar .sidebar-menu-wrap {
    padding-top: 60px
}

.sidebar .sidebar-menu-wrap h2 {
    font-size: 12px;
    color: #777;
    line-height: 1.2;
    margin-bottom: 20px
}

.sidebar-menu-wrap .sidebar-menu ul li a {
    width: 100%;
    padding: 12px 24px;
    margin-bottom: 24px;
    background-color: #fff;
    color: #777;
    text-decoration: none;
    border: 1px solid #ccc;
    border-radius: 5px;
    line-height: 30px;
    display: flex;
    align-items: center
}

.sidebar-menu-wrap .sidebar-menu ul li a .notification {
    background-color: #ff292e;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    margin-left: 12px
}

.sidebar-menu-wrap .sidebar-menu ul li a:hover {
    background-color: #71bd2f1a
}

.sidebar-menu-wrap .sidebar-menu ul li a.active {
    color: #fff;
    background-color: #72bd2f;
    border: 1px solid #72bd2f
}

.sidebar-menu-wrap .sidebar-menu ul li a.active img {
    filter: brightness(100%)
}

.sidebar-menu-wrap .sidebar-menu ul li a img {
    width: 30px;
    margin-right: 20px;
    filter: brightness(45%)
}

.dashboard-wrapper .layout-main {
    max-width: 1190px;
    margin-left: -30px;
    padding-top: 204px;
    padding-bottom: 60px
}

.layout-main h1 {
    font-size: 28px;
    font-weight: 700;
    color: #111;
    line-height: 1.2
}

.layout-main .profile-section {
    margin-top: 50px;
    margin-bottom: 50px;
    padding: 32px;
    border-radius: 10px;
    box-shadow: 0 4px 16px 0 rgba(96, 101, 123, .14)
}

.layout-main .profile-section h3 {
    font-size: 18px;
    font-weight: 700;
    color: #111;
    line-height: 1.2
}

.layout-main .profile-section .profile-item {
    margin-top: 46px
}

.layout-main .profile-section p {
    font-size: 14px;
    color: #777;
    line-height: 1.2;
    margin-bottom: 10px
}

.layout-main .profile-section p.user-data {
    font-size: 16px;
    font-weight: 500;
    color: #111;
    margin-bottom: 0
}

.layout-main .profile-section .update-btn {
    font-size: 14px;
    font-weight: 700;
    color: #72bd2f;
    line-height: 1.2;
    padding: 5px 10px;
    border-radius: 5px;
    background-color: #f1f8ea;
    border: 0;
    margin-left: 24px
}

.layout-main .delete-ac-section {
    padding: 32px;
    box-shadow: 0 12px 48px rgba(26, 33, 52, .11);
    border-radius: 10px
}

.layout-main .delete-ac-section h3>a {
    font-size: 18px;
    font-weight: 700;
    color: #d31332;
    line-height: 1.2;
    text-decoration: none
}

.layout-main .delete-ac-section p {
    font-size: 16px;
    color: #777;
    line-height: 1.2;
    margin-top: 20px
}

.update-info-modal .modal-content {
    padding: 36px 0 0;
    box-shadow: 0 4px 16px 0 rgba(96, 101, 123, .14)
}

.update-info-modal .modal-body,
.update-info-modal .modal-footer,
.update-info-modal .modal-header {
    padding: 0 32px
}

.update-info-modal .modal-header {
    margin-bottom: 30px;
    border-bottom: 0
}

.update-info-modal .modal-footer {
    background-color: #f2fce9;
    padding: 14px 32px;
    border: 0;
    margin-top: 55px
}

.update-info-modal .modal-header h1 {
    color: #111;
    font-size: 28px;
    font-weight: 700
}

.update-info-modal .modal-body .form-control {
    padding: 18px 16px
}

.update-info-modal .modal-body .modal-upper-text {
    font-size: 14px;
    color: #777;
    margin-top: -12px
}

.update-info-modal .modal-footer .btn.btn-primary {
    border-radius: 5px;
    font-size: 14px;
    padding: 4px 9px
}

.update-info-modal .modal-footer .btn.btn-link {
    color: #72bd2f;
    font-weight: 700;
    font-size: 14px;
    text-decoration: none
}

.update-info-modal .modal-footer .btn.btn-link:hover {
    text-decoration: underline
}

.account-cancel-wrapper,
.cancel-plan-wrapper,
.delete-account-wrapper {
    padding: 90px 0
}

.delete-account-wrapper .delete-account-box {
    max-width: 480px;
    padding: 40px;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0 12px 48px rgba(26, 33, 52, .11)
}

.delete-account-wrapper .delete-account-box h1 {
    margin-bottom: 40px;
    font-size: 28px;
    color: #111;
    font-weight: 700
}

.delete-account-wrapper .delete-account-box .form-floating {
    margin-bottom: 28px
}

.delete-account-box .form-floating .password-toggle {
    height: 100%;
    background-color: #fff;
    border-radius: 0 5px 5px 0;
    cursor: pointer
}

.delete-account-wrapper .delete-account-box .bottom-text {
    font-size: 12px;
    color: #777;
    line-height: 1.6;
    padding-top: 24px
}

.delete-account-wrapper .delete-account-box small {
    font-size: 12px
}

.steps-wrapper {
    width: 400px;
    position: absolute;
    top: -80px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 99
}

.steps-wrapper .progressbar {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;
    position: relative
}

.steps-wrapper .progressbar::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 45px;
    transform: translateX(-60%);
    width: 120px;
    height: 2px;
    background-color: #ccc
}

.steps-wrapper .progressbar li {
    position: relative;
    flex-grow: 1;
    text-align: center
}

.progressbar .step-number {
    display: inline-block;
    width: 32px;
    height: 32px;
    line-height: 30px;
    border-radius: 100px;
    color: #72bd2f;
    border: 2px solid #72bd2f;
    background-color: transparent;
    font-weight: 700;
    margin-bottom: 8px
}

.progressbar .step-text {
    display: block;
    font-size: 14px;
    font-weight: 600
}

.divine-steps-form .upload-file-box .btn.btn-primary:hover,
.interest-category .interest-pill input[type=checkbox]:checked+.interest-label,
.payment-main-wrapper .payment-header .go-back-btn:hover,
.progressbar li.active .step-number {
    background-color: #72bd2f;
    color: #fff
}

.plan-selection .plans-wrapper {
    max-width: 710px;
    padding: 70px 0
}

.plan-selection .plans-wrapper h1 {
    color: #111;
    font-size: 28px;
    font-weight: 700;
    text-align: center
}

.plans-wrapper .plan-items {
    margin-top: 60px
}

.plans-wrapper .plan-items h2 {
    font-size: 12px;
    color: #777;
    font-weight: 700;
    margin-bottom: 24px
}

.plans-wrapper .plan-items .currency-info {
    font-size: 12px;
    color: #777;
    font-weight: 700
}

.plans-wrapper .plan-items .plan {
    margin-bottom: 30px;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0 12px 48px rgba(26, 33, 52, .11)
}

.plan-items .plan .upper-block {
    padding: 17px 22px;
    border-bottom: 1px solid #ccc;
    position: relative
}

.plan .upper-block .popular-plan-box {
    background-color: #72bd2f;
    padding: 3px 5px;
    color: #fff;
    font-size: 12px;
    border-radius: 5px
}

.plan .upper-block .saving-block {
    font-size: 11px;
    font-weight: 500;
    color: #72bd2f;
    background-color: #eaf5e0;
    padding: 3px 6px;
    border-radius: 5px
}

.plan-items .plan h3 {
    font-size: 18px;
    color: #111;
    font-weight: 700
}

.plan-items .plan h3>img {
    background-color: #e3f2d5;
    border-radius: 5px;
    padding: 6px;
    width: 28px;
    margin-right: 12px
}

.plan-items .plan .main-block {
    min-height: 98px;
    padding: 0 20px
}

.plan .price .value,
.prayerroom-cards-wrapper .prayer-room-cards h3 {
    font-size: 24px;
    color: #111;
    font-weight: 700
}

.plan .price .duration {
    font-size: 16px;
    color: #777;
    line-height: 1.5
}

.plan .price p {
    font-size: 12px;
    color: #777;
    line-height: 2
}

.plan .btn-block .btn.btn-primary {
    border-radius: 5px;
    font-size: 14px;
    padding: 3px 8px
}

.username {
    font-size: 14px;
    font-weight: 700;
    color: #111
}

.payment-page .payment-main-wrapper {
    max-width: 570px;
    padding: 70px 0;
    position: relative
}

.payment-main-wrapper .payment-header .go-back-btn {
    position: absolute;
    width: 60px;
    height: 60px;
    left: 0;
    border: 0;
    border-radius: 100px;
    color: #72bd2f;
    font-size: 30px;
    background-color: #eaf5e0;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .2s
}

.payment-header .header-content h1 {
    font-size: 32px;
    color: #111;
    font-weight: 700;
    margin: 10px 0
}

.payment-main-wrapper .order-summary-wrap {
    margin: 50px 0 32px
}

.payment-main-wrapper .order-summary-wrap span {
    font-size: 11px;
    color: #777;
    font-weight: 700;
    text-transform: uppercase
}

.payment-main-wrapper .basic-container {
    border-radius: 5px;
    background-color: #fff;
    padding: 25px 40px;
    box-shadow: 0 16px 48px rgba(26, 33, 52, .11)
}

.order-summary-wrap .summary-row {
    justify-content: space-between;
    display: flex
}

.order-summary-wrap .divider {
    border-top: 1px solid #777;
    margin: 12px 0
}

.divine-steps-form .detail-info-block .form-check>label,
.divine-steps-form .preferences-info-block .form-check>label,
.order-summary-wrap .summary-row .summary-text,
.prayer-card .prayer-count-wrap .prayer-counter {
    font-size: 14px;
    color: #444
}

.payment-form-wrap .nav {
    background-color: #f5f5f5;
    border-radius: 5px;
    border: 0
}

.payment-form-wrap .nav .nav-item {
    padding: 7px;
    width: 50%
}

.payment-form-wrap .nav .nav-item .nav-link {
    width: 100%;
    border: 0;
    color: #111;
    font-size: 14px;
    font-weight: 600;
    border-radius: 5px
}

.payment-form-wrap .nav .nav-item .nav-link.active {
    width: 100%;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 0 1px 10px 0 rgba(136, 136, 136, .2)
}

.payment-form-wrap .payment-form {
    padding-top: 32px
}

.payment-form .form-group label,
.ticket-form .form-group label {
    font-size: 16px;
    color: #777;
    margin-bottom: 6px
}

.payment-form .input-group .input-group-text {
    background-color: #fff
}

.payment-form-wrap .payment-form .btn.btn-primary {
    border-radius: 10px;
    height: 50px;
    margin-top: 16px
}

.payment-form .transaction-declined-alert span {
    color: red;
    font-size: 24px;
    font-weight: 700
}

.payment-form .form-group.transaction-declined-alert .form-control {
    border-color: #fe0000
}

.payment-form-wrap .payment-form.select-card-wrap {
    padding-top: 24px
}

.select-card-wrap .select-card-head {
    text-align: center;
    position: relative;
    z-index: 1;
    margin-bottom: 20px
}

.select-card-wrap .select-card-head::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 48%;
    width: 100%;
    height: 1px;
    background-color: #ccc;
    z-index: -1
}

.select-card-wrap .select-card-head span {
    color: #777;
    font-size: 14px;
    background-color: #fff;
    z-index: 9;
    padding: 0 12px
}

.select-card-wrap .payment-card {
    padding: 3px 16px 0;
    border: 1px solid #777;
    border-radius: 5px;
    cursor: pointer
}

.select-card-wrap .payment-card:hover {
    border: 1px solid #72bd2f
}

.select-card-wrap .payment-card .card-details img {
    width: 48px
}

.select-card-wrap .payment-card .card-details span {
    font-size: 14px;
    color: #777
}

.select-card-wrap .payment-card .card-details i {
    font-size: 26px;
    cursor: pointer;
    color: #f54136;
    padding: 1px 6px;
    transition: .1s
}

.select-card-wrap .payment-card .card-details i:hover {
    background-color: #f53f36;
    color: #fff;
    border-radius: 100px
}

.select-card-wrap .payment-card .card-active-block {
    padding-bottom: 20px;
    padding-top: 16px
}

.payment-card .card-active-block>.btn.btn-primary {
    margin-top: 24px
}

.payment-card .card-active-block>.btn.btn-primary.grey-btn {
    background-color: #777;
    border-color: #777
}

.payment-form-wrap .select-card-wrap>.btn.btn-primary {
    height: 50px;
    padding: 10px;
    margin-top: 32px
}

.payment-successful .social-icon-row .social-icon:last-child,
.tabs-wrapper--header .nav li:last-child {
    padding-right: 0
}

.payment-successful,
.support-message-sent,
.team-submission-box {
    padding: 70px 0
}

.payment-successful .success-box {
    position: relative;
    background-color: #fff;
    padding: 60px;
    max-width: 500px;
    border-radius: 8px;
    text-align: center;
    box-shadow: 0 12px 48px rgba(26, 33, 52, .12)
}

.donation-plan-member .member-box,
.invoice-active .invoice-box,
.invoice-blank .invoice-box,
.plan-box-wrapper .donation-plan-box {
    box-shadow: 0 4px 16px 0 rgba(96, 101, 123, .14)
}

.payment-successful .success-box .go-back {
    color: #777;
    position: absolute;
    top: 12px;
    right: 20px;
    font-size: 32px;
    transition: .3s
}

.payment-successful .success-box .go-back:hover,
.support-message-sent .message-box .go-back:hover {
    color: #444
}

.payment-successful .success-box .success-icon {
    margin-bottom: 36px
}

.payment-successful .success-box.divine-pay-success .success-icon {
    margin-bottom: 56px
}

.payment-successful .success-box .success-icon>img {
    width: 120px;
    height: auto
}

.payment-successful .success-box h1 {
    font-size: 28px;
    color: #72bd2f;
    font-weight: 700;
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc
}

.payment-successful .success-box h3 {
    font-size: 22px;
    color: #444;
    font-weight: 700;
    padding-top: 26px;
    padding-bottom: 12px
}

.payment-successful .success-box p {
    color: #444;
    font-size: 16px
}

.payment-successful .success-box.divine-pay-success p {
    font-size: 20px;
    padding-bottom: 56px
}

.payment-successful .success-box.divine-pay-success .btn.btn-primary {
    border-radius: 5px;
    height: 50px;
    padding: 10px
}

.payment-successful .social-icon-row {
    padding-top: 24px;
    padding-bottom: 28px
}

.payment-successful .social-icon-row .social-icon {
    padding-right: 38px
}

.form-image .image-content a>svg,
.payment-successful .social-icon-row .social-icon>img {
    transition: .3s
}

.payment-successful .social-icon-row .social-icon>img:hover {
    transform: scale(.9)
}

.payment-successful .success-box .link-box {
    margin-top: 16px;
    height: 50px
}

.success-box .link-box button {
    border: 0;
    background: #fff;
    padding: 12px;
    height: 100%;
    border-radius: 0 5px 5px 0;
    transition: .3s
}

.feedback-form-box .btn.btn-primary.cancel-btn:hover,
.message-box .btn.btn-primary.btn-grey:hover,
.success-box .link-box button:hover {
    background-color: #eee
}

.dashboard-wrapper .donation-plan {
    max-width: 732px
}

.donation-plan .para-group {
    margin-bottom: 46px;
    margin-top: 28px
}

.donation-plan .para-group p {
    font-size: 17px;
    color: #777
}

.plan-box-wrapper .donation-plan-box {
    padding: 50px 24px 30px;
    background-color: #fff;
    border-radius: 20px
}

.plan-box-wrapper .donation-plan-box .top-head {
    font-size: 12px;
    color: #777;
    line-height: 1.5
}

.plan-box-wrapper .donation-plan-box h2 {
    margin-top: 14px;
    font-size: 28px;
    color: #111;
    font-weight: 700
}

.plan-box-wrapper .donation-plan-box h2>span {
    font-size: 18px
}

.plan-box-wrapper .donation-plan-box .divider {
    margin: 24px 0;
    border-top: 1px solid #ccc
}

.plan-box-wrapper .donation-plan-box p {
    font-size: 15px;
    color: #777;
    line-height: 1.6;
    margin-bottom: 26px
}

.donation-plan-box .plan-feature {
    min-height: 240px
}

.donation-plan-box .plan-feature ul li {
    margin-bottom: 16px;
    display: flex;
    align-items: baseline
}

.donation-plan-box .plan-feature ul li i {
    color: #72bd2f;
    font-size: 20px;
    margin-right: 10px
}

.donation-plan-box .plan-feature ul li span {
    display: block;
    line-height: 1.5;
    color: #111
}

.donation-plan-box .btn.btn-primary {
    height: 50px;
    border-radius: 10px;
    padding: 10px 0;
    margin-top: 16px
}

.dashboard-wrapper .layout-main.invoice-blank,
.dashboard-wrapper .layout-main.support-main {
    padding-top: 160px
}

.invoice-blank .invoice-box {
    min-height: 365px;
    padding: 0 40px;
    max-width: 1170px;
    background-color: #fff;
    border-radius: 10px;
    position: relative
}

.invoice-blank .invoice-box .img-container {
    position: absolute;
    right: 60px;
    bottom: 0
}

.invoice-box .text-container h1 {
    font-size: 28px;
    color: #111;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 32px
}

.invoice-box .text-container p:nth-child(2) {
    font-size: 18px;
    color: #777;
    font-weight: 700;
    margin-bottom: 20px
}

.dashboard-wrapper .layout-main.invoice-active {
    padding-top: 170px
}

.invoice-active .invoice-box {
    max-width: 1200px;
    background-color: #fff;
    border-radius: 10px
}

.invoice-active .invoice-box h1 {
    font-size: 28px;
    color: #111;
    font-weight: 700;
    line-height: 1.5;
    padding: 18px 40px;
    border-bottom: 1px solid #ccc
}

.invoice-active .invoice-box table>thead {
    background-color: #d4ebc0
}

.invoice-active .invoice-box table>thead>tr>th {
    font-size: 14px;
    color: #111;
    font-weight: 700;
    text-align: center;
    padding: 15px 0
}

.invoice-active .invoice-box table>tbody>tr>td:first-child,
.invoice-active .invoice-box table>thead>tr>th:first-child {
    padding-left: 40px
}

.invoice-active .invoice-box table>tbody>tr>td:last-child,
.invoice-active .invoice-box table>thead>tr>th:last-child {
    padding-right: 40px
}

.invoice-active .invoice-box table>tbody>tr>td {
    font-size: 14px;
    color: #444;
    font-weight: 700;
    text-align: center;
    padding: 13px 0;
    border: 0;
    vertical-align: middle
}

.invoice-box .invoice-member-info {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: left
}

.invoice-box .invoice-member-info .user-pic {
    width: 38px;
    height: 38px;
    margin-right: 10px
}

.invoice-box .invoice-member-info h5 {
    font-size: 16px;
    color: #444;
    font-weight: 700
}

.invoice-box .invoice-member-info p {
    font-size: 12px;
    color: #444;
    font-weight: 700
}

.invoice-active .invoice-box .badge {
    background-color: #72bd2f;
    font-size: 14px;
    padding: 14px;
    width: 140px;
    border-radius: 10px
}

.invoice-active .invoice-box .badge.decline {
    background-color: #ed2b2a
}

.invoice-box table>tbody>tr>td .download-btn {
    border: 1px solid #ccc;
    font-size: 14px;
    padding: 10px;
    width: 140px;
    border-radius: 10px;
    color: #777;
    font-weight: 700;
    text-decoration: none;
    display: inline-block;
    transition: .2s
}

.invoice-box table>tbody>tr>td .download-btn:hover {
    background-color: #777;
    color: #fff
}

.invoice-box table>tbody>tr>td .download-btn i {
    margin-left: 6px
}

.donation-plan-wrapper .donation-plan-member {
    max-width: 1190px;
    padding-top: 160px
}

.donation-plan-member .member-box {
    border-radius: 10px
}

.member-box .header {
    padding: 32px 50px 70px
}

.member-box .header span {
    padding: 4px 22px;
    font-size: 12px;
    border-radius: 100px;
    font-weight: 700;
    color: #fff;
    background-color: #72bd2f
}

.member-box .header h1 {
    font-size: 40px;
    color: #111;
    font-weight: 700;
    margin-top: 20px
}

.member-box .header .card-alert {
    background-color: #fff2f2;
    color: #ff2147;
    font-size: 14px;
    max-width: 540px;
    padding: 16px;
    text-align: center;
    border-radius: 10px
}

.member-box .header .card-alert>a {
    color: #ff2147
}

.member-box .header .card-alert>img,
.plan-member-info .status-wrap .status>img {
    margin-right: 6px
}

.member-box .plan-member-info {
    padding: 0 50px 70px
}

.member-box .plan-member-info .status-wrap {
    border-bottom: 1px solid #ccc;
    padding-bottom: 28px
}

.plan-member-info .status-wrap h5 {
    font-size: 14px;
    color: #777;
    font-weight: 700;
    padding-bottom: 12px
}

.plan-member-info .status-wrap .status {
    font-size: 20px;
    color: #111;
    font-weight: 700;
    display: flex;
    align-items: center
}

.plan-member-info .status-wrap .status .due-announcement {
    color: #ff0c0c;
    font-size: 14px;
    margin-left: 20px
}

.plan-member-info .status-wrap .status>i {
    font-size: 28px;
    margin-right: 8px
}

.plan-member-info .status-wrap .status>i.active {
    color: #00ba00
}

.plan-member-info .status-wrap .status>i.due {
    color: #ffc048
}

.plan-member-info .inquire-session-wrap {
    padding: 32px 0;
    border-bottom: 1px solid #ccc
}

.plan-member-info .inquire-session-wrap .box {
    padding: 8px 22px 14px;
    border-radius: 10px;
    border: 2px solid #777;
    text-align: center;
    width: 120px
}

.inquire-session-wrap .box p {
    font-size: 40px;
    color: #72bd2f
}

.inquire-session-wrap .box span {
    font-size: 18px;
    font-weight: 700;
    color: #777
}

.plan-member-info .date-catg,
.tabs-wrapper--panel .prayerroom-cards-wrapper,
.tabs-wrapper--panel .testimony-cards-wrapper {
    padding-top: 40px
}

.plan-member-info .date-catg h5 {
    color: #777;
    font-size: 14px;
    font-weight: 600
}

.plan-member-info .date-catg .date {
    color: #72bd2f;
    font-size: 16px;
    font-weight: 700
}

.member-box .button-group {
    padding: 30px 50px;
    background-color: #f1f8ea;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px
}

.member-box .button-group .btn.btn-primary {
    height: 50px;
    padding: 10px 32px;
    border-radius: 5px
}

.member-box .button-group .btn.btn-primary.cancel-btn {
    color: #111;
    background-color: #fff;
    border-color: #ccc
}

.cancel-plan-wrapper .cancel-plan-box {
    background-color: #fff;
    box-shadow: 0 12px 48px rgba(26, 33, 52, .11);
    padding: 40px 32px;
    border-radius: 10px
}

.cancel-plan-wrapper .cancel-plan-box h1 {
    color: #111;
    font-size: 40px;
    font-weight: 700
}

.cancel-plan-wrapper .cancel-plan-box p {
    font-size: 24px;
    color: #777;
    font-weight: 700;
    margin: 24px 0 15px
}

.cancel-plan-wrapper .cancel-plan-box ul li {
    font-size: 20px;
    color: #777;
    font-weight: 700
}

.cancel-plan-box ul li::before {
    content: "\2022";
    color: #71bd2f;
    font-size: 1.2em;
    margin-right: .5em
}

.cancel-plan-box .button-group {
    margin-top: 52px
}

.cancel-plan-box .button-group .btn.btn-primary {
    border-radius: 5px;
    height: 50px;
    padding: 8px 40px
}

.cancel-plan-box .button-group .btn.btn-primary.btn-grey {
    padding: 12px 24px;
    background-color: #ccc;
    color: #111;
    border-color: #ccc
}

.support-main .create-ticket-box,
.support-main .support-text-box {
    padding: 40px;
    box-shadow: 0 4px 16px 0 rgba(96, 101, 123, .14);
    margin-bottom: 32px;
    border-radius: 10px;
    position: relative
}

.support-main .support-text-box {
    overflow: hidden;
    padding-top: 60px
}

.support-main .support-text-box h1 {
    font-size: 28px;
    margin-bottom: 48px
}

.support-main .support-text-box h3 {
    font-size: 22px;
    color: #111;
    font-weight: 600
}

.support-main .support-text-box p {
    font-size: 17px;
    color: #111;
    margin-top: 20px
}

.support-text-box .support-info {
    position: absolute;
    right: 0;
    top: 0;
    background-color: #72bd2f;
    color: #fff;
    font-weight: 700;
    padding: 10px 24px
}

.support-main .create-ticket-box h2 {
    font-size: 22px;
    font-weight: 700;
    color: #111
}

.support-main .create-ticket-box p {
    font-size: 17px;
    color: #777;
    margin-top: 18px
}

.create-ticket-box .ticket-form-wrapper {
    max-width: 732px;
    margin-top: 42px
}

.ticket-form .form-group .form-control {
    padding: 12px 16px
}

.ticket-form .btn.btn-primary {
    height: 50px;
    width: 170px;
    border-radius: 5px;
    margin-top: 30px
}

.support-message-sent .message-box {
    position: relative;
    background-color: #fff;
    padding: 75px 40px;
    max-width: 450px;
    border-radius: 8px;
    text-align: center;
    box-shadow: 0 12px 48px rgba(26, 33, 52, .12)
}

.support-message-sent .message-box .go-back {
    color: #777;
    position: absolute;
    top: 16px;
    right: 20px;
    font-size: 32px;
    transition: .3s
}

.support-message-sent .message-box .message-icon {
    margin-bottom: 30px
}

.join-form-wrapper .form-logo,
.support-message-sent .message-box .message-icon>img {
    width: 140px
}

.support-message-sent .message-box h1 {
    font-size: 28px;
    color: #111;
    font-weight: 700;
    padding-bottom: 14px
}

.support-message-sent .message-box p {
    color: #444;
    line-height: 1.8;
    font-size: 16px;
    padding-bottom: 58px
}

.message-box .btn.btn-primary {
    border-radius: 10px;
    height: 50px;
    padding: 11px
}

.message-box .btn.btn-primary.btn-grey {
    background-color: #fff;
    color: #777;
    border: 1px solid #777;
    margin-top: 16px
}

.layout-main .matches-wrapper {
    padding: 32px;
    border-radius: 10px;
    box-shadow: 0 4px 16px 0 rgba(96, 101, 123, .14)
}

.layout-main .matches-wrapper .header-area {
    border-bottom: 1px solid #ccc;
    padding-bottom: 24px
}

.add-request-modal .modal-content h2,
.add-request-modal .priority-block h3,
.add-testimony-modal .modal-content h2,
.add-testimony-modal .priority-block h3,
.matches-wrapper .header-area .header-area-left h1,
.prayer-submitted-modal .modal-content h2,
.testimony-submitted-modal .modal-content h2 {
    font-size: 28px;
    color: #111;
    font-weight: 700
}

.matches-wrapper .header-area .header-area-left p {
    font-size: 16px;
    color: #777;
    font-weight: 600;
    padding-top: 4px
}

.matches-wrapper .header-area .header-area-right .btn.btn-primary {
    height: 50px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    padding-right: 24px;
    padding-left: 24px
}

.matches-wrapper .header-area .header-area-right .btn.btn-primary>i {
    font-size: 20px;
    margin-right: 8px
}

.layout-main .matches-wrapper .match-found-block {
    padding: 70px 0;
    text-align: center
}

.layout-main .matches-wrapper .match-found-block h3,
.matches-wrapper .match-accepted-wrapper h3 {
    font-size: 24px;
    color: #444;
    font-weight: 700
}

.layout-main .matches-wrapper .match-found-block p {
    font-size: 20px;
    color: #444;
    font-weight: 600;
    padding-top: 8px
}

.matches-wrapper .match-found-block .match-slider {
    padding: 40px 0
}

.matches-wrapper .match-found-block .match-slider .swiper-wrapper {
    height: 200px;
    cursor: grab
}

.matches-wrapper .match-found-block .match-slider .match-area {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-top: 8px
}

.match-found-block .match-slider .match-area .img-fluid {
    border-radius: 100px;
    max-width: 190px;
    height: 188px !important;
    object-fit: cover
}

#match-container .match-area .heart-icon,
.match-found-block .match-slider .match-area .heart-icon {
    position: absolute;
    left: 50%;
    bottom: 50%;
    transform: translate(-50%, 50%);
    color: #ff292e;
    font-size: 40px
}

.layout-main .matches-wrapper .match-found-block p.command-text {
    font-size: 16px;
    color: #777;
    font-weight: 600
}

.layout-main .matches-wrapper .match-found-block .action-buttons {
    padding-top: 35px;
    display: flex;
    align-items: center;
    justify-content: center
}

.matches-wrapper .match-found-block .action-buttons .btn.btn-primary {
    height: 50px;
    padding: 10px 36px;
    border-radius: 5px;
    display: flex;
    align-items: center
}

.matches-wrapper .match-found-block .action-buttons .btn.btn-primary>i {
    font-size: 24px;
    margin-right: 8px
}

#match-container .action-buttons .btn.btn-primary.reject-match,
.matches-wrapper .match-found-block .action-buttons .btn.btn-primary.decline {
    border-color: #ff292e;
    color: #ff292e;
    background-color: #fff;
    margin-right: 16px
}

.matches-wrapper .match-found-block .action-buttons .btn.btn-primary.decline:hover {
    background-color: #ff292e;
    color: #fff
}

.matches-wrapper .match-accepted-wrapper {
    padding: 70px 0;
    display: none
}

.matches-wrapper .match-accepted-wrapper p {
    font-size: 20px;
    color: #72bd2f;
    font-weight: 700;
    padding-top: 12px
}

.matches-wrapper .match-accepted-wrapper .contact-info-box {
    border: 1px solid #ccc;
    border-radius: 10px;
    padding: 32px 24px;
    max-width: 420px;
    margin: 40px auto 0
}

.match-accepted-wrapper .contact-info-box .info-block {
    display: flex;
    align-items: center;
    padding-bottom: 32px
}

.match-accepted-wrapper .contact-info-box .info-block .block-icon {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background-color: rgba(113, 189, 47, .2)
}

.match-accepted-wrapper .contact-info-box .info-block .block-icon>img {
    max-width: 28px
}

.match-accepted-wrapper .contact-info-box .info-block .block-text {
    margin-top: -6px;
    padding-left: 12px
}

.match-accepted-wrapper .contact-info-box .info-block .block-text span {
    font-size: 12px;
    color: #777
}

.match-accepted-wrapper .contact-info-box .info-block .block-text p {
    font-size: 18px;
    color: #72bd2f;
    font-weight: 700;
    line-height: 1;
    padding-top: 4px
}

.match-accepted-wrapper .contact-info-box .btn.btn-primary {
    border-radius: 5px;
    margin-top: 16px;
    font-size: 14px;
    height: 40px;
    padding: 7px 16px
}

.featurette-section .featurette-wrapper,
.layout-main.matches-main .no-match-block,
.more-about-us {
    padding: 80px 0
}

.layout-main.matches-main .no-match-block h2 {
    font-size: 36px;
    color: #111;
    font-weight: 600;
    padding-bottom: 24px
}

.disbursement-box span,
.layout-main.matches-main .no-match-block p {
    font-size: 20px;
    color: #444
}

.account-cancel-wrapper .cancel-box {
    max-width: 450px;
    text-align: center;
    padding: 56px 40px 34px;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 12px 48px rgba(26, 33, 52, .11)
}

.cancel-box .cancel-check>i {
    font-size: 85px;
    color: #72bd2f
}

.account-cancel-wrapper .cancel-box h1 {
    font-size: 28px;
    font-weight: 700;
    color: #72bd2f;
    padding-top: 32px
}

.account-cancel-wrapper .cancel-box p {
    font-size: 18px;
    color: #444;
    padding-top: 20px
}

.account-cancel-wrapper .cancel-box .btn.btn-primary {
    border-radius: 10px;
    height: 50px;
    padding: 10px;
    margin-top: 54px
}

.feedback-wrapper .feedback-form-box {
    /* max-width: 470px; */
    border-radius: 10px;
    box-shadow: 0 12px 48px rgba(26, 33, 52, .12);
    padding: 40px 32px
}

.join-team-section .box-container,
.video-wrapper .video-container img {
    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, .04), 0 20px 25px 0 rgba(0, 0, 0, .1)
}

.feedback-form-box p {
    line-height: 24px;
    color: #777;
    margin-top: 8px
}

.feedback-form-box .emoji-rating {
    display: flex;
    padding: 24px 0 32px
}

.feedback-form-box .emoji-rating .form-check {
    padding-left: 0;
    margin-right: 18px
}

.feedback-form-box .emoji-rating .form-check-input[type=radio],
.interest-category .interest-pill input[type=checkbox] {
    display: none
}

.emoji-rating .form-check label {
    cursor: pointer;
    margin-left: 0
}

.feedback-form-box .emoji-rating label i {
    font-size: 28px;
    color: gray;
    transition: .2s;
    width: 46px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 200px;
    background-color: transparent
}

.feedback-form-box .emoji-rating .form-check-input:checked~label i.red,
.feedback-form-box .emoji-rating label i.red:hover {
    color: #fff;
    background-color: #e21818
}

.feedback-form-box .emoji-rating .form-check-input:checked~label i.yellow,
.feedback-form-box .emoji-rating label i.yellow:hover {
    color: #fff;
    background-color: #f2be22
}

.feedback-form-box .emoji-rating .form-check-input:checked~label i.green,
.feedback-form-box .emoji-rating label i.green:hover {
    color: #fff;
    background-color: green
}

.feedback-form-box .form-group label {
    padding-bottom: 6px;
    color: #777
}

.feedback-form-box .follow-permission-wrap>label {
    font-weight: 700;
    color: #111
}

.feedback-form-box .btn.btn-primary {
    padding: 8px 32px;
    border-radius: 5px
}

.feedback-form-box .btn.btn-primary.cancel-btn {
    background-color: #fff;
    color: #777;
    border-color: #777
}

.mission-wrapper {
    background-color: #f5f5f5;
    padding: 60px 0 90px;
    margin-top: 60px;
    border-radius: 20px 20px 0 0;
    position: relative
}

.mission-wrapper::before {
    content: "";
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    height: 200px;
    background-color: #f5f5f5
}

.mission-wrapper h1,
.story-wrapper h1 {
    color: #111;
    font-weight: 700;
    max-width: fit-content;
    position: relative
}

.mission-wrapper h1::before,
.story-wrapper h1:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -20px;
    width: 45%;
    height: 6px;
    border-radius: 20px;
    background-color: #72bd2f
}

.mission-wrapper .main-para,
.story-wrapper .main-para {
    font-weight: 700;
    font-size: 22px;
    color: #111;
    line-height: 1.8;
    padding-bottom: 32px
}

.mission-wrapper p,
.story-wrapper p {
    font-size: 16px;
    color: #111;
    line-height: 1.8
}

.video-wrapper .video-container {
    margin-bottom: 90px
}

.video-wrapper .video-container img {
    border-radius: 20px
}

.video-wrapper .video-container .play-icon-wrapper {
    z-index: 1;
    width: 8rem;
    height: 8rem;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(6px);
    cursor: pointer;
    background-color: #ffffff33;
    border-radius: 50%;
    margin-top: -3.25rem;
    margin-left: -3.25rem;
    transition: transform .3s cubic-bezier(.39, .575, .565, 1);
    position: absolute;
    top: 50%;
    left: 50%
}

.video-wrapper .video-container .play-icon-wrapper:hover .play-icon {
    transform: scale(.8)
}

.video-container .play-icon-wrapper .play-icon {
    z-index: 1;
    width: 8rem;
    height: 8rem;
    transform: scale(.8);
    transition: transform .3s cubic-bezier(.39, .575, .565, 1);
    position: absolute
}

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 50% 0 0
}

.embed-responsive iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.story-wrapper .wrapper-content {
    padding: 90px 0;
    border-top: 1px solid #777
}

.quote-wrapper {
    background-color: #72bd2f;
    padding: 40px 0
}

.quote-wrapper .quote-text {
    padding-left: 70px
}

.quote-wrapper .quote-text h2 {
    font-weight: 700;
    color: #fff;
    padding-bottom: 16px
}

.quote-wrapper .quote-text p {
    font-size: 20px;
    letter-spacing: 1px;
    color: #fff;
    line-height: 2
}

.featurette-section .featurette-main-header {
    font-size: 24px;
    color: #111;
    padding: 100px 0 0
}

.featurette-main-header h2 {
    font-weight: 700
}

.featurette-section .featurette-wrapper.has-bg {
    background-color: #f5f5f5
}

.featurette-section .featurette-wrapper h2 {
    color: #111;
    font-weight: 700;
    position: relative;
    margin-bottom: 60px
}

.featurette-section .featurette-wrapper h2::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -24px;
    width: 45%;
    height: 6px;
    border-radius: 20px;
    background-color: #72bd2f
}

.featurette-section .featurette-wrapper p {
    font-size: 18px;
    color: #777;
    line-height: 1.5
}

.more-about-us .content-wrap {
    padding: 24px;
    border-radius: 10px;
    border: 1px solid #ccc
}

.more-about-us p {
    color: #111;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.5
}

.more-about-us p:last-child {
    padding-top: 16px
}

.donation-section {
    position: relative;
    min-height: 700px;
    background-color: #72bd2f
}

.donation-section .donation-image {
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(../images/donation-disburse-img.jpg);
    background-position: center;
    background-size: cover;
    height: 100%
}

.donation-section .donation-section-right img {
    width: 80px;
    height: 80px
}

.donation-section .donation-section-right h2 {
    font-size: 45px;
    color: #fff;
    font-weight: 700;
    padding: 40px 0 24px
}

.donation-section .donation-section-right p {
    font-size: 18px;
    color: #fff;
    line-height: 1.5;
    padding-bottom: 40px
}

.donation-section .donation-section-right .btn.btn-primary {
    background-color: #fff;
    border-radius: 5px;
    color: #72bd2f;
    height: 50px;
    border: 2px solid transparent;
    padding: 10px 50px
}

.donation-section .donation-section-right .btn.btn-primary:hover {
    background-color: transparent;
    color: #fff;
    border-color: #fff
}

.join-team-section {
    position: relative;
    margin: 90px 0
}

.join-team-section .box-container {
    position: relative;
    padding: 45px;
    text-align: center;
    background-color: #fff;
    border-radius: 20px
}

.join-team-section::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -90px;
    width: 100%;
    height: 200px;
    background-color: #f5f5f5
}

.join-team-section h2 {
    color: #111;
    font-weight: 700;
    position: relative;
    max-width: fit-content;
    margin: 0 auto
}

.join-team-section h2::before {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -24px;
    width: 40%;
    height: 6px;
    border-radius: 20px;
    background-color: #72bd2f
}

.join-team-section .box-container p {
    font-size: 18px;
    color: #777;
    line-height: 1.5;
    margin-top: 60px;
    margin-bottom: 45px
}

.join-team-section .btn.btn-primary {
    background-color: #72bd2f;
    border-radius: 5px;
    color: #fff;
    height: 50px;
    border: 0;
    padding: 12px 50px
}

.join-team-section .btn.btn-primary:hover,
.prayer-card .praying-btn-group .btn.btn-primary:hover {
    background-color: #62a329
}

.donation-hero-section {
    background-color: #f5f5f5;
    margin-top: 40px;
    min-height: 500px;
    text-align: center;
    border-radius: 20px
}

.donation-hero-section .Donation-icon {
    width: 85px;
    height: 85px
}

.donation-hero-section h1 {
    color: #72bd2f;
    font-weight: 700;
    font-size: 48px;
    line-height: 1.5;
    margin: 28px 0 32px
}

.donation-hero-section h1 span {
    position: relative;
    display: inline-block;
    z-index: 2
}

.donation-hero-section h1 span::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 14px;
    width: 100%;
    height: 9px;
    background-color: rgba(113, 189, 47, .25);
    z-index: -1
}

.donation-hero-section p {
    font-size: 24px;
    color: #444;
    position: relative;
    z-index: 2
}

.donation-hero-section p::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 50%;
    transform: translate(-50%, -50%);
    height: 1px;
    width: 80%;
    background-color: #444;
    z-index: -1
}

.donation-hero-section p span {
    background-color: #f5f5f5;
    padding: 0 12px
}

.disbursement-section {
    padding: 80px 0 100px
}

.disbursement-section h2,
.faq-section h2 {
    font-size: 32px;
    color: #111;
    font-weight: 700;
    text-align: center;
    position: relative
}

.disbursement-section h2::before,
.faq-section h2::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -28px;
    transform: translateX(-50%);
    width: 140px;
    height: 6px;
    background-color: #72bd2f;
    border-radius: 20px
}

.disbursement-section .disbursement-box-wrapper {
    max-width: 1000px;
    margin-top: 80px
}

.disbursement-box-wrapper .disbursement-box {
    min-height: 380px;
    background-color: #fff;
    border-radius: 20px;
    padding: 32px;
    box-shadow: 0 12px 32px 0 rgba(0, 0, 0, .08);
    transition: .2s
}

.disbursement-box h3 {
    font-size: 44px;
    color: #111;
    font-weight: 700;
    padding: 20px 0 28px;
    border-bottom: 1px solid #ccc
}

.disbursement-box ul {
    list-style: none;
    padding: 0;
    margin: 40px 0 0
}

.disbursement-box ul li {
    display: flex;
    padding-bottom: 20px
}

.disbursement-box ul li:last-child,
.tc-content .text-block p:last-child {
    padding-bottom: 0
}

.disbursement-box ul li>i {
    font-size: 24px;
    color: #00ba00;
    margin-right: 10px
}

.disbursement-box ul li>p {
    color: #111;
    line-height: 1.5;
    font-size: 16px
}

.faq-section {
    background-color: #f5f5f5;
    padding: 80px 0;
    position: relative
}

.faq-section::before {
    content: "";
    position: absolute;
    left: 0;
    top: 100%;
    height: 70px;
    width: 100%;
    background-color: #f5f5f5
}

.faq-section .accordion,
.tc-content.terms {
    padding-top: 80px
}

.faq-section .accordion .accordion-item {
    border: 0;
    border-radius: 0;
    padding: 16px 0;
    background-color: #f5f5f5;
    border-bottom: 1px solid #ccc
}

.faq-section .accordion .accordion-item i {
    transition: .3s;
    font-size: 20px;
    margin-right: 10px
}

.faq-section .accordion .accordion-button[aria-expanded=true] .fa-question-circle,
.faq-section .accordion .accordion-item:hover .accordion-button i,
.social-share-wrapper .social-share-box ul li button:hover i {
    color: #72bd2f;
    transform: scale(1.1)
}

.faq-section .accordion .accordion-button {
    background-color: #f5f5f5;
    font-weight: 700;
    font-size: 18px;
    color: #111;
    padding-left: 0
}

.faq-section .accordion .accordion-body {
    background-color: #f5f5f5;
    color: #111;
    line-height: 1.5;
    padding-top: 0;
    padding-left: 0
}

.faq-section .accordion .accordion-button:focus {
    box-shadow: none
}

.cannot-find-question {
    position: relative;
    max-width: 1000px;
    margin-bottom: 70px;
    padding: 44px 0;
    border-radius: 10px;
    background-color: #72bd2f;
    box-shadow: 0 12px 32px 0 rgba(0, 0, 0, .08)
}

.cannot-find-question p {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.5;
    text-align: center
}

.cannot-find-question p>a {
    font-style: italic;
    color: #fff
}

.join-team-wrapper {
    position: relative;
    padding-bottom: 40px
}

.join-team-wrapper .join-form-wrapper {
    padding: 32px 32px 0
}

.join-form-wrapper h1 {
    max-width: fit-content;
    font-size: 42px;
    color: #111;
    font-weight: 700;
    margin: 28px 0 70px;
    position: relative
}

.join-form-wrapper h1::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -24px;
    width: 40%;
    height: 6px;
    border-radius: 20px;
    background-color: #72bd2f
}

.join-form-wrapper .btn.btn-primary {
    height: 50px;
    padding: 12px;
    border-radius: 5px;
    margin-top: 60px
}

.join-team-wrapper .form-image {
    position: relative;
    background-image: url(../images/join-team-image.jpg);
    background-size: cover;
    background-position: center;
    height: 100%;
    margin: 24px 0 24px 32px;
    padding: 32px;
    border-radius: 20px;
    z-index: 2
}

.join-team-wrapper .form-image::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    border-radius: 20px;
    background-color: rgba(0, 0, 0, .4);
    z-index: -1;
    backdrop-filter: blur(4px);
    display: none
}

.form-image .image-content h2 {
    font-size: 54px;
    color: #fff;
    font-weight: 700;
    padding-bottom: 20px
}

.form-image .image-content>p {
    font-size: 24px;
    color: #fff;
    font-weight: 700;
    line-height: 1.5;
    padding-bottom: 40px;
    letter-spacing: 1px
}

.form-image .image-content .text-box {
    border: 1px solid #fff;
    border-radius: 5px;
    background-color: rgba(241, 243, 240, .2);
    padding: 12px 16px
}

.form-image .text-box img,
.team-submission-box .thankyou-box .message-icon>img {
    width: 100px
}

.form-image .text-box p {
    font-size: 12px;
    color: #fff;
    line-height: 1.5;
    font-weight: 500
}

.form-image .image-content a {
    color: #fff;
    text-decoration: none
}

.form-image .image-content a:hover svg {
    transform: translateX(3px) translateY(-3px)
}

.team-submission-box .thankyou-box {
    position: relative;
    background-color: #fff;
    padding: 50px 60px;
    max-width: 450px;
    border-radius: 8px;
    text-align: center;
    box-shadow: 0 12px 48px rgba(26, 33, 52, .12)
}

.team-submission-box .thankyou-box .go-back {
    color: #777;
    position: absolute;
    top: 24px;
    right: 24px;
    font-size: 20px
}

.team-submission-box .thankyou-box h1 {
    font-size: 28px;
    color: #111;
    font-weight: 700;
    padding-bottom: 24px
}

.team-submission-box .thankyou-box p {
    color: #444;
    line-height: 1.8;
    font-size: 16px;
    padding-bottom: 60px
}

.thankyou-box .btn.btn-primary {
    border-radius: 5px;
    height: 50px;
    padding: 12px
}

.tc-hero-section {
    background-color: #f5f5f5;
    min-height: 400px;
    text-align: center;
    border-radius: 20px;
    margin-top: 40px
}

.tc-hero-section span {
    color: #444;
    font-weight: 700
}

.tc-content.privacy h2,
.tc-hero-section h1 {
    font-size: 48px;
    color: #72bd2f;
    font-weight: 700;
    padding: 24px 0 32px
}

.tc-hero-section p {
    font-size: 18px;
    color: #444;
    line-height: 1.5
}

.tc-content .color-text {
    color: #72bd2f;
    font-weight: 700
}

.tc-content .text-block {
    padding-bottom: 48px
}

.tc-content .text-block p {
    padding-bottom: 24px;
    font-size: 18px;
    color: #111;
    line-height: 1.5
}

.tc-content h3 {
    font-size: 28px;
    color: #111;
    font-weight: 700;
    padding-bottom: 16px
}

.tc-content.privacy h2 {
    padding: 56px 0;
    border-top: 1px solid #777
}

.tc-content ul li::marker {
    color: #72bd2f
}

.tabs-wrapper {
    padding: 60px 0 100px;
    position: relative
}

.tabs-wrapper--header .nav li {
    padding: 0 16px;
    width: 100%;
    max-width: 25%
}

.tabs-wrapper--header .nav li:first-child {
    padding-left: 0
}

.tabs-wrapper--header .nav li a {
    padding: 20px;
    font-size: 18px;
    font-weight: 700;
    color: #72bd2f;
    background-color: #f5f5f5;
    border: 2px solid #f5f5f5;
    border-radius: 20px 20px 0 0;
    border-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .3s
}

.tabs-wrapper--header .nav li a:hover {
    border-color: #72bd2f
}

.tabs-wrapper--header .nav li.active a {
    color: #fff;
    border-color: #72bd2f;
    background-color: #72bd2f
}

.tabs-wrapper--header .nav li a>.img-fluid {
    max-width: 32px;
    margin-right: 12px
}

.tabs-wrapper .tabs-wrapper--panel {
    padding: 48px 24px;
    border: 1px solid #ccc;
    border-radius: 0 0 10px 10px
}

.tabs-wrapper--panel .panel-controls {
    padding-bottom: 32px;
    border-bottom: 1px solid #ccc
}

.tabs-wrapper--panel .panel-controls .filter-wrapper {
    position: relative;
    z-index: 999
}

.panel-controls .filter-wrapper .filter-wrapper--dropdown {
    display: none;
    width: 100%;
    min-width: 200px;
    position: absolute;
    left: 0;
    top: calc(100% + 15px);
    background-color: #fff;
    border-radius: 10px;
    padding: 32px 24px;
    box-shadow: 0 0 10px 2px rgba(0, 30, 0, .15)
}

.comment-wrapper .comment-box::before,
.panel-controls .filter-wrapper .filter-wrapper--dropdown::before {
    content: "";
    display: block;
    position: absolute;
    top: -7px;
    left: 28px;
    border-color: #000;
    border-left: 8px solid #fff;
    border-bottom: 8px solid #fff;
    border-right: 8px solid transparent;
    border-top: 8px solid transparent;
    transform: translateX(-50%) rotate(135deg);
    box-shadow: -2px 2px 3px rgba(57, 73, 76, .1)
}

.filter-wrapper .filter-wrapper--dropdown ul li>label {
    font-size: 16px;
    color: #777;
    cursor: pointer;
    display: flex;
    align-items: center;
    max-width: fit-content
}

.filter-wrapper .filter-wrapper--dropdown .close-btn {
    position: absolute;
    top: 0;
    right: 0;
    border: 0;
    padding: 0;
    font-size: 20px;
    margin: 12px 16px;
    background-color: transparent
}

.panel-controls .filter-wrapper .btn.btn-secondary {
    padding: 0 16px;
    height: 50px;
    border: 0;
    background-color: #777;
    display: flex;
    align-items: center
}

.panel-controls .filter-wrapper .btn.btn-secondary:hover {
    background-color: #666
}

.panel-controls .filter-wrapper .btn.btn-secondary>img {
    margin-right: 10px;
    width: 24px;
    height: auto
}

.panel-controls .filter-wrapper .btn.btn-secondary>.filter-count {
    font-size: 16px;
    font-weight: 700;
    width: 30px;
    height: 30px;
    margin-left: 18px;
    color: #777;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    background-color: #fff;
    box-shadow: 0 0 18px 0 rgba(0, 0, 0, .32);
    display: none
}

.invoices-blank-container,
.prayer-card .prayer-card--user,
.prayer-card .prayer-count-wrap,
.testimony-card .testimony-card--user {
    align-items: center;
    display: flex
}

.filter-wrapper .filter-wrapper--dropdown input[type=checkbox] {
    border-color: #ccc;
    cursor: pointer;
    padding: 9px;
    margin-top: 0;
    margin-right: 8px
}

.divine-steps-form .detail-info-block .form-check>input,
.divine-steps-form .preferences-info-block .form-check>input,
.modal-checkbox-input input {
    margin-top: 4px;
    height: 18px;
    width: 18px
}

.filter-wrapper .filter-wrapper--dropdown input[type=checkbox]:focus {
    box-shadow: none;
    border-color: #ccc
}

.filter-wrapper .filter-wrapper--dropdown input[type=checkbox]:checked {
    background-color: #72bd2f;
    border-color: #72bd2f
}

.panel-controls .search-bar .input-group-text>i {
    font-size: 24px;
    color: #777
}

.tabs-wrapper .panel-controls .btn.btn-primary {
    height: 50px;
    font-size: 18px;
    font-weight: 700;
    border-radius: 50px;
    padding: 0 36px;
    background-color: #72bd2f;
    border: #72bd2f
}

.tabs-wrapper .panel-controls .btn.btn-primary>img {
    padding-right: 12px;
    width: 32px;
    height: auto;
    transition: .3s
}

.tabs-wrapper .panel-controls .btn.btn-primary:hover img {
    transform: scale(1.15)
}

.tabs-wrapper--panel .prayer-cards-wrapper {
    padding-top: 48px
}

.tabs-wrapper--panel .prayer-cards-wrapper .prayer-card {
    position: relative;
    padding: 24px;
    border-radius: 20px;
    background-color: #fff;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .14)
}

.prayer-cards-wrapper .prayer-card.is-group::before,
.prayer-cards-wrapper .prayer-card.is-urgent:after {
    content: "";
    position: absolute;
    top: 0;
    right: 20px;
    background-image: url(../images/group-tag.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 60px;
    height: 70px
}

.prayer-cards-wrapper .prayer-card.is-urgent:after {
    background-image: url(../images/urgent-tag.png)
}

.prayer-cards-wrapper .prayer-card.is-urgent.is-group:after {
    right: 60px
}

.prayer-card .prayer-card--user>img {
    width: 100%;
    max-width: 80px;
    height: auto;
    margin-right: 20px
}

.prayer-card .prayer-card--user .user-info {
    z-index: 99
}

.prayer-card .prayer-card--user .user-info>h5 {
    font-size: 20px;
    color: #111;
    font-weight: 700
}

.prayer-card .prayer-card--user .user-info>.request-date {
    line-height: 1;
    padding-top: 10px;
    font-size: 16px;
    color: #777
}

.prayer-card .prayer-card--request {
    margin-top: 18px;
    position: relative;
    min-height: 196px
}

.prayer-card .prayer-card--request .request-text {
    font-size: 14px;
    color: #111;
    line-height: 1.7;
    max-height: 170px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
    transition: max-height .3s ease-in-out
}

.prayer-card .prayer-card--request .request-text.expandable {
    max-height: none;
    -webkit-line-clamp: initial
}

.prayer-card .prayer-card--request .expand-text-btn {
    border: 0;
    background-color: transparent;
    color: #777;
    font-size: 14px;
    padding: 0;
    margin-top: 6px
}

.prayer-card .prayer-count-wrap {
    justify-content: center;
    margin-top: 16px
}

.prayer-card .prayer-count-wrap>img {
    width: 22px;
    height: auto;
    margin-right: 8px
}

.prayer-card .comment-share-block {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 36px
}

.comment-wrapper .comment-box,
.social-share-wrapper .social-share-box {
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .24);
    display: none;
    background-color: #fff
}

.comment-share-block .comment-wrapper .btn.btn-primary {
    border-radius: 100px;
    width: 50px;
    height: 50px;
    position: relative;
    background-color: #72bd2f;
    border-color: #72bd2f
}

.comment-share-block .comment-wrapper .btn.btn-primary>img {
    max-width: 24px
}

.comment-wrapper .btn.btn-primary>.comment-count {
    position: absolute;
    left: 100%;
    top: 50%;
    transform: translate(50%, -50%);
    font-size: 16px;
    color: #777
}

.comment-wrapper .comment-box {
    padding: 24px 16px 16px;
    min-width: 300px;
    position: absolute;
    top: calc(100% + 5px);
    left: 0;
    border-radius: 10px;
    z-index: 999
}

.comment-wrapper .comment-box .close-btn {
    border: 0;
    padding: 0;
    font-size: 18px;
    background-color: #fff;
    position: absolute;
    right: 12px;
    top: 12px
}

.comment-wrapper .comment-box .no-comment {
    font-size: 18px;
    color: #111;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    padding: 12px 0 8px
}

.comment-wrapper .comment-box ul {
    max-height: 190px;
    overflow: auto;
    margin-top: 10px
}

.comment-box .comment-input .form-control::-webkit-scrollbar,
.comment-wrapper .comment-box ul::-webkit-scrollbar {
    width: 6px
}

.comment-box .comment-input .form-control::-webkit-scrollbar-track,
.comment-wrapper .comment-box ul::-webkit-scrollbar-track {
    background-color: #ccc;
    border-radius: 50px
}

.comment-box .comment-input .form-control::-webkit-scrollbar-thumb,
.comment-wrapper .comment-box ul::-webkit-scrollbar-thumb {
    background-color: #72bd2f;
    border-radius: 5px
}

.comment-wrapper .comment-box ul>li {
    display: flex;
    align-items: flex-start;
    padding-bottom: 18px
}

.comment-wrapper .comment-box ul>li:last-child,
.divine-meet-step .divine-steps-form.preferences-form h3 {
    padding-bottom: 8px
}

.comment-box .comment-input .img-fluid,
.comment-wrapper .comment-box ul>li>img {
    max-width: 32px
}

.comment-wrapper .comment-box ul>li>.comment-info {
    padding-left: 12px;
    padding-top: 3px
}

.comment-box ul>li>.comment-info h5 {
    font-size: 17px;
    font-weight: 600;
    color: #444;
    flex-wrap: nowrap;
    display: flex;
    align-items: center;
    line-height: 1.3
}

.comment-box ul>li>.comment-info h5>span,
.comment-box ul>li>.comment-info p {
    font-size: 13px;
    font-weight: 500;
    color: #777;
    margin-left: 6px;
    line-height: 1.3
}

.comment-box ul>li>.comment-info p {
    margin-left: 0;
    padding-top: 4px;
    line-height: 1.3
}

.comment-box .comment-input {
    padding-top: 14px;
    margin-top: 16px;
    border-top: 1px solid #444;
    align-items: baseline
}

.comment-box .comment-input .input-group-text {
    border: 0;
    background-color: #fff
}

.comment-box .comment-input .form-control {
    padding: 0 6px 0 0;
    border: none;
    border-radius: 0;
    box-shadow: none;
    font-size: 14px;
    font-weight: 500;
    color: #444;
    resize: none;
    max-height: 30px
}

.comment-box .comment-input .form-control::placeholder {
    font-size: 14px
}

.comment-share-block .social-share-wrapper .share-btn {
    padding: 0;
    border: 0;
    transition: .2s
}

.comment-share-block .social-share-wrapper .share-btn:hover {
    transform: translateY(-2px)
}

.comment-share-block .social-share-wrapper .share-btn img {
    max-width: 20px
}

.social-share-wrapper .social-share-box {
    padding: 4px 16px;
    min-width: 170px;
    position: absolute;
    bottom: calc(100% + 15px);
    right: -15px;
    border-radius: 50px;
    z-index: 99
}

.social-share-wrapper .social-share-box ul {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.social-share-wrapper .social-share-box ul li button {
    padding: 0;
    border: 0;
    font-size: 18px;
    color: #555;
    background-color: #fff
}

.social-share-wrapper .social-share-box>ul>li>.close-btn {
    font-size: 24px;
    color: #111;
    margin-left: 8px
}

.social-share-wrapper .social-share-box>ul>li>.close-btn:hover i {
    color: #111;
    transform: none
}

.prayer-card .praying-btn-group {
    padding-top: 28px;
    display: flex;
    justify-content: center;
    align-items: center
}

.prayer-card .praying-btn-group .btn.btn-primary {
    height: 50px;
    border-radius: 5px
}

.prayer-card .praying-btn-group .btn.btn-primary>img {
    max-width: 24px;
    margin-right: 12px
}

.prayer-card .btn.btn-primary.pray-btn {
    margin-top: auto
}

.add-request-modal .form-check .form-check-label,
.add-testimony-modal .form-check .form-check-label,
.prayer-card .praying-btn-group .group-pray-btn {
    margin-left: 8px
}

.add-request-modal .modal-dialog,
.add-testimony-modal .modal-dialog,
.prayer-submitted-modal .modal-dialog,
.testimony-submitted-modal .modal-dialog {
    max-width: 800px
}

.add-request-modal .modal-content,
.add-testimony-modal .modal-content,
.prayer-submitted-modal .modal-content,
.testimony-submitted-modal .modal-content {
    padding: 60px 50px
}

.add-request-modal .modal-content .btn-close,
.add-testimony-modal .modal-content .btn-close,
.prayer-submitted-modal .modal-content .btn-close,
.testimony-submitted-modal .modal-content .btn-close {
    position: absolute;
    top: 24px;
    right: 24px;
    opacity: 1
}

.add-request-modal .modal-content .form-control,
.add-testimony-modal .modal-content .form-control {
    background-color: #f3f8fa;
    padding: 14px;
    border-radius: 10px;
    resize: none
}

.add-request-modal .priority-block,
.add-testimony-modal .priority-block {
    margin-bottom: 60px
}

.add-request-modal .form-check .form-check-input,
.add-testimony-modal .form-check .form-check-input {
    width: 20px;
    height: 20px;
    margin-top: 2px
}

.add-request-modal .modal-footer p,
.add-testimony-modal .modal-content p,
.prayer-submitted-modal .modal-content p,
.testimony-submitted-modal .modal-dialog p {
    font-size: 16px;
    color: #777;
    line-height: 1.5;
    max-width: 320px
}

.add-request-modal .modal-footer p>a,
.add-testimony-modal .modal-footer p>a {
    text-decoration: underline;
    color: #777
}

.add-request-modal .modal-footer .btn.btn-primary,
.add-testimony-modal .btn.btn-primary,
.prayer-submitted-modal .btn.btn-primary,
.testimony-submitted-modal .btn.btn-primary {
    border-radius: 5px;
    height: 50px;
    width: 210px
}

.prayer-submitted-modal .modal-dialog,
.testimony-submitted-modal .modal-dialog {
    max-width: 450px
}

.prayer-submitted-modal .check-icon>i,
.testimony-submitted-modal .check-icon>i {
    font-size: 80px;
    color: #72bd2f
}

.prayer-submitted-modal .modal-content h2,
.testimony-submitted-modal .modal-content h2 {
    margin-top: 26px
}

.prayer-submitted-modal .modal-content p,
.testimony-submitted-modal .modal-content p {
    margin-top: 14px;
    max-width: none
}

.prayer-submitted-modal .btn.btn-primary,
.testimony-submitted-modal .btn.btn-primary {
    margin-top: 56px
}

.testimony-cards-wrapper .testimony-header {
    max-width: 550px
}

.testimony-cards-wrapper .testimony-header h1 {
    font-size: 32px;
    color: #111;
    font-weight: 700
}

.testimony-cards-wrapper .testimony-header p {
    font-size: 16px;
    color: #777;
    line-height: 1.7;
    margin-top: 10px;
    margin-bottom: 40px
}

.tabs-wrapper--panel .testimony-cards-wrapper .testimony-card {
    padding: 24px;
    border-radius: 20px;
    background-color: #fff;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .14);
    margin-bottom: 24px
}

.testimony-card .testimony-card--user>img {
    width: 100%;
    max-width: 40px;
    margin-right: 12px
}

.testimony-card .testimony-card--user .user-info>h5 {
    font-size: 16px;
    color: #111;
    font-weight: 700
}

.testimony-card .testimony-card--user .user-info .user-id {
    line-height: 1;
    padding-top: 6px;
    font-size: 14px;
    color: #777
}

.testimony-card .testimony-text {
    font-size: 14px;
    color: #777;
    line-height: 1.5;
    padding-top: 16px
}

.testimony-card .date-time-block {
    font-size: 12px;
    color: #111;
    line-height: 1.7;
    font-weight: 500;
    padding-top: 14px
}

.prayerroom-cards-wrapper .upload-period {
    font-size: 20px;
    color: #111;
    line-height: 1.2;
    padding-bottom: 16px
}

.prayerroom-cards-wrapper .prayer-room-cards {
    padding: 24px;
    border-radius: 20px;
    background-color: #fff;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .14)
}

.prayerroom-cards-wrapper .prayer-room-cards p {
    font-size: 18px;
    color: #777;
    line-height: 1.5;
    padding-top: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 9;
    -webkit-box-orient: vertical
}

.prayerroom-cards-wrapper .prayer-room-cards .card-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 24px;
    margin-top: 24px;
    border-top: 1px solid #ccc
}

.prayer-room-cards .card-bottom .btn.download-btn {
    text-decoration: underline;
    font-size: 14px;
    color: #111;
    font-weight: 500;
    padding: 0;
    border: 0
}

.prayer-room-cards .card-bottom .btn.download-btn:hover {
    color: #72bd2f
}

.prayer-room-cards .card-bottom .document-count {
    font-size: 20px;
    color: #72bd2f;
    font-weight: 700;
    line-height: 1
}

.tabs-wrapper--panel.divine-meet-panel {
    padding: 70px 24px
}

.tabs-wrapper--panel .divine-meet-register {
    position: relative
}

.divine-meet-register .divine-register-left .divine-icon {
    max-width: 140px
}

.divine-meet-register .divine-register-left h1 {
    font-size: 40px;
    color: #72bd2f;
    font-weight: 700;
    padding-top: 16px
}

.divine-meet-register .divine-register-left p {
    font-size: 20px;
    color: #777;
    line-height: 1.4;
    max-width: 520px;
    margin: 0 auto;
    padding-top: 24px
}

.divine-meet-register .divine-register-left .couple-img {
    margin-top: 76px
}

.divine-meet-register .divine-register-right {
    padding: 32px 24px;
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .14)
}

.divinemeet-register-form .form-group .form-label {
    color: #777;
    line-height: 1
}

.divinemeet-register-form .btn.btn-primary {
    height: 50px;
    padding: 12px;
    border-radius: 5px;
    margin-top: 16px
}

.tabs-wrapper--panel.divine-steps-panel {
    padding: 0
}

.tabs-wrapper--panel .divine-meet-step .divine-steps-left {
    background-color: #72bd2f;
    padding: 60px 24px;
    max-width: 100%;
    width: 100%;
    border-bottom-left-radius: 10px
}

.divine-steps-left .divine-steps-progress {
    padding-bottom: 90px
}

.divine-steps-left .divine-steps-progress .progress-bar {
    width: 100%;
    height: 12px;
    background-color: #589324;
    border-radius: 5px;
    overflow: hidden
}

.divine-steps-progress .progress-bar .progress-fill {
    height: 12px;
    border-radius: 5px;
    background-color: #c2f098
}

#divien-step-left1 .progress-bar .progress-fill {
    width: 20%
}

#divien-step-left2 .progress-bar .progress-fill {
    width: 40%
}

#divien-step-left3 .progress-bar .progress-fill {
    width: 60%
}

#divien-step-left4 .progress-bar .progress-fill {
    width: 80%
}

#divien-step-left5 .progress-bar .progress-fill {
    width: 100%
}

.divine-steps-left .divine-steps-progress .divine-steps-name {
    display: flex;
    justify-content: space-between
}

.divine-steps-left .divine-steps-progress .divine-steps-name>li {
    font-size: 16px;
    color: #fff;
    font-weight: 500;
    line-height: 1;
    text-align: center;
    padding-top: 16px
}

.divine-meet-step .divine-steps-left h1 {
    font-size: 40px;
    color: #fff;
    font-weight: 700
}

.divine-meet-step .divine-steps-left p {
    font-size: 20px;
    color: #fff;
    line-height: 1.4;
    max-width: 500px;
    margin-top: 12px
}

.divine-meet-step .divine-steps-form {
    padding: 80px 32px 60px 70px
}

.divine-meet-step .divine-steps-form h3 {
    font-size: 24px;
    color: #111;
    font-weight: 700;
    padding-bottom: 40px;
    text-align: center
}

.divine-steps-form .form-group .form-label>button {
    border: 0;
    color: #444;
    font-size: 14px;
    background-color: #fff;
    transition: .2s;
    transform: scale(1.2)
}

.divine-steps-form .upload-file-box {
    border: 2px dashed #777;
    padding: 36px 24px;
    border-radius: 10px;
    text-align: center
}

.upload-icon {
    margin: 0 auto;
    width: 50px;
    height: 50px;
    color: #fff;
    font-size: 28px;
    border-radius: 100px;
    background-color: #72bd2f;
    display: flex;
    align-items: center;
    justify-content: center
}

.divine-steps-form .upload-file-box p {
    font-size: 16px;
    color: #777;
    font-weight: 700;
    line-height: 1.7;
    margin-top: 24px
}

.divine-steps-form .upload-file-box .btn.btn-primary {
    background-color: #fff;
    border: 2px solid #72bd2f;
    border-radius: 5px;
    color: #72bd2f;
    font-size: 16px;
    margin-top: 24px
}

.divine-steps-form .upload-instruction li {
    font-size: 16px;
    color: #777;
    line-height: 1.75
}

.divine-steps-form .upload-instruction li::marker {
    color: #72bd2f
}

.divine-steps-form .data-protection-note {
    font-size: 16px;
    color: #999;
    line-height: 1.5;
    padding-top: 24px
}

.divine-steps-form .form-btn-group {
    margin-top: 60px;
    display: flex;
    justify-content: end
}

.divine-steps-form .form-btn-group .btn.btn-primary {
    height: 50px;
    padding: 10px;
    border-radius: 5px;
    width: 100%;
    max-width: 150px
}

.divine-steps-form .form-btn-group .btn.btn-primary.back-btn {
    background-color: #fff;
    color: #72bd2f;
    margin-right: 16px
}

.divine-steps-form .form-btn-group .btn.btn-primary.back-btn:hover {
    background-color: #72bd2f1e
}

.quality-video-popup.modal .modal-dialog {
    max-width: 600px;
    position: relative;
    border-radius: 10px
}

.quality-video-popup.modal .modal-dialog .modal-content {
    padding: 52px 32px 16px;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .14)
}

.quality-video-popup.modal .btn-close {
    position: absolute;
    top: 20px;
    right: 20px
}

.quality-video-popup.modal h1 {
    font-size: 24px;
    color: #72bd2f;
    font-weight: 700;
    line-height: 1.25;
    padding-bottom: 36px;
    text-align: center;
    max-width: 450px;
    margin: 0 auto
}

.quality-video-popup.modal .quality-instruction li {
    padding-bottom: 18px
}

.quality-video-popup.modal .quality-instruction li::marker {
    font-size: 14px;
    font-weight: 700;
    color: #111
}

.quality-video-popup.modal .quality-instruction li>h5 {
    font-size: 14px;
    color: #111;
    font-weight: 700;
    padding-bottom: 6px
}

.quality-video-popup.modal .quality-instruction li>p {
    font-size: 14px;
    color: #111;
    line-height: 1.5
}

.divine-meet-step .divine-steps-form.details-form h3,
.divine-steps-form.interests-form h3 {
    padding-bottom: 56px
}

.divine-steps-form.summary-form textarea.form-control {
    resize: none
}

.divine-steps-form.summary-form textarea.form-control::placeholder {
    color: #777;
    font-size: 16px;
    line-height: 1.75
}

.divine-steps-form.summary-form .word-limit {
    font-size: 11px;
    color: #777
}

.divine-steps-form.summary-form .summary-note {
    font-size: 14px;
    color: #777;
    margin-top: 48px
}

.divine-steps-form.summary-form .form-btn-group {
    margin-bottom: 170px;
    margin-top: 120px
}

.divine-steps-form .interest-category h5 {
    font-size: 16px;
    color: #111;
    font-weight: 700;
    margin-bottom: 8px
}

.interest-category .interest-pill {
    margin-right: 12px;
    margin-bottom: 16px
}

.interest-category .interest-pill .interest-label {
    display: inline-block;
    padding: 6px 16px;
    border-radius: 50px;
    cursor: pointer;
    background-color: #f5f5f5;
    font-size: 14px
}

.divine-meet-step .divine-steps-form.preferences-form .divine-form-subhead {
    font-size: 14px;
    color: #777;
    padding-bottom: 24px
}

.divine-steps-form .detail-info-block h5,
.divine-steps-form .preferences-info-block h5 {
    font-size: 16px;
    color: #111;
    padding-bottom: 14px
}

.divine-steps-form .detail-info-block .form-check,
.divine-steps-form .preferences-info-block .form-check {
    margin-bottom: 14px
}

.divine-steps-form .detail-info-block .form-check:last-child,
.divine-steps-form .preferences-info-block .form-check:last-child {
    margin-bottom: 0
}

.divine-steps-form .slider.slider-horizontal {
    width: 100%;
    height: 20px
}

.divine-steps-form .slider-selection {
    background: #72bd2f;
    box-shadow: none
}

.divine-steps-form .slider.slider-horizontal .slider-handle {
    margin-left: -4px;
    background-color: #72bd2f;
    cursor: pointer;
    background-image: none;
    width: 18px;
    height: 18px;
    margin-top: -2px
}

.divine-steps-form .slider:hover .tooltip {
    opacity: 1;
    transition: opacity .3s
}

.divine-steps-form .slider.slider-horizontal .tooltip {
    transform: none;
    position: absolute;
    top: calc(100% - 24px);
    left: 0
}

.divine-steps-form .slider.slider-horizontal .tooltip .tooltip-inner {
    width: 40px;
    height: 35px;
    color: #111;
    text-align: center;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 10px 2px rgba(0, 30, 0, .15);
    transform: none;
    padding: 8px 3px 0 0;
    margin-left: 6px
}

.divine-steps-form .slider.slider-horizontal .tooltip .arrow {
    border-top-color: #fff;
    border-width: 7px;
    left: 50%;
    top: 100%;
    transform: translate(-50%, -50%);
    margin-left: 0;
    position: absolute
}

.divine-steps-form .slider.slider-horizontal .slider-track {
    height: 6px;
    cursor: default;
    background-color: #ccc;
    background-image: none;
    box-shadow: none;
    border-radius: 0
}

.tabs-wrapper--panel .review-request-wrapper h2 {
    font-size: 36px;
    color: #111;
    font-weight: 700
}

.review-request-wrapper .review-item {
    padding-bottom: 26px
}

.review-request-wrapper .review-item .item-label {
    display: inline-block;
    font-size: 20px;
    color: #111;
    font-weight: 600;
    line-height: 1.4;
    margin-bottom: 8px
}

.review-request-wrapper .review-item .edit-request-btn {
    border: 1px solid #ccc;
    font-size: 14px;
    color: #111;
    padding: 3px 8px;
    margin-left: 10px
}

.review-request-wrapper .review-item .edit-request-btn:hover {
    border: 1px solid #eee;
    background-color: #eee
}

.tabs-wrapper--panel .panel-empty-wrapper {
    min-height: 80vh;
    display: flex;
    align-items: center;
    justify-content: center
}

.tabs-wrapper--panel .panel-empty-wrapper .img-fluid {
    max-width: 150px
}

.tabs-wrapper--panel .panel-empty-wrapper h2 {
    font-size: 48px;
    color: #72bd2f;
    font-weight: 700;
    padding-top: 40px
}

.screening-features li {
    position: relative;
    padding-left: 30px
}

.screening-features li::before {
    content: url("http://mysight.test/wp-content/uploads/2025/05/check.png");
    position: absolute;
    left: 0;
    top: -1px
}

.modal-checkbox-input input {
    margin-bottom: 5px
}

.modal-checkbox-input .form-check {
    margin-bottom: 10px
}

.review-request-wrapper .review-btn-group .btn.btn-primary.cancel-btn {
    background-color: #fff;
    color: #72bd2f;
    margin-right: 10px
}

.review-request-wrapper .review-btn-group .btn.btn-primary {
    height: 50px;
    border-radius: 5px;
    width: 130px
}

.Confirm-button-modal {
    height: 50px !important;
    border-radius: 5px !important;
    margin-top: 20px
}

.Thank-modal-content p {
    font-size: 18px;
    line-height: 30px;
    font-weight: 500;
    padding: 0;
    margin: 0
}

#match-container .match-area .img-fluid2 {
    border-radius: 100px;
    max-width: 190px;
    width: 190px;
    min-height: 188px;
    height: 188px;
    object-fit: cover
}

#match-container .match-area {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-top: 32px
}

#match-container .action-buttons .btn.btn-primary.reject-match:hover {
    background-color: #ff292e;
    color: #fff;
    border-color: #ff292e
}

#match-container .action-buttons .btn.btn-primary {
    background-color: #72bd2f;
    font-size: 18px;
    font-weight: 700;
    border: 2px solid #72bd2f
}

#match-container p.command-text {
    font-size: 16px;
    color: #777;
    font-weight: 600;
    margin-top: 40px
}

#no-comment img {
    border-radius: 100px;
    width: 50px;
    height: 50px;
    position: relative;
    background-color: #72bd2f;
    border-color: #72bd2f;
    padding: 9px
}

.prayer-card .prayer-card--request .request-text p {
    font-size: 14px;
    color: #111;
    line-height: 1.7
}

.img-fluid44 {
    width: 100%;
    max-width: 80px !important;
    height: 80px !important;
    margin-right: 20px;
    border-radius: 100px
}

#prayer-request-list {
    position: relative;
    min-height: 700px
}

#prayer-request-list .loading {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 55px;
    height: 55px;
    background: url("/wp-content/themes/mysight/assets/images/loader.svg") center/cover no-repeat
}

.comment-user-img img {
    width: 32px !important;
    height: 32px !important;
    border-radius: 100px !important
}

.group-contact-icon {
    position: absolute;
    top: 0;
    right: 20px
}

.group-contact-icon img {
    width: 60px;
    height: 70px
}

.img-testimony-fluid {
    width: 40px;
    height: 40px;
    border-radius: 100px
}

.form-control-comment:focus {
    border: none !important;
    outline: 0
}

#comment-submit {
    background: #72bd2f;
    border: none;
    font-size: 16px;
    font-weight: 600;
    padding: 5px 10px
}

.invoice-box .invoice-user-pic {
    border-radius: 100%;
    margin-top: -15px
}

.auto-hide-message {
    position: absolute !important;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 36px;
    box-shadow: 0 4px 16px 0 rgba(96, 101, 123, .14);
    background: #fff;
}